
a, a:focus, a:hover {
color: #3366ff;
    
}
.btn{border-radius:0;}
.btn-flat-blue {
  background: #3665f1;
}
.conf-direct-link:hover, .conf-direct-link:focus{

text-decoration:none;
}


.text-black, a.text-black:hover, a.text-black:focus{
    color:black;
}
.text-yellow, a.text-yellow:hover, a.text-yellow:focus{
    color:yellow;
}
.m-t-0 {
    margin-top: 0;
}
.m-b-0 {
    margin-bottom: 0;
}
.m-t-10 {
    margin-top: 10px;
}
.m-b-10{
  margin-bottom: 10px;

}
.m-t-20 {
    margin-top: 20px;
}
.m-b-20{
  margin-bottom: 20px;

}
.padding-lg {
    padding: 10px;
}
header{
    position: relative;
}
header img{
       position: absolute;
    top: -10px;
    left: 5px;
}

body{
font-family: 'Roboto Slab', serif;
  padding: 0;
    background: #f5f1f0;
    margin-bottom: 20px;
    color: #000379
}

.em{
font-family: 'Courgette', cursive;
}

.conf-invitation-main>.container {
    position: relative;
  padding: 8px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0000fe+0,7caf38+49,ffcc00+49,ffcc00+100 */
background: #0000fe; /* Old browsers */
background: -moz-linear-gradient(left, #0000fe 0%, #0000fe 49%, #ffcc00 49%, #ffcc00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #0000fe 0%,#0000fe 49%,#ffcc00 49%,#ffcc00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #0000fe 0%,#0000fe 49%,#ffcc00 49%,#ffcc00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000fe', endColorstr='#ffcc00',GradientType=1 ); /* IE6-9 */
}
.conf-invitation-main .wrapper {
    background: white;
      position: relative;
          z-index: 9999;
}
.conf-invitation-main>.container::before,.conf-invitation-main>.container::after {
  
    position: absolute;
    content: "";
    height: 50%;
    width: 50%;
    z-index: 1;
    display: block;
    top: 0;
    
}
.conf-invitation-main>.container::before{
 background: #ffcc00;
left: 0;
}
.conf-invitation-main>.container::after{

 background: #3366ff;
 right: 0;
}

.conf-invitation-main .title a{

display: inline-block;
    border: 2px dashed transparent;
        padding: 4px 10px;
    margin: 5px 0;
}
.conf-invitation-main .title a:hover{
      border-color: #3366ff;
    text-decoration: none;
}




.list li {
    position: relative;
    padding-left: 10px;
    margin-bottom: 10px;
}
 
.list li:before {
       content: "\f142";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    
    font-size: 18px;
        position: absolute;
    top: 0;
    left: 0;
    color: #3366ff;
}
.list li:first-of-type:before {

content:none;
}
.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
.wrap-link {

white-space: pre-wrap; /* css-3 */    
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */    
    white-space: -o-pre-wrap; /* Opera 7 */    
    word-wrap: break-word; /* Internet Explorer 5.5+ */

}
.highlights .list-group-item {
    padding: 6px;
}