.part-user.fooldaliboxok {
    width: 90%;
    margin:auto;
}

.part-user.fooldaliboxok .com-content {
   display: -webkit-flex;
    display: flex;        
    -webkit-justify-content: center;
    justify-content: center;    
     -webkit-align-content: flex-start;
    align-content: flex-start;
     -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    
}


.part-user.fooldaliboxok .com-content > div  {   
    margin: 10px;
    height: 400px;    
    width: 280px;   
}


.part-user.fooldaliboxok .com-content > div > div span {
    padding:  10px;    
    color: inherit;
   font-size: inherit;
}

.part-user.fooldaliboxok .com-content > div > div:first-child {
    height: 250px;
    display: -webkit-flex;
    display: flex; 
     -webkit-flex-direction: column;
    flex-direction: column;
     -webkit-justify-content: flex-end;
    justify-content: flex-end;
} 

.part-user.fooldaliboxok .com-content > div > div:nth-child(2) {      
    display: -webkit-flex;
    display: flex;      
     -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 80%;
    height: 130px;
    position: relative;
    top: -20px;
    left: 10%;     
    color: white;
    font-size: 0.9em;
    padding: 5px;
} 

.part-user.fooldaliboxok .com-content > div > div:nth-child(2) {
    background: rgba(30,50,115,1);
}
.part-user.fooldaliboxok .com-content > div > div:nth-child(2)::before {
    content:'';
    position: absolute;
    background-size: 100% 20px;
    top: -18px;
    left: 0;
    width: 100%;
    height:20px;
}

.part-user.fooldaliboxok .com-content  div > div:nth-child(2) img {
    width: 40px;
    height: 40px;
    margin: 10px 0 10px 5px;
}


.part-user.fooldaliboxok .com-content > div.jarmuipar div { background: #24356F !important; }
.part-user.fooldaliboxok .com-content > div.logisztika div { background: #F8AA0D !important; }
.part-user.fooldaliboxok .com-content > div.elelmiszeripar div { background: #E66410 !important; }
.part-user.fooldaliboxok .com-content > div.elettudomanyok div { background: #97155B !important; }
.part-user.fooldaliboxok .com-content > div.orvostechnika div { background: #EE7964 !important; }
.part-user.fooldaliboxok .com-content > div.energia div { background: #9BC428 !important; }
.part-user.fooldaliboxok .com-content > div.ssc div { background: #009C8C !important; }
.part-user.fooldaliboxok .com-content > div.ict div { background: #6F6F74 !important; }
.part-user.fooldaliboxok .com-content > div.elektronika div { background: #6FA0BF !important; }
.part-user.fooldaliboxok .com-content > div.hipa div {background: #008CC8 !important;}

.part-user.fooldaliboxok .com-content > div > div.cim {  background: #FFF !important; }

.part-user.fooldaliboxok .com-content > div.jarmuipar       div:nth-child(2)::before { background: url('../gfx/fooldali_boxok/newsbox-1.svg') no-repeat top left !important; }
.part-user.fooldaliboxok .com-content > div.logisztika      div:nth-child(2)::before { background: url('../gfx/fooldali_boxok/newsbox-2.svg') no-repeat top left !important; }
.part-user.fooldaliboxok .com-content > div.elelmiszeripar  div:nth-child(2)::before { background: url('../gfx/fooldali_boxok/newsbox-3.svg') no-repeat top left !important; }
.part-user.fooldaliboxok .com-content > div.elettudomanyok  div:nth-child(2)::before { background: url('../gfx/fooldali_boxok/newsbox-4.svg') no-repeat top left !important; }
.part-user.fooldaliboxok .com-content > div.orvostechnika   div:nth-child(2)::before { background: url('../gfx/fooldali_boxok/newsbox-5.svg') no-repeat top left !important; }
.part-user.fooldaliboxok .com-content > div.energia         div:nth-child(2)::before { background: url('../gfx/fooldali_boxok/newsbox-6.svg') no-repeat top left !important; }
.part-user.fooldaliboxok .com-content > div.ssc             div:nth-child(2)::before { background: url('../gfx/fooldali_boxok/newsbox-7.svg') no-repeat top left !important; }
.part-user.fooldaliboxok .com-content > div.ict             div:nth-child(2)::before { background: url('../gfx/fooldali_boxok/newsbox-8.svg') no-repeat top left !important; }
.part-user.fooldaliboxok .com-content > div.elektronika     div:nth-child(2)::before { background: url('../gfx/fooldali_boxok/newsbox-9.svg') no-repeat top left !important; }
.part-user.fooldaliboxok .com-content > div.hipa            div:nth-child(2)::before { background: url('../gfx/fooldali_boxok/newsbox-hipa.svg') no-repeat top left !important; }

.part-user.fooldaliboxok .com-content > div > div:nth-child(2) {
	background-size: 20% !important;
	background-position: 10px 10px !important;
	background-repeat: no-repeat !important;
	padding-left: 60px;
	box-sizing: border-box;
}

.part-user.fooldaliboxok .com-content > div.jarmuipar > div:nth-child(2) { background-image: url('../../../gfx/fomenu/automotiv.svg') !important; }
.part-user.fooldaliboxok .com-content > div.logisztika > div:nth-child(2) { background-image: url('../../../gfx/fomenu/logistics.svg') !important; }
.part-user.fooldaliboxok .com-content > div.elelmiszeripar > div:nth-child(2) { background-image: url('../../../gfx/fomenu/food.svg') !important; }
.part-user.fooldaliboxok .com-content > div.elettudomanyok > div:nth-child(2) { background-image: url('../../../gfx/fomenu/life.svg') !important; }
.part-user.fooldaliboxok .com-content > div.orvostechnika > div:nth-child(2) { background-image: url('../../../gfx/fomenu/medical.svg') !important; }
.part-user.fooldaliboxok .com-content > div.energia > div:nth-child(2) { background-image: url('../../../gfx/fomenu/renewable.svg') !important; }
.part-user.fooldaliboxok .com-content > div.ssc > div:nth-child(2) { background-image: url('../../../gfx/fomenu/ssc.svg') !important; }
.part-user.fooldaliboxok .com-content > div.ict > div:nth-child(2) { background-image: url('../../../gfx/fomenu/information.svg') !important; }
.part-user.fooldaliboxok .com-content > div.elektronika > div:nth-child(2) { background-image: url('../../../gfx/fomenu/electronics.svg') !important; }
.part-user.fooldaliboxok .com-content > div.hipa > div:nth-child(2) { background-image: url('../../../gfx/fomenu/hipa-logo.png') !important; }


/* Egysoros */

.part-user.fooldaliboxok.egysoros .com-content > div { width: 228px; }

.part-user.fooldaliboxok.egysoros .com-content  div > div:nth-child(2) img { margin: 10px 0 10px 5px; }

.part-user.fooldaliboxok .com-content > div > div span {padding: 10px 10px 10px 5px;text-transform: uppercase;}

.part-user.fooldaliboxok .com-content > div > div img { width: 100%; height: auto; }

/* Egysoros vege */

.part-user h1,
.part-user h2,
.part-user h3,
.part-user h4,
.part-user h5,
.part-user h6{
    text-transform: uppercase !important;
}
  
body.fo header .slogen-title h1 {
    color: white;
   
    margin: 50px 0 0 50%;
    font-size: 46px!important;
}

.part-user.block-cim,
.part-user.block-1,
.part-user.block-2,
.part-user.block-3,
.part-user.block-4,
.part-user.block-5,
.part-user.block-6,
.part-user.block-7 {    
  /*  margin-left: -15px; 
    margin-right: -15px; */   
    width: 100%;
   
}

/*----------------------------------------------------------------------------------------------------*/

.part-user.block-cim {     
    padding: 0;
    margin-top: -1px;     
    height: 200px;           
}  


.part-user.automotiv-block.block-cim {    
    background: transparent url('../../../gfx/block_cim_bg.svg') top center no-repeat;
    background-size: cover;    
}  

.part-user.life-block.block-cim {       
    background: transparent url('../../../gfx/block_cim_bg_life.svg') top center no-repeat;     
    background-size: cover;
}  

.part-user.ssc-block.block-cim {       
    background: transparent url('../../../gfx/block_cim_bg_ssc.svg') top center no-repeat;     
    background-size: cover;
}  

.part-user.electronics-block.block-cim {       
    background: transparent url('../../../gfx/block_cim_bg_electronics.svg') top center no-repeat;     
    background-size: cover;
} 

.part-user.information-block.block-cim {       
    background: transparent url('../../../gfx/block_cim_bg_info.svg') top center no-repeat;     
    background-size: cover;
} 

.part-user.logistic-block.block-cim {       
    background: transparent url('../../../gfx/block_cim_bg_logistics.svg') top center no-repeat;     
    background-size: cover;
} 

.part-user.food-block.block-cim {       
    background: transparent url('../../../gfx/block_cim_bg_food.svg') top center no-repeat;     
    background-size: cover;
} 
.part-user.renewable-block.block-cim {       
    background: transparent url('../../../gfx/block_cim_bg_renew.svg') top center no-repeat;     
    background-size: cover;
} 

.part-user.medical-block.block-cim {       
    background: transparent url('../../../gfx/block_cim_bg_medical.svg') top center no-repeat;     
    background-size: cover;
} 

.part-user.hipa-block.block-cim {       
    background: transparent url('../../../gfx/block_cim_bg_hipa.svg') top center no-repeat;     
    background-size: cover;
} 




.part-user.block-cim h1 { 
    color: #fff; 
    font-family: 'nerislight';     
    margin:0 ;
    padding: 30px 5vw 50px 5vw; 
    text-transform: uppercase;   
    text-align: center;
}  

/*------------------------------------------------------------------------------------*/


.part-user.block-1 {   text-align: center;  } 


.part-user.block-1 div.component-body {
    width: 100%;
    height: 100%;   
    margin: 50px auto 50px auto;    
}

.part-user.block-1 div.opinion {  
    margin: 50px auto; 
    display: -webkit-flex;
    display: flex;
     -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width: 90%;
    height: auto;       
}

.part-user.block-1 div.opinion:nth-child(even) .text-wrapper {
    text-align: left;
}

.part-user.block-1 div.opinion:nth-child(odd) .text-wrapper {
    text-align: right;
}

.part-user.block-1 div.opinion img.portrait {
    display: inline-block;    
    border-radius: 50%; 
    border: 10px solid white;        
    width: 200px;
    height: 200px;
    align-self: center;
    z-index: 999999;
    position: relative;
}

.part-user.block-1 div.opinion div.pic_bef {
    width: 450px;    
    
}
.part-user.block-1 div.opinion div.pic_bef img.portrait {
    max-width: 40%; 
    height:auto;     
    display: inline-block;    
    border-radius: 50%; 
    border: 10px solid white;            
    z-index: 999999;
    position: relative;
   
}
.part-user.block-1 div.opinion div.pic_bef img.logo-flekk {
    max-width: 50%; 
    height: auto;   
    margin: 0;
 
}


.part-user.block-1 div.opinion .text-wrapper { width: 500px; }



.part-user.block-1 div.opinion:nth-child(even) .text-wrapper p {
    text-align: left;
}

.part-user.block-1 div.opinion:nth-child(odd) .text-wrapper p {
    text-align: right;
}



.part-user.block-1 div.opinion:nth-child(even) img.portrait { margin: 0 20px 0 0; }

.part-user.block-1 div.opinion:nth-child(odd) img.portrait { margin: 0  0 0 20px; }


.part-user.automotiv.block-1 div.opinion img.portrait {  box-shadow: 0 0 0 20px rgba(30,50,115,1); }

.part-user.ssc-block.block-1 div.opinion img.portrait { box-shadow: 0 0 0 20px rgba(0,155,140,1); }

.part-user.life-block.block-1 div.opinion img.portrait {  box-shadow: 0 0 0 20px rgba(150,15,90,1); }

.part-user.electronics-block.block-1 div.opinion img.portrait { box-shadow: 0 0 0 20px rgba(110,160,190,1); }

.part-user.renewable-block.block-1 div.opinion img.portrait { box-shadow: 0 0 0 20px rgba(155,200,30,1); }

.part-user.logistic-block.block-1 div.opinion img.portrait { box-shadow: 0 0 0 20px rgba(250,170,0,1); }

.part-user.food-block.block-1 div.opinion img.portrait { box-shadow: 0 0 0 20px rgba(230,100,15,1); }

.part-user.information-block.block-1 div.opinion img.portrait { box-shadow: 0 0 0 20px rgba(110,110,115,1); }

.part-user.medical-block.block-1 div.opinion img.portrait { box-shadow: 0 0 0 20px rgba(241,136,115,1); }







.part-user.block-1 div.opinion .text-wrapper p.velemeny {     
       
    font-size: 20px;
}

.part-user.block-1 div.opinion  .text-wrapper p.nev {    
    font-size: 20px;
    font-family: 'nerisblack';    
}



/*----------------------------------------------------------------------------------------------------------------------------*/

.part-user.block-2 {      
    position: relative;
    width: 100%;           
}

.part-user.ssc-block.block-2.nth2 {
    margin: 0 0 200px;
}

.part-user.automotiv.block-2 {            
    background: transparent url('../gfx/automotive/automotiv-pic-1.jpg') no-repeat center center;  
     background-size: cover;     
}

.part-user.electronics.block-2 {            
    background: transparent url('/images/electronics/electronics_block_2.jpg') no-repeat center center;  
     background-size: cover;  
    height: 600px;
}

.part-user.ssc-block.block-2 {            
    background: transparent url('/images/ssc/office_speed_light.jpg') no-repeat center center;  
     background-size: cover;  
    height: 40vw;
}
.part-user.ssc-block.block-2.nth2 {            
    background: transparent url('/images/ssc/budapest.jpg') no-repeat center top;  
     background-size: 120% auto;  
    height: 50vw;
}

.part-user.information-block.block-2 {            
    background: transparent url('/images/ict/offices.jpg') no-repeat center top;  
     background-size: cover;  
    height: 30vw;
}

.part-user.food-block.block-2 {            
    background: transparent url('/images/food/hu-field.jpg') no-repeat center top;  
     background-size: cover;  
    height: 30vw;
}

.part-user.medical-block.block-2 {            
    background: transparent url('/images/medical/chemical.jpg') no-repeat  center top;  
     background-size: cover;  
    height: 40vw;
}


.part-user.ssc-block.block-2.nth2 .circle-flekk .icon-1 a {
    background: white url('../gfx/ssc/ssc-lang-icon-3.svg') no-repeat 50% 50%;
    background-size: 60% auto;       
}

.part-user.ssc-block.block-2.nth2 .circle-flekk .icon-1 a:hover {
    background: white url('../gfx/ssc/ssc-lang-icon-3-h.svg') no-repeat 50% 50%;
    background-size:  65% auto;
}

.part-user.block-2 .component-body {
    width: 100%;
    height: 100%;   
}

.part-user.block-2 .com-content {
    display: -webkit-flex;
    display: flex; 
    width: 100%;
    height: 100%;   
}

.part-user.block-2.nth2 .com-content {  display: block; padding: 100px 0; }

.part-user.block-2 img,
.part-user.block-2 p img { 
    margin: 100px auto;
    display: block;     
    width: 50vw;
    height: auto; 
    
}

.part-user.block-2::before {
    content: "";
    position: absolute;
    top:0;
    right:0; 
    width: 100%;
    height: 100px;
    background: transparent url('../../../gfx/gray-after-bg.svg') no-repeat right bottom;
    background-size: auto 100%;    

}

.part-user.block-2::after {
    content: "";
    position: absolute;
    bottom:0;
    left:0; 
    width: 100%;
    height: 100px;
    background: transparent url('../../../gfx/gray-before-bg.svg') no-repeat left bottom;
    background-size: auto 100%;    
}

.part-user.block-2.nth2 .com-content h2 {
    color: white;
    text-align: center;
}

.part-user.block-2.nth2 .com-content hr {
   width: 200px;
   margin: 15px auto 20px auto;
   border-top: 4px dotted white;
}

.part-user.block-2.nth2 .com-content .edu-icons .circle-flekk p {
    text-shadow: 0 0 4px #000;
     font-family: 'nerisblack';
}

.part-user.block-2.nth2 .com-content .bp-circle-pic {
     display: -webkit-flex;
    display: flex;
     -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    bottom:-100px;
    z-index: 9999999;
}
.part-user.block-2.nth2 .com-content .bp-circle-pic div {
    width: 15vw;
    height: 15vw;    
    margin: 3vw;
    border: 20px solid #eee;
    border-radius: 50%;    
    position: relative;
}

.part-user.block-2.nth2 .com-content .bp-circle-pic div:before {
    content: '';
    background: url('../gfx/ssc/ssc-circle-shadow.svg') no-repeat center center;
    background-size:  100% 100%;
    width: 12vw;
    height: 6vw;
    position: absolute;
    bottom: -50px;  
    z-index: -99999;
}


.part-user.block-2.nth2 .com-content .bp-circle-pic div a {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.part-user.block-2.nth2 .com-content .bp-circle-pic div:nth-child(1) a {
    background: url('/images/ssc/budapest-pic-1.jpg') no-repeat center center;
    background-size: contain;
}

.part-user.block-2.nth2 .com-content .bp-circle-pic div:nth-child(2) a {
    background: url('/images/ssc/budapest-pic-2.jpg') no-repeat center center;
    background-size: contain;
}

.part-user.block-2.nth2 .com-content .bp-circle-pic div:nth-child(3) a {
    background: url('/images/ssc/budapest-pic-3.jpg') no-repeat center center;
    background-size: contain;
}


/*----------------------------------------------------------------------------------------------------------------------------*/

.part-user.block-3 {       
    
    margin-top: 50px;    
    margin-bottom: 200px;
} 

.part-user.block-3 .component-body {
    width: 100%;
    height:100%;
    display: -webkit-flex;
    display: flex; 
    /*! margin: auto; */
}

.part-user.block-3 .com-content {        
    margin: auto;   
    text-align: right;         
}

.part-user.block-3 .com-content .title_bef {
    display: -webkit-flex;
    display: flex;    
     -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 30px;    
}

.part-user.block-3 .com-content .title_bef  h2 {
    
    padding: 20px !important;
    margin: 0 !important;
    font-family: 'nerissemibold';
}

.part-user.block-3 .com-content .title_bef  img {      
    margin: 0;
    padding: 0;   
    width: 80px;
    height: auto;
}

.part-user.block-3 .com-content  h3 {
    font-family: 'nerissemibold';
    font-size: 30px;
    margin: 0;
    padding: 0;
}

.part-user.block-3 .com-content p {
    margin: 0 0 30px 0;
    padding: 0;
    font-size: 20px;
}

.part-user.block-3 .com-content img {
    width: 80vw;
    height: auto;
}



/*--------------------------------------------------------------------------------------------------*/


.part-user.block-4 {  position: relative; margin-top: 150px   }

.part-user.automotiv.block-4 {background:rgba(30,50,115,1);}

.part-user.life-block.block-4 {background: rgba(150,15,90,1); /*! margin: 100px 0 0 0 ; */}



.part-user.block-4::before {
    content: "";
    position: absolute;
    top:-200px;
    left:0; 
    width: 100%;
    height: 200px;   
     
}

.part-user.automotiv.block-4::before {
    background: transparent url('../../../gfx/blue-before-bg.svg') no-repeat left bottom;
    background-size: auto 100%;   
}

.part-user.life-block.block-4::before { 
    background: transparent url('../../../gfx/life-before-bg.svg') no-repeat left bottom;
    background-size: auto 100%;   
}

.part-user.block-4::after {
    content: "";
    position: absolute;
    bottom:-200px;
    right:0; 
    width: 100%;
    height: 200px;      
}

.part-user.automotiv.block-4::after {
    background: transparent url('../../../gfx/blue-after-bg.svg') no-repeat right bottom;
    background-size: auto 100%; 
}
.part-user.life-block.block-4::after {
    background: transparent url('../../../gfx/life-after-bg.svg') no-repeat right bottom;
    background-size: auto 100%; 
}

.part-user.block-4 div.component-body {
   width: 100%;
   height: 100%;    
   padding-bottom: 100px;
}

.part-user.block-4 div.component-body div.com-content {
  
}
.part-user.block-4 div.component-body div.com-content h2 {
    color: white;
    margin: 50px 0 10px 0;
    font-size: 40px;
}

.part-user.block-4 div.component-body div.com-content hr {
    width: 200px;
    margin: 0 auto 50px auto;
    border-top: 4px dotted white;
}

.part-user .full-bef,
.part-user  .edu-icons {
    display: -webkit-flex;
    display: flex;    
     -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;   
}

.part-user .edu-icons .circle-flekk {
    text-align: center;       
    margin: 30px 30px 0 30px !important;
}

.part-user .edu-icons .circle-flekk .edu-icon  {
    width: 120px;
    height: 120px;    
    border-radius: 50%;   
    display: -webkit-flex;
    display: flex;    
     -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 auto;
    box-shadow:  0 0 30px rgba(0,0,0,.3);
}

.part-user.automotiv .edu-icons .circle-flekk .edu-icon  {
    background:  rgba(82,103,157,1); 
    background: -webkit-linear-gradient( 180deg, rgba(30,50,115,1), rgba(82,103,157,1)); 
    background: -o-linear-gradient( 180deg,  rgba(30,50,115,1), rgba(82,103,157,1));
    background: -moz-linear-gradient( 180deg,  rgba(30,50,115,1), rgba(82,103,157,1)); 
    background: linear-gradient( 180deg,  rgba(30,50,115,1), rgba(82,103,157,1)); 
}

.part-user.life-block .edu-icons .circle-flekk .edu-icon  {
    background:  rgba(174,0,90,1); 
    background: -webkit-linear-gradient( 180deg, rgba(150,30,90,1), rgba(174,0,90,1)); 
    background: -o-linear-gradient( 180deg,  rgba(150,30,90,1), rgba(174,0,90,1));
    background: -moz-linear-gradient( 180deg,  rgba(150,30,90,1), rgba(174,0,90,1)); 
    background: linear-gradient( 180deg,  rgba(150,30,90,1), rgba(174,0,90,1)); 
}

.part-user.ssc-block .edu-icons .circle-flekk .edu-icon  {
    background:  rgba(77,194,186,1); 
    background: -webkit-linear-gradient( 180deg, rgba(0,155,140,1), rgba(77,194,186,1)); 
    background: -o-linear-gradient( 180deg,  rgba(0,155,140,1), rgba(77,194,186,1));
    background: -moz-linear-gradient( 180deg,  rgba(0,155,140,1), rgba(77,194,186,1)); 
    background: linear-gradient( 180deg,  rgba(0,155,140,1), rgba(77,194,186,1)); 
}

.part-user.information-block .edu-icons .circle-flekk .edu-icon  {
    background:  rgba(110,110,115,1); 
    background: -webkit-linear-gradient( 180deg,rgba(175,170,190,1), rgba(110,110,115,1)); 
    background: -o-linear-gradient( 180deg, rgba(175,170,190,1),rgba(110,110,115,1));
    background: -moz-linear-gradient( 180deg, rgba(175,170,190,1),rgba(110,110,115,1)); 
    background: linear-gradient( 180deg, rgba(180,180,180,1), rgba(110,110,115,1)); 
}

.part-user.food-block .edu-icons .circle-flekk .edu-icon  {
    background:  rgba(230,100,15,1); 
    background: -webkit-linear-gradient( 180deg, rgba(247,149,66,1), rgba(230,100,15,1)); 
    background: -o-linear-gradient( 180deg, rgba(247,149,66,1),rgba(230,100,15,1));
    background: -moz-linear-gradient( 180deg, rgba(247,149,66,1),rgba(230,100,15,1)); 
    background: linear-gradient( 180deg, rgba(247,149,66,1),rgba(230,100,15,1)); 
}

.part-user.medical-block .edu-icons .circle-flekk .edu-icon  {
    background:  rgba(230,100,15,1); 
    background: -webkit-linear-gradient( 180deg, rgba(241,136,115,1), rgba(209,87,63,1)); 
    background: -o-linear-gradient( 180deg, rgba(241,136,115,1),rgba(209,87,63,1));
    background: -moz-linear-gradient( 180deg, rgba(241,136,115,1),rgba(209,87,63,1)); 
    background: linear-gradient( 180deg,rgba(241,136,115,1),rgba(209,87,63,1)); 
}

.part-user.food-block.block-5 div.icon-2 {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: white;
    margin: 30px auto 0 auto;
}

.part-user.food-block.block-5 div.icon-2 a {
    display: block;
    width: 100%;
    height: 100%;
    background: url('../gfx/food/food-gmo-free-icon-2.svg') no-repeat center center;
    background-size: 50% auto;
}

.part-user .circle-flekk a {
    border-radius: 50%;           
    width: 75%;
    height: 75%;     
    transition: all 30ms  ease-out;   
}

.part-user .circle-flekk a {
     transition: all 30ms  ease-out; 
}

.part-user.automotiv .circle-flekk a  { border: 6px solid rgba(30,50,115,1); }

.part-user.life-block .circle-flekk a  { border: 6px solid rgba(65,15,40,1); }

.part-user.electronics .circle-flekk a  { border: 6px solid rgba(38,91,122,1); }

.part-user.ssc-block .circle-flekk a  { border: 6px solid rgba(0,109,104,1); }

.part-user.information-block .circle-flekk a  { border: 6px solid rgba(114,111,128,1); }

.part-user.food-block .circle-flekk a  { border: 6px solid rgba(113,56,22,1); }

.part-user.medical-block .circle-flekk a  { border: 6px solid rgba(209,87,63,1); }





.part-user.block-4 .circle-flekk .icon-1 a {
   
    background: white url('../gfx/automotive/german-model.svg') no-repeat 50% 50%;
   background-size: 50% 50%;
}
.part-user.block-4 .circle-flekk .icon-1 a:hover {
    background: white   url('../gfx/automotive/german-model-h.svg') no-repeat 50% 50%;
    background-size: 55% 55%;
}

.part-user.block-4 .circle-flekk .icon-2 a {
    background: white url('../gfx/automotive/curriculum.svg') no-repeat 50% 50%;
    background-size: 50% 50%;
   
}
.part-user.block-4 .circle-flekk .icon-2 a:hover {
    background: white url('../gfx/automotive/curriculum-h.svg') no-repeat 50% 50%;
    background-size: 55% 55%;
}

.part-user.block-4 .circle-flekk .icon-3 a {
    background: white url('../gfx/automotive/workforce.svg') no-repeat 50% 50%;
     background-size: 50% 50%;
}
.part-user.block-4 .circle-flekk .icon-3 a:hover {
    background: white url('../gfx/automotive/workforce-h.svg') no-repeat 50% 50%;
     background-size: 55% 55%;
}


.part-user .circle-flekk  .edu-icon img { 
    width: 50px;
    height: auto;
}

.part-user.electronics .bal-bef p,
.part-user .edu-icons .circle-flekk  p {
    color: white;       
    display: block;
    margin: 20px 0 0 0;
}



.part-user  .edu-icons .circle-flekk  span.upperbold {    
    text-transform: uppercase;
    font-family: 'nerissemibold';
    color: white;   
}

/*-------------------------------------------------------------------------------------------------------*/
#timeline-wrapper {
	width: 929px; 
    margin:0 auto;
	height: 800px;
	display: -webkit-flex;
    display: flex;             
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;	
	-webkit-justify-content: center;
    justify-content: center;
	background:rgba(150,15,90,1);
	position: relative;
}

#timeline-wrapper::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 20px;
	border-radius: 10px;
	background: rgba(174,0,90,1);
	top: 390px;
	left:0;
}

.part-user.life-block.block-4 .timeline-block {	
	width: 150px;
	height: 400px;	
	box-sizing: border-box;
	margin: 0 -70px ;
}

.part-user.life-block.block-4 .timeline-block {	position: relative; }

.part-user.life-block.block-4 .timeline-block::before {
	content: url('../gfx/life/line-join-top.svg');
	position: absolute;	
	left: 47%;
	bottom:-8px;	
}


.part-user.life-block.block-4 .timeline-block:nth-child(2n) {
	-webkit-align-self: flex-end;
    align-self: flex-end;
	position: relative;
	margin: 50px 0 0 0;
}

.part-user.life-block.block-4 .timeline-block:nth-child(2n)::before {
	content: url('../gfx/life/line-join-bottom.svg');
	position: absolute;	
	left: 47%;
	top:-5px;	
}

.part-user.life-block.block-4 .timeline-block  span {
	display: block;
	text-align: center;
	color: white;
}

.part-user.life-block.block-4 .timeline-block .portrait-block {
	margin: 50px 0 0 0;
	padding: 0 0 10px 0;
	width: 100%;
	display: table;
	background:rgba(150,15,90,1);
	border-bottom: 2px dotted white;   
	position: relative;
	z-index:1;
}

.part-user.life-block.block-4 .timeline-block .portrait-block .portrait {
	display: block;
	width: 100px;
	height: 100px;
	margin: 0 auto 20px auto;
	border-radius: 50%;
	background: rgba(174,0,90,1);
	position:relative;
}

.part-user.life-block.block-4 .timeline-block .portrait-block .portrait img {
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	width: 80px;
	height: auto;	
	border-radius: 50%;
	border: 5px solid white;
	box-sizing: border-box;
}

.part-user.life-block.block-4 .timeline-block .portrait-block span{
    font-size: 12px;
}

.part-user.life-block.block-4 .timeline-block .portrait-block span.year {
     font-family: 'nerissemibold';
    font-size: 20px;
}

.part-user.life-block.block-4 .timeline-block .portrait-block span.name {
    margin: 5px 0;
    font-size: 16px;
}

/*-------------------------------------------------------------------------------------------------------*/

.part-user.block-4 div.component-body div.com-content > *,
.part-user.block-5 div.component-body div.com-content > * { text-align: center; }

.part-user.block-5 h3 {
    color: white;
    text-align: right!important;
    margin: 0 92px 0 0;
}

.part-user.food-block.block-5 h3 {
    color: white;
    text-align: center !important;
    margin: 0;
}


.part-user.block-5 h3 + span,
.part-user.block-5 h3 + p span {
    color: white;
    display: block;
    text-align: right!important;
    margin: 0 92px 0 0;
}

.part-user.medical-block.block-5 h4 {
     color: white;
    text-align: center !important;
    margin: 50px 0 25px 0;
}

.part-user.medical-block.block-5 div.component-body div.com-content > p img, 
.part-user.medical-block.block-5 div.component-body div.com-content > img {   
    display: block;
    max-width: 75%;
    margin: 0 auto;
    
}

.part-user.block-5 { position: relative; }
.part-user.block-5.information-block { padding: 100px 0;}
.part-user.automotiv.block-5 { background:rgba(30,35,115,1); }
.part-user.life-block.block-5 { background:rgba(136,29,85,1); }
.part-user.electronics.block-5 { background:rgba(79,139,167,1); }
.part-user.ssc-block.block-5 { background:rgba(0,155,140,1); }
.part-user.ssc-block.block-5.nth2 { background:rgba(0,135,129,1) ; }
.part-user.food-block.block-5 { background:rgba(230,100,15,1) ; }
.part-user.food-block.block-5.nth-2 { background:rgba(204,89,13,1) ; }
.part-user.medical-block.block-5 { background:rgba(241,136,115,1) ; }


.part-user.block-5::before {
    content: "";
    position: absolute;
    top:-200px;
    left:0; 
    width: 100%;
    height: 200px;       
}

.part-user.automotiv.block-5::before {
    background: transparent url('../../../gfx/lila-before-bg.svg') no-repeat left bottom;
    background-size: auto 100%; 
}

.part-user.life-block.block-5::before {
    background: transparent url('../../../gfx/life-dark-before-bg.svg') no-repeat left bottom;
    background-size: auto 100%; 
}

.part-user.electronics.block-5::before {
    background: transparent url('../../../gfx/electronics-dark-before-bg.svg') no-repeat left bottom;
    background-size: auto 100%; 
}

.part-user.food-block.block-5::before {
    background: transparent url('../../../gfx/food-before-bg.svg') no-repeat left bottom;
    background-size: auto 100%; 
}

.part-user.food-block.block-5.nth-2::before {
    background: transparent url('../../../gfx/food-dark-before-bg.svg') no-repeat left bottom;
    background-size: auto 100%; 
}

.part-user.ssc-block.block-5::before {
    background: transparent url('../../../gfx/ssc-before-bg.svg') no-repeat left bottom;
    background-size: auto 100%; 
}
.part-user.ssc-block.block-5.nth2::before {
    background: transparent url('../../../gfx/ssc-dark-before-bg.svg') no-repeat left bottom;
    background-size: auto 100%; 
}

.part-user.medical-block.block-5::before {
    background: transparent url('../../../gfx/medical-before-bg.svg') no-repeat left bottom;
    background-size: auto 100%; 
}


.part-user.block-5::after {
    content: "";
    position: absolute;
    bottom:-200px;
    right:0; 
    width: 100%;
    height: 200px;       
}

.part-user.automotiv.block-5::after {
    background: transparent url('../../../gfx/lila-after-bg.svg') no-repeat right bottom;
    background-size: auto 100%; 
}
.part-user.life-block.block-5::after {
    background: transparent url('../../../gfx/life-dark-after-bg.svg') no-repeat right bottom;
    background-size: auto 100%; 
}

.part-user.electronics.block-5::after {
    background: transparent url('../../../gfx/electronics-dark-after-bg.svg') no-repeat right bottom;
    background-size: auto 100%; 
}

.part-user.food-block.block-5::after {
    background: transparent url('../../../gfx/food-after-bg.svg') no-repeat right bottom;
    background-size: auto 100%; 
}
.part-user.food-block.block-5.nth-2::after {
    background: transparent url('../../../gfx/food-dark-after-bg.svg') no-repeat right bottom;
    background-size: auto 100%; 
}

.part-user.ssc-block.block-5::after {
    background: transparent url('../../../gfx/ssc-after-bg.svg') no-repeat right bottom;
    background-size: auto 100%; 
}
.part-user.ssc-block.block-5.nth2::after {
    background: transparent url('../../../gfx/ssc-dark-after-bg.svg') no-repeat right bottom;
    background-size: auto 100%; 
}

.part-user.medical-block.block-5::after {
    background: transparent url('../../../gfx/medical-after-bg.svg') no-repeat right bottom;
    background-size: auto 100%; 
}


.part-user.block-5 div.component-body {
   width: 100%;
   height: 100%;
   padding: 20px 0 100px 0;
}

.part-user.block-5 .title_bef {
    display: -webkit-flex;
    display: flex;    
     -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: center;
    align-items: center;    
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    /*! margin-bottom: 30px; */    
}

.part-user.life-block.block-5 .title_bef {
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.part-user.block-5 .title_bef  h2 { 
    display: block;
    padding: 0 20px !important;
    margin: 0 !important;   
    text-align: right;  
    font-size: 30px !important;
    line-height: 0.5;    
}



.part-user.life-block.block-5 .title_bef  h2 { 
    font-size: 24px !important;
    line-height: 0.5;    
}

.part-user.block-5 .title_bef  h2 span {
    font-size: larger; 
    color: inherit;
    padding: 0 !important;
    margin: 0 !important;   
}


.part-user.block-5 div.component-body div.com-content {
   margin: 0 5vw;    
}
.part-user.block-5 div.component-body div.com-content h2 {
    color: white;
    margin: 50px 0 10px 0;
    font-size: 30px;
}

.part-user.information-block.block-5 div.component-body div.com-content h2 {
    color: rgba(110,110,115,1);
    margin: 50px 0 10px 0;
    font-size: 30px;
}

.part-user.block-5  hr {
    width: 200px;
    margin: 0 auto 50px auto;
    border-top: 4px dotted rgba(110,110,115,1);
}
.part-user.food-block.block-5  hr,
.part-user.ssc-block.block-5  hr,
.part-user.medical-block.block-5  hr{
        border-top: 4px dotted white;
}


.part-user.block-5 .circle-flekk .icon-4 a {
    background: white url('../gfx/automotive/training.svg') no-repeat 50% 50%;
    background-size: 50% auto;    
}
.part-user.block-5 .circle-flekk .icon-4 a:hover {
    background: white url('../gfx/automotive/training-h.svg') no-repeat 50% 50%;
    background-size: 55% auto;
}

.part-user.block-5 .circle-flekk .icon-5 a {
    background: white url('../gfx/automotive/student-comp.svg') no-repeat 50% 50%;
    background-size: auto 50% ;   
}
.part-user.block-5 .circle-flekk .icon-5 a:hover {
    background: white url('../gfx/automotive/student-comp-h.svg') no-repeat 50% 50%;
    background-size: auto 55% ;
}

.part-user.block-5 .circle-flekk .icon-6 a {
    background: white url('../gfx/automotive/close-cooperation.svg') no-repeat 50% 50%;
    background-size: 50% auto;    
}
.part-user.block-5 .circle-flekk .icon-6 a:hover {
    background: white url('../gfx/automotive/close-cooperation-h.svg') no-repeat 50% 50%;
    background-size: 55% auto;
}

.part-user.block-5 .circle-flekk .icon-7 a {
    background: white url('../gfx/automotive/industrial-studies.svg') no-repeat 50% 50%;
    background-size: auto 50% ;       
}
.part-user.block-5 .circle-flekk .icon-7 a:hover {
    background: white url('../gfx/automotive/industrial-studies-h.svg') no-repeat 50% 50%;
    background-size: auto 55% ;
}

.part-user.block-5 .circle-flekk .icon-8 a {
    background: white url('../gfx/automotive/customized-curriculum.svg') no-repeat 50% 50%;
    background-size: auto 50% ;        
}

.part-user.block-5 .circle-flekk .icon-8 a:hover {
    background: white url('../gfx/automotive/customized-curriculum-h.svg') no-repeat 50% 50%;
    background-size: auto 55% ;
}

.part-user.life-block .circle-flekk .icon-1 a {
    background: white url('../gfx/life/academic.svg') no-repeat 50% 100%;
    background-size: 60% auto;       
}

.part-user.life-block .circle-flekk .icon-1 a:hover {
    background: white url('../gfx/life/academic-h.svg') no-repeat 50% 100%;
    background-size:  65% auto;
}

.part-user.life-block .circle-flekk .icon-2 a {
    background: white url('../gfx/life/biotech-edu.svg') no-repeat 50% 50%;
    background-size: auto 50% ;        
}

.part-user.life-block .circle-flekk .icon-2 a:hover {
    background: white url('../gfx/life/biotech-edu-h.svg') no-repeat 50% 50%;
    background-size: auto 55% ;
}

.part-user.electronics .circle-flekk .icon-1 a {
    background: white url('../gfx/life/academic.svg') no-repeat 50% 100%;
    background-size: 60% auto;       
}

.part-user.electronics .circle-flekk .icon-1 a:hover {
    background: white url('../gfx/life/academic-h.svg') no-repeat 50% 100%;
    background-size:  65% auto;
}

.part-user.electronics .circle-flekk .icon-2 a {
    background: white url('../gfx/life/academic.svg') no-repeat 50% 100%;
    background-size: 60% auto;       
}

.part-user.electronics .circle-flekk .icon-2 a:hover {
    background: white url('../gfx/life/academic-h.svg') no-repeat 50% 100%;
    background-size:  65% auto;
}

.part-user.electronics .circle-flekk .icon-3 a {
    background: white url('../gfx/life/academic.svg') no-repeat 50% 100%;
    background-size: 60% auto;       
}

.part-user.electronics .circle-flekk .icon-3 a:hover {
    background: white url('../gfx/life/academic-h.svg') no-repeat 50% 100%;
    background-size:  65% auto;
}

.part-user.electronics .circle-flekk .icon-4 a {
    background: white url('../gfx/life/academic.svg') no-repeat 50% 100%;
    background-size: 60% auto;       
}

.part-user.electronics .circle-flekk .icon-4 a:hover {
    background: white url('../gfx/life/academic-h.svg') no-repeat 50% 100%;
    background-size:  65% auto;
}

.part-user.electronics .circle-flekk .icon-5 a {
    background: white url('../gfx/life/academic.svg') no-repeat 50% 100%;
    background-size: 60% auto;       
}

.part-user.electronics .circle-flekk .icon-5 a:hover {
    background: white url('../gfx/life/academic-h.svg') no-repeat 50% 100%;
    background-size:  65% auto;
}

.part-user.ssc-block.block-5 .circle-flekk .icon-1 a {
    background: white url('../gfx/ssc/ssc-edu-book.svg') no-repeat 50% 50%;
    background-size: 60% auto;       
}

.part-user.ssc-block.block-5 .circle-flekk .icon-1 a:hover {
    background: white url('../gfx/ssc/ssc-edu-book-h.svg') no-repeat 50% 50%;
    background-size:  65% auto;
}

.part-user.ssc-block.block-5 .circle-flekk .icon-2 a {
    background: white url('../gfx/ssc/ssc-edu-students.svg') no-repeat 50% 50%;
    background-size: 60% auto;       
}

.part-user.ssc-block.block-5 .circle-flekk .icon-2 a:hover {
    background: white url('../gfx/ssc/ssc-edu-students-h.svg') no-repeat 50% 50%;
    background-size:  65% auto;
}


.part-user.medical-block.block-5 .circle-flekk .icon-1 a {
    background: white url('../gfx/ssc/ssc-edu-book.svg') no-repeat 50% 50%;
    background-size: 60% auto;       
}

.part-user.medical-block.block-5 .circle-flekk .icon-1 a:hover {
    background: white url('../gfx/medical/medical-edu-book-h.svg') no-repeat 50% 50%;
    background-size:  65% auto;
}

.part-user.medical-block.block-5 .circle-flekk .icon-2 a {
    background: white url('../gfx/ssc/ssc-edu-students.svg') no-repeat 50% 50%;
    background-size: 60% auto;       
}

.part-user.medical-block.block-5 .circle-flekk .icon-2 a:hover {
    background: white url('../gfx/medical/medical-edu-students-h.svg') no-repeat 50% 50%;
    background-size:  65% auto;
}


.part-user.ssc-block.block-5.nth2 .circle-flekk .icon-1 a {
    background: white url('../gfx/ssc/ssc-lang-icon-1.svg') no-repeat 50% 50%;
    background-size: 60% auto;       
}

.part-user.ssc-block.block-5.nth2 .circle-flekk .icon-1 a:hover {
    background: white url('../gfx/ssc/ssc-lang-icon-1-h.svg') no-repeat 50% 50%;
    background-size:  65% auto;
}

.part-user.ssc-block.block-5.nth2 .circle-flekk .icon-2 a {
    background: white url('../gfx/ssc/ssc-lang-icon-2.svg') no-repeat 50% 50%;
    background-size: 60% auto;       
}

.part-user.ssc-block.block-5.nth2 .circle-flekk .icon-2 a:hover {
    background: white url('../gfx/ssc/ssc-lang-icon-2-h.svg') no-repeat 50% 50%;
    background-size:  65% auto;
}

.part-user.ssc-block.block-5.nth2 .circle-flekk .icon-3 a {
    background: white url('../gfx/ssc/ssc-lang-icon-3.svg') no-repeat 50% 50%;
    background-size: 60% auto;       
}

.part-user.ssc-block.block-5.nth2 .circle-flekk .icon-3 a:hover {
    background: white url('../gfx/ssc/ssc-lang-icon-3-h.svg') no-repeat 50% 50%;
    background-size:  65% auto;
}

.part-user.information-block.block-5 .circle-flekk .icon-1 a {
    background: white url('../gfx/ict/ict-innov-icon-1.svg') no-repeat 50% 50%;
    background-size: 50% auto;       
}

.part-user.information-block.block-5 .circle-flekk .icon-1 a:hover {
    background: white url('../gfx/ict/ict-innov-icon-1-h.svg') no-repeat 50% 50%;
    background-size:  65% auto;
}

.part-user.information-block.block-5 .circle-flekk .icon-2 a {
    background: white url('../gfx/ict/ict-innov-icon-2.svg') no-repeat 50% 50%;
    background-size: 50% auto;       
}

.part-user.information-block.block-5 .circle-flekk .icon-2 a:hover {
    background: white url('../gfx/ict/ict-innov-icon-2-h.svg') no-repeat 50% 50%;
    background-size:  65% auto;
}

.part-user.information-block.block-5 .circle-flekk .icon-3 a {
    background: white url('../gfx/ict/ict-innov-icon-3.svg') no-repeat 50% 50%;
    background-size: 50% auto;       
}

.part-user.information-block.block-5 .circle-flekk .icon-3 a:hover {
    background: white url('../gfx/ict/ict-innov-icon-3-h.svg') no-repeat 50% 50%;
    background-size:  65% auto;
}

.part-user.information-block.block-5 .circle-flekk .icon-4 a {
    background: white url('../gfx/ict/ict-innov-icon-4.svg') no-repeat 50% 50%;
    background-size: 50% auto;       
}

.part-user.information-block.block-5 .circle-flekk .icon-4 a:hover {
    background: white url('../gfx/ict/ict-innov-icon-4-h.svg') no-repeat 50% 50%;
    background-size:  65% auto;
}

.part-user.information-block.block-5 .circle-flekk .icon-5 a {
    background: white url('../gfx/ict/ict-innov-icon-5.svg') no-repeat 50% 50%;
    background-size: 50% auto;       
}

.part-user.information-block.block-5 .circle-flekk .icon-5 a:hover {
    background: white url('../gfx/ict/ict-innov-icon-5-h.svg') no-repeat 50% 50%;
    background-size:  65% auto;
}

.part-user.information-block.block-5 .circle-flekk .icon-6 a {
    background: white url('../gfx/ict/ict-innov-icon-6.svg') no-repeat 50% 50%;
    background-size: 50% auto;       
}

.part-user.information-block.block-5 .circle-flekk .icon-6 a:hover {
    background: white url('../gfx/ict/ict-innov-icon-6-h.svg') no-repeat 50% 50%;
    background-size:  65% auto;
}

.part-user.information-block.block-5 .circle-flekk .icon-7 a {
    background: white url('../gfx/ict/ict-innov-icon-7.svg') no-repeat 50% 50%;
    background-size: 50% auto;       
}

.part-user.information-block.block-5 .circle-flekk .icon-7 a:hover {
    background: white url('../gfx/ict/ict-innov-icon-7-h.svg') no-repeat 50% 50%;
    background-size:  65% auto;
}


.part-user.food-block.block-5 .circle-flekk .icon-1 a {
    background: white url('../gfx/food/food-gmo-free-icon.svg') no-repeat 50% 50%;
    background-size: 50% auto;       
}

.part-user.food-block.block-5 .circle-flekk .icon-1 a:hover {
    background: white url('../gfx/food/food-gmo-free-icon-h.svg') no-repeat 50% 50%;
    background-size:  65% auto;
}


.part-user.ssc-block .edu-icons .circle-flekk  p span,
.part-user.medical-block .edu-icons .circle-flekk  p span{
    color: white;
    font-family: 'nerissemibold';
    font-size: 1.5em; 
}

.part-user.information-block.block-5 .edu-icons .circle-flekk * {
    color: rgba(110,110,115,1);     
}

.part-user.information-block.block-5 .edu-icons .circle-flekk  p span {    
    font-family: 'nerissemibold';     
}

.part-user.food-block.block-5 .edu-icons .circle-flekk  p span {    
    font-family: 'nerissemibold';     
    color: white;
    display: block;    
    font-size: 20px;
}

.part-user.food-block.block-5.nth-2 .edu-icons .circle-flekk  p span {    
    display: inline;  
    font-size: 30px;
}

.part-user.food-block.block-5 .edu-icons .circle-flekk  p {       
    font-size: 18px;
}


.part-user.ssc-block.nth2 .edu-icons {
    margin: 30px 0 0 0 !important;
}



/*--------------------------------------------------------------------------------------------------*/


.part-user.block-6 {       
  
    margin: 100px 0;
    padding: 100px 0;
} 

.part-user.block-6 .component-body {
    width: 100%;
    height:100%;
    display: -webkit-flex;
    display: flex;
   
}

.part-user.block-6 .com-content {        
    margin: auto;    
    width: 80vw;  
}

.part-user.block-6 .com-content  h2 {
    text-align: center;  
    margin: 0 0 15px 0;
    font-size: 40px;
}

.part-user.block-6 .com-content  h3{
     text-align: center;  
     margin: 0 auto 50px auto;
}

.part-user.block-6 .com-content hr {
    width: 200px;
    margin: 0 auto 50px auto;
    border-top: 4px dotted #000;
}

.part-user.ssc-block.block-6 .com-content hr {
    margin: 0 auto 20px auto;   
}

.part-user.block-6 .com-content > img,
.part-user.block-6 .com-content > p img{    
    width: 60%;
    display: block;
    margin: 0 auto !important;
    height: auto;   
}

.part-user.block-6.information-block .title_bef,
.part-user.block-6.food-block .title_bef{
     display: -webkit-flex;
    display: flex;
     -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: flex-start;
    align-items: flex-start;
     -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 30px 0;
}

.part-user.block-6.information-block .title_bef h2,
.part-user.block-6.food-block .title_bef h2 {
    color: rgba(110,110,115,1);
    font-size: 26px !important;
    line-height: 1;
    text-align: right;
    margin: 0 20px 0 0;
}



.part-user.block-6.information-block .title_bef h2 span,
.part-user.block-6.food-block .title_bef h2 span {
    color: rgba(110,110,115,1);
    font-size: larger;
}

.part-user.block-6 .list-bef  {
    display: -webkit-flex;
    display: flex;
     -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    align-items: flex-start;
     -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 30px 0;
}



.part-user.life-block.block-6 .list-bef > div {
    width: 35%;
    padding: 0 30px;
}

.part-user.life-block.block-6 .list-bef div ul {
  list-style-type: none;  
  list-style-position: outside;  
  padding-left: 1em;
  text-indent: -1em;
}

.part-user.life-block.block-6 .list-bef div ul li {
 padding: 10px 0 0 10px;
}

.part-user.life-block.block-6 .list-bef div ul li:before { 
  content: "";
  margin-right: 10px;
  display: inline-block;
  width: 10px;
  height: 10px;  
  border-radius: 50%;
  margin-bottom: 2px;
}

.part-user.life-block.block-6 .list-bef div h3 { margin: 15px 0 0 0;}

.part-user.life-block.block-6 .list-bef div:nth-child(1) h3 { color: rgba(0,168,139,1) }
.part-user.life-block.block-6 .list-bef div:nth-child(1) ul li:before { background: rgba(0,168,139,1) }

.part-user.life-block.block-6 .list-bef div:nth-child(2) h3 { color: rgba(0,183,241,1) }
.part-user.life-block.block-6 .list-bef div:nth-child(2) ul li:before { background: rgba(0,183,241,1) }

.part-user.life-block.block-6  .list-bef div:nth-child(3) h3 { color: rgba(249,162,27,1) }
.part-user.life-block.block-6 .list-bef div:nth-child(3) ul li:before { background: rgba(249,162,27,1)  }

.part-user.life-block.block-6 .list-bef div:nth-child(4) h3 { color: rgba(95,187,70,1) }
.part-user.life-block.block-6 .list-bef div:nth-child(4) ul li:before { background: rgba(95,187,70,1)  }

.part-user.automotiv.block-6 .com-content ul {
     display: -webkit-flex;
    display: flex;
     -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;    
     -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
}
.part-user.automotiv.block-6 .com-content ul li {
    list-style-type: none;
    padding: 0 2px;
    margin: 2px;
    width: 200px;    
    height: 60px;
    background: #eee;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    border-radius: 5px;
}

.part-user.automotiv.block-6  ul li:nth-of-type(1),
.part-user.automotiv.block-6 ul li:nth-of-type(2){ background: rgba(172,87,162,1); }

.part-user.automotiv.block-6  ul li:nth-of-type(3),
.part-user.automotiv.block-6  ul li:nth-of-type(4){ background: rgba(240,81,61,1); }

.part-user.automotiv.block-6  ul li:nth-of-type(5),
.part-user.automotiv.block-6  ul li:nth-of-type(6),
.part-user.automotiv.block-6  ul li:nth-of-type(7){ background: rgba(80,105,177,1); }

.part-user.automotiv.block-6  ul li:nth-of-type(8){ background: rgba(249,162,27,1); }

.part-user.automotiv.block-6  ul li:nth-of-type(9),
.part-user.automotiv.block-6  ul li:nth-of-type(10){ background: rgba(0,168,139,1); }

.part-user.automotiv.block-6  ul li:nth-of-type(11),
.part-user.automotiv.block-6  ul li:nth-of-type(12){  background: rgba(0,183,241,1); }

.part-user.automotiv.block-6  ul li:nth-of-type(13),
.part-user.automotiv.block-6 ul li:nth-of-type(14){ background: rgba(95,187,70,1); }

.part-user.automotiv.block-6 ul li a {
    margin: auto;
    color: white !important;
}

.part-user.electronics-block.block-6 .list-bef > div,
.part-user.ssc-block.block-6 .list-bef > div,
.part-user.information-block.block-6 .list-bef > div,
.part-user.food-block.block-6 .list-bef > div{    
    margin: 10px 5px ;
}

.part-user.electronics-block.block-6 .list-bef div a,
.part-user.electronics-block.block-6 .list-bef div span,
.part-user.information-block.block-6 .list-bef div a,
.part-user.information-block.block-6 .list-bef div span,
.part-user.ssc-block.block-6 .list-bef div a,
.part-user.ssc-block.block-6 .list-bef div span,
.part-user.food-block.block-6 .list-bef div a,
.part-user.food-block.block-6 .list-bef div span{
     display: block;
     width: 100%;
    text-align: center;
}

.part-user.electronics-block.block-6 .list-bef div a,
.part-user.information-block.block-6 .list-bef div a,
.part-user.ssc-block.block-6 .list-bef div a,
.part-user.food-block.block-6 .list-bef div a{
    border-radius: 5px;
    background: #eee;
    padding: 15px 30px;
    margin: 0 0 10px 0;
     color: white !important;   
}

.part-user.electronics-block.block-6 .list-bef div:nth-child(1) a,
.part-user.electronics-block.block-6 .list-bef div:nth-child(2) a,
.part-user.electronics-block.block-6 .list-bef div:nth-child(3) a { background: rgba(172,87,162,1); }

.part-user.electronics-block.block-6 .list-bef div:nth-child(4) a,
.part-user.electronics-block.block-6 .list-bef div:nth-child(5) a,
.part-user.electronics-block.block-6 .list-bef div:nth-child(6) a,
.part-user.electronics-block.block-6 .list-bef div:nth-child(7) a,
.part-user.electronics-block.block-6 .list-bef div:nth-child(8) a,
.part-user.electronics-block.block-6 .list-bef div:nth-child(9) a,
.part-user.electronics-block.block-6 .list-bef div:nth-child(10) a,
.part-user.electronics-block.block-6 .list-bef div:nth-child(11) a,
.part-user.electronics-block.block-6 .list-bef div:nth-child(12) a { background: rgba(240,81,61,1); }

.part-user.electronics-block.block-6 .list-bef div:nth-child(13) a,
.part-user.electronics-block.block-6 .list-bef div:nth-child(14) a,
.part-user.electronics-block.block-6 .list-bef div:nth-child(15) a, 
.part-user.electronics-block.block-6 .list-bef div:nth-child(16) a,
.part-user.electronics-block.block-6 .list-bef div:nth-child(17) a,
.part-user.electronics-block.block-6 .list-bef div:nth-child(18) a{ background: rgba(0,168,139,1); }

.part-user.electronics-block.block-6 .list-bef div:nth-child(16) a { padding: 5px 30px; }

.part-user.ssc-block.block-6 .list-bef div:nth-child(1) a {background: rgba(240,81,61,1); }
.part-user.ssc-block.block-6 .list-bef div:nth-child(2) a {background: rgba(80,105,177,1); }
.part-user.ssc-block.block-6 .list-bef div:nth-child(3) a,
.part-user.ssc-block.block-6 .list-bef div:nth-child(4) a {background: rgba(0,183,241,1); }
.part-user.ssc-block.block-6 .list-bef div:nth-child(5) a {background: rgba(95,187,70,1); }
.part-user.ssc-block.block-6 .list-bef div:nth-child(6) a {background: rgba(249,162,27,1); }

.part-user.information-block.block-6 .list-bef div:nth-child(1) a {background: rgba(240,81,61,1); }
.part-user.information-block.block-6 .list-bef div:nth-child(2) a,
.part-user.information-block.block-6 .list-bef div:nth-child(3) a,
.part-user.information-block.block-6 .list-bef div:nth-child(4) a { background:rgba(0,168,139,1); }
.part-user.information-block.block-6 .list-bef div:nth-child(5) a { background: rgba(80,105,177,1) ; }
.part-user.information-block.block-6 .list-bef div:nth-child(6) a { background: rgba(0,183,241,1) ; }
.part-user.information-block.block-6 .list-bef div:nth-child(7) a { background: rgba(95,187,70,1) ; }
.part-user.information-block.block-6 .list-bef div:nth-child(8) a,
.part-user.information-block.block-6 .list-bef div:nth-child(9) a{ background: rgba(249,162,27,1) ; }

.part-user.food-block.block-6 .list-bef div:nth-child(1) a {background: rgba(172,87,162,1); }
.part-user.food-block.block-6 .list-bef div:nth-child(2) a {background: rgba(240,81,61,1); }
.part-user.food-block.block-6 .list-bef div:nth-child(3) a,
.part-user.food-block.block-6 .list-bef div:nth-child(4) a {background: rgba(0,168,139,1); }
.part-user.food-block.block-6 .list-bef div:nth-child(5) a {background: rgba(80,105,177,1); }
.part-user.food-block.block-6 .list-bef div:nth-child(6) a,
.part-user.food-block.block-6 .list-bef div:nth-child(7) a,
.part-user.food-block.block-6 .list-bef div:nth-child(8) a {background: rgba(0,183,241,1); }
.part-user.food-block.block-6 .list-bef div:nth-child(9) a {background: rgba(249,162,27,1); }
.part-user.food-block.block-6 .list-bef div:nth-child(10) a,
.part-user.food-block.block-6 .list-bef div:nth-child(11) a {background: rgba(95,187,70,1); }



.part-user.block-6 h3 { text-align: center; }

.part-user.block-6.corridors .com-content { width: 100%; }

.part-user.block-6.corridors .two-column {
      display: -webkit-flex;
    display: flex;
     -webkit-align-items: center;
    align-items: center;
    margin: 50px 0 0 -200px;
}

.part-user.block-6.corridors .two-column > div {
   
}

.part-user.block-6.corridors .two-column > div:nth-child(1) {    
    height: auto;
     flex:3;
}

.part-user.block-6.corridors .two-column > div:nth-child(2) {   
    height: auto;
     flex:2;
}

.part-user.block-6.corridors .two-column > div:nth-child(1) img {
    width: 100%;
    height: auto;
}

.part-user.block-6.corridors .number-list-item {
    margin: 20px 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.part-user.block-6.corridors .number-list-item .numbers img {
    width: 50px;
    height: auto;    
    margin: 0 15px 0 0;
}

.part-user.block-6.corridors img.highway ,
.part-user.block-6.corridors p img.highway {
    width: 50%;
    height: auto;
    margin:  0 auto;
    display: block;
}


/*--------------------------------------------------------------------------------------------------*/


.part-user.block-7 {  position: relative; }

.part-user.automotiv-block.block-7 { background:rgba(30,50,115,1);  }

.part-user.ssc-block.block-7 { background:rgba(0,155,140,1);  }

.part-user.electronics-block.block-7 {background: rgba(110,160,190,1);  }

.part-user.information-block.block-7 { background:rgba(110,110,115,1);  }

.part-user.life-block.block-7 { background:rgba(136,29,85,1);  }

.part-user.logistic-block.block-7 { background:rgba(250,170,0,1);  }

.part-user.renewable-block.block-7 { background:rgba(136,29,85,1);  }

.part-user.food-block.block-7 { background:rgba(230,100,15,1);  }

.part-user.medical-block.block-7 { background:rgba(241,136,115,1);  }





.part-user.block-7::before {
    content: "";
    position: absolute;
    top:-200px;
    left:0; 
    width: 100%;
    height: 200px;   
}


.part-user.block-7::after {
    content: "";
    position: absolute;
    bottom:-200px;
    right:0; 
    width: 100%;
    height: 200px;      
}

.part-user.automotiv-block.block-7::before {
    background: transparent url('../../../gfx/blue-before-bg.svg') no-repeat left bottom;
    background-size: auto 100%; 
}
.part-user.automotiv-block.block-7::after {
     background: transparent url('../../../gfx/blue-after-bg.svg') no-repeat right bottom;
    background-size: auto 100%; 
}

.part-user.life-block.block-7::before {
    background: transparent url('../../../gfx/life-dark-before-bg.svg') no-repeat left bottom;
    background-size: auto 100%; 
}
.part-user.life-block.block-7::after {
    background: transparent url('../../../gfx/life-dark-after-bg.svg') no-repeat right bottom;
    background-size: auto 100%; 
}

.part-user.ssc-block.block-7::before {
    background: transparent url('../../../gfx/ssc-before-bg.svg') no-repeat left bottom;
    background-size: auto 100%; 
}
.part-user.ssc-block.block-7::after {
    background: transparent url('../../../gfx/ssc-after-bg.svg') no-repeat right bottom;
    background-size: auto 100%; 
}

.part-user.electronics-block.block-7::before {
    background: transparent url('../../../gfx/electronics-before-bg.svg') no-repeat left bottom;
    background-size: auto 100%; 
}
.part-user.electronics-block.block-7::after {
    background: transparent url('../../../gfx/electronics-after-bg.svg') no-repeat right bottom;
    background-size: auto 100%; 
}

.part-user.food-block.block-7::before {
    background: transparent url('../../../gfx/food-before-bg.svg') no-repeat left bottom;
    background-size: auto 100%; 
}
.part-user.food-block.block-7::after {
    background: transparent url('../../../gfx/food-after-bg.svg') no-repeat right bottom;
    background-size: auto 100%; 
}

.part-user.logistics-block.block-7::before {
    background: transparent url('../../../gfx/logistics-before-bg.svg') no-repeat left bottom;
    background-size: auto 100%; 
}
.part-user.logistics-block.block-7::after {
    background: transparent url('../../../gfx/logistics-after-bg.svg') no-repeat right bottom;
    background-size: auto 100%; 
}

.part-user.renew-block.block-7::before {
    background: transparent url('../../../gfx/renew-before-bg.svg') no-repeat left bottom;
    background-size: auto 100%; 
}
.part-user.renew-block.block-7::after {
    background: transparent url('../../../gfx/renew-after-bg.svg') no-repeat right bottom;
    background-size: auto 100%; 
}

.part-user.information-block.block-7::before {
    background: transparent url('../../../gfx/information-before-bg.svg') no-repeat left bottom;
    background-size: auto 100%; 
}
.part-user.information-block.block-7::after {
    background: transparent url('../../../gfx/information-after-bg.svg') no-repeat right bottom;
    background-size: auto 100%; 
}

.part-user.medical-block.block-7::before {
    background: transparent url('../../../gfx/medical-before-bg.svg') no-repeat left bottom;
    background-size: auto 100%; 
}
.part-user.medical-block.block-7::after {
    background: transparent url('../../../gfx/medical-after-bg.svg') no-repeat right bottom;
    background-size: auto 100%; 
}

.part-user.block-7 div.component-body {
   width: 100%;
   height: 100%;    
   padding-bottom: 100px;
}

.part-user.block-7 div.component-body div.com-content {
    display: table;
   margin: 0 auto ;
    text-align: center;
}
.part-user.block-7 div.component-body div.com-content h2 {
    color: white;
    margin: 50px 0 10px 0;
    font-size: 40px;
    
}

.part-user.block-7 div.component-body div.com-content hr {
    width: 200px;
    margin: 0 auto 50px auto;
    border-top: 4px dotted white;
}


.part-user.block-7 .contact-wrapper {
    display: -webkit-flex;
    display: flex;    
     -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 auto;
}

.part-user.block-7 .contact-wrapper  div { margin: 10px 30px; }

.part-user.block-7 .contact-wrapper .portrait {      
    border-radius: 50%;
    width: 170px;
    height: 170px;
    display: -webkit-flex;
    display: flex;  
    box-shadow: 0 0 30px rgba(0,0,0,.5)
}

.part-user.automotiv-block.block-7 .contact-wrapper .portrait {
    background:  rgba(82,103,157,1); 
    background: -webkit-linear-gradient( -60deg, rgba(30,50,115,1), rgba(82,103,157,1)); 
    background: -o-linear-gradient( -60deg,  rgba(30,50,115,1), rgba(82,103,157,1));
    background: -moz-linear-gradient( -60deg,  rgba(30,50,115,1), rgba(82,103,157,1)); 
    background: linear-gradient( -60deg,  rgba(30,50,115,1), rgba(82,103,157,1)); 
}

.part-user.life-block.block-7 .contact-wrapper .portrait {
    background:  rgba(136,29,85,1); 
    background: -webkit-linear-gradient( 180deg, rgba(150,30,90,1), rgba(174,0,90,1)); 
    background: -o-linear-gradient( 180deg,  rgba(150,30,90,1), rgba(174,0,90,1));
    background: -moz-linear-gradient( 180deg,  rgba(150,30,90,1), rgba(174,0,90,1)); 
    background: linear-gradient( 180deg,  rgba(150,30,90,1), rgba(174,0,90,1)); 
}


.part-user.block-7 .contact-wrapper .portrait img {
    width: 200px;
    height: auto;
    max-width: 130px;
    max-height: 130px;   
    border-radius: 50%;
    margin: auto;
}

.part-user.automotiv-block.block-7 .contact-wrapper .portrait img {
     border: 10px solid rgba(30,50,115,1);   
}

.part-user.life-block.block-7 .contact-wrapper .portrait img {
     border: 10px solid rgba(65,15,40,1);   
}

.part-user.block-7 div.component-body div.com-content .contact-wrapper div h4,
.part-user.block-7 div.component-body div.com-content .contact-wrapper div span,
.part-user.block-7 div.component-body div.com-content .contact-wrapper div p{
    color: white;    
}

.part-user.block-7 div.component-body div.com-content .contact-wrapper div h4 {
    font-size: 24px;
}
.part-user.block-7 div.component-body div.com-content .contact-wrapper div span,
.part-user.block-7 div.component-body div.com-content .contact-wrapper div p{
    font-size: 20px;
}

.part-user.block-7 div.component-body div.com-content .contact-wrapper .contact-info {
    display: -webkit-flex;
    display: flex;
     -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;    
    margin: 0 !important;
}

.part-user.block-7 div.component-body div.com-content .contact-wrapper .contact-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid white;
    display: -webkit-flex;
    display: flex;
}
.part-user.block-7 div.component-body div.com-content .contact-wrapper .contact-icon img {
    width: 50%;
    height: auto;
    max-width: 50%;
    max-height: 50%;
    margin: auto;    
}

.part-user.block-7 div.component-body div.com-content .contact-wrapper .contact-info > span > span > a {
    color: white !important;
}

/*---------------------------------------------------------------------------------------------------------*/

.part-user.infograph-1.ict,
.part-user.infograph-2.ict{
     background: rgba(110,110,115,1);
     position: relative;   
}

.part-user.infograph-1.food {
     background:rgba(204,89,13,1);
     position: relative; 
     padding: 100px 0;
}

.part-user.infograph-1.ict:before,
.part-user.infograph-2.ict:before {  
    content: "";
    background: url('../../../gfx/ict-before-bg.svg') no-repeat top left;
    position: absolute;
    top:-200px;
    left:0; 
    width: 100%;
    height: 200px;   
}

.part-user.infograph-1.food:before {  
    content: "";
    background: url('../../../gfx/food-dark-before-bg.svg') no-repeat top left;
    position: absolute;
    top:-200px;
    left:0; 
    width: 100%;
    height: 200px;   
}



.part-user.infograph-1.ict:after,
.part-user.infograph-2.ict:after{
    content: "";
     background: url('../../../gfx/ict-after-bg.svg') no-repeat top right;
    position: absolute;
    bottom:-200px;
    right:0; 
    width: 100%;
    height: 200px;      
}

.part-user.infograph-1.food:after{
    content: "";
     background: url('../../../gfx/food-dark-after-bg.svg') no-repeat top right;
    position: absolute;
    bottom:-200px;
    right:0; 
    width: 100%;
    height: 200px;      
}


.part-user.infograph-1.ict .com-content,
.part-user.infograph-2.ict .com-content{ margin: 0 auto; padding: 5vw }

.part-user.infograph-1.ict .com-content h2,
.part-user.infograph-1.ict .com-content h3 {
    color: white;
    text-align: center;
}

.part-user.infograph-1.ict .com-content h3 span {
    font-size: inherit;
    color:  rgba(37,37,38,1);
     font-family: 'nerisblack';
}

.part-user.infograph-1.ict .com-content hr,
.part-user.food .com-content hr {
    border-top: 4px dotted white;
    width: 200px;
}



.part-user.infograph-2.ict .com-content .title_bef {
     display: -webkit-flex;
    display: flex;
     -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: flex-start;
    align-items: flex-start;
     -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 30px 0;
}

.part-user.infograph-2.ict .com-content .title_bef h2 {
    color: white;
    font-size: 26px !important;
    line-height: 1;
    text-align: right;
    margin: 0 20px 0 0;
}
.part-user.infograph-2.ict .com-content .title_bef h2 span {
    color: inherit;
    font-size: larger;
}

.part-user.infograph-2.ict .com-content h3,
.part-user.infograph-1.food .com-content h2,
.part-user.infograph-1.food .com-content h3,
.part-user.infograph-1.food .com-content h3 span{
    color: white;
    text-align: center;
}

.part-user.infograph-1.food .com-content h3 {
    padding: 50px 0 0 0 ;
}

.part-user.infograph-1.ict .com-content > p img,
.part-user.infograph-1.ict .com-content > img,
.part-user.infograph-2.ict .com-content > p img,
.part-user.infograph-2.ict .com-content > img{   
    display: block;
    width: 75%;
    height: auto;
    margin: 100px auto;   
}

.part-user.infograph-1.food .com-content > p img,
.part-user.infograph-1.food .com-content > img{   
    display: block;
    max-width: 75%;
    height: auto;
    margin: 20px auto;   
}

/*---------------------------------------------------------------------------------------------------------*/

.part-user.medical.timeline {
    text-align: center;
    width: 90vw;
    margin: 100px 5vw;
}

.part-user.medical.timeline hr{
    width: 200px;
    border-top: 4px dotted #333;}

.part-user.medical.timeline .timeline_bef {
     display: -webkit-flex;
    display: flex;
     -webkit-justify-content: space-around;
    justify-content: space-around;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.part-user.medical.timeline .timeline_bef::before {
    content: '';
    position: absolute;
    top: 90px;
    left: 0;
    width: 100%;
    border-top: 4px dotted rgba(241,136,115,1);
}

.part-user.medical.timeline .timeline_bef > div {
    margin: 20px 30px 0 30px;
}

.part-user.medical.timeline .timeline_bef > div > span:first-child {
    display: block;
    font-size: 30px;
    color: rgba(241,136,115,1);
    font-family: 'nerisblack';
}
.part-user.medical.timeline .timeline_bef > div > div.circle {
    background: rgba(241,136,115,1);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin: 20px auto;
}

/*---------------------------------------------------------------------------------------------------------*/

.part-user.block-cim a {
	color: #FFF !important;
	padding: 20px 0;
	display: inline-block;
	text-align: center;
	margin: 0 10px;
}
.part-user.block-cim a:hover { border-bottom: 1px dotted #FFF; }


.part-user.why-hipa img {
	width: 44%;
	height: auto;
	display: inline-block;
	margin: 0 4% 0 2%;
}
.part-user.why-hipa img:first-child { margin: 0 2% 0 4%; }

.part-user.why-hipa {margin: 60px 0;}

.part-user.why-hipa h2.component-heading {
	width: 170px;
	height: 40px;
	display: block;
	color: #FFF;
	background: transparent url('../gfx/why-hipa.png') center center no-repeat;
	font-weight: 700;
	font-family: 'nerisblack';
	font-size: 14px !important;
	padding: 11px 30px 11px 0;
	text-align: right;
	margin-bottom: 20px;
}

.part-user.why-hipa.vision {
    background: transparent url('../gfx/pontozott-korok.svg') center left -200px no-repeat;
    background-size: 80%;
}

.part-user.block-cim.inverse h2.component-heading {
	width: 170px;
	height: 40px;
	display: block;
	background: transparent url('../gfx/why-hipa-inverse.png') center center no-repeat;
	font-weight: 700;
	font-family: 'nerisblack';
	font-size: 14px !important;
	padding: 11px 30px 11px 0;
	text-align: right;
	position: relative;
	top: 100px;
	color: rgba(20,160,210,1);
}

.part-user.block-cim.inverse.about td p { color: rgba(255, 255, 255, 0.85); }

.part-user.block-cim.inverse.about td { padding: 20px 10px; }

.part-user.block-cim.inverse.about td img { margin-bottom: 10px;; }

.part-user.block-cim.inverse.about table.one { width: 57%; margin: 0 6% 0 3%; float: left; }
.part-user.block-cim.inverse.about table.two { width: 24%; margin: 0 3% 0 6%; }

.part-user.block-cim.inverse.about table.one td { width: 33%; }
.part-user.block-cim.inverse.about table.two td { width: 50%; }

.part-user.block-cim.inverse.about table th { padding-bottom: 20px; }

.part-user.block-cim.inverse.about table th p {
	color: #FFF;
	font-size: 21px;
	font-weight: 700;
}
 
.part-user.block-cim.inverse.about table th p span {
	color: #FFF;
	font-size: 21px;
}

.why-hipa.vision .component-body {
	padding: 10px 10px 10px 50%;
	box-sizing: border-box;
}

.why-hipa.vision h3 {
	color: rgba(20,160,210,1);
	font-size: 20px !important;
	font-weight: 700;
	margin-bottom: 10px;
}

.part-user.block-cim.inverse.key img {
	width: 75%;
	height: auto;
	display: block;
	margin: 0 auto;
}

.why-hipa.liquorice .component-body { padding: 0 5%; }

.why-hipa.liquorice h3 {
	font-size: 21px !important;
	font-weight: 700;
	margin-bottom: 20px;
}

.why-hipa.liquorice table {
	width: 100%;
	margin: 20px auto;
	float: none !important;
}

.why-hipa.liquorice table tr { vertical-align: top; }

.why-hipa.liquorice table td {
	text-align: center;
	width: 20% !important;
	height: auto !important;
}

.why-hipa.liquorice table p { margin: 10px; }

.why-hipa.liquorice table td img {
	width: 50% !important;
	height: auto;
}

.part-user.block-cim.inverse.publication { padding: 0 0 120px 0; }

.part-user.block-cim.inverse.publication .component-body { padding: 0 50px; }

.part-user.block-cim.inverse.publication .component-body::after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.part-user.block-cim.inverse.publication h2.component-heading { margin-bottom: 50px; }

.part-user.block-cim.inverse.publication a.public {
	display: block;
	width: 16%;
	margin: 0 2% 40px 2%;
	background: #f00;
	border: none;
	cursor: pointer;
	float: left;
	box-sizing: border-box;
	padding: 40px 20px 20px 20px;
	background: transparent url('../gfx/publications-bg.png') 50% 50% no-repeat;
	background-size: 100% 100%;
	color: #000 !important;
	text-transform: uppercase;
	font-weight: 700;
}

.part-user.block-cim.inverse.publication a.public span {
	display: block;
	height: 60px;
	font-weight: 700;
}

.part-user.block-cim.inverse.publication a.public:hover span { color: rgba(20,160,210,1) !important; }

.part-user.block-cim.inverse.publication a.public img {
	width: auto;
	height: 140px;
	display: block;
	margin: 5px auto 0 auto;
}

.part-user.why-hipa.contanct .component-body {
	padding: 20px 0;
}

.part-user.why-hipa.contanct h3 {
	text-align: center;
	color: rgba(20,160,210,1);
}

.part-user.why-hipa.contanct table {
	width: 60%;
	margin: 40px auto 0 auto;
}

.part-user.why-hipa.contanct table td {
	width: 50%;
	box-sizing: border-box;
	padding: 5px;
}

.part-user.why-hipa.contanct table img {
	width: 32px;
	height: 32px;
	margin: 0 10px 0 0;
}

.part-user.why-hipa.contanct table td a:hover { color: rgba(20,160,210,1) !important; }

.part-user.why-hipa.szolgaltatasok table {
	width: 75%;
	margin: 0 auto;
}

.part-user.why-hipa.szolgaltatasok table td {
	vertical-align: top;
	padding: 10px;
}

.part-user.why-hipa.szolgaltatasok table td img {
	width: 128px;
	height: 128px;
	display: block;
	margin: 0 auto 10px auto;
}

.block-cim.inverse.magunkrol table {
	width: 75%;
	margin: 0 auto;	
}

.part-user.inverse.magunkrol table td {
	vertical-align: top;
	padding: 10px 10px 20px 10px;
}

.part-user.inverse.magunkrol table td p { color: #FFF; }

.part-user.inverse.magunkrol table td img {
	width: 80px;
	height: 80px;
	display: block;
	margin: 0 auto 10px auto;
}

.block-cim.inverse.magunkrol .component-body {
	padding-top: 400px;
	background: #059ED1 url('../gfx/a-hipa-bg.jpg') 50% 0 no-repeat;
}

.part-user.why-hipa.key img {
	display: block;
	margin: 0 auto;
	width: 75%;
}


/*--- MEDIA QUERIES ---*/

@media only screen and (min-width: 1370px) {   
   .part-user.fooldaliboxok .com-content {
     -webkit-flex-wrap: nowrap;
     flex-wrap: nowrap;
}

.part-user.fooldaliboxok .com-content > div:nth-child(1) > div:nth-child(2)::before,
.part-user.fooldaliboxok .com-content > div:nth-child(2) > div:nth-child(2)::before,
.part-user.fooldaliboxok .com-content > div:nth-child(3) > div:nth-child(2)::before,
.part-user.fooldaliboxok .com-content > div:nth-child(4) > div:nth-child(2)::before,
.part-user.fooldaliboxok .com-content > div:nth-child(5) > div:nth-child(2)::before {
	width: 100%;
	overflow: hidden;
	background-size: 100% 20px !important;
	background-position: bottom right -10px !important;
    content: "";
    display: block;
    top: -17px;
}

.part-user.fooldaliboxok .com-content > div  {   
    margin: 10px;
    height: 400px;    
    width: 18%;   
}
    
    .circle-flekk {margin: 30px;}    
   
    .part-user.block-1 div.opinion .text-wrapper { width: 850px; }
    
     #timeline-wrapper { width: 1205px;   }

    .part-user.life-block.block-4 .timeline-block {	
        width: 200px;
        height: 400px;	
        box-sizing: border-box;
        margin: 0 -70px ;
    }
    
    .part-user.block-2.nth2 .com-content .bp-circle-pic div:before {    
       bottom: -65px;     
    }
    
    .part-user.infograph-1.ict .com-content p img,
    .part-user.infograph-1.ict .com-content img {   
        display: block;
        width: 50%;
        height: auto;
        margin: 100px auto;   
    }
    .part-user.why-hipa.vision {
    	background: transparent url('../gfx/pontozott-korok.svg') center left -50px no-repeat;
    	background-size: 55%;
    }
   .part-user.block-cim.inverse.publication a.public { width: 12%; }
   .part-user.why-hipa.contanct table { width: 50%; }
}




@media only screen and (min-width: 640px) and (max-width: 993px) {    
      
.part-user.block-cim,
.part-user.block-1,
.part-user.block-2,
.part-user.block-3,
.part-user.block-4,
.part-user.block-5,
.part-user.block-6,
.part-user.block-7 {    
     margin-left: -15px; 
    margin-right: -15px;    
    width: 100vw; 
}
    
    .part-user.block-cim {
        margin-top: 0; 
        height: auto;
       margin-left: -15px;
       margin-right: -15px;
       text-align: center;
    }  
    
    
    
/*----------------------------------------------------------------------------------------------------*/    

    
    .part-user.block-1 div.opinion { width: 90%; }
    
     .part-user.block-1 div.opinion:nth-child(odd) {             
        -webkit-flex-direction: column-reverse;  
        flex-direction: column-reverse;       
    }
    
    .part-user.block-1 div.opinion:nth-child(even) {            
        -webkit-flex-direction: column;  
        flex-direction: column;       
    }
    

   .part-user.block-1 div.opinion div.text-wrapper p.velemeny {
       width: 100%; 
       text-align: center; 
       font-size: 18px;
    }

    .part-user.block-1 div.opinion div.text-wrapper p.nev { 
        width: 100%; 
        text-align: center; 
        font-size: 18px;  
        font-family: 'nerisblack'; 
    }


    .part-user.block-1 div.opinion div.pic_bef {
       width: 50vw;    
    
    }
    .part-user.block-1 div.opinion div.pic_bef img.portrait {   
        height:auto;     
        display: inline-block;    
        border-radius: 50%; 
        border: 8px solid white;            
        z-index: 999999;
        position: relative;             
        width: 40%;
        height:auto;
    }
    .part-user.block-1 div.opinion div.pic_bef img.logo-flekk {
        max-width: 50%; 
        height: auto;   
        margin: 0;
 
    }


    .part-user.block-1 div.opinion .text-wrapper { 
        width: 90%; 
        margin-top: 30px; 
    }

    
    
/*-----------------------------------------------------------------------------------------*/
    
    .part-user.block-2 .com-content {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    /*! height: 600px; */
}
    .part-user.block-2 .com-content img {
        width: 75%;
    }
    
      
    .part-user.ssc-block.block-2.nth2 {            
    background: transparent url('/images/ssc/budapest.jpg') no-repeat center top;  
     background-size: 120% auto;  
    height: 70vw;
}
    .part-user.block-2.nth2 .com-content .bp-circle-pic div {
    width: 20vw;
    height: 20vw;    
    margin: 1.5vw;
    border: 20px solid #eee;
    border-radius: 50%;    
    position: relative;
}
    
     .part-user.block-2.nth2 .com-content .bp-circle-pic div:before {
    content: '';
    background: url('../gfx/ssc/ssc-circle-shadow.svg') no-repeat center;
    background-size:  100% 100%;
    width: 20vw;
    height: 10vw;
    position: absolute;
    left:0;
    bottom: -50px;  
    z-index: -99999;
}
    

    .part-user.medical-block.block-2 {            
    background: transparent url('/images/medical/chemical.jpg') no-repeat  center top;  
     background-size: cover;  
    height: 50vw;
}

    
 
/*-----------------------------------------------------------------------------------------*/
    
    .part-user.block-3 {
    margin-top: 0;
    margin-bottom: 50px;
}
    
/*-----------------------------------------------------------------------------------------*/    
    
  #timeline-wrapper {
	width:100vw;	
    padding: 0 5vw;
    height: auto;	
    -webkit-flex-direction: column;
    flex-direction: column;          	   
     -webkit-align-items: center;
    align-items: center;
}

#timeline-wrapper::before {
	content: "";
	position: absolute;
	width: 20px;
	height: 100%;
	border-radius: 10px;
	background: rgba(174,0,90,1);
	top: 0;
	left: calc(50% - 10px);
}
      
.part-user.life-block.block-4 .timeline-block {	
	width: 40vw;		
    height: auto;
	box-sizing: border-box;
	margin: 10px 0 !important;
}
    
.part-user.life-block.block-4 .timeline-block::before {	display:none; }


.part-user.life-block.block-4 .timeline-block:nth-child(2n) {
	-webkit-align-self: center;
    align-self: center;	
}

.part-user.life-block.block-4 .timeline-block:nth-child(2n)::before { display:none; }
    
.part-user.life-block.block-4 .timeline-block .portrait-block {
	margin: 30px 0 0 0;
	padding: 0 0 10px 0;	
}

.part-user.life-block.block-4 .timeline-block .portrait-block .portrait {	
	width: 150px;
	height: 150px;
	margin: 0 auto 20px auto;	
}

.part-user.life-block.block-4 .timeline-block .portrait-block .portrait img {	
	width: 130px;
	height: auto;		
}
    
/*-----------------------------------------------------------------------------------------*/     
    
    
.part-user.block-5 div.component-body div.com-content hr {
    margin: 10px auto ;  
}

.part-user.block-5 div.component-body div.com-content .edu-icons {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;   
}

.part-user.block-5 div.component-body div.com-content .edu-icons .circle-flekk {
    margin:  30px !important;
}



/*--------------------------------------------------------------------------------------------------*/
    
    .part-user.block-6 {
    margin-top: 100px;
    margin-bottom: 100px;
}

/*--------------------------------------------------------------------------------------------------*/
    
 .part-user.block-7 div.component-body { padding-bottom: 50px;}


.part-user.block-7 div.component-body div.com-content h2 {
    color: white;
    margin: 50px 0 10px 0;
    font-size: 40px;
}

.part-user.block-7 div.component-body div.com-content hr { margin: 0 auto 50px auto; }


.part-user.block-7 div.component-body div.com-content .contact-wrapper {
    display: -webkit-flex;
    display: flex;    
     -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
     -webkit-flex-direction: column;  
    flex-direction: column;
    margin: 0 auto;
}

.part-user.block-7 div.component-body div.com-content .contact-wrapper .portrait {
    
    width: 170px;
    height: 170px;
    display: -webkit-flex;
    display: flex;  
    box-shadow: 0 0 30px rgba(0,0,0,.5);
}

.part-user.block-7 div.component-body div.com-content .contact-wrapper .portrait img {
    width: 200px;
    height: auto;
    max-width: 130px;
    max-height: 130px;
    border: 10px solid rgba(30,50,115,1);   
    border-radius: 50%;
    margin: auto;
}

.part-user.block-7 div.component-body div.com-content .contact-wrapper div h4,
.part-user.block-7 div.component-body div.com-content .contact-wrapper div span,
.part-user.block-7 div.component-body div.com-content .contact-wrapper div p{
    color: white;    
}

.part-user.block-7 div.component-body div.com-content .contact-wrapper div h4 {
    font-size: 24px;
}
.part-user.block-7 div.component-body div.com-content .contact-wrapper div span,
.part-user.block-7 div.component-body div.com-content .contact-wrapper div p{
    font-size: 20px;
}

.part-user.block-7 div.component-body div.com-content .contact-wrapper .contact-info {
    display: -webkit-flex;
    display: flex;
     -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;    
    margin: 0 !important;
}

.part-user.block-7 div.component-body div.com-content .contact-wrapper .contact-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid white;
    display: -webkit-flex;
    display: flex;
}
.part-user.block-7 div.component-body div.com-content .contact-wrapper .contact-icon img {
    width: 50%;
    height: auto;
    max-width: 50%;
    max-height: 50%;
    margin: auto;    
}

.part-user.block-7 div.component-body div.com-content .contact-wrapper .contact-info span {
    
}
 
/*--------------------------------------------------------------------------------------------------------*/  
    
    .part-user.infograph-1.ict .com-content p img,
    .part-user.infograph-1.ict .com-content img {   
        display: block;
        width: 80%;           
        height: auto;
        margin: 100px auto;   
    }
    
/*--------------------------------------------------------------------------------------------------------*/    
    
      

.part-user.medical.timeline .timeline_bef {
    text-align: left !important;   
    -webkit-flex-direction: column;
    flex-direction: column;    
    width: 100%;    
    position: relative;
}

.part-user.medical.timeline .timeline_bef::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-top: none;
    border-left: 4px dotted rgba(241,136,115,1);
}

.part-user.medical.timeline .timeline_bef > div {   
    position: relative;
}


.part-user.medical.timeline .timeline_bef > div > div.circle {
    margin: 0;
    position: absolute;
    top: 10px;
    left: -37px;
}
    
    .part-user.medical-block.block-5 div.component-body div.com-content > p img, 
.part-user.medical-block.block-5 div.component-body div.com-content > img   {   
        display: block;
        max-width: 100%;          
        height: auto;
        margin: 0 auto;   
    }
    .part-user.why-hipa img,
    .part-user.why-hipa img:first-child {
        width: 75%;
        margin: 40px auto;
        display: block;
    }
	
    .part-user.block-cim.inverse.about table.one,
    .part-user.block-cim.inverse.about table.two {
    	width: 100%;
        float: none;
        margin: 0;
    }

    .part-user.block-cim.inverse.about table.one td,
    .part-user.block-cim.inverse.about table.two td { 
        padding: 10px 5px;
    }

    .part-user.block-cim.inverse.about table.one td img,
    .part-user.block-cim.inverse.about table.two td img { 
        width: 75px;
        height: auto;
    }

    .why-hipa.liquorice table tr td img { margin: 0 auto !important; }
    .why-hipa.liquorice table tr td,
    .why-hipa.liquorice table tr td p { font-size: 10px !important; padding: 2px; margin: 0; }

    .part-user.why-hipa.vision {
        background: transparent url('../gfx/pontozott-korok.svg') center left -200px no-repeat;
        background-size: 110%;
    }
    .part-user.block-cim.inverse.publication a.public {
        width: 21%;
        margin: 0 2% 40px 2%;
        padding-top: 30px;
    }
    .part-user.block-cim.inverse.publication a.public span {
        font-size: 12px;
        height: 50px;
    }

    .part-user.block-cim.inverse.publication a.public img {	height: 105px; }
    
    .part-user.why-hipa.contanct img,
    .part-user.why-hipa.contanct img:first-child {
        width: auto;
        margin: 0 5px 0 0 !important;
        display: inline;
    }
    .part-user.why-hipa.contanct table { width: 85%; }


.part-user.why-hipa.szolgaltatasok table {
	width: 100%;
	margin: 0 auto;
}

.part-user.why-hipa.szolgaltatasok table td {
	vertical-align: top;
	padding: 10px;
}

.part-user.why-hipa.szolgaltatasok table td img {
	width: 96px;
	height: 96px;
	display: block;
	margin: 0 auto 10px auto;
}

/*--------------------------------------------------------------------------------------------------------*/    
    
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
   
     
    .part-user.block-cim,
.part-user.block-1,
.part-user.block-2,
.part-user.block-3,
.part-user.block-4,
.part-user.block-5,
.part-user.block-6,
.part-user.block-7 {    
     margin-left: -15px; 
    margin-right: -15px;
    
    width: 100vw; 
}
    
    .part-user.block-cim {    
       margin-top:0;    
    }  
    
 /*----------------------------------------------------------------------------------------------------*/    
    .part-user.block-1 {
        padding-bottom: 30px;
    }
    
    .part-user.block-1 div.opinion { width: 90%; }
    
     .part-user.block-1 div.opinion:nth-child(odd) {             
        -webkit-flex-direction: column-reverse;  
        flex-direction: column-reverse;       
    }
    
    .part-user.block-1 div.opinion:nth-child(even) {            
        -webkit-flex-direction: column;  
        flex-direction: column;       
    }
    

   .part-user.block-1 div.opinion div.text-wrapper p.velemeny {
       width: 100%; 
       text-align: center; 
       font-size: 18px;
    }

    .part-user.block-1 div.opinion div.text-wrapper p.nev { 
        width: 100%; 
        text-align: center; 
        font-size: 18px;  
        font-family: 'nerisblack'; 
    }


    .part-user.block-1 div.opinion div.pic_bef {
       width: 50vw;    
    
    }
    .part-user.block-1 div.opinion div.pic_bef img.portrait {   
        height:auto;     
        display: inline-block;    
        border-radius: 50%; 
        border: 8px solid white;            
        z-index: 999999;
        position: relative;             
        width: 40%;
        height:auto;
    }
    .part-user.block-1 div.opinion div.pic_bef img.logo-flekk {
        max-width: 50%; 
        height: auto;   
        margin: 0; 
    }


    .part-user.block-1 div.opinion .text-wrapper { 
        width: 90%; 
        margin-top: 30px; 
    }

   /*-----------------------------------------------------------------------------------------*/     
    
    .part-user.block-2 {
        height: 300px !important;
    }
    
    .part-user.block-2 .com-content {
    display: -webkit-flex;
    display: flex; 
    width: 100%;
    height: 300px !important;
    }

    .part-user.block-2 img,
    .part-user.block-2 p img { 
        margin: auto;
        display: block;    
        width: 70%;
        height: auto;
    } 
    
   
 .part-user.ssc-block.block-2.nth2 {            
    background: transparent url('/images/ssc/budapest.jpg') no-repeat center top;  
     background-size: cover;  
    height: 100vw !important;
}
    .part-user.block-2.nth2 .com-content .bp-circle-pic {
        bottom: -50px;
    }
    
    .part-user.block-2.nth2 .com-content .bp-circle-pic div {
    width: 25vw;
    height: 25vw;    
    margin: 1vw;
    border: 10px solid #eee;
    border-radius: 50%;    
    position: relative;
}
    
     .part-user.block-2.nth2 .com-content .bp-circle-pic div:before {
    content: '';
    background: url('../gfx/ssc/ssc-circle-shadow.svg') no-repeat center;
    background-size:  100% 100%;
    width: 25vw;
    height: 12.5vw;
    position: absolute;
    left:0;
    bottom: -30px;  
    z-index: -99999;
}
    




       
    /*-----------------------------------------------------------------------------------------*/   
    
    .part-user.block-3 {
    margin-top: 0;
    margin-bottom: 50px;
    }
    
    .part-user.block-3 .com-content {        
    margin: auto;   
    text-align: right;
    padding: 5vw 10vw;     
    }
    
    .part-user.block-3 .com-content h2 {
        font-size: 20px;
    }
    
    .part-user.block-3 .com-content .title_bef  img {      
    margin: 0;
    padding: 0;   
    width: 60px;
    height: auto;
}
    
     .part-user.block-3 .com-content h3 {
        font-size: 26px;
       
    }
    
    
/*----------------------------------------------------------------------------------------------------*/   
    
    .part-user.block-4 div.component-body div.com-content h2 {  font-size: 30px; }
    
    .part-user.block-4 div.component-body div.com-content hr {
    width: 180px;
    margin: 0 auto 20px auto;
    border-top: 3px dotted white;
}


.part-user.block-4 div.component-body div.com-content .edu-icons {
    -webkit-flex-direction: column;
    flex-direction: column;
     -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.part-user.block-4 div.component-body div.com-content .edu-icons .circle-flekk {        
    margin: 20px !important;
}

/*-----------------------------------------------------------------------------------------*/    
    
  #timeline-wrapper {
	width:100vw;	
    padding: 0 5vw;
    height: auto;	
    -webkit-flex-direction: column;
    flex-direction: column;          	   
     -webkit-align-items: center;
    align-items: center;
}

#timeline-wrapper::before {
	content: "";
	position: absolute;
	width: 20px;
	height: 100%;
	border-radius: 10px;
	background: rgba(174,0,90,1);
	top: 0;
	left: calc(50% - 10px);
}
      
.part-user.life-block.block-4 .timeline-block {	
	width: 40vw;		
    height: auto;
	box-sizing: border-box;
	margin: 10px 0 !important;
}
    
.part-user.life-block.block-4 .timeline-block::before {	display:none; }


.part-user.life-block.block-4 .timeline-block:nth-child(2n) {
	-webkit-align-self: center;
    align-self: center;	
}

.part-user.life-block.block-4 .timeline-block:nth-child(2n)::before { display:none; }
    
.part-user.life-block.block-4 .timeline-block .portrait-block {
	margin: 30px 0 0 0;
	padding: 0 0 10px 0;	
}

.part-user.life-block.block-4 .timeline-block .portrait-block .portrait {	
	width: 150px;
	height: 150px;
	margin: 0 auto 20px auto;	
}

.part-user.life-block.block-4 .timeline-block .portrait-block .portrait img {	
	width: 130px;
	height: auto;		
}
    
    
/*-----------------------------------------------------------------------------------------------*/



.part-user.block-5 div.component-body div.com-content {
   padding: 0 5vw;   
}
.part-user.block-5 div.component-body div.com-content h2 {
    color: white;
    margin: 50px 0 10px 0;
    font-size: 30px;
}

.part-user.block-5 div.component-body div.com-content hr {
     width: 180px;
    margin: 0 auto 20px auto;
    border-top: 3px dotted white;
}

.part-user.block-5 div.component-body div.com-content .edu-icons {
    -webkit-flex-direction: column;
    flex-direction: column;
     -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.part-user.block-5 div.component-body div.com-content .edu-icons .circle-flekk {
     margin: 20px !important;
}
    
.part-user.block-5 h3 {    
    text-align: center!important;
    margin: 0;
}
.part-user.block-5 h3 + span {    
    text-align: center!important;
    margin: 0;
}    

/*--------------------------------------------------------------------------------------------------*/


.part-user.block-6 {       
  
    margin-top: 100px;    
    margin-bottom: 100px;
} 

.part-user.block-6 .component-body {
    width: 100%;
    height:100%;
    display: -webkit-flex;
    display: flex; 
    margin: auto;
}

.part-user.block-6 .com-content {        
    margin: auto;   
      
}

.part-user.block-6 .com-content  h2 {
    margin: 0 0 20px 0;
    font-size: 30px;
}

.part-user.block-6 .com-content img {
    width: 80vw;
    height: auto;
}

    
    
/*--------------------------------------------------------------------------------------------------*/
    
 .part-user.block-7 div.component-body { padding-bottom: 50px;}


.part-user.block-7 div.component-body div.com-content h2 {
    color: white;
    margin: 50px 0 10px 0;
    font-size: 30px;
}

.part-user.block-7 div.component-body div.com-content hr { 
    width: 180px;
    margin: 0 auto 20px auto;
    border-top: 3px dotted white;}


.part-user.block-7 div.component-body div.com-content .contact-wrapper {
    display: -webkit-flex;
    display: flex;    
     -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
     -webkit-flex-direction: column;  
    flex-direction: column;
    margin: 0 auto;
}

.part-user.block-7 div.component-body div.com-content .contact-wrapper .portrait {
    
    width: 170px;
    height: 170px;
    display: -webkit-flex;
    display: flex;  
    box-shadow: 0 0 30px rgba(0,0,0,.5);
}

.part-user.block-7 div.component-body div.com-content .contact-wrapper .portrait img {
    width: 200px;
    height: auto;
    max-width: 130px;
    max-height: 130px;
    border: 10px solid rgba(30,50,115,1);   
    border-radius: 50%;
    margin: auto;
}

.part-user.block-7 div.component-body div.com-content .contact-wrapper div h4,
.part-user.block-7 div.component-body div.com-content .contact-wrapper div span,
.part-user.block-7 div.component-body div.com-content .contact-wrapper div p{
    color: white;    
}

.part-user.block-7 div.component-body div.com-content .contact-wrapper div h4 {
    font-size: 24px;
}
.part-user.block-7 div.component-body div.com-content .contact-wrapper div span,
.part-user.block-7 div.component-body div.com-content .contact-wrapper div p{
    font-size: 20px;
}

.part-user.block-7 div.component-body div.com-content .contact-wrapper .contact-info {
    display: -webkit-flex;
    display: flex;
     -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;    
    margin: 0 !important;
}

.part-user.block-7 div.component-body div.com-content .contact-wrapper .contact-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid white;
    display: -webkit-flex;
    display: flex;
}
.part-user.block-7 div.component-body div.com-content .contact-wrapper .contact-icon img {
    width: 50%;
    height: auto;
    max-width: 50%;
    max-height: 50%;
    margin: auto;    
}

/*--------------------------------------------------------------------------------------------------------*/     
    
.part-user.infograph-1.ict .com-content p img,
    .part-user.infograph-1.ict .com-content img {   
        display: block;
        width: 90%;           
        height: auto;
        margin: 100px auto;   
    }
    
/*--------------------------------------------------------------------------------------------------------*/       
    
   
    
      

.part-user.medical.timeline .timeline_bef {
    text-align: left !important;   
    -webkit-flex-direction: column;
    flex-direction: column;    
    width: 100%;    
    position: relative;
}

.part-user.medical.timeline .timeline_bef::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-top: none;
    border-left: 4px dotted rgba(241,136,115,1);
}

.part-user.medical.timeline .timeline_bef > div {   
    position: relative;
}


.part-user.medical.timeline .timeline_bef > div > div.circle {
    margin: 0;
    position: absolute;
    top: 10px;
    left: -37px;
}
   
.part-user.medical-block.block-5 div.component-body div.com-content > p img, 
.part-user.medical-block.block-5 div.component-body div.com-content > img   {   
        display: block;
        max-width: 100%;          
        height: auto;
        margin: 0 auto;   
    }    
    
    .part-user.why-hipa img,
    .part-user.why-hipa img:first-child {
        width: 90%;
        margin: 40px auto;
        display: block;
    }
    body.fo header .slogen-title h1 { 
        margin: 50px 0 0 50px;
        font-size: 36px!important;
    }



    .part-user.block-cim.inverse.about table.one,
    .part-user.block-cim.inverse.about table.two {
    	width: 100%;
        float: none;
        margin: 0;
    }

    .part-user.block-cim.inverse.about table.one td,
    .part-user.block-cim.inverse.about table.two td { 
        padding: 10px 5px;
    }

    .part-user.block-cim.inverse.about table.one td img,
    .part-user.block-cim.inverse.about table.two td img { 
        width: 50px;
        height: auto;
    }

    .why-hipa.liquorice table tr td img { margin: 0 auto !important; }
    .why-hipa.liquorice table tr td,
    .why-hipa.liquorice table tr td p { font-size: 10px !important; padding: 2px; margin: 0; }

    .part-user.why-hipa.vision {
        background: transparent url('../gfx/pontozott-korok.svg') center left -200px no-repeat;
        background-size: 120%;
    }

    .part-user.block-cim.inverse.publication a.public {
        width: 46%;
        margin: 0 2% 40px 2%;
    }

    .part-user.block-cim.inverse.publication a.public img {	height: 165px; }

    .part-user.why-hipa.contanct img,
    .part-user.why-hipa.contanct img:first-child {
        width: auto;
        margin: 0 5px 0 0 !important;
        display: inline;
    }
    .part-user.why-hipa.contanct table { width: 90%; }
    .part-user.why-hipa.contanct table a,
    .part-user.why-hipa.contanct table td { font-size: 10px !important; }

    .part-user.why-hipa.szolgaltatasok table {
    	width: 100%;
    	margin: 0 auto;
    }

    .part-user.why-hipa.szolgaltatasok table td {
    	vertical-align: top;
    	padding: 5px;
    }

    .part-user.why-hipa.szolgaltatasok table td p { font-size: 10px; }

    .part-user.why-hipa.szolgaltatasok table td img {
    	width: 80px;
    	height: 80px;
    	display: block;
    	margin: 0 auto 10px auto;
    }

.block-cim.inverse.magunkrol table {
	width: 90%;
	margin: 40px auto 0 auto;	
}

.part-user.inverse.magunkrol table td {
	vertical-align: top;
	padding: 5px;
}

.part-user.inverse.magunkrol table td p { font-size: 10px; }

.part-user.inverse.magunkrol table td img {
	width: 64px;
	height: 64px;
}

/*--------------------------------------------------------------------------------------------------------*/    
    
}



@media only screen and (min-width: 320px) and (max-width: 479px) { 

   .part-user.block-cim {    
       margin-top:0;    
    }  
    
    

   
/*----------------------------------------------------------------------------------------------------*/    
.part-user.block-1 {
    
    padding-bottom: 30px;
}
    
    .part-user.block-1 div.opinion { width: 90%; }
    
     .part-user.block-1 div.opinion:nth-child(odd) {             
        -webkit-flex-direction: column-reverse;  
        flex-direction: column-reverse;       
    }
    
    .part-user.block-1 div.opinion:nth-child(even) {            
        -webkit-flex-direction: column;  
        flex-direction: column;       
    }
    

   .part-user.block-1 div.opinion div.text-wrapper p.velemeny {
       width: 100%; 
       text-align: center; 
       font-size: 18px;
    }

    .part-user.block-1 div.opinion div.text-wrapper p.nev { 
        width: 100%; 
        text-align: center; 
        font-size: 18px;  
        font-family: 'nerisblack'; 
    }


    .part-user.block-1 div.opinion div.pic_bef {
       width: 80vw;    
    
    }
    .part-user.block-1 div.opinion div.pic_bef img.portrait {   
        height:auto;     
        display: inline-block;    
        border-radius: 50%; 
        border: 8px solid white;            
        z-index: 999999;
        position: relative;             
        width: 40%;
        height:auto;
    }
    .part-user.block-1 div.opinion div.pic_bef img.logo-flekk {
        max-width: 50%; 
        height: auto;   
        margin: 0;
 
    }


    .part-user.block-1 div.opinion .text-wrapper { 
        width: 90%; 
        margin-top: 30px; 
    }

   
    /*-----------------------------------------------------------------------------------------*/     
    
    .part-user.block-2 {
        height: 300px !important;
    }
       
    .part-user.block-2 .com-content {   height: 400px; }
    
    .part-user.block-2::before,
    .part-user.block-2::after {    
    height: 50px;  
}
.part-user.block-2 img,
.part-user.block-2 p img { 
    margin: auto;
    display: block;    
    width: 75%;
    height: auto;
}

 .part-user.ssc-block.block-2.nth2 {            
    background: transparent url('/images/ssc/budapest.jpg') no-repeat center top;  
     background-size: cover;  
    height: 140vw !important;
}
    .part-user.block-2.nth2 .com-content .bp-circle-pic {
        bottom: -50px;
    }
    
    .part-user.block-2.nth2 .com-content .bp-circle-pic div {
    width: 30vw;
    height: 30vw;    
    margin: 1vw;
    border: 10px solid #eee;
    border-radius: 50%;    
    position: relative;
}
    
     .part-user.block-2.nth2 .com-content .bp-circle-pic div:before {
    content: '';
    background: url('../gfx/ssc/ssc-circle-shadow.svg') no-repeat center;
    background-size:  100% 100%;
    width: 20vw;
    height: 10vw;
    position: absolute;
    left:0;
    bottom: -30px;  
    z-index: -99999;
}
    
    
     /*-----------------------------------------------------------------------------------------*/         
        
      
    
    .part-user.block-3 {
    width: 100%;
    margin-top: 0;
    margin-bottom: 50px;
    }
    
    .part-user.block-3 .com-content {        
    margin: auto;   
    text-align: right;
    padding: 5vw ;     
    }
    
      
    .part-user.block-3 .com-content .title_bef  img {      
    margin: 0;
    padding: 0;   
    width: 60px;
    height: auto;
}
         
    
    .part-user.block-3 .com-content p {
    margin: 0 0 20px 0;
    padding: 0;    
    }
    
    .part-user.block-3 .com-content img {
        width: 90vw;
    }
    
/*----------------------------------------------------------------------------------------------------*/   
    
    .part-user.block-4 div.component-body div.com-content h2 {  font-size: 30px; }
    
    .part-user.block-4 div.component-body div.com-content hr {
        width: 180px;
        margin: 0 auto 20px auto;
        border-top: 3px dotted white;
}


    .part-user.block-4 div.component-body div.com-content .edu-icons {
        -webkit-flex-direction: column;
        flex-direction: column;
         -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
}

    .part-user.block-4 div.component-body div.com-content .edu-icons .circle-flekk {        
        margin: 20px !important;
}


/*-----------------------------------------------------------------------------------------------*/

  
    
  #timeline-wrapper {
	width:100vw;	
    padding: 0 5vw;
    height: auto;	
    -webkit-flex-direction: column;
    flex-direction: column;          	   
     -webkit-align-items: center;
    align-items: center;
}

#timeline-wrapper::before {
	content: "";
	position: absolute;
	width: 20px;
	height: 100%;
	border-radius: 10px;
	background: rgba(174,0,90,1);
	top: 0;
	left: calc(50% - 10px);
}
      
.part-user.life-block.block-4 .timeline-block {	
	width: 40vw;		
    height: auto;
	box-sizing: border-box;
	margin: 10px 0 !important;
}
    
.part-user.life-block.block-4 .timeline-block::before {	display:none; }


.part-user.life-block.block-4 .timeline-block:nth-child(2n) {
	-webkit-align-self: center;
    align-self: center;	
}

.part-user.life-block.block-4 .timeline-block:nth-child(2n)::before { display:none; }
    
.part-user.life-block.block-4 .timeline-block .portrait-block {
	margin: 30px 0 0 0;
	padding: 0 0 10px 0;	
}

.part-user.life-block.block-4 .timeline-block .portrait-block .portrait {	
	width: 150px;
	height: 150px;
	margin: 0 auto 20px auto;	
}

.part-user.life-block.block-4 .timeline-block .portrait-block .portrait img {	
	width: 130px;
	height: auto;		
}
    
/*-----------------------------------------------------------------------------------------*/ 

.part-user.block-5 div.component-body div.com-content {
   padding: 0 5vw;   
}
.part-user.block-5 div.component-body div.com-content h2 {
    color: white;
    margin: 50px 0 10px 0;
    font-size: 30px;
}

.part-user.block-5 div.component-body div.com-content hr {
     width: 180px;
    margin: 0 auto 20px auto;
    border-top: 3px dotted white;
}

.part-user.block-5 div.component-body div.com-content .edu-icons {
    -webkit-flex-direction: column;
    flex-direction: column;
     -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.part-user.block-5 div.component-body div.com-content .edu-icons .circle-flekk {
     margin: 20px !important;
}
    
.part-user.block-5 h3 {    
    text-align: center!important;
    margin: 0;
}
.part-user.block-5 h3 + span {    
    text-align: center!important;
    margin: 0;
}

/*--------------------------------------------------------------------------------------------------*/


.part-user.block-6 {       
   
    margin-top: 100px;    
    margin-bottom: 100px;
} 

.part-user.block-6 .component-body {
    width: 100%;
    height:100%;
    display: -webkit-flex;
    display: flex; 
    margin: auto;
}

.part-user.block-6 .com-content {        
    margin: auto;   
      
}

.part-user.block-6 .com-content  h2 {
    margin: 0 0 20px 0;
    font-size: 30px;
}

.part-user.block-6 .com-content img {
    width: 80vw;
    height: auto;
}


    
/*--------------------------------------------------------------------------------------------------*/
    
 .part-user.block-7 div.component-body { padding-bottom: 50px;}


.part-user.block-7 div.component-body div.com-content h2 {
    color: white;
    margin: 50px 0 10px 0;
    font-size: 30px;
}

.part-user.block-7 div.component-body div.com-content hr { 
    width: 180px;
    margin: 0 auto 20px auto;
    border-top: 3px dotted white;}


.part-user.block-7 div.component-body div.com-content .contact-wrapper {
    display: -webkit-flex;
    display: flex;    
     -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
     -webkit-flex-direction: column;  
    flex-direction: column;
    margin: 0 auto;
}

.part-user.block-7 div.component-body div.com-content .contact-wrapper .portrait {
    
    width: 170px;
    height: 170px;
    display: -webkit-flex;
    display: flex;  
    box-shadow: 0 0 30px rgba(0,0,0,.5);
}

.part-user.block-7 div.component-body div.com-content .contact-wrapper .portrait img {
    width: 200px;
    height: auto;
    max-width: 130px;
    max-height: 130px;
    border: 10px solid rgba(30,50,115,1);   
    border-radius: 50%;
    margin: auto;
}

.part-user.block-7 div.component-body div.com-content .contact-wrapper div h4,
.part-user.block-7 div.component-body div.com-content .contact-wrapper div span,
.part-user.block-7 div.component-body div.com-content .contact-wrapper div p{
    color: white;    
}

.part-user.block-7 div.component-body div.com-content .contact-wrapper div h4 {
    font-size: 24px;
}
.part-user.block-7 div.component-body div.com-content .contact-wrapper div span,
.part-user.block-7 div.component-body div.com-content .contact-wrapper div p{
    font-size: 20px;
}

.part-user.block-7 div.component-body div.com-content .contact-wrapper .contact-info {
    display: -webkit-flex;
    display: flex;
     -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;    
    margin: 0 !important;
}

.part-user.block-7 div.component-body div.com-content .contact-wrapper .contact-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid white;
    display: -webkit-flex;
    display: flex;
}
    
.part-user.block-7 div.component-body div.com-content .contact-wrapper .contact-icon img {
    width: 50%;
    height: auto;
    max-width: 50%;
    max-height: 50%;
    margin: auto;    
}


    
    /*--------------------------------------------------------------------------------------------------------*/     
    
.part-user.infograph-1.ict .com-content p img,
.part-user.infograph-1.ict .com-content img
  {   
        display: block;
        width: 90%;          
        height: auto;
        margin: 100px auto;   
    }
    
/*--------------------------------------------------------------------------------------------------------*/    
    
          

.part-user.medical.timeline .timeline_bef {
    text-align: left !important;   
    -webkit-flex-direction: column;
    flex-direction: column;    
    width: 100%;    
    position: relative;
}

.part-user.medical.timeline .timeline_bef::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-top: none;
    border-left: 4px dotted rgba(241,136,115,1);
}

.part-user.medical.timeline .timeline_bef > div {   
    position: relative;
}


.part-user.medical.timeline .timeline_bef > div > div.circle {
    margin: 0;
    position: absolute;
    top: 10px;
    left: -37px;
}
    
.part-user.medical-block.block-5 div.component-body div.com-content > p img, 
.part-user.medical-block.block-5 div.component-body div.com-content > img   {   
        display: block;
        max-width: 100%;          
        height: auto;
        margin: 0 auto;   
    }
    
    .part-user.why-hipa img,
    .part-user.why-hipa img:first-child {
        width: 90%;
        margin: 40px auto;
        display: block;
    }
    body.fo header .slogen-title h1 { 
        margin: 50px 0 0 50px;
        font-size: 36px!important;
    }

    .part-user.block-cim.inverse.about table.one,
    .part-user.block-cim.inverse.about table.two {
    	width: 100%;
        float: none;
        margin: 0;
    }

    .part-user.block-cim.inverse.about table.one td,
    .part-user.block-cim.inverse.about table.two td { 
        padding: 10px 5px;
    }

    .part-user.block-cim.inverse.about table.one td img,
    .part-user.block-cim.inverse.about table.two td img { 
        width: 50px;
        height: auto;
    }
    .why-hipa.liquorice table tr td img { margin: 0 auto !important; }
    .why-hipa.liquorice table tr td,
    .why-hipa.liquorice table tr td p { font-size: 10px !important; padding: 2px; margin: 0; }

    .why-hipa.vision .component-body {
        padding: 250px 20px 20px 20px;
        box-sizing: border-box;
    }
    .part-user.why-hipa.vision {
        background: transparent url('../gfx/pontozott-korok.svg') top -125px center no-repeat;
        background-size: 150%;
    }

    .part-user.block-cim.inverse.publication a.public {
        width: 90%;
        margin: 0 2% 40px 2%;
    }

    .part-user.block-cim.inverse.publication a.public img {	height: 185px; }

    .part-user.why-hipa.contanct img,
    .part-user.why-hipa.contanct img:first-child {
        width: auto;
        margin: 0 auto 5px auto !important;
        display: block;
    }
    .part-user.why-hipa.contanct table { width: 90%; }
    .part-user.why-hipa.contanct table a,
    .part-user.why-hipa.contanct table td { font-size: 10px !important; text-align: center; }

    .part-user.why-hipa.liquorice table img { width: 20px !important; height: auto; }
    .part-user.why-hipa.liquorice table {
    	display: table;
    	margin: 20px auto 0 auto;
    }
    .part-user.why-hipa.liquorice table td,
    .part-user.why-hipa.liquorice table td p { font-size: 6px !important; }

    .part-user.why-hipa.szolgaltatasok table {
    	width: 100%;
    	margin: 0 auto;
    }

    .part-user.why-hipa.szolgaltatasok table td {
    	vertical-align: top;
    	padding: 2px;
    }

    .part-user.why-hipa.szolgaltatasok table td p { font-size: 8px; }

    .part-user.why-hipa.szolgaltatasok table td img {
    	width: 40px;
    	height: 40px;
    	display: block;
    	margin: 0 auto 10px auto;
    }

.block-cim.inverse.magunkrol table {
	width: 100%;
	margin: 40px auto 0 auto;	
}

.part-user.inverse.magunkrol table td {
	vertical-align: top;
	padding: 5px;
}

.part-user.inverse.magunkrol table td p { font-size: 10px; }

.part-user.inverse.magunkrol table td img {
	width: 64px;
	height: 64px;
}

/*--------------------------------------------------------------------------------------------------------*/
        
    
}