*
{
    font-weight: 500;
}
body 
{
    padding-top: 5rem;
    background: transparent;
    color: #FFF;
}
html
{
    background-color: #343A40;
}
.img-welcome
{
    width: 400px;
    height: 267px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 50px;
}
.social-icon
{
    margin-right: 5px; 
    font-size: 25px; 
    color: #FFF;
}
.starter-template 
{
    padding: 3rem 1.5rem;
    text-align: center;
}
::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}
::-webkit-scrollbar
{
    width: 12px;
    background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}
.navbar-btn
{
    margin-right: 2rem;
    width: auto;
}
.lan-selector
{
    color: #FFF;
    height: 30px;
    width: 30px;
    text-align: center;
    padding: 3px;
    border-radius: 5px;
}
.lan-selector:hover
{
    text-decoration: none;
    color: #FFF;
}
.lan-active
{
    color: #444343;
    background: #CE2029;
}
.lan-active:hover
{
    color: #444343;
}
.copyright 
{
    color: #FFF;
    padding-top: 13px;
    font-size: 10px;
}
a:hover
{
    text-decoration: none;
}
#welcome-div, #cv-div
{
    -webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 3s; /* Firefox < 16 */
    -ms-animation: fadein 3s; /* Internet Explorer */
    -o-animation: fadein 3s; /* Opera < 12.1 */
    animation: fadein 3s;
}
@keyframes fadein 
{
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein 
{
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein 
{
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein 
{
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein 
{
    from { opacity: 0; }
    to   { opacity: 1; }
}
#welcome-div
{
    float: left;
    text-align: left;
    margin-top: 60px;
    margin-bottom: 100px;
    height: auto;
}
.event-container
{
    background-color: #FFF;
    color: #0E0E0E;
    border-radius: 5px;
    height: 48px;
    width: 200px;
    text-align: center;
    padding: 11px;
    font-size: 18px;
}
.custom-fluid
{
    background-color: #0E0E0E;
    border-radius: 5px;
    height: auto;
    text-align: center;
    padding: 11px;
    font-size: 18px;
    width: auto;
}
.cv-content
{
    background: rgba(113.8, 113.8, 113.8, 0.8);
    border-radius: 10px;
    padding: 30px;
    width: 600px;
    text-align: left;
    float: left;
}
.cv-btn
{
    margin-top: 600px;
    background-color: #FFF;
    width: 300px;
    margin-left: 100px;
    border-radius: 5px;
    height: 60px;
    padding-top: 15px;
    font-size: 20px;
}
#cv-btn
{
    -webkit-animation: moveCv 3s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: moveCv 3s; /* Firefox < 16 */
    -ms-animation: moveCv 3s; /* Internet Explorer */
    -o-animation: moveCv 3s; /* Opera < 12.1 */
    animation: moveCv 3s;
}
@keyframes moveCv
{
    from { margin-top: 0px; }
    to   { margin-top: 600px; }
}
/* Firefox < 16 */
@-moz-keyframes moveCv 
{
    from { margin-top: 0px; }
    to   { margin-top: 600px; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes moveCv 
{
    from { margin-top: 0px; }
    to   { margin-top: 600px; }
}
/* Internet Explorer */
@-ms-keyframes moveCv 
{
    from { margin-top: 0px; }
    to   { margin-top: 600px; }
}
/* Opera < 12.1 */
@-o-keyframes moveCv 
{
    from { margin-top: 0px; }
    to   { margin-top: 600px; }
}
.rep-btn
{
    margin-top: 10px;
    background-color: #727272;
    width: 300px;
    margin-left: 100px;
    border-radius: 5px;
    height: 60px;
    padding-top: 15px;
    font-size: 20px;
}
#rep-btn
{
    -webkit-animation: moveRep 3s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: moveRep 3s; /* Firefox < 16 */
    -ms-animation: moveRep 3s; /* Internet Explorer */
    -o-animation: moveRep 3s; /* Opera < 12.1 */
    animation: moveRep 3s;
}
@keyframes moveRep
{
    from { margin-top: 0px; }
    to   { margin-top: 10px; }
}
/* Firefox < 16 */
@-moz-keyframes moveRep 
{
    from { margin-top: 0px; }
    to   { margin-top: 10px; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes moveRep 
{
    from { margin-top: 0px; }
    to   { margin-top: 10px; }
}
/* Internet Explorer */
@-ms-keyframes moveRep 
{
    from { margin-top: 0px; }
    to   { margin-top: 10px; }
}
/* Opera < 12.1 */
@-o-keyframes moveRep 
{
    from { margin-top: 0px; }
    to   { margin-top: 10px; }
}
.event-box
{
    background: rgba(113.8, 113.8, 113.8, 0.8);
    border-radius: 10px;
    padding: 10px;
    font-size: 20px;
    text-align: center;
}
.event-btn
{
    background: rgba(113.8, 113.8, 113.8, 0.8);
    border-radius: 10px;
    padding: 10px;
    margin-top: 10px;
    width: 200px;
    font-size: 20px;
    text-align: center;
}
#event-div, #event-btn
{
    -webkit-animation: moveEvent 3s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: moveEvent 3s; /* Firefox < 16 */
    -ms-animation: moveEvent 3s; /* Internet Explorer */
    -o-animation: moveEvent 3s; /* Opera < 12.1 */
    animation: moveEvent 3s;
}
@keyframes moveEvent
{
    from { margin-left: 300px; }
    to   { margin-left: 0px; }
}
/* Firefox < 16 */
@-moz-keyframes moveEvent 
{
    from { margin-left: 300px; }
    to   { margin-left: 0px; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes moveEvent
{
    from { margin-left: 300px; }
    to   { margin-left: 0px; }
}
/* Internet Explorer */
@-ms-keyframes moveEvent
{
    from { margin-left: 300px; }
    to   { margin-left: 0px; }
}
/* Opera < 12.1 */
@-o-keyframes moveEvent
{
    from { margin-left: 300px; }
    to   { margin-left: 0px; }
}
.btn:focus, .btn:active, button:focus, button:active 
{
    outline: none !important;
    box-shadow: none !important;
}
#image-gallery .modal-footer
{
    display: block;
}
.thumb
{
    margin-top: 15px;
    margin-bottom: 15px;
}