body {
    background-color:#FFF;
    color: black;
    font-family: 'Titillium Web', sans-serif;
    margin-bottom:30px
}

.tooltip-ul-black
{
    border-bottom: 1px dashed black;
}

.footer
{
    position:fixed;
    bottom:0px;
    width:100%;
    text-align:center;
    color:#000;
    background-color:#e5e5e5;
    padding:5px;    
}

.nobr
{
    white-space:nowrap;
}

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

.glyphicon-refresh-animate {
  animation: spin .7s infinite linear;
  -webkit-animation: spin2 .7s infinite linear;
  -moz-animation: spin2 .7s infinite linear;
}

@-moz-keyframes spin2 {
  from { -moz-transform: rotate(0deg);}
  to { -moz-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

.flexContainer
{
    display:flex;
    flex-direction:row;
    justify-content:space-around;
    align-items:flex-start;    
}

.firstPanel
{
    text-align:center;
    width:336px;
    margin:10px;
}

.mainPanel
{
    text-align:center;
    width:336px;
    margin:20px auto;
}

.lastPanel
{
    text-align:center;
    width:336px;
    margin:10px;
}

.flexAd
{    
    max-height:280px;    
    overflow:hidden;  
    margin:0px auto;  
}

.stickyAd
{
    position:fixed;
    width:300px;
    height:600px;
}

#ytplayer
{
    width:500px;
    height:280px
}

.siteInfo
{
    text-align:center;
    background-color:#58585B;
    margin-top:20px;
    padding: 20px 30%;
    color:white
}

body {
    overflow-y: scroll;
    padding-right: 0 !important;
}

@media ( max-width: 1200px ) 
{
    .flexContainer
    {
        flex-direction:column;
        align-items:center;    
    }

    .firstPanel
    {
        width:100%;
    }

    .lastPanel
    {
        width:100%;
    }

    /*.flexAd
    {
        width:728px;
        max-height:90px;        
    }*/

    .stickyAd
    {
        position:initial;
        width:100%;
        height:100%;
    }

    .siteInfo
    {
        padding: 20px;        
    }
}

@media ( max-width: 750px ) 
{
    /*.flexAd
    {
        width:468px;
        max-height:60px;        
    }*/
}

@media ( max-width: 480px ) 
{
    /*.flexAd
    {
        width:300px;
        max-height:250px;        
    }*/

    #ytplayer
    {
        width:320px;
        height:180px
    }
}

#twitter-widget-0,#twitter-widget-1,#twitter-widget-2
{
    vertical-align:bottom;
}

ul, ol {
    padding-left: 20px;
}

li {
    padding-top:5px;
}

.earnMoreItem
{
    display:inline-block;
    margin: 0px;
    width: 202px;    
    height: 202px;
    padding: 0px;
    border: 1px solid #FFF;
    color: White;
    vertical-align:top;
    font-size:0.95em;
    cursor:pointer
}

.earnMoreItem:hover
{
    background-color: #C4151C!important;
    border-color: #C4151C;
    cursor:pointer;
    color: white;
}