body {
        background:#ecf0f4; 
        margin:0;
        font:10pt 'Raleway', sans-serif;
        color:#4c4c4c;
        height: 400px;
}

div#itc-waiting {
    text-align: center;
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}
div#itc-waiting img {
    width: 120px;
}
h3.mb-3.text-center.itc-text-color-qqdrile {
    display: block;
    width: 100%;
    font-size: 35px;
    margin: 0;
    padding: 0;
}

.image-infinite {
  -webkit-animation: spin 1s linear;
  -moz-animation: spin 1s linear;
  animation: spin 2s 2;
}

@keyframes spin {
  0% {
    transform: perspective(400px) rotateY(0);
  }
  100% {
    transform: perspective(400px) rotateY(720deg);
  }


html{
        overflow-y:scroll;
} 

a {
  -moz-outline: none 0;
  outline: none 0;
}

#header {
        width:100%; 
        height:150px;
        margin-top:30px;
        text-align:center;
}

#footer {
        width:100%; 
        height:65px;
        background-color:#d3d7dc;
        margin-top:40px;
        padding-top:35px;
        clear:both;
        text-align:center;
}

.container {
        width:60%; 
        margin:0 auto;
}

#main-container {
        margin-bottom:175px;
        float:left;
        width:100%;
}

h1 {
        text-align:center;
        font-weight:normal;
        font-family: 'Raleway', sans-serif;
        font-size: 42px;
        text-transform:uppercase;
        font-weight:300;
        margin:70px 0;
        padding:0;
}

/* box***********************************/

.box {
        float:left;
        width:33%;
        margin-bottom:23px;
        text-align:center;
        padding-top:20px;
}

.box a {
        text-decoration:none;
}

.box img {
        border:0;
}

.box h2 {
         text-align:center;
         text-transform:uppercase;
         color:#505853;
         font-size:20px;
         line-height:20px;
         margin:0;
         font-weight:bold;
         margin:15px 0;
}
