.web-title {
    font-size: 2.5rem;
    line-height: 1.5;
    margin-bottom: .75rem;
    font-weight: 300;
}
hr {
    margin-top: 0;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}
.innerhead {
    margin-top: 1.6em;
    margin-bottom: 2em;  
}
.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}
.jumbotron {
    background-image: url(/static/img/background.svg), linear-gradient(40deg, #0082c9 0%, #1cafff 100%);
    background-position: 50% 50%;
    background-repeat: repeat;
    background-size: 275px, contain;
    background-attachment: fixed;
    padding: 0;
    margin-bottom: 2rem;
    border-radius: 0 !important;
    position: relative;
    overflow: hidden;
}
#testmultiselect {
    list-style: none;
    border: 0;
}

.form-group li {
    border: 0;
    display: inline-block;
    margin-right: 20px;
}

.avatar-xs {
    width: 32px;
    height: 32px;
}

.post{
    margin: 30px 0;
    border-radius: 6px;
    padding: 28px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    transition: all .3s;
}

.post-bg {
    background: #f3f3f3!important;
}

.post-title{
    font-size: 22px;
}
.post-content {
    margin-top: 20px;
}

.post p, .content p {
    margin-top: 0;
    margin-bottom: 1.25rem;
    text-align: justify;
    font-size: 1em;
    color: #333; 
    word-wrap: break-word;
    line-height: 1.8;
    letter-spacing: 0.013rem;
}

/* 3.5. HORIZONTAL TIMELINE */
.cd-horizontal-timeline {    margin: 0;  padding-top: 21px;  border-top: 1px solid #ebebea;}
.cd-horizontal-timeline .timeline {    width: 100%;}
.cd-horizontal-timeline .events >ol {    margin: 0;  padding: 0;  list-style: none;}
.cd-horizontal-timeline .events a {    padding-bottom: 19px;  color: #999;  font-size: inherit;  white-space: nowrap;}
.cd-horizontal-timeline .events a.selected {    color: #393939;}
.cd-horizontal-timeline .events a.selected:after,.no-touch .cd-horizontal-timeline .events a:hover:after {    background-color: #2bb3c0;  border-color: #2bb3c0;}
.cd-horizontal-timeline .events a.older-event:not(.selected):after {    background-color: #fff;  border-color: #2bb3c0;}
.cd-horizontal-timeline .filling-line {    background-color: #2bb3c0;}
.cd-timeline-navigation {    margin: 0;  padding: 0;  list-style: none;}
.cd-timeline-navigation a {    color: #2bb3c0;  border-width: 1px;  border-color: #2bb3c0;  font-size: 20px;  line-height: 27px;  text-indent: 0;  text-align: center;  vertical-align: middle;}
.cd-timeline-navigation a.prev {    -webkit-transform: translateY(-50%) rotate(0);  transform: translateY(-50%) rotate(0);}
.cd-timeline-navigation a.inactive {    color: #ccc;  border-color: #ccc;}
.cd-timeline-navigation a .fa {    vertical-align: middle;}
.cd-timeline-navigation a:after {    display: none;}
.cd-horizontal-timeline .events-content {    margin: 12px 0 3px;}
.cd-horizontal-timeline .events-content >ol {    margin: 0;  padding: 0;  list-style: none;}
.cd-horizontal-timeline .events-content >ol >li {    padding-left: 0;  padding-right: 0;}
.cd-horizontal-timeline .events-content .title .h4 {    color: #393939;  font-family: "Open Sans", sans-serif;  font-size: 18px;  line-height: 28px;  font-weight: 600;}
.cd-horizontal-timeline .events-content .subtitle {    margin-top: 6px;}
.cd-horizontal-timeline .events-content .subtitle p {    font-size: 14px;  line-height: 24px;  font-style: italic;}
.cd-horizontal-timeline .events-content .desc {    margin-top: 13px;}
.cd-horizontal-timeline .events-content .desc p {    color: #696969;  font-size: 14px;  line-height: 24px;}
.vertical-timeline >ul {    position: relative;  z-index: 0;}
.vertical-timeline >ul:before {    content: " ";  display: none;  position: absolute;  top: 0;  width: 6px;  height: 100%;  background-color: #ebebea;  border-radius: 25px;}
.vertical-timeline >ul >li {    position: relative;  z-index: 0;}
.vertical-timeline >ul >li:before,.vertical-timeline >ul >li:after {    content: " ";  display: table;}
.vertical-timeline >ul >li:after {    clear: both;}
.vertical-timeline >ul >li + li {    margin-top: 25px;}
.vertical-timeline .title,.vertical-timeline .action {    display: inline-block;  position: relative;  width: 80px;  padding: 7px 0;  color: #e16123;  background-color: #fff;  border: 1px solid;  border-radius: 25px;  text-align: center;  z-index: 0;}
.vertical-timeline .action {    padding: 0;  border-width: 0;}
.vertical-timeline .time {    display: block;  position: absolute;  top: 12px;  left: 20px;  color: #999;}
.vertical-timeline .dot {    float: left;  display: none;  position: relative;  width: 30px;  height: 30px;  margin-top: 24px;  margin-right: 30px;  background-color: #ebebea;  border: 8px solid #fff;  border-radius: 50%;  z-index: 0;}
.vertical-timeline .dot:before {    content: " ";  position: absolute;  top: 3px;  left: 22px;  width: 20px;  height: 8px;  background-color: #ebebea;  border-radius: 0 25px 25px 0;}
.vertical-timeline .content {    padding: 36px 20px 13px;  border: 1px solid #eee;  border-radius: 6px;  overflow: hidden; line-height: 1.8; letter-spacing: 0.013rem; text-align: justify; color: #333; }
.vertical-timeline .subtitle {    margin: 0 0 6px;  color: #393939;  font-size: 16px;  line-height: 26px;  font-weight: 600;}
@media (min-width: 400px) {
    .vertical-timeline >ul:before {  left: 143px; display: block;  }      
    .vertical-timeline .dot {  display: block;  }    
    .vertical-timeline .time {  float: left;  position: relative;  top: auto; left: auto; width: 125px;  margin-top: 26px;  margin-right: 6px;  text-align: right;  }    
    .vertical-timeline .content {  padding-top: 10px;  }    
    .vertical-timeline .title {  margin-left: 96px;  }    
    .vertical-timeline .action {  margin-left: 65px;  }
}

@media (max-width: 400px) {
    .vertical-timeline >ul:before {   left: 90px; display: block; }
    .vertical-timeline .dot {  display: block; }        
    .vertical-timeline .time {  float: left;  position: relative;  top: auto; left: auto; width: 72px;  margin-top: 26px;  margin-right: 6px;  text-align: right;  }    
    .vertical-timeline .content {  padding-top: 10px;  }    
    .vertical-timeline .title {  margin-left: 96px;  }    
    .vertical-timeline .action {  margin-left: 65px;  }
}

a {
    color: #1abc9c;
    text-decoration: none;
    background-color: transparent;
}

a:visited {color:#ff00bb;}

::selection {
    background: #1abc9c;
    color: #fff;
    text-shadow: none;
}

.ex_tag{
    padding: 10px;
}