#anim-pics {
    display: none;
}


.part-user .flexwrap {
    -webkit-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.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/bsc.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;
    font-family:'neristhin';
    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  span.comment {
    font-family: 'nerislight' !important;
    font-size: smaller;
}

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


.part-user div.component-body div.com-content h2.color-bg-left {
    color: black;   
    font-size: 26px !important;    
    top:100px;    
    text-align: left; 
    padding-left: 5vw;
    font-family: 'nerislight';
}

.part-user div.component-body div.com-content h2.color-bg-left span {
    font-size: 30px !important;
    color: white;   
    padding: 5px 15px;
    font-family: 'nerisblack';    
    display: inline;   
    line-height: 2;
}

.part-user.life-block div.component-body div.com-content h2.color-bg-right span {   background: rgba(174,0,90,1); }

/*-------------------------------------------------------------------------------------------------------------*/
.part-user div.component-body div.com-content h2.color-bg-right {
    color: black;   
    font-size: 26px !important;       
    text-align: right;     
    font-family: 'nerislight';    
    /*! margin-right: 5% !important; */
}

.part-user div.component-body div.com-content h2.color-bg-right span {
    font-size: 30px !important;
    color: white;   
    padding: 5px 15px;
    font-family: 'nerisblack';    
    display: inline;
    margin: 0 0 5px 0;
    line-height: 2;
}

.part-user.ssc-block div.component-body div.com-content h2.color-bg-right span {   background: rgba(0,135,129,1); }


.part-user.logistic-block div.component-body div.com-content h2.color-bg-right span {   background: rgba(250,170,0,1); }

.part-user.renewable-block div.component-body div.com-content h2.color-bg-right span {   background: rgba(155,200,30,1); }

.part-user.food-block div.component-body div.com-content h2.color-bg-right span {   background: #E6640F; }

.part-user.medical-block div.component-body div.com-content h2.color-bg-right span {   background: rgba(241,136,115,1); }

.part-user.electronics-block div.component-body div.com-content h2.color-bg-right span {   background: #6EA0BE; }
/*-------------------------------------------------------------------------------------------------------------*/


.part-user div.component-body div.com-content h2.white-bg-right {
    color: white;   
    font-size: 26px !important;    
    text-align: right;    
    font-family: 'nerislight';
    /*! margin-right: 5%; */
}

.part-user div.component-body div.com-content h2.white-bg-right span {
    font-size: 30px !important;    
    background: white;
    padding: 5px 15px;
    font-family: 'nerisblack';    
    display: inline-block;
    margin: 0 0 5px 0;
}

.part-user.ssc-block div.component-body div.com-content h2.white-bg-right span.smallfont {
    margin: 0;
    padding: 0;
    background: transparent;
    color: white ;
    font-family: 'nerislight';
    font-size: inherit !important;
    text-transform: lowercase;
}

.part-user.food-block div.component-body div.com-content h2.white-bg-right span {    
    color: #E6640F;    
}

.part-user.medical-block div.component-body div.com-content h2.white-bg-right span {    
    color: #D1573F;    
} 

.part-user.ssc-block div.component-body div.com-content h2.white-bg-right span {    
    color: rgba(0,109,104,1);    
} 



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

.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;
    text-shadow: 0 0 10px rgba(0,0,0,.3);
}  

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


.part-user.ssc-block.img-block {
    position: relative;
    top: -100px;
    z-index: -9999999;
}


/*------------------------------------------------------------------------------------*/
.part-user.geothermal.renewable-block .component-body .com-content {
    width: 90%;
    margin: 0 auto;
}

.part-user.geothermal.renewable-block h3,
.part-user.geothermal.renewable-block h3 span,
.part-user.geothermal.renewable-block p {
    text-align: center;
    display: block;
    line-height: 1.5;
    margin-top: 15px;
}
.part-user.geothermal.renewable-block h3 span { font-size: 22px; margin-top: initial;}

.part-user.geothermal.renewable-block img {
    display: block;
    margin: 0 auto;
    width: 75%;
}

.part-user.geothermal.renewable-block .flexwrap {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 75%;
    margin: 15px auto;
}


.part-user.geothermal.renewable-block .flexwrap  .rounded-btn {
    width: 60px;
    height: 60px;
    background-color: white;
    background-size: 44px auto;
    background-repeat: no-repeat;
    background-position: 8px 8px;
    margin: auto;
    box-shadow: 0 0 10px #666;
    border-radius: 50%;
}

.part-user.geothermal.renewable-block .flexwrap .rounded-btn.nth1 {
    background-image: url('../gfx/renewable/renewable-circle-1.svg');

}

.part-user.geothermal.renewable-block .flexwrap .rounded-btn.nth2 {
    background-image: url('../gfx/renewable/renewable-circle-2.svg') ;

}

.part-user.geothermal.renewable-block .flexwrap .rounded-btn.nth3 {
    background-image: url('../gfx/renewable/renewable-circle-3.svg');

}

.part-user.geothermal.renewable-block .flexwrap .rounded-btn.nth4 {
    background-image: url('../gfx/renewable/renewable-circle-4.svg') ;    
}

.part-user.geothermal.renewable-block .flexwrap p {
    font-family: 'nerisblack';
    margin: 5px;
    color: #999;
}

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


.part-user.logistic-block.easy-access .component-body .com-content {
    width: 90%;
    margin: 0 auto;
}

.part-user.logistic-block.easy-access h3,
.part-user.logistic-block.easy-access h4,
.part-user.logistic-block.easy-access h3 span,
.part-user.logistic-block.easy-access p {
    text-align: center;
    display: block;
    line-height: 1.5;
}
.part-user.logistic-block.easy-access h3 span { font-size: 22px; }

.part-user.logistic-block.easy-access img {
    display: block;
    margin: 0 auto;
    width: 75%;
}


.part-user.logistic-block.easy-access .flexwrap {
    display: -webkit-flex;
    display: flex;    
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 30px auto;
}

.part-user.logistic-block.easy-access .flexwrap:nth-of-type(1) {
    -webkit-justify-content: center;
    justify-content: center;    
}

.part-user.logistic-block.easy-access .flexwrap:nth-of-type(2) {
    -webkit-justify-content: center;
    justify-content: center;
    width: 75%;  
}

.part-user.logistic-block.easy-access .flexwrap:nth-of-type(2) > p {
    margin: 15px;
}

.part-user.logistic-block.easy-access .flexwrap > div {
    margin: 15px;
}

.part-user.logistic-block.easy-access .rounded-btn {    
    width: 60px;
    height: 60px;
    background: white;
    margin: 15px;
    box-shadow: 0 0 10px #666;
    border-radius: 50%;   
    margin: 0  auto 15px auto;
}

.part-user.logistic-block.easy-access .rounded-btn.nth1 {
    background: url('../gfx/logistics/logistics-circle-1.svg') no-repeat 8px 8px;
    background-size: 44px auto;
}

.part-user.logistic-block.easy-access .rounded-btn.nth2 {
    background: url('../gfx/logistics/logistics-circle-2.svg') no-repeat 8px 8px;
    background-size: 44px auto;

}

.part-user.logistic-block.easy-access .flexwrap:nth-of-type(2) p {
    padding-left: 50px;
    position: relative;
}

.part-user.logistic-block.easy-access .flexwrap:nth-of-type(2) p:before {
    content: '';
    width: 36px;
    height: 40px;    
    position: absolute;
    left:0;

}

.part-user.logistic-block.easy-access .flexwrap:nth-of-type(2) p:nth-of-type(1):before {    
    background:  url('../gfx/logistics/m1.svg') no-repeat 0 0 ;
    background-size: contain;   
}
.part-user.logistic-block.easy-access .flexwrap:nth-of-type(2) p:nth-of-type(2):before {    
    background:  url('../gfx/logistics/m3.svg') no-repeat 0 0 ;
    background-size: contain;   
}
.part-user.logistic-block.easy-access .flexwrap:nth-of-type(2) p:nth-of-type(3):before {    
    background:  url('../gfx/logistics/m5.svg') no-repeat 0 0 ;
    background-size: contain;   
}
.part-user.logistic-block.easy-access .flexwrap:nth-of-type(2) p:nth-of-type(4):before {    
    background:  url('../gfx/logistics/m6.svg') no-repeat 0 0 ;
    background-size: contain;   
}
.part-user.logistic-block.easy-access .flexwrap:nth-of-type(2) p:nth-of-type(5):before {    
    background:  url('../gfx/logistics/m7.svg') no-repeat 0 0 ;
    background-size: contain;   
}

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

.part-user.logistic-block.infograph-1 {
    background: rgba(247,247,247,1);
    margin: 200px 0 0 0;
    padding-bottom: 200px;
}

.part-user.logistic-block.infograph-1 .com-content {
    width: 90%;
    margin: 0 auto;
}

.part-user.logistic-block.infograph-1 .com-content img {
    margin: 0 auto;
    display: block;
    width: 50%;
    height: auto;
}

.part-user.logistic-block.img-block {
    position: relative;
    margin-top: -150px;
}
/*------------------------------------------------------------------------------------*/


.part-user.ssc-block.infograph-1 {
    margin: 100px 0;
}

.part-user.ssc-block.infograph-1 .com-content {
    width: 90%;
    margin: 0 auto;
}
.part-user.ssc-block.infograph-1 .com-content p img {
    display: block;
    margin: 0 auto;
    width: 75%;
    height: auto;
}
.part-user.ssc-block.infograph-1 .com-content p {
    text-align: center;
}

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

.part-user.infograph-1.white.information-block .com-content {
    margin: 100px auto;
    width: 90%;
}

.part-user.infograph-1.white.information-block h2 span {
    background: rgba(154,157,162,1);
}

.part-user.infograph-1.white.information-block p img,
.part-user.infograph-1.white.information-block img {
    width: 75%;
    height: auto;
    margin: 0 auto;
    display: block;    
}

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



.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(129,130,134,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;       
}
.part-user.block-1 div.opinion  .text-wrapper p.nev strong {    
    font-family: 'nerisblack';    
}



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

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

.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;     
}

.part-user.ssc-block.block-2 {            
    background: transparent url('/images/ssc/office_speed_light.jpg') no-repeat center center;  
    background-size: cover;  

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

}

.part-user.information-block.block-2 {            
    background: transparent url('/images/ict/ict_web_kep.png') no-repeat center top;  
    background-size: cover;     
}

.part-user.logistic-block.block-2 {            
    background: transparent url('/images/logistics/logistics_web_kep2.jpg') no-repeat center top;  
    background-size: cover;     
}



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

}

.part-user.food-block.block-2.nth2 {            
    background: transparent url('/images/food/food-block-2-2.jpg') no-repeat center top;  
    background-size: cover; 
    height: auto;

}

.part-user.medical-block.block-1 {
    padding-top:64px;
}

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

.part-user.renewable-block.block-2 {            
    background: transparent url('/images/Renewable/renewable-block2-bg.png') no-repeat center center;  
    background-size: 120% auto;  
    height: 40vw;
    /*! margin-bottom: -30px; */
}


.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 p {
    margin: auto;
}

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

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

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

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

.part-user.block-2.nth2.food-block::after {
    content: "";
    position: absolute;
    bottom:0;
    left:0; 
    width: 100%;
    height: 100px;
    background: transparent url('../../../gfx/food-dark-before-bg.svg') no-repeat left 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/white-before-bg.svg') no-repeat left bottom;
    background-size: auto 100%;    
}


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

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

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



.part-user.food-block.block-2.nth2 div.component-body {
    display: -webkit-flex;
    display: flex;
}

.part-user.food-block.block-2.nth2 div.component-body div.com-content {
    width: 90%;
    height: auto;
    margin:auto;
    padding: 100px 0;       
}

.part-user.food-block.block-2.nth2 div.component-body div.com-content .color-bg-right {
    margin: 50px 0;
}

.part-user.food-block.block-2.nth2 div.component-body div.com-content .flexwrap {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 100px auto 0 auto;
    width: 75%;
}

.part-user.food-block.block-2.nth2 div.component-body div.com-content .flexwrap > div {
    width: 45%;        
    margin-bottom: 60px;
    padding-left: 60px;
}

.part-user.food-block.block-2.nth2 div.component-body div.com-content .flexwrap > div h5 {
    position: relative;
}

.part-user.food-block.block-2.nth2 div.component-body div.com-content .flexwrap > div p {
    width: 100%;
    font-family: 'nerissemibold';
}

.part-user.food-block.block-2.nth2 div.component-body div.com-content .flexwrap > div > h5:before {
    content:'';
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: white;
    top:-15px;
    left: -70px;

}

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

.part-user.food-block.block-2.nth2 div.component-body div.com-content .flexwrap > div:nth-of-type(1) > h5 {
    color: #E67825;
}

.part-user.food-block.block-2.nth2 div.component-body div.com-content .flexwrap > div:nth-of-type(1) > h5:before {
    content:' ';
    background: white url('../gfx/food/food-circle-1.svg') no-repeat 6px 6px;
    background-size: 40px auto;    
    border: 4px solid #E67825;    
}

.part-user.food-block.block-2.nth2 div.component-body div.com-content .flexwrap > div:nth-of-type(2) > h5 {
    color: #D01C8C;
}

.part-user.food-block.block-2.nth2 div.component-body div.com-content .flexwrap > div:nth-of-type(2) > h5:before {
    content:' ';
    background: white url('../gfx/food/food-circle-2.svg') no-repeat 6px 6px;
    background-size: 40px auto;    
    border: 4px solid #D01C8C;    
}

.part-user.food-block.block-2.nth2 div.component-body div.com-content .flexwrap > div:nth-of-type(3) > h5 {
    color: #3A237A;
}

.part-user.food-block.block-2.nth2 div.component-body div.com-content .flexwrap > div:nth-of-type(3) > h5:before {
    content:' ';
    background: white url('../gfx/food/food-circle-3.svg') no-repeat 6px 6px;
    background-size: 40px auto;    
    border: 4px solid #3A237A;    
}


.part-user.food-block.block-2.nth2 div.component-body div.com-content .flexwrap > div:nth-of-type(4) > h5 {
    color: #5999d8;
}

.part-user.food-block.block-2.nth2 div.component-body div.com-content .flexwrap > div:nth-of-type(4) > h5:before {
    content:' ';
    background: white url('../gfx/food/food-circle-4.svg') no-repeat 6px 6px;
    background-size: 40px auto;    
    border: 4px solid #5999d8;    
}

.part-user.food-block.block-2.nth2 div.component-body div.com-content .flexwrap > div:nth-of-type(5) > h5 {
    color: #4C4936;
}

.part-user.food-block.block-2.nth2 div.component-body div.com-content .flexwrap > div:nth-of-type(5) > h5:before {
    content:' ';
    background: white url('../gfx/food/food-circle-5.svg') no-repeat 6px 6px;
    background-size: 40px auto;    
    border: 4px solid #4C4936;    
}

.part-user.food-block.block-2.nth2 div.component-body div.com-content .flexwrap > div:nth-of-type(6) > h5 {
    color: #2e9370;
}

.part-user.food-block.block-2.nth2 div.component-body div.com-content .flexwrap > div:nth-of-type(6) > h5:before {
    content:' ';
    background: white url('../gfx/food/food-circle-6.svg') no-repeat 6px 6px;
    background-size: 40px auto;    
    border: 4px solid #2e9370;    
}

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

.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.life-block.block-2.nth3 {      
    display: block;
    background: url("/images/life/life-img-labour.jpg") no-repeat 50% 50%;
    background-size: cover;
    width: 100%;
    height: auto;
}

.part-user.life-block.block-2.nth3 .com-content {
    display: block;
}

.part-user.life-block.block-2.nth3 .component-body {
    padding: 100px 0;
}

.part-user.life-block.block-2.nth3 .com-content .flexwrap {
    display: -webkit-flex;
    display: flex;    
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    width: 75%;
    margin: 30px auto;
}

.part-user.life-block.block-2.nth3 .com-content h3,
.part-user.life-block.block-2.nth3 .com-content h6,
.part-user.life-block.block-2.nth3 .com-content .flexwrap * {
    text-align: center;
    color: white;
}

.part-user.life-block.block-2.nth3 .com-content h3 {
    margin: 30px auto;
}

.part-user.life-block.block-2.nth3 .com-content .flexwrap > div {
    width: 15%;
    margin-bottom: 15px;
}

.part-user.life-block.block-2.nth3 .com-content .flexwrap > div > p span {
    display: block;
    font-family: 'nerissemibold';
    font-size: 30px;
}

.part-user.life-block.block-2.nth3 .com-content .flexwrap  > div > img {  height: auto; }

.part-user.life-block.block-2.nth3 .com-content .flexwrap > div:nth-of-type(1) > img { width: 100px; height: 100px; }

.part-user.life-block.block-2.nth3 .com-content .flexwrap > div:nth-of-type(2) > img { width: 80px; height: 80px; }

.part-user.life-block.block-2.nth3 .com-content .flexwrap > div:nth-of-type(3) > img { width: 90px; height: 90px; }

.part-user.life-block.block-2.nth3 .com-content .flexwrap > div:nth-of-type(4) > img { width: 60px; height: 60px; }

.part-user.life-block.block-2.nth3 .com-content .flexwrap > div:nth-of-type(5) > img { width: 70px; height: 70px; }

.part-user.life-block.block-2.nth3 .com-content .flexwrap > div:nth-of-type(6) > img { width: 80px; height: 80px; }

.part-user.life-block.block-2.nth3 .com-content .flexwrap > div:nth-of-type(7) > img { width: 55px; height: 55px; }

.part-user.life-block.block-2.nth3 .com-content .flexwrap > div:nth-of-type(8) > img { width: 50px; height: 50px; }

.part-user.life-block.block-2.nth3 .com-content .flexwrap > div:nth-of-type(9) > img { width: 65px; height: 65px; }

.part-user.life-block.block-2.nth3 .com-content .flexwrap > div:nth-of-type(10) > img { width: 75px; height: 75px; }

.part-user.life-block.block-2.nth3 .com-content .flexwrap > div:nth-of-type(11) > img { width: 90px; height: 90px; }





/*---------------------------------------------------------------------------------------------------------*/
.part-user.logistic-block.infograph-1 {
    position: relative;
}
.part-user.logistic-block.infograph-1::before {
    content: '';
    width: 100%;
    height: 100px;
    position: absolute;
    top: -100px;
    background: transparent url('../../../gfx/logistics-gray-before-bg.svg') no-repeat left bottom;
    background-size: auto 100%; 
}
/*---------------------------------------------------------------------------------------------------------*/

.part-user.easyaccess.medical-block {
    padding-bottom: 100px;
}

.part-user.easyaccess.medical-block .edu-icons .circle-flekk .edu-icon a {    
    background-size: 60% auto ; 
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: white; 
    cursor: pointer;
    transition: all 250ms  ease-out;
}

.part-user.easyaccess.medical-block .edu-icons .circle-flekk .edu-icon a:hover {
    background-size: 70% auto ; 
}

.part-user.easyaccess.medical-block .flexwrap:nth-of-type(1) .edu-icons:nth-of-type(1) .circle-flekk .edu-icon a { background-image:  url('../gfx/medical/easyaccess-1.svg'); }

.part-user.easyaccess.medical-block .flexwrap:nth-of-type(1) .edu-icons:nth-of-type(2) .circle-flekk .edu-icon a { background-image:  url('../gfx/medical/easyaccess-2.svg'); }

.part-user.easyaccess.medical-block .flexwrap:nth-of-type(1) .edu-icons:nth-of-type(3) .circle-flekk .edu-icon a { background-image:  url('../gfx/medical/easyaccess-4.svg'); }

.part-user.easyaccess.medical-block .flexwrap:nth-of-type(2) .edu-icons:nth-of-type(1) .circle-flekk .edu-icon a { background-image:  url('../gfx/medical/easyaccess-5.svg'); }

.part-user.easyaccess.medical-block .flexwrap:nth-of-type(2) .edu-icons:nth-of-type(2) .circle-flekk .edu-icon a { background-image:  url('../gfx/medical/easyaccess-6.svg'); }

.part-user.easyaccess.medical-block .flexwrap:nth-of-type(2) .edu-icons:nth-of-type(3) .circle-flekk .edu-icon a { background-image:  url('../gfx/medical/easyaccess-7.svg'); }

.part-user.easyaccess.medical-block .flexwrap:nth-of-type(2) .edu-icons:nth-of-type(4) .circle-flekk .edu-icon a { background-image:  url('../gfx/medical/easyaccess-8.svg'); }









.part-user.easyaccess.medical-block .flexwrap {
    color:black;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    width: 65%;
    margin: 0 auto;
}

.part-user.easyaccess.medical-block .flexwrap .flexwrap-item {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;

}

.part-user.easyaccess.medical-block h3 {
    color:black;
    font-family: 'nerislight';
    font-size: 26px !important;
    line-height: 40px
}
.part-user.easyaccess.medical-block h3 strong {
    font-family: 'nerissemibold';
    line-height: 40px
}
.part-user.easyaccess.medical-block h3 strong span {
    display: inline;
    font-size: 40px;
    font-family: 'nerisblack';
    color: #F18873;
    line-height:40px
}

.part-user.easyaccess.medical-block .flexwrap .flexwrap-item p {
    margin: 15px 0;
}

.part-user.easyaccess.medical-block .flexwrap .flexwrap-item p span {
    font-family: 'nerissemibold';
}

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

.part-user.r_d.box.electronics-block .component-body .com-content {
    width: 90%;
    margin: 0 auto;
}
.part-user.r_d.box.electronics-block .component-body .com-content  .flexwrap > div,
.part-user.r_d.box.electronics-block .component-body .com-content h3 {
    text-align: center;
}

.part-user.r_d.box.electronics-block .component-body .com-content  .flexwrap {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}

.part-user.r_d.box.electronics-block .component-body .com-content .flexwrap > div {
    margin: 15px;
}

.part-user.r_d.box.electronics-block .component-body .com-content .flexwrap > div > p:nth-of-type(1) {  
    display: block;
    background: #6EA0BE;
    margin: 5px;
    padding: 5px 15px;
    border-radius: 15px;
    color: white;
}

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

.part-user.img-block .component-body .com-content > p >  img,
.part-user.img-block .component-body .com-content > p {
    width: 100%;
    height: auto;
}



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


.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);margin: 100px 0 0 0;padding: 50px 0;}

.part-user.life-block.block-4 {background: none; /*! 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 { 
    display:none;
    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 {
    display:none;
    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.life-block div.component-body div.com-content h2 {
    color: black;   
    margin-top: 0;
}

.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.block-4.life-block div.component-body div.com-content hr {
    border-top: 4px dotted black;
}

.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.information-block  .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: wrap;
    flex-wrap: wrap;       
}

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

.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-block.block-5 .component-body .com-content .flexwrap > div:first-of-type div:hover,
.part-user.automotiv-block.block-5.nth3 .component-body .com-content .flexwrap > div:first-of-type div:nth-of-type(2):hover,
.part-user.automotiv-block .edu-icons .circle-flekk .edu-icon,
.part-user.automotiv-block.block-9 .edu-icons .circle-flekk .edu-icon,
.part-user.automotiv-block.block-7 .contact-wrapper .portrait, 
.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.block-5.nth3 .component-body .com-content .flexwrap > div:first-of-type div:hover,
.part-user.ssc-block .edu-icons .circle-flekk .edu-icon,
.part-user.ssc-block.block-9 .edu-icons .circle-flekk .edu-icon,
.part-user.ssc-block.block-7 .contact-wrapper .portrait{
    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.block-5 .component-body .com-content .flexwrap > div:first-of-type div:hover,
.part-user.information-block.block-5.nth3 .component-body .com-content .flexwrap > div:first-of-type div:nth-of-type(2):hover,
.part-user.information-block .edu-icons .circle-flekk .edu-icon,
.part-user.information-block.block-9 .edu-icons .circle-flekk .edu-icon,
.part-user.information-block.block-7 .contact-wrapper .portrait   {
    background:  rgba(129,130,134,1); 
    background: -webkit-linear-gradient( 180deg,rgba(175,170,190,1), rgba(129,130,134,1)); 
    background: -o-linear-gradient( 180deg, rgba(175,170,190,1),rgba(129,130,134,1));
    background: -moz-linear-gradient( 180deg, rgba(175,170,190,1),rgba(129,130,134,1)); 
    background: linear-gradient( 180deg, rgba(180,180,180,1), rgba(129,130,134,1)); 
}

.part-user.information-block .circle-flekk a,
.part-user.information-block .circle-flekk a,
.part-user.information-block.block-9 .circle-flekk a { border: 6px solid rgba(129,130,134,1); }

/*-----------------------------------------------------------------------------------------------------*/
.part-user.food-block.block-5 .component-body .com-content .flexwrap > div:first-of-type div:hover,
.part-user.food-block.block-5.nth3 .component-body .com-content .flexwrap > div:first-of-type div:nth-of-type(2):hover,
.part-user.food-block .edu-icons .circle-flekk .edu-icon,
.part-user.food-block.block-9 .edu-icons .circle-flekk .edu-icon,
.part-user.food-block.block-7 .contact-wrapper .portrait {
    background:  rgba(230,100,15,1); 
    background: -webkit-linear-gradient( #F48324,  #F69C4D); 
    background: -o-linear-gradient(  #F48324,  #F69C4D);
    background: -moz-linear-gradient( #F48324, #F69C4D); 
    background: linear-gradient( #F48324, #F69C4D); 
}

/*-----------------------------------------------------------------------------------------------------*/
.part-user.logistic-block.block-5 .component-body .com-content .flexwrap > div:first-of-type div:hover,
.part-user.logistic-block.block-5.nth3 .component-body .com-content .flexwrap > div:first-of-type div:nth-of-type(2):hover,
.part-user.logistic-block .edu-icons .circle-flekk .edu-icon,
.part-user.logistic-block.block-9 .edu-icons .circle-flekk .edu-icon,
.part-user.logistic-block.block-7 .contact-wrapper .portrait {
    background:  #C8920E; 
    background: -webkit-linear-gradient(#C8920E,  #FAAA00); 
    background: -o-linear-gradient(  #C8920E,  #FAAA00);
    background: -moz-linear-gradient( #C8920E, #FAAA00); 
    background: linear-gradient( #C8920E, #FAAA00); 
}

.part-user.logistic-block .circle-flekk a,
.part-user.logistic-block .circle-flekk a,
.part-user.logistic-block.block-9 .circle-flekk a { border: 6px solid #C8920E; }

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

.part-user.electronics-block.block-5 .component-body .com-content .flexwrap > div:first-of-type div:hover,
.part-user.electronics-block.block-5.nth3 .component-body .com-content .flexwrap > div:first-of-type div:nth-of-type(2):hover,
.part-user.electronics-block .edu-icons .circle-flekk .edu-icon,
.part-user.electronics-block.block-9 .edu-icons .circle-flekk .edu-icon,
.part-user.electronics-block.block-7 .contact-wrapper .portrait {
    background:  #6EA0BE; 
    background: -webkit-linear-gradient(#265B7A,  #6EA0BE); 
    background: -o-linear-gradient(  #265B7A,  #6EA0BE);
    background: -moz-linear-gradient( #265B7A, #6EA0BE); 
    background: linear-gradient( #265B7A, #6EA0BE); 
}

.part-user.electronics-block .circle-flekk a,
.part-user.electronics-block .circle-flekk a,
.part-user.electronics-block.block-9 .circle-flekk a { border: 6px solid #265B7A; }

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

.part-user.renewable-block.block-5 .component-body .com-content .flexwrap > div:first-of-type div:hover,
.part-user.renewable-block.block-5.nth3 .component-body .com-content .flexwrap > div:first-of-type div:nth-of-type(2):hover,
.part-user.renewable-block .edu-icons .circle-flekk .edu-icon,
.part-user.renewable-block.block-9 .edu-icons .circle-flekk .edu-icon,
.part-user.renewable-block.block-7 .contact-wrapper .portrait {
    background:  #6A8814; 
    background: -webkit-linear-gradient(#6A8814,  #9BC81E); 
    background: -o-linear-gradient(  #6A8814,  #9BC81E);
    background: -moz-linear-gradient( #6A8814, #9BC81E); 
    background: linear-gradient( #6A8814, #9BC81E); 
}

.part-user.renewable-block .circle-flekk a,
.part-user.renewable-block .circle-flekk a,
.part-user.renewable-block.block-9 .circle-flekk a { border: 6px solid #6A8814; }

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

.part-user.block-5.medical-block .component-body .com-content .flexwrap > div:first-of-type div:hover,
.part-user.medical-block.block-5.nth3 .component-body .com-content .flexwrap > div:first-of-type div:nth-of-type(2):hover,
.part-user.medical-block .edu-icons .circle-flekk .edu-icon,
.part-user.medical-block.block-7 .contact-wrapper .portrait{
    background:  rgba(230,100,15,1); 
    background: -webkit-linear-gradient( rgba(241,136,115,1), rgba(209,87,63,1)); 
    background: -o-linear-gradient(  rgba(241,136,115,1),rgba(209,87,63,1));
    background: -moz-linear-gradient(  rgba(241,136,115,1),rgba(209,87,63,1)); 
    background: linear-gradient( rgba(241,136,115,1),rgba(209,87,63,1)); 
}


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

.part-user.block-5.life-block .component-body .com-content .flexwrap > div:first-of-type div:hover,
.part-user.life-block.block-5.nth3 .component-body .com-content .flexwrap > div:first-of-type div:nth-of-type(2):hover,
.part-user.life-block .edu-icons .circle-flekk .edu-icon,
.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 .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-block .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,
.part-user.food-block .circle-flekk a,
.part-user.food-block .block-9 .circle-flekk a { border: 6px solid #DB6727; }



.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  p span {
    color: inherit;
}


.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:white;
    position: relative;
}

#timeline-wrapper::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 20px;
    border-radius: 10px;
    background: #ececec;
    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: "";
    position: absolute;	
    left: 45%;
    bottom:-5px;	
    background: url('../gfx/life/line-join-top.svg') no-repeat 50% 100%;
    background-size: contain;
    display: block;
    width: 20px;
    height: 200px;

}


.part-user.life-block.block-4 .timeline-block.also {
    -webkit-align-self: flex-end;
    align-self: flex-end;
    position: relative;
    margin: 50px 0 0 0;
}

.part-user.life-block.block-4 .timeline-block.also::before {
    content: "";
    position: absolute;	
    left: 45%;
    top:-5px;	
    background: url('../gfx/life/line-join-bottom.svg') no-repeat 50% 0;
    background-size: contain;
    display: block;
    width: 20px;
    height: 200px;
}

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

.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:white;
    border-bottom: 2px dotted rgba(174,0,90,1);   
    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 .edu-icons {
    margin: 30px 0 0 0;
}

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

.part-user h3 span.source {
    display: block;
    color: inherit;
}

.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: 50px 0; */}
.part-user.automotiv-block.block-5 { background: rgba(82,103,157,1);}
.part-user.life-block.block-5 { background:rgba(150,15,90,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.logistic-block.block-5 { background:#FCB913 ; }
.part-user.renewable-block.block-5 { background:rgba(155,200,30,1); }


.part-user.electronics-block.block-5 { background: rgba(110,160,190,1); /*! margin-top: 200px; */}

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

.part-user.information-block.block-5 { background: rgba(154,157,162,1); }

/*.part-user.information-block.block-5 .component-body {
    padding:  0;
}*/

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




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

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

.part-user.life-block.block-5::before {
    background: transparent url('../../../gfx/life-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.renewable-block.block-5::before {
    background: transparent url('../../../gfx/renew-dark-before-bg.svg') no-repeat left bottom;
    background-size: auto 100%; 
}

.part-user.renewable-block.block-5.nth3::before {
    background: transparent url('../../../gfx/renew-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.logistic-block.block-5::before {
    background: transparent url('../../../gfx/logistics-before-bg.svg') no-repeat left bottom;
    background-size: auto 100%; 
}

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

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


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


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

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

/*.part-user.electronics.block-5.nth3::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.nth3.medical-block::after {
    background: transparent url('../../../gfx/medical-after-bg.svg') no-repeat right bottom;
    background-size: auto 100%; 
}

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

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

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

.part-user.information-block.block-5::after {
    background: transparent url('../../../gfx/information-light-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.food-block.infograph-1 div.component-body div.com-content,
.part-user.block-5 div.component-body div.com-content {
    margin: 0 auto;    
    position: relative;
    width: 90%;
}

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

.part-user.ssc-block.block-5 .component-body .com-content {
    width: 90%;
}

.part-user.ssc-block.block-5 .flexwrap {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 50px 0;
}

.part-user.ssc-block.block-5  .edu-icons {
    display: -webkit-flex;
    display: flex;    
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;    
    -webkit-flex-direction: column;
    flex-direction: column;
}

.part-user.ssc-block.block-5 .component-body .com-content .edu-icons:nth-of-type(1) .circle-flekk .edu-icon a {
    background: white url('../gfx/ssc/companies-icon.svg') no-repeat 50% 50%;
    background-size: 60% auto;
    cursor: pointer;
}

.part-user.ssc-block.block-5 .component-body .com-content .edu-icons:nth-of-type(2) .circle-flekk .edu-icon a {
    background: white url('../gfx/ssc/ssc-sites-icon.svg') no-repeat 50% 50%;
    background-size: 60% auto;
    cursor: pointer;
}

.part-user.ssc-block.block-5 .component-body .com-content .edu-icons:nth-of-type(3) .circle-flekk .edu-icon a {
    background: white url('../gfx/ssc/ssc-employees-icon.svg') no-repeat 50% 50%;
    background-size: 60% auto;
    cursor: pointer;
}

.part-user.ssc-block.block-5 .component-body .com-content .edu-icons h4 {
    color: white;
    margin: 15px 0;
}

.part-user.ssc-block.block-5 .component-body .com-content .edu-icons h4 span {
    color: inherit;
    display: block;
}

.part-user.ssc-block.block-5 .component-body .com-content  p {
    color: white;
}

.part-user.ssc-block.block-5.nth2 .component-body .com-content .edu-icons .circle-flekk .edu-icon a {
    background: white url('../gfx/ssc/ssc-book-icon.svg') no-repeat 50% 50%;
    background-size: 60% auto;
    cursor: pointer;
}


.part-user.block-5.food-block.nth3 div.component-body div.com-content h2 {
    text-align: center;
    font-size: 36px !important;
    position: static !important;
    color: white;
    margin: 50px 0 10px 0;

}

.part-user.food-block.infograph-1 div.component-body div.com-content h2 span {
    font-size: 24px;
    color: #E6640F;
    background: white;
    padding: 5px 15px;
    font-family: 'nerisblack';    
    display: inline-block;
    margin: 0 0 5px 0;
}


.part-user.information-block.block-5 div.component-body div.com-content h2 {
    /* color: rgba(129,130,134,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 white;
}
.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:nth-of-type(1) .edu-icon a {
    background: white url('../gfx/medical/medical-edu-1.svg') no-repeat 50% 50%;
    background-size: 60% auto;       
}

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

.part-user.medical-block.block-5 .circle-flekk .edu-icon a:hover {   
    background-size:  70% 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-kukorica-icon.svg') no-repeat 50% 50%;
    background-size: auto 75%;    
    cursor: pointer;
}

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

.part-user.food-block.block-5 .circle-flekk .icon-2 a {
    background: white url('../gfx/food/food-carrot-icon.svg') no-repeat 50% 50%;
    background-size: auto 75%;    
    cursor: pointer;
}

.part-user.food-block.block-5 .circle-flekk .icon-2 a:hover {
    background: white url('../gfx/food/food-carrot-icon.svg') no-repeat 50% 50%;
    background-size: auto 85%;    
    cursor: pointer;
}

.part-user.food-block.block-5 .circle-flekk .icon-3 a {
    background: white url('../gfx/food/food-buza.svg') no-repeat 50% 50%;
    background-size: auto 75%;    
    cursor: pointer;
}

.part-user.food-block.block-5 .circle-flekk .icon-3 a:hover {
    background: white url('../gfx/food/food-buza.svg') no-repeat 50% 50%;
    background-size: auto 85%;    
    cursor: pointer;
}
/*------------------------------------------------------------------------------------------*/
.part-user.food-block.infograph-1 .circle-flekk .icon-1 a {
    background: white url('../gfx/food/food-apple-icon.svg') no-repeat 50% 50%;
    background-size: auto 55%;    
    cursor: pointer;
}

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

.part-user.food-block.infograph-1 .circle-flekk .icon-2 a {
    background: white url('../gfx/food/food-flower-icon.svg') no-repeat 50% 50%;
    background-size: auto 65%;    
    cursor: pointer;
}

.part-user.food-block.infograph-1 .circle-flekk .icon-2 a:hover {
    background: white url('../gfx/food/food-flower-icon.svg') no-repeat 50% 50%;
    background-size: auto 75%;    
    cursor: pointer;
}


.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:nth-of-type(1) .edu-icons .circle-flekk * {
    color: rgba(129,130,134,1);     
}

.part-user.information-block.block-5:nth-of-type(2) .edu-icons .circle-flekk * {
    color: white;     
}

.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-5.nth3 .component-body .com-content .flexwrap,
.part-user.block-5.nth3 .component-body .com-content .flexwrap > div:first-of-type{
    display: -webkit-flex;
    display: flex;    
    -webkit-justify-content: center;
    justify-content: center;
}

.part-user.block-5.nth3 .component-body .com-content  {
    width: 480px;
    margin: 0 auto;
}

.part-user.block-5.nth3 .component-body .com-content .flexwrap > div {
    flex:1;
}

.part-user.block-5.nth3 .component-body .com-content .flexwrap > div:first-of-type {
    -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.nth3 .component-body .com-content .flexwrap > div:first-of-type div  {    
    border-radius: 25px; 
    width: 200px;    
    margin-bottom: 10px;  

}

.part-user.block-5.nth3 .component-body .com-content .flexwrap > div:first-of-type div:first-of-type  { 
    border:2px solid white;
}

.part-user.food-block.block-5.nth3 .component-body .com-content .flexwrap > div:first-of-type div:nth-of-type(2)  { 
    background: rgba(204,89,13,1);
}

.part-user.life-block.block-5.nth3 .component-body .com-content .flexwrap > div:first-of-type div:nth-of-type(2)  { 
    background: #551235;
}

.part-user.logistic-block.block-5.nth3 .component-body .com-content .flexwrap > div:first-of-type div:nth-of-type(2)  { 
    background: #C8920E;
}

.part-user.renewable-block.block-5.nth3 .component-body .com-content .flexwrap > div:first-of-type div:nth-of-type(2)  { 
    background: #6A8814;
}

.part-user.medical-block.block-5.nth3 .component-body .com-content .flexwrap > div:first-of-type div:nth-of-type(2)  { 
    background: #D1573F;
}

.part-user.information-block.block-5 .component-body .com-content .flexwrap > div:first-of-type div:nth-of-type(2)  { 
    background: rgba(129,130,134,1);
}
.part-user.electronics-block.block-5 .component-body .com-content .flexwrap > div:first-of-type div:nth-of-type(2)  { 
    background: #265B7A;
}

.part-user.ssc-block.block-5 .component-body .com-content .flexwrap > div:first-of-type div:nth-of-type(2)  { 
    background: rgba(0,135,129,1);
}

.part-user.automotiv-block.block-5 .component-body .com-content .flexwrap > div:first-of-type div:nth-of-type(2)  { 
    background:rgba(30,50,115,1);
}



.part-user.block-5.nth3.food.block .component-body .com-content .flexwrap > div:first-of-type div:hover {
    background:  rgba(230,100,15,1); 
    background: -webkit-linear-gradient( #F47321,  #F58C31); 
    background: -o-linear-gradient(  #F47321,  #F58C31);
    background: -moz-linear-gradient( #F58C31,#F47321); 
    background: linear-gradient( #F58C31,#F47321);     
}

.part-user.block-5.nth3 .component-body .com-content .flexwrap > div:first-of-type div a {
    display: block;
    color:white;
    font-family: 'nerisblack';
    font-size: 18px;
    padding: 10px 30px; 
}



.part-user.block-5.nth3 .component-body .com-content .flexwrap > div:nth-of-type(2) p img {
    width: 100%;
    height: auto;
    max-width: 100%;
}

.part-user.block-5.nth3 .component-body .com-content .flexwrap > div:nth-of-type(2) {
    padding: 0 15px;
}

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


.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(129,130,134,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(129,130,134,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; padding: 50px 0;}

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

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

.part-user.electronics-block.block-7 {background: #265B7A;  }

.part-user.information-block.block-7 { background:rgba(129,130,134,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.renewable-block.block-7 { background:#6A8814;  margin-top: -50px; }

.part-user.food-block.block-7 { background:rgba(204,89,13,1); margin-top: 200px; }

.part-user.medical-block.block-7 { background:#E37B67; margin-top: 200px; }

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

.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.logistic-block.block-7::before {
    background: transparent url('../../../gfx/logistics-dark-before-bg.svg') no-repeat left bottom;
    background-size: auto 100%; 
}
.part-user.logistic-block.block-7::after {
    background: transparent url('../../../gfx/logistics-dark-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-dark-before-bg.svg') no-repeat left bottom;
    background-size: auto 100%; 
}
.part-user.ssc-block.block-7::after {
    background: transparent url('../../../gfx/ssc-dark-after-bg.svg') no-repeat right bottom;
    background-size: auto 100%; 
}

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

.part-user.food-block.block-7::before {
    background: transparent url('../../../gfx/food-dark-before-bg.svg') no-repeat left bottom;
    background-size: auto 100%; 
}
.part-user.food-block.block-7::after {
    background: transparent url('../../../gfx/food-dark-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-dark-before-bg.svg') no-repeat left bottom;
    background-size: auto 100%; 
}
.part-user.medical-block.block-7::after {
    background: transparent url('../../../gfx/medical-dark-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-5 div.component-body div.com-content h2,
.part-user.block-7 div.component-body div.com-content h2 {
    color: white;
    margin: 50px 0 10px 0;
}

.part-user.block-7 div.component-body div.com-content h4,
.part-user.block-7 div.component-body div.com-content p {
    text-align: left;
    margin-bottom: 15px;
}

.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: 250px;
    height: 250px;
    display: -webkit-flex;
    display: flex;  
    box-shadow: 0 0 50px rgba(0,0,0,.3); 
}

.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.block-7 .contact-wrapper .portrait img {
    width: 100%;
    height: 100%;
    max-width: 210px;
    max-height: 210px;   
    border-radius: 50%;
    margin: auto;

}

.part-user.medical-block.block-7 .contact-wrapper .portrait img { border: 6px solid #D1573F; }

.part-user.logistic-block.block-7 .contact-wrapper .portrait img { border: 6px solid #C8920E; }

.part-user.food-block.block-7 .contact-wrapper .portrait img { border: 6px solid #DB6727; }

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

.part-user.renewable-block.block-7 .contact-wrapper .portrait img { border: 10px solid #6A8814; }

.part-user.ssc-block.block-7 .contact-wrapper .portrait img { border: 10px solid rgba(0,109,104,1); }

.part-user.electronics-block.block-7 .contact-wrapper .portrait img { border: 10px solid #265B7A; }


.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;
    text-transform: none !important;
}

.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-info .emlclk a:hover {
    color:white;
}

.part-user.block-7 div.component-body div.com-content .contact-wrapper .contact-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px 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.medical-block.dark { 
    background: #E37B67;  
    position: relative;  
    padding-bottom: 100px; 
}

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

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

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

.part-user.medical-block .component-body .com-content {
    width:90%;
    margin: 0 auto;
    position: relative;


}

.part-user.medical-block .component-body .com-content > * {
    text-align: center;
}

.part-user.medical-block.block-5 .component-body .com-content .edu-icons .circle-flekk {
    width: 30%;
}

.part-user.medical-block h3 {
    color: white;
    text-align: center !important;
    margin: 30px 0;
}

.part-user.medical-block h3 span {
    color: inherit;
    display: block;
}

.part-user.medical-block.infograph-1.dark .component-body .com-content p img,
.part-user.medical-block.infograph-1.dark .component-body .com-content img {
    width: 75%;
    height: auto;
}


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

.part-user.infograph-1.ict,
.part-user.infograph-2.ict{
    background: rgba(129,130,134,1);
    position: relative;   
}

.part-user.infograph-1.information-block.light {
    background: rgba(154,157,162,1);
    position: relative;   
}

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

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

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

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


.part-user.infograph-1.food-block: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.nth2.food-block:before {  
    content: "";
    background: url('../../../gfx/food-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/information-after-bg.svg') no-repeat top right;
    position: absolute;
    bottom:-200px;
    right:0; 
    width: 100%;
    height: 200px;      
}

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


.part-user.infograph-1.food-block: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.nth2.food-block:after{
    content: "";
    background: url('../../../gfx/food-after-bg.svg') no-repeat top right;
    position: absolute;
    bottom:-200px;
    right:0; 
    width: 100%;
    height: 200px;      
}

.part-user.infograph-1.information-block.light .com-content {
    width: 90%;
    margin: 0 auto;
}

.part-user.infograph-1.information-block.light .com-content .flexwrap {
    width: 90%;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.part-user.infograph-1.information-block.light .com-content .flexwrap > div {
    width: 30%;    
    margin: 15px 1.665%;
}

.part-user.infograph-1.information-block.light .com-content .flexwrap > div h4 {
    display: table;
    margin: 15px auto;
    background: #767B7E;
    padding: 10px 15px;
    border-radius: 30px;
    line-height: 26px;
    border: 2px solid white;
}

.part-user.infograph-1.information-block.light .com-content .flexwrap > div p {
    text-align: center;
    color: white;
}

.part-user.infograph-1.information-block.light .com-content h3,
.part-user.infograph-1.information-block.light .com-content h4 {
    text-align: center;
    color: white;    
}

.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,
.part-user.infograph-1.ict .com-content h4 {
    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-block .com-content hr {
    border-top: 4px dotted white;
    width: 200px;
}

.part-user.food-block.infograph-1.nth2 .flexwrap {
    color:black;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;    
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 65%;
    margin: 0 auto;
}

.part-user.food-block.infograph-1.nth2 .flexwrap-item {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items:center;
    align-items: center;     
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 25%;
}

.part-user.food-block.infograph-1.nth2 .flexwrap-item:nth-of-type(1) {
    margin-left: 25%;
}
.part-user.food-block.infograph-1.nth2 .flexwrap-item:nth-of-type(2) {
    margin-right: 25%;
}

.part-user.food-block.infograph-1.nth2 .flexwrap-item .circle-flekk {
    margin-bottom: 15px !important;
}

.part-user.food-block.infograph-1.nth2  .flexwrap-item:nth-of-type(1) .circle-flekk a {
    background: white url('../gfx/food/food-ship-icon.svg') no-repeat 50% 50%;
    background-size: auto 55%;    
    cursor: pointer;
}

.part-user.food-block.infograph-1.nth2  .flexwrap-item:nth-of-type(1) .circle-flekk a:hover {
    background: white url('../gfx/food/food-ship-icon.svg') no-repeat 50% 50%;
    background-size: auto 65%;    
    cursor: pointer;
}

.part-user.food-block.infograph-1.nth2  .flexwrap-item:nth-of-type(2) .circle-flekk a {
    background: white url('../gfx/food/food-plane-icon.svg') no-repeat 50% 50%;
    background-size: auto 55%;    
    cursor: pointer;
}

.part-user.food-block.infograph-1.nth2  .flexwrap-item:nth-of-type(2) .circle-flekk a:hover {
    background: white url('../gfx/food/food-plane-icon.svg') no-repeat 50% 50%;
    background-size: auto 65%;    
    cursor: pointer;
}

.part-user.food-block.infograph-1.nth2  .flexwrap-item:nth-of-type(3) .circle-flekk a {
    background: white url('../gfx/food/food-train-icon.svg') no-repeat 50% 50%;
    background-size: auto 55%;    
    cursor: pointer;
}

.part-user.food-block.infograph-1.nth2  .flexwrap-item:nth-of-type(3) .circle-flekk a:hover {
    background: white url('../gfx/food/food-train-icon.svg') no-repeat 50% 50%;
    background-size: auto 65%;    
    cursor: pointer;
}

.part-user.food-block.infograph-1.nth2  .flexwrap-item:nth-of-type(4) .circle-flekk a {
    background: white url('../gfx/food/food-cross-icon.svg') no-repeat 50% 50%;
    background-size: auto 55%;    
    cursor: pointer;
}

.part-user.food-block.infograph-1.nth2  .flexwrap-item:nth-of-type(4) .circle-flekk a:hover {
    background: white url('../gfx/food/food-cross-icon.svg') no-repeat 50% 50%;
    background-size: auto 65%;    
    cursor: pointer;
}

.part-user.food-block.infograph-1.nth2  .flexwrap-item:nth-of-type(5) .circle-flekk a {
    background: white url('../gfx/food/food-auto-icon.svg') no-repeat 50% 50%;
    background-size: auto 45%;    
    cursor: pointer;
}

.part-user.food-block.infograph-1.nth2  .flexwrap-item:nth-of-type(5) .circle-flekk a:hover {
    background: white url('../gfx/food/food-auto-icon.svg') no-repeat 50% 50%;
    background-size: auto 55%;    
    cursor: pointer;
}

.part-user.food-block.infograph-1.nth2  .flexwrap-item:nth-of-type(6) .circle-flekk a {
    background: white url('../gfx/food/food-carry-icon.svg') no-repeat 50% 50%;
    background-size: auto 50%;    
    cursor: pointer;
}
.part-user.food-block.infograph-1.nth2  .flexwrap-item:nth-of-type(6) .circle-flekk a:hover {
    background: white url('../gfx/food/food-carry-icon.svg') no-repeat 50% 50%;
    background-size: auto 60%;    
    cursor: pointer;
}

.part-user.logistic-block.infograph-1 .com-content .edu-icons .circle-flekk .icon-1 a {

    background: white url('../gfx/food/food-ft.svg') no-repeat 50% 50%;
    background-size: 60% auto ;    
    cursor: pointer;
}



.part-user.food-block.infograph-1.nth2 .flexwrap-item p,
.part-user.food-block.infograph-1.nth2 .flexwrap-item span {
    color: white;
    text-align: center
}

.part-user.food-block.infograph-1.nth2 .flexwrap-item span {
    font-family: 'nerisblack';
}


.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-block .com-content h3,
.part-user.infograph-1.food-block .com-content h3 span{
    color: white;
    text-align: center;
}

.part-user.infograph-1 .com-content h3 {
    padding: 30px 0 0 0;
    text-align: center;
    font-family: 'nerislight';
}

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

/*---------------------------------------------information infograph-1 ict nth2------------------------------------------------------------*/

.part-user.infograph-1.ict.nth2 {
    background: #818286 url("/images/ict/ict-img-6.jpg") center center no-repeat;
    background-size: 100% auto;
}

.part-user.infograph-1.ict.nth2 .flexwrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.part-user.infograph-1.ict.nth2 .com-content > .flexwrap * {
    text-align: center;
    color: white;
}

.part-user.infograph-1.ict.nth2 .com-content > .flexwrap h4 span {
    font-family: inherit;
    font-size: inherit;
}

.part-user.infograph-1.ict.nth2 .com-content > .flexwrap div {
    margin: 15px 0;
    padding: 5px;
}

.part-user.infograph-1.ict.nth2 .com-content > .flexwrap > div {
    width: 50%;
}

.part-user.infograph-1.ict.nth2 .com-content > .flexwrap > div:nth-of-type(1) > .bef > div {
    width: 50%;
}

.part-user.infograph-1.ict.nth2 .com-content > .flexwrap > div:nth-of-type(1) > .bef > div:nth-of-type(1) {
    width: 100%;
}

.part-user.infograph-1.ict.nth2 .com-content > .flexwrap > div:nth-of-type(2) > .bef > div {
    width: 33.33%;
}

.part-user.infograph-1.ict.nth2 .com-content > .flexwrap > div:nth-of-type(2) > .bef > div:nth-of-type(1),
.part-user.infograph-1.ict.nth2 .com-content > .flexwrap > div:nth-of-type(2) > .bef > div:nth-of-type(2) {
    width: 50%;
}

.part-user.infograph-1.ict.nth2 .com-content > .flexwrap > div:nth-of-type(1) h3 span,
.part-user.infograph-1.ict.nth2 .com-content .bef h4 span {
    display: inline-block;    
    margin: 5px auto;
    padding: 8px 16px;    
    background: rgba(0,0,0,.3);
    border-radius: 40px;
    border: 2px solid white;
}

.part-user.infograph-1.ict.nth2 .com-content > .flexwrap > div:nth-of-type(1) > .flexwrap.bef,
.part-user.infograph-1.ict.nth2 .com-content > .flexwrap > div:nth-of-type(1) > h3 {
    position: relative;
    top: -13px;
}

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

.part-user.block-9 {
    margin: 100px 0;
    position: relative;
}

.part-user.block-9.ssc-block {
    margin:  0 0 100px 0;   
}


.part-user.block-9 .component-body {
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: flex;    
    /*! padding-top: 200px; */
    /*! margin-left: 212px; */
}

.part-user.block-9 .component-body .com-content {
    width: 90%;
    margin: auto;
    height: auto;
}

.part-user.block-9 .component-body .com-content  h2 {
    color: black;   
    font-size: 27px !important;    
    text-align: left;     
    white-space: nowrap;
    font-family: 'nerislight';    
    line-height: 1.5;
}

.part-user.block-9 .component-body .com-content  p {
    text-align: center;
}

.part-user.block-9 .component-body .com-content  p img {
    margin: 0 auto;
    width: 49vw;
    height: auto;
}

.part-user.block-9 .component-body .com-content  h3 {
    text-align: center;
    padding: 15px 0;
    color: black;
    margin-top: 30px;
}
.part-user.block-9 .component-body .com-content  hr {
    width: 200px;
    margin: 0 auto 50px auto;
    border-top: 4px dotted black;
}

.part-user.block-9 .component-body .com-content div.flexwrap {
    color:black;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 65%;
    margin: 0 auto;
}

.part-user.block-9 .component-body .com-content div.flexwrap:first-of-type {
    width: 100%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-around;
    justify-content: space-around;     
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;   
}



.part-user.block-9 .component-body .com-content div.flexwrap:first-of-type > div > div.flexwrap {
    width: 100%;
}

.part-user.block-9 .component-body .com-content div.flexwrap:first-of-type > div > h3 {
    margin: 15px 0 0 0 ;
}

.part-user.block-9 .component-body .com-content div.flexwrap .flexwrap-item {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items:center;
    align-items: center;     
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 25%;
}

.part-user.block-9 .component-body .com-content div.flexwrap .flexwrap-item h4 {
    text-align: center;
    display: block;
    margin: 10px 0 0 0;
    font-size: 16px !important;
    font-family: 'nerisblack';
}

.part-user.block-9 .component-body .com-content div.flexwrap .flexwrap-item p {
    /*! display: block; */
    /*! width: 100%; */
}

.part-user.block-9 .rounded-btn {    
    width: 60px;
    height: 60px;
    background: white;
    margin: auto;
    box-shadow: 0 0 10px #666;
    border-radius: 50%;    
}

.part-user.block-9 .rounded-btn.nth1 {
    background: url('../gfx/food/food-circle-6.svg') no-repeat 8px 8px;
    background-size: 44px auto;
}

.part-user.block-9 .rounded-btn.nth2 {
    background: url('../gfx/food/food-circle-4.svg') no-repeat 8px 8px;
    background-size: 44px auto;
}

.part-user.block-9 .rounded-btn.nth3 {
    background: url('../gfx/food/food-circle-3.svg') no-repeat 8px 8px;
    background-size: 44px auto;
}

.part-user.block-9 .rounded-btn.nth4 {
    background: url('../gfx/food/food-circle-1.svg') no-repeat 8px 8px;
    background-size: 44px auto;
}

.part-user.block-9 .rounded-btn.nth5 {
    background: url('../gfx/food/food-circle-0.svg') no-repeat 8px 8px;
    background-size: 44px auto;
}




.part-user.block-9 .component-body .com-content  h2 span {
    font-size: 30px;
    color: white;   
    padding: 5px 15px;
    font-family: 'nerisblack';    
    display: inline;
    margin: 0 0 5px 0;
    line-height: 1.2;
}

.part-user.food-block.block-9 .component-body .com-content  h2 span {  background: #E6640F; }

.part-user.medical-block.block-9 .component-body .com-content  h2 span {  background: #D1573F; }

.part-user.logistic-block.block-9 .component-body .com-content  h2 span { background:#FAAA00; }

.part-user.automotiv-block.block-9 .component-body .com-content  h2 span { background:rgba(30,50,115,1); }

.part-user.ssc-block.block-9 .component-body .com-content  h2 span { background: #009B8C; }

.part-user.electronics-block.block-9 .component-body .com-content  h2 span { background: #6EA0BE; }

.part-user.information-block.block-9 .component-body .com-content  h2 span { background: #6E6E73; }

.part-user.life-block.block-9 .component-body .com-content  h2 span { background: #960F5A; }

.part-user.renewable-block.block-9 .component-body .com-content  h2 span { background: #9BC81E; }




.part-user.block-9 .component-body .com-content > div.flexwrap:first-of-type p {   
    width: 100%;
    height: auto;
    text-align: center;
    font-family: 'nerisblack';
    margin: 15px auto;
}

.part-user.block-9 .component-body .com-content > div.flexwrap:nth-of-type(2) > .edu-icons:nth-of-type(1) .circle-flekk .edu-icon a {
    background: white url('../gfx/food/food-ft.svg') no-repeat 50% 50%;
    background-size: 60% auto ;    
    cursor: pointer;
}

.part-user.block-9 .component-body .com-content > div.flexwrap:nth-of-type(2) > .edu-icons:nth-of-type(2) .circle-flekk .edu-icon a {
    background: white url('../gfx/food/food-graph.svg') no-repeat 50% 50%;
    background-size: auto 50%;    
    cursor: pointer;
}


.part-user.block-9 .component-body .com-content > div.flexwrap:nth-of-type(2) > .edu-icons:nth-of-type(3) .circle-flekk .edu-icon a {
    background: white url('../gfx/food/food-euro.svg') no-repeat 50% 50%;
    background-size: auto 50%;    
    cursor: pointer;
}


.part-user.block-9 .component-body .com-content > div.flexwrap:nth-of-type(2) > .edu-icons:nth-of-type(4) .circle-flekk .edu-icon a {
    background: white url('../gfx/food/food-free.svg') no-repeat 50% 50%;
    background-size:  50% auto;    
    cursor: pointer;
}

.part-user.block-9 .component-body .com-content h3.smalltext {
    text-transform: lowercase !important;
    font-family: 'nerislight';
}

/*-------------------------------------------------------------------------------------------------------------------------------------*/
.part-user.block-9 .component-body .com-content .more {
    display: none;
}

.part-user.block-9 .component-body .com-content .more .more-btn {

    display: table;
    line-height: 20px;
    padding: 15px 60px;
    border-radius: 25px;
    margin: 15px auto;    
    font-family: 'nerissemibold';
    color: white;
    transition: all 500ms easy-out;
    cursor: pointer;    
}

.part-user.food-block.block-9 .component-body .com-content .more .more-btn {
    background: #E67825;
}

.part-user.medical-block.block-9 .component-body .com-content .more .more-btn {
    background: #E37B67;
}



.part-user.food-block.block-9 .component-body .com-content .more:hover {
    background:  rgba(230,100,15,1); 
    background: -webkit-linear-gradient( #F47321,  #F58C31); 
    background: -o-linear-gradient(  #F47321,  #F58C31);
    background: -moz-linear-gradient( #F58C31,#F47321); 
    background: linear-gradient( #F58C31,#F47321);     
}

.part-user.medical-block.block-9 .component-body .com-content .more:hover   {
    background:  rgba(230,100,15,1); 
    background: -webkit-linear-gradient( rgba(241,136,115,1), rgba(209,87,63,1)); 
    background: -o-linear-gradient(  rgba(241,136,115,1),rgba(209,87,63,1));
    background: -moz-linear-gradient(  rgba(241,136,115,1),rgba(209,87,63,1)); 
    background: linear-gradient( rgba(241,136,115,1),rgba(209,87,63,1)); 
}

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

.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;
    position:relative;
    z-index:2;
    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  span.emlclk a { color: #149ED2;   font-family: 'nerissemibold'; }

.part-user.why-hipa  span.emlclk a:hover { color: #175B88 }

.part-user.why-hipa.vision .flexwrap {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;

}

.part-user.why-hipa.vision .flexwrap > div { width:50%; }

.part-user.why-hipa.vision .flexwrap > div:nth-of-type(1) {
    padding: 0 15px;    
    border-right: 2px dotted #eee;
}

.part-user.why-hipa.vision .portrait-w-circles {
    width: 100%;
    height: 410px;
    background: url(../img/why-1.jpg) no-repeat 50% 51%;
    border-bottom: 2px dotted #eee;
    position: relative;
    z-index:1;
    top: -120px;
    margin-bottom: -120px;
}


.part-user.why-hipa.vision .portrait-y-circles {
    width: 100%;
    height: 410px;
    background: url(../img/why-2.jpg) no-repeat 50% 51%;
    border-bottom: 2px dotted #eee;
    position: relative;
    z-index:1;
    top: -120px;
    margin-bottom: -120px;
}

.part-user.why-hipa.vision .flexwrap > div:nth-of-type(1) p {
    text-align: right;
    padding: 15px 0;
}

.part-user.why-hipa.vision .flexwrap > div:nth-of-type(2) {
    padding: 0 15px;    
}

.part-user.why-hipa.vision .flexwrap > div:nth-of-type(2) > iframe {
    width: 480px;
    height: 270px;        
}

.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,
.part-user.block-cim.inverse.about table th .emlclk a {
    color: #FFF;
    font-size: 28px;
    font-weight: 700;
}

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

.why-hipa.vision .component-body {
    padding: 10px;
    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 svg {
    width: 75%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* BESZALLITO LINK */

div.part-user.beszallito {
    margin:60px 0;
    position:relative;
}

div.part-user.beszallito h2.component-heading {
    width: 170px;
    height: 50px;
    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;
}

div.part-user.beszallito .component-body {
    width: 314px;
    padding: 40px 40px 72px 40px;
    box-sizing: border-box;
    margin: 145px auto;
    background: #14a0d2;
    position: relative;
}

div.part-user.beszallito .component-body * {
    color:#ffffff;
}

div.part-user.beszallito .component-body::before {
    height: 23px;
    display: block;
    content: "";
    border-left: 314px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 23px solid #14a0d2;
    position: absolute;
    top: -23px;
    left: 0;
}

div.part-user.beszallito .component-body h3 {
    margin-bottom:15px;
}

div.part-user.beszallito .component-body::after {
    height: 23px;
    display: block;
    content: "";
    border-left: 314px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 23px solid #14a0d2;
    position: absolute;
    bottom: -23px;
    left: 0;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

div.part-user.beszallito a.beszallito-button {
    display: flex;
    justify-content:center;
    align-items:center;
    width: 150px;
    height: 149px;
    text-transform: uppercase;
    font-family: 'nerissemibold';
    font-size: 15px;
    color: #717272 !important;
    background: none;
    background-image: url(../gfx/login_submit.png);
    background-repeat: no-repeat;
    border: none;
    text-align: center;
    padding-top: 2px;
    position: absolute;
    z-index: 1;
    bottom: -80px;
    right: 80px;
}

.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;
}

.why-hipa.liquorice a {
    color:#000 !important;
}

.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('../img/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 360px;
}

.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 {
    color: #008CC8 !important;
    font-family: 'nerissemibold';
}

.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%;
}

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

.part-user table#hipa-services td p,
.part-user table.two td p {
    font-size:22px;
}

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

#sectors {
    width: 100%;    
    margin:  0 auto;
}

#sectors-mobile {
    display: none;
}

#sectors svg {
    width: 80%; 
}

#sectors-mobile   {
    width: 640px;
    margin: 100px auto;     
}

#sectors-mobile * {
    color: white;
}

#sectors-mobile .sector-contact { 
    margin: 30px 0; 
    text-align: left;
}

#sectors-mobile .sector-contact,
#sectors-mobile .sector-contact .sector-contact-portrait {
    display: -webkit-flex;
    display: flex;   
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

#sectors-mobile .sector-contact .sector-contact-data > div:nth-of-type(2) {
    display: -webkit-flex;
    display: flex;   
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

#sectors-mobile .sector-contact .sector-contact-data  {
    width: 400px;
    margin-left: 30px;
}

#sectors-mobile .sector-contact .sector-contact-data .sector-name,
#sectors-mobile .sector-contact .sector-contact-data .name {
    font-family: 'nerisblack';
}

#sectors-mobile .sector-contact .sector-contact-data .sector-name {    
    margin-bottom:  10px;       
}

#sectors-mobile .sector-contact .sector-contact-data .sector-name a { margin:0; }

#sectors-mobile .sector-contact .sector-contact-data .sector-name a:hover {
    border-bottom: none;    
}

#sectors-mobile .sector-contact .sector-contact-data .sector-name:after {   
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px;      
    vertical-align: middle;    
    background: url("/images/sectors-arrow-right.svg") no-repeat 50% 50%;
    background-size: 50% auto;
    margin-left: 5px;
}

#sectors-mobile .sector-contact .sector-contact-data > div:nth-of-type(2) a {
    padding:  0;
}

#sectors-mobile .sector-contact .sector-contact-data > div:nth-of-type(2) > div:nth-of-type(2) >  p {
    margin: 0 0 10px 10px;
}

#sectors-mobile .sector-contact .sector-contact-data > div:nth-of-type(2) > div:nth-of-type(2) >  p a {
    margin: 0 0 0 10px;
}

#sectors-mobile .sector-contact .sector-contact-data > div:nth-of-type(2) > div:nth-of-type(2) >  p:before {
    content: "";
    display: inline-block;
    height: 24px;
    width: 24px;    
    border: 1px solid white;
    border-radius: 50%;
    vertical-align: middle;    
} 


#sectors-mobile .sector-contact .sector-contact-data > div:nth-of-type(2) > div:nth-of-type(2) >  p:nth-of-type(1):before {   
    background: url("/images/phone-icon.svg") no-repeat 50% 50%;
    background-size: 60% auto;

} 

#sectors-mobile .sector-contact .sector-contact-data > div:nth-of-type(2) > div:nth-of-type(2) >  p:nth-of-type(2):before {   
    background: url("/images/mail-icon.svg") no-repeat 50% 50%;
    background-size: 60% auto;   
} 

#sectors-mobile .sector-contact  .sector-contact-portrait {
    width: 240px;

}
#sectors-mobile .sector-contact  .sector-contact-portrait > div {
    display: inline-block;    
}


#sectors-mobile .sector-contact  .sector-contact-portrait > div:first-of-type {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    border: 10px solid white;
}

#sectors-mobile .sector-contact  .sector-contact-portrait > div:first-of-type > img {
    width: 140px;    
    border-radius: 50%;
    border-color: white;
    border-style: solid;
    border-width:  10px;
}

#sectors-mobile .sector-contact  .sector-contact-portrait > div:nth-of-type(2) {
    position: relative;
    left: -10px;
    border-radius: 50%;
    border-color: white;
    border-style: solid;
    border-width:  10px;
    width: 60px;
    height: 60px;
}

#sectors-mobile .sector-contact  .sector-contact-portrait > div:nth-of-type(2) > img {
    width: 40px;
}

#sectors-mobile .sector-contact .sector-contact-data > div:nth-of-type(2) {

}

#sectors-mobile .sector-contact.automotive  .sector-contact-portrait > div:first-of-type > img { border-color:  rgba(30,50,115,1); }
#sectors-mobile .sector-contact.electronics  .sector-contact-portrait > div:first-of-type > img { border-color: rgba(110,160,190,1); }
#sectors-mobile .sector-contact.ssc  .sector-contact-portrait > div:first-of-type > img { border-color:  rgba(0,155,140,1);}
#sectors-mobile .sector-contact.renewable  .sector-contact-portrait > div:first-of-type > img { border-color:   rgba(155,200,30,1); }
#sectors-mobile .sector-contact.information  .sector-contact-portrait > div:first-of-type > img { border-color:  rgba(129,130,134,1);}
#sectors-mobile .sector-contact.medical  .sector-contact-portrait > div:first-of-type > img { border-color:  rgba(241,136,115,1); }
#sectors-mobile .sector-contact.life  .sector-contact-portrait > div:first-of-type > img { border-color: rgba(150,15,90,1); }
#sectors-mobile .sector-contact.food  .sector-contact-portrait > div:first-of-type > img { border-color:  rgba(230,100,15,1); }
#sectors-mobile .sector-contact.logistics  .sector-contact-portrait > div:first-of-type > img { border-color:  rgba(250,170,0,1); }



/*--- 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.block-cim.inverse.publication a.public { width: 12%; }

    .part-user.why-hipa.contanct table { width: 50%; }

    .part-user.block-9 .component-body .com-content div.flexwrap:first-of-type > div > div.flexwrap {
        width: 75%;
    }

    .part-user.infograph-1.information-block.light .com-content .flexwrap {
        width: 75%;      
    }

    .part-user.why-hipa.vision .flexwrap > div:nth-of-type(2) > iframe {
        width: 640px;
        height: 360px;        
    }

    .part-user.logistic-block.easy-access img {
        width: 50%;
    }
    .part-user.ssc-block.infograph-1 .com-content p img {

        width: 50%;
        height: auto;
    }

    .part-user.infograph-1.white.information-block p img,
    .part-user.infograph-1.white.information-block img {
        width: 50%;        
    }


}

@media only screen  and (max-width: 993px) { 

    #anim-pics {
        display: block;
        padding: 15px 0;
    }

    #anim-pics img {
        display: block;
        margin: 10px auto;
        width: 75%;
    }

    body.automotiv .part-user.anim-pic { background-color:  rgba(30,50,115,1);}

    body.life #site .part-user.anim-pic { background-color:  rgba(150,15,90,1);}

    body.ssc #site .part-user.anim-pic { background-color:  rgba(0,155,140,1);}

    body.electronics .part-user.anim-pic { background-color:  rgba(110,160,190,1);}

    body.information .part-user.anim-pic { background-color:  rgba(129,130,134,1);}

    body.food #site .part-user.anim-pic { background-color:   rgba(230,100,15,1);}

    body.logistic #site .part-user.anim-pic { background-color:  rgba(250,170,0,1);}

    body.renewable #site .part-user.anim-pic { background-color:  rgba(155,200,30,1);}

    body.medical #site .part-user.anim-pic { background-color:  rgba(241,136,115,1);}


    #timeline-wrapper::before {
        display: none;
    }

    #sectors { display: none; }

    #sectors-mobile {
        display: block;
    }

    .part-user.logistic-block.easy-access img {
        display: block;
        margin: 0 auto;
        width: 90%;
    }

    .part-user.infograph-1.white.information-block p img,
    .part-user.infograph-1.white.information-block img {
        width: 90%;        
    }


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


    .part-user.food-block.block-2.nth2 div.component-body div.com-content .flexwrap > div {
        width: 100%;
    }

    .part-user.infograph-1.information-block.light .com-content .flexwrap {
        -webkit-justify-content: center;
        justify-content: center;
    }

    .part-user.infograph-1.information-block.light .com-content .flexwrap > div {
        width: 300px !important;       
    }


    .part-user.infograph-1.ict.nth2 .com-content > .flexwrap > div {
        width: 100%;
    }

    .part-user.life-block.block-2.nth3,
    .part-user.life-block.block-2.nth3 .com-content {
        height: initial !important ;
    }

    .part-user.life-block.block-2.nth3 .com-content .flexwrap {
        width: 90%;
    }

    .part-user.life-block.block-2.nth3 .com-content .flexwrap > div {
        width: 33.33%;
    }

    .part-user.why-hipa.vision .component-body {
        padding: 0 !important;
    }

    .part-user.why-hipa.vision .flexwrap {        
        -webkit-flex-direction: column;
        flex-direction: column;  
        -webkit-align-items: center;
        align-items: center;
    }

    .part-user.why-hipa.vision .flexwrap > div {
        padding: 0 !important;
        border-right: none;
    }

    .part-user.why-hipa.vision .flexwrap > div p {
        padding: 15px !important;
        text-align: center !important;
    }

    .part-user.why-hipa.vision .flexwrap > div:nth-of-type(2) > iframe {
        display: block;
        margin: 0 auto;
    }

    .part-user.why-hipa.vision .flexwrap > div { width:100%; }

    .part-user.infograph-1.ict.nth2 .com-content > .flexwrap > div:nth-of-type(2) > .bef > div {
        width: 50%;
    }
}

@media 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-9 .component-body .com-content div.flexwrap .flexwrap-item {
        width: 50%;
    }

    .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.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: 250px; */
        /*! height: 250px; */
        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 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: 1px 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.food-block.infograph-1.nth2 .flexwrap {
        width: 90%;
    }

    .part-user.food-block.infograph-1.nth2 .flexwrap-item {
        width: 45%;
    }

    .part-user.food-block.infograph-1.nth2 .flexwrap-item:nth-of-type(1),
    .part-user.food-block.infograph-1.nth2 .flexwrap-item:nth-of-type(2) {
        margin-left: 0;
        margin-right: 0;
    }



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

    .part-user.medical-block.block-5 .component-body .com-content .edu-icons .circle-flekk {
        width: 40%;
    }

    .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.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;
    }

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

    .part-user.why-hipa.vision .flexwrap > div:nth-of-type(2) > iframe {
        width: 640px;
        height: 360px;        
    }


}

@media only screen and (min-width: 480px) and (max-width: 639px) {

    body.fo .part-user.block-cim.inverse.key div.com-content {
        width: 100%;
    }

    #sectors-mobile,
    #sectors-mobile .sector-contact { width: 480px; margin: 30px auto; }

    #sectors-mobile .sector-contact .sector-contact-portrait { width: 300px; }

    #sectors-mobile .sector-contact .sector-contact-data { width: 300px; }

    #sectors-mobile .sector-contact .sector-contact-data > div:nth-of-type(2) {

        -webkit-flex-direction: column;
        flex-direction: column;

    }

    #sectors-mobile .sector-contact .sector-contact-data > div:nth-of-type(2) > div:nth-of-type(1) {

        margin-bottom: 10px;
    }


    #sectors-mobile .sector-contact .sector-contact-data > div:nth-of-type(2) > div:nth-of-type(2) > p {
        margin: 0 0 10px 0;
    }


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


    .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-9 .component-body .com-content div.flexwrap .flexwrap-item {
        width: 50%;
    }

    .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 .com-content {
        display: -webkit-flex;
        display: flex; 
        width: 100%;
        height: 300px !important;
    }

    .part-user.block-2.nth2 .com-content {
        height: auto !important;
    }

    .part-user.block-2 img,
    .part-user.block-2 p img { 
        margin: auto;
        display: block;    
        /*! width: 80%; */
        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.medical-block.block-5 .component-body .com-content .edu-icons .circle-flekk {
        width: 90%;
    }

    .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 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: 1px 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.food-block.infograph-1.nth2 .flexwrap {
        width: 95%;
    }

    .part-user.food-block.infograph-1.nth2 .flexwrap-item {
        width: 100%;
    }

    .part-user.food-block.infograph-1.nth2 .flexwrap-item:nth-of-type(1),
    .part-user.food-block.infograph-1.nth2 .flexwrap-item:nth-of-type(2) {
        margin-left: 0;
        margin-right: 0;
    }

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





    .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.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;
    }

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

    .part-user.block-9 .component-body .com-content div.flexwrap:first-of-type > div > div.flexwrap {
        -webkit-justify-content: center;
        justify-content: center;      
    }

    .part-user.block-9 .component-body .com-content div.flexwrap:first-of-type > div > div.flexwrap > div {
        width:33.33%;
    }

}



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

    body.fo .part-user.block-cim.inverse.key div.com-content {
        width: 100%;
    }    

    .part-user div.component-body div.com-content h2.color-bg-right,
    .part-user div.component-body div.com-content h2.color-bg-right span,
    .part-user div.component-body div.com-content h2.white-bg-right,
    .part-user div.component-body div.com-content h2.white-bg-right span {
        font-size: 20px !important;
    }

    #sectors-mobile {
        width: 320px;
    }



    #sectors-mobile .sector-contact {        
        margin: 30px auto;        
        width: 100%;
        padding: 0 0 0 5%;
    }

    #sectors-mobile .sector-contact,
    #sectors-mobile .sector-contact .sector-contact-data > div:nth-of-type(2) {   display: block; }

    #sectors-mobile .sector-contact .sector-contact-data > div {  width: 320px;  }

    #sectors-mobile .sector-contact .sector-contact-data > div:nth-of-type(2) > div:nth-of-type(1) {  margin-bottom: 10px; }


    #sectors-mobile .sector-contact .sector-contact-data > div:nth-of-type(2) > div:nth-of-type(2) > p { margin: 0 0 10px 0;    }

    #sectors-mobile .sector-contact .sector-contact-portrait {       
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        width: 100%;
    }
    #sectors-mobile .sector-contact .sector-contact-portrait div:nth-of-type(2) {
        width: 60px;
        height: 60px;
    }

    #sectors-mobile .sector-contact .sector-contact-data  .sector-name { 
        position: relative;        
        margin: 0;        
    }

    #sectors-mobile .sector-contact .sector-contact-data {
        width: 320px;
        margin-left: 0;
    }

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

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


    .part-user.block-9 .component-body .com-content div.flexwrap .flexwrap-item {
        width: 100%;
    }

    /*----------------------------------------------------------------------------------------------------*/    
    .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.nth2 {
        height: auto !important;
    }



    .part-user.block-2::before,
    .part-user.block-2::after {    
        height: 50px;  
    }

    .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.medical-block.block-5 .component-body .com-content .edu-icons .circle-flekk {
        width: 90%;
    }

    .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.ssc-block.block-5 .flexwrap {
        -webkit-flex-direction: column;
        flex-direction: column;
    }

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

    .part-user.block-5.nth3 .component-body .com-content {
        width: 90%;
    }

    .part-user.block-5.nth3 .component-body .com-content .flexwrap {
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
        width: 90%;
        height: 470px; /*IE11 miatt!*/
    }

    .part-user.block-5.nth3 .component-body .com-content .flexwrap >div:nth-of-type(1) {
        order:2;
    }

    .part-user.block-5.nth3 .component-body .com-content .flexwrap >div:nth-of-type(2) {        
        width: 75%;
    }

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

    .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 { display: block; width: 320px; }

    .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: block;           
        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 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: block;  
        text-align: left;
    }

    .part-user.block-7 div.component-body div.com-content .contact-wrapper .contact-icon {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        border: 1px solid white;
        display: -webkit-flex;
        display: inline-flex;
        margin: 0 10px 5px 0;
    }

    .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.food-block.infograph-1.nth2 .flexwrap {
        width: 95%;
    }

    .part-user.food-block.infograph-1.nth2 .flexwrap-item {
        width: 100%;
    }

    .part-user.food-block.infograph-1.nth2 .flexwrap-item:nth-of-type(1),
    .part-user.food-block.infograph-1.nth2 .flexwrap-item:nth-of-type(2) {
        margin-left: 0;
        margin-right: 0;
    }

    .part-user.infograph-1.ict.nth2 .com-content > .flexwrap > div:nth-of-type(2) > .bef > div,
    .part-user.infograph-1.ict.nth2 .com-content > .flexwrap > div:nth-of-type(2) > .bef > div {
        width: 100% !important;
    }

    .part-user.infograph-1.ict.nth2 .com-content > .flexwrap > div:nth-of-type(1) > .bef > div {
        width: 100%;
    }

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



    .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.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;
    }

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

    .part-user.block-9 .component-body .com-content  h2,
    .part-user.block-9 .component-body .com-content  h2 span {       
        font-size: 20px !important;     
    }

    .part-user.block-9 .component-body .com-content div.flexwrap:first-of-type > div > div.flexwrap {
        -webkit-justify-content: center;
        justify-content: center;      
    }

    .part-user.block-9 .component-body .com-content div.flexwrap:first-of-type > div > div.flexwrap > div {
        width:33.33%;
    }

    .part-user.why-hipa.vision .flexwrap > div:nth-of-type(2) > iframe {
        width: 320px;
        height: 180px;
    }

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

    .part-user.easyaccess.medical-block h3,
    .part-user.easyaccess.medical-block h3 strong,
    .part-user.easyaccess.medical-block h3 span {  

        font-size: 20px !important;
        line-height: 30px !important;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

    .part-user .block-cim.inverse.key .com-content {
        width: 80%;
        margin: 0 auto;
    }

    #sectors {
        width: 100%;    
        margin:  0 auto;
        height: 0;
        padding-top: 48%;
        position: relative;
    }

    #sectors svg {
        width: 100%; 
        position: absolute;
        top: 0;
        left: 0;
    }



}