

#dialogue_dropdowns {   }


@media screen and (min-width:1024px) {  
.dialogue_dropdown { width:calc(25% - ((36px * 3) / 4)); margin-right:36px; float:left; }
.dialogue_dropdown:nth-child(4n+4) {  margin-right:0; }

}


 
@media screen and (min-width:601px) and (max-width:1023px){ 
.dialogue_dropdown { width:calc(50% - ((36px * 1) / 2)); margin-right:36px; float:left;} 

.profile header { height:16rem; }

.dialogue_dropdown:nth-child(2n+2){ margin-right:0 !important; }
.dialogue_dropdown:nth-child(2n+3){ clear:both;  }
 
}

@media screen and (max-width:600px){ 
.dialogue_dropdown { width:100%; margin:0 0 36px 0;  } 
 }



.dialogue_dropdown {   margin-bottom:2rem; } 

.dialogue_dropdown h2 { background:#d22333;  font-size:1.8rem; position:relative;  
padding:1em calc(2rem + 1.5em) 1em 2rem;
margin:0; color:white; transition:all 0.1s ease;  }
.dialogue_dropdown h2::after { position:absolute; top:50%; transform:translateY(-50%); right:2rem;  font-family:'icons'; content:"\e917"; font-weight:normal;   transition:all 0.1s ease;   }

.dialogue_dropdown h2:hover::after { transform:scale(1.2,1.2) translateY(-40%); }

.dialogue_dropdown h2.opened::after {content:"\e914"; }


.dialogue_dropdown div.hei_list { background:rgba(230,230,230,1);  }
body.hasjs .dialogue_dropdown div.hei_list {  display:none; }

.dialogue_dropdown h3 { border-top:1px solid rgba(19,66,103,0.6);  position:relative; padding:1em calc(2rem + 1.5em) 1em 2rem; font-size:1.8rem; margin:0; color:#134267; font-weight:400;}

.dialogue_dropdown h3:first-child { border-top:none;}

.dialogue_dropdown h3::after { position:absolute; top:50%; transform:translateY(-50%); right:2rem;  font-family:'icons'; content:"\e917"; font-weight:normal; transition:all 0.1s ease;   }
.dialogue_dropdown h3:hover::after { transform:scale(1.2,1.2) translateY(-40%); }
.dialogue_dropdown h3.opened {background: #134267; color:white;} 

.dialogue_dropdown h3.opened::after {content:"\e914"; }
.dialogue_dropdown div.downloads {padding:3rem 2rem 1rem; position:relative;  }

.dialogue_dropdown h3.opened::before {position:absolute; font-family:'icons'; content:"\e923"; color:#134267;  font-weight:normal; top:calc(100% - 1px); left:1.4rem; line-height:1; font-size:18px; margin:0; } 

.dialogue_dropdown p.cta { width:100% !important;}
