body{
    overflow-x: hidden;
}
.linkedinBtn{
    background-image : url("../");
}
#podium{
    transform: rotate(-90deg);
    width: 40vh;
    height: 10vw;
}

.degrade{
    background: linear-gradient(to right, rgba(254,85,34,1) 0%, rgba(246,41,12,1) 0%, rgba(248,80,50,1) 0%, rgba(255,110,20,1) 100%);
}
.fullHeight {
    min-height: 100vh;
}
.background {
    background-image: url("../img/background.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.vCenter{
    display: flex;
    align-items: center;
}
.top20{
    padding-top: 20vh;
}
.top10{
    padding-top: 10vh;
}
.top5{
    padding-top: 5vh;
}
.top2{
    padding-top: 2vh;
}

.mainTitle{
    font-size: 45px;
}

.subTitle{
    font-size: 25px;
}
.copyBtn {
    margin-top: 10px !important;
    /*margin-left: 100px !important;*/
}
.whiteColor {
    color: white;
}
.link{
    color: white;
    cursor: pointer;
    text-decoration: underline;
}
.btn{
    border-radius: 30px;
}
input:not([type]):focus:not([readonly])+label, input[type=text]:not(.browser-default):focus:not([readonly])+label, input[type=password]:not(.browser-default):focus:not([readonly])+label, input[type=email]:not(.browser-default):focus:not([readonly])+label, input[type=url]:not(.browser-default):focus:not([readonly])+label, input[type=time]:not(.browser-default):focus:not([readonly])+label, input[type=date]:not(.browser-default):focus:not([readonly])+label, input[type=datetime]:not(.browser-default):focus:not([readonly])+label, input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label, input[type=tel]:not(.browser-default):focus:not([readonly])+label, input[type=number]:not(.browser-default):focus:not([readonly])+label, input[type=search]:not(.browser-default):focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label{
    color: rgba(248,80,50,1);
}
.chips.focus, input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid rgba(248,80,50,1);
    -webkit-box-shadow: 0 1px 0 0 rgba(248,80,50,1);
    box-shadow: 0 1px 0 0 rgba(248,80,50,1);
}
.chips .chip.selected {
    background-color: rgba(248,80,50,1);
    color: #fff;
}
.hr{
    display:block;
    border:none;
    color:white;
    height: 2px;
}
.animate {
    /*   positioning */
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    /*   gradient   */
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(1%, rgba(255, 255, 255, 0.03)), color-stop(30%, rgba(255, 255, 255, 0.85)), color-stop(50%, rgba(255, 255, 255, 0.85)), color-stop(70%, rgba(255, 255, 255, 0.85)), color-stop(71%, rgba(255, 255, 255, 0.85)), color-stop(100%, rgba(255, 255, 255, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
    /* IE10+ */
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
    /* IE6-9 */
    /*  forming the shine element
        play around with the width, skew and gradient to get different effects
      */
    width: 15%;
    height: 100%;
    transform: skew(-10deg, 0deg);
    -webkit-transform: skew(-10deg, 0deg);
    -moz-transform: skew(-10deg, 0deg);
    -ms-transform: skew(-10deg, 0deg);
    -o-transform: skew(-10deg, 0deg);
    /*  animating it  */
    animation: move 2s;
    animation-iteration-count: infinite;
    animation-delay: 1s;
    -webkit-animation: move 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-delay: 1s;
    -moz-transform: skew(-10deg, 0deg);
    -moz-animation: move 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-delay: 1s;
    -ms-transform: skew(-10deg, 0deg);
    -ms-animation: move 2s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-delay: 1s;
    -o-transform: skew(-10deg, 0deg);
    -o-animation: move 2s;
    -o-animation-iteration-count: infinite;
    -o-animation-delay: 1s;
}

/*  */
@keyframes move {
    0% {
        left: 0;
        opacity: 0;
    }
    5% {
        opacity: 0.0;
    }
    48% {
        opacity: 0.2;
    }
    80% {
        opacity: 0.0;
    }
    100% {
        left: 82%;
    }
}
@-webkit-keyframes move {
    0% {
        left: 0;
        opacity: 0;
    }
    5% {
        opacity: 0.0;
    }
    48% {
        opacity: 0.2;
    }
    80% {
        opacity: 0.0;
    }
    100% {
        left: 82%;
    }
}
@-moz-keyframes move {
    0% {
        left: 0;
        opacity: 0;
    }
    5% {
        opacity: 0.0;
    }
    48% {
        opacity: 0.2;
    }
    80% {
        opacity: 0.0;
    }
    100% {
        left: 88%;
    }
}
@-ms-keyframes move {
    0% {
        left: 0;
        opacity: 0;
    }
    5% {
        opacity: 0.0;
    }
    48% {
        opacity: 0.2;
    }
    80% {
        opacity: 0.0;
    }
    100% {
        left: 82%;
    }
}
@-o-keyframes move {
    0% {
        left: 0;
        opacity: 0;
    }
    5% {
        opacity: 0.0;
    }
    48% {
        opacity: 0.2;
    }
    80% {
        opacity: 0.0;
    }
    100% {
        left: 82%;
    }
}