.main1 {
  width:500px;
  display:block;
  margin:0 auto;
}
.main2 {
    background: #fff;
    color: #3498db;
    font-size: 36px;
    line-height: 100px;
    margin: 10px;
    padding: 2%;
    position: relative;
    text-align: center;
}
.navbar-nav > li.active {
  color: #d4566b;
  background-color: transparent;
  border-top: 1px solid #d4566b;
  font-weight: 400;
}


.callout {
  margin: 0 0 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(10, 10, 10, 0.25);
  border-radius: 0;
  position: relative;
  color: #0a0a0a;
  background-color: white; }
  .callout > :first-child {
    margin-top: 0; }
  .callout > :last-child {
    margin-bottom: 0; }
  .callout.primary {
    border-left: 5px solid #474646;
    background-color: #def0fc; }
  .callout.secondary {
    border-left: 5px solid #474646;
    background-color: #ebebeb; }
  .callout.success {
    border-left: 5px solid #474646;
    background-color: #e1faea; }
  .callout.success2 {
    border-left: 5px solid #474646 ;
    background-color: #dcedc8 ; }
  .callout.alert {
    border-left: 5px solid #474646;
    background-color: #fce6e2; }
  .callout.warning {
    border-left: 5px solid #474646;
    background-color: #fff3d9; }
  .callout.warning2 {
    border-left: 5px solid #474646;
    background-color: #e3d3e4; }
  .callout.primary_borderless {
    background-color: #def0fc; }
  .callout.secondary_borderless {
    background-color: #ebebeb; }
  .callout.success_borderless {
    background-color: #e1faea; }
  .callout.success2_borderless {
    background-color: #dcedc8 ; }
  .callout.alert_borderless {
    background-color: #fce6e2; }
  .callout.warning_borderless {
    background-color: #fff3d9; }
  .callout.warning2_borderless {
    background-color: #e3d3e4; }
  .callout.small {
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem; }
  .callout.large {
    padding-top: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem
  }
  .callout {
  background-color: #F9F1F1;
  border-radius: 2px;
  border: 0;
  padding: 0.5rem 0.5rem 0.5rem 5rem;
    margin-left: 0;
  }
  .callout::before {
    /*content: "\f05a";*/
    color: #454F58;
    font-family: FontAwesome;
    font-size: 2.8rem;
    float: left;
    margin-left: -40px;
    position: absolute;
    display: block;
    top: 50%;
    transform: translateY(-50%); }
  .callout.success_borderless::before {
    color: #007072; }
  .callout.success::before {
    content: "\f058";
    color: #007072; }
  .callout.warning::before {
    content: "\f059";
    color: #ff6c54; }
  .callout.secondary::before {
    content: "\f059";
    color: #474646; }
  .callout.alert::before {
    content: "\f071";
    color: #082920; }


  a {
  color: #1d7ac9;
  transition: color 0.2s, box-shadow 0.2s; }
  a:hover, a:active {
    color: #082920; }

a[href$=".pdf"]::after {
  font-family: "fontawesome";
  content: "\0020\f1c1";
  color: red; }

a[href$=".doc"]::after {
  font-family: "fontawesome";
  content: "\0020\f1c2";
  color: darkblue; }

a[href$=".xls"]::after {
  font-family: "fontawesome";
  content: "\0020\f1c3";
  color: darkgreen; }

a[href$=".docx"]::after {
  font-family: "fontawesome";
  content: "\0020\f1c2";
  color: darkblue; }

a[href$=".xlsx"]::after {
  font-family: "fontawesome";
  content: "\0020\f1c3";
  color: darkgreen; }

a[href$=".pptx"]::after {
  font-family: "fontawesome";
  content: "\0020\f1c4";
  color: #D35230; }
a[href$=".ppt"]::after {
  font-family: "fontawesome";
  content: "\0020\f1c4";
  color: #D35230; }

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  /*padding: 1rem 1.25rem;*/
  font-size: 2rem;
  color: #212529;
  text-align: left;

  border: 0;
  margin-top: -1.1rem;
  border-radius: 0;
  overflow-anchor: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
}

.accordion-button:not(.collapsed)::after {
  content: "-";
  transform: rotate(-180deg);
   color: #104470;
    font-size: 2rem;
    /*margin-top: -1.1rem;*/
}

.accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem;
  margin-left: auto;
  content: "+";
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform .2s ease-in-out;
  color: #104470;
  font-size: 2rem;
  /*margin-top: -1.1rem;*/
}

/*div.accordion-item ::before {*/

/*    color: #104470;*/

/*}*/
/*.accordion-title::before {*/


/*}*/
/*.accordion-title::before {*/
/*    content: '+';*/
/*    position: absolute;*/
/*    right: 1rem;*/
/*    top: 50%;*/
/*    margin-top: -0.5rem;*/

/*}*/


/*.is-active > .accordion-title::before {*/

/*    content: '–';*/

/*}*/
/*div.accordion-item::before {*/
/*    color: #104470;*/
/*}*/

/*.accordion-title::before {*/

/*    font-size: 2rem;*/
/*    margin-top: -1.1rem;*/

/*}*/
/*.accordion-title::before {*/

/*    content: '+';*/
/*    position: absolute;*/
/*    right: 1rem;*/
/*    top: 50%;*/
/*    margin-top: -0.5rem;*/

/*}*/
.listNav, .ln-letters {
  overflow: hidden;
}
.zigzag{
    margin-bottom: -10px;
    clip-path: polygon(0% 0%, 0% 100%,
        10px calc(100% - 10px), 20px 100%,
        30px calc(100% - 10px), 40px 100%,
        50px calc(100% - 10px), 60px 100%,
        70px calc(100% - 10px), 80px 100%,
        90px calc(100% - 10px), 100px 100%,
        110px calc(100% - 10px), 120px 100%,
        130px calc(100% - 10px), 140px 100%,
        150px calc(100% - 10px), 160px 100%,
        170px calc(100% - 10px), 180px 100%,
        190px calc(100% - 10px), 200px 100%,
        210px calc(100% - 10px), 220px 100%,
        230px calc(100% - 10px), 240px 100%,
        250px calc(100% - 10px), 260px 100%,
        270px calc(100% - 10px), 280px 100%,
        290px calc(100% - 10px), 300px 100%,
        310px calc(100% - 10px), 320px 100%,
        330px calc(100% - 10px), 340px 100%,
        350px calc(100% - 10px), 360px 100%,
        370px calc(100% - 10px), 380px 100%,
        390px calc(100% - 10px), 400px 100%,
        410px calc(100% - 10px), 420px 100%,
        430px calc(100% - 10px), 440px 100%,
        450px calc(100% - 10px), 460px 100%,
        470px calc(100% - 10px), 480px 100%,
        490px calc(100% - 10px), 500px 100%,
        510px calc(100% - 10px), 520px 100%,
        530px calc(100% - 10px), 540px 100%,
        550px calc(100% - 10px), 560px 100%,
        570px calc(100% - 10px), 580px 100%,
        590px calc(100% - 10px), 600px 100%,
        610px calc(100% - 10px), 620px 100%,
        630px calc(100% - 10px), 640px 100%,
        650px calc(100% - 10px), 660px 100%,
        670px calc(100% - 10px), 680px 100%,
        690px calc(100% - 10px), 700px 100%,
        710px calc(100% - 10px), 720px 100%,
        730px calc(100% - 10px), 740px 100%,
        750px calc(100% - 10px), 760px 100%,
        770px calc(100% - 10px), 780px 100%,
        790px calc(100% - 10px), 800px 100%,
        810px calc(100% - 10px), 820px 100%,
        830px calc(100% - 10px), 840px 100%,
        850px calc(100% - 10px), 860px 100%,
        870px calc(100% - 10px), 880px 100%,
        890px calc(100% - 10px), 900px 100%,
        910px calc(100% - 10px), 920px 100%,
        930px calc(100% - 10px), 940px 100%,
        950px calc(100% - 10px), 960px 100%,
        970px calc(100% - 10px), 980px 100%,
        990px calc(100% - 10px), 1000px 100%,
        1010px calc(100% - 10px), 1020px 100%,
        1030px calc(100% - 10px), 1040px 100%,
        1050px calc(100% - 10px), 1060px 100%,
        1070px calc(100% - 10px), 1080px 100%,
        1090px calc(100% - 10px), 1100px 100%,
        1110px calc(100% - 10px), 1120px 100%,
        1130px calc(100% - 10px), 1140px 100%,
        1150px calc(100% - 10px), 1160px 100%,
        1170px calc(100% - 10px), 1180px 100%,
        1190px calc(100% - 10px), 1200px 100%,
        1210px calc(100% - 10px), 1220px 100%,
        1230px calc(100% - 10px), 1240px 100%,
        1250px calc(100% - 10px), 1260px 100%,
        1270px calc(100% - 10px), 1280px 100%,
        1290px calc(100% - 10px), 1300px 100%,
        1310px calc(100% - 10px), 1320px 100%,
        1330px calc(100% - 10px), 1340px 100%,
        1350px calc(100% - 10px), 1360px 100%,
        1370px calc(100% - 10px), 1380px 100%,
        1390px calc(100% - 10px), 1400px 100%,
        1410px calc(100% - 10px), 1420px 100%,
        1430px calc(100% - 10px), 1440px 100%,
        1450px calc(100% - 10px), 1460px 100%,
        1470px calc(100% - 10px), 1480px 100%,
        1490px calc(100% - 10px), 1500px 100%,
        1510px calc(100% - 10px), 1520px 100%,
        1530px calc(100% - 10px), 1540px 100%,
        1550px calc(100% - 10px), 1560px 100%,
        1570px calc(100% - 10px), 1580px 100%,
        1590px calc(100% - 10px), 1600px 100%,
        1610px calc(100% - 10px), 1620px 100%,
        1630px calc(100% - 10px), 1640px 100%,
        1650px calc(100% - 10px), 1660px 100%,
        1670px calc(100% - 10px), 1680px 100%,
        1690px calc(100% - 10px), 1700px 100%,
        1710px calc(100% - 10px), 1720px 100%,
        1730px calc(100% - 10px), 1740px 100%,
        1750px calc(100% - 10px), 1760px 100%,
        1770px calc(100% - 10px), 1780px 100%,
        1790px calc(100% - 10px), 1800px 100%,
        1810px calc(100% - 10px), 1820px 100%,
        1830px calc(100% - 10px), 1840px 100%,
        1850px calc(100% - 10px), 1860px 100%,
        1870px calc(100% - 10px), 1880px 100%,
        1890px calc(100% - 10px), 1900px 100%,
        1910px calc(100% - 10px), 1920px 100%,
        1930px calc(100% - 10px), 1940px 100%,
        1950px calc(100% - 10px), 1960px 100%,
        1970px calc(100% - 10px), 1980px 100%,
        1990px calc(100% - 10px), 2000px 100%,
        2010px calc(100% - 10px), 2020px 100%,
        2030px calc(100% - 10px), 2040px 100%,
        2050px calc(100% - 10px), 2060px 100%,
        100% 100%, 100% 0%) !important;
}

.arrow{
    margin-bottom: -40px;
    clip-path: polygon(100% calc(100% - 40px), 50% 100%, 0 calc(100% - 40px), 0 0, 100% 0);
}

.arrow_big{
    margin-bottom: -80px;
    clip-path: polygon(100% calc(100% - 80px), 50% 100%, 0 calc(100% - 80px), 0 0, 100% 0);
}

.alert p{
    margin-bottom: 0;
}
.download {
  padding: 20px;
  border-radius: 4px;
  margin-bottom: 10px;
  transition: background-color 0.3s;
  background-color: #ebeeeb;
}
.download::before {
  content: "\f019";
  color: #1a6f3b;
  font-family: FontAwesome;
  float: left;
  font-size: 4rem;
  margin-top: -10px;
}

.download > * {
  margin-left: 50px !important;
}
.download p {
  margin-bottom: 0;
}
a {
  color: #1d7ac9;
  transition: color 0.2s, box-shadow 0.2s;
  font-size: 17px;
}
.folder {
  padding: 20px;
  border-radius: 4px;
  margin-bottom: 10px;
  transition: background-color 0.3s;
  background-color: #145e80;

}
.folder::before {
    content: "\f07c";
    color: #ffe9a2;
    font-family: FontAwesome;
    float: left;
    font-size: 4rem;
    margin-top: -20px;

}

.folder > * {
  margin-left: 50px !important;
}
.folder p {
  margin-bottom: 0;
}

.folder a {
  color: #fafbfc;
  transition: color 0.2s, box-shadow 0.2s;
}
iframe {
  width: 100%;
  height: 100vh;
}