/*---------------------------------------------------------------------------------

 * Name:  Custom Css
 * Developer: ***
 * Company: ***

-----------------------------------------------------------------------------------

    0.  CSS Reset
    1.  Document Setup
    2.  Header , Footer
    3.  overlay
    4.  Button
    5.  Nav-Side
    6.  RWD


----------------------------------------------------------------------------------- */


/*---------------------------------------------------------------------------------
    0.  CSS Reset
----------------------------------------------------------------------------------- */


/*---------------------------------------------------------------------------------
    1.  Document Setup
----------------------------------------------------------------------------------- */

html,
body,
section {
    background: #4A4A4A;
}

img {
    width: 100%;
}

section {
    padding-bottom: 30px;
}


.tm-article {
    background: #333333;
}

.tm-article+.tm-article {
    margin-top: 20px;
}
.tm-text-pink{
    color: #FF0068;
}


/*---------------------------------------------------------------------------------
    2.  Header , Footer
----------------------------------------------------------------------------------- */

.tm-header .tm-navbar {
    background: #333333;
    height: 60px;
}

.tm-header .tm-navbar .uk-navbar-toggle {
    color: #ffffff;
}

.tm-footer {
    background: #333333;
}

.tm-footer-bottom {
    background: #222222;
}

.tm-bottom-nav-bar {
    position: fixed;
    bottom: 0;
    z-index: 999;
    width: 100%;
}


/*---------------------------------------------------------------------------------
    3.  overlay
----------------------------------------------------------------------------------- */

.tm-overlay {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+50,000000+51,000000+100&0+0,1+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 90%, rgba(0, 0, 0, 0.51) 91%, rgba(0, 0, 0, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 90%, rgba(0, 0, 0, 0.51) 91%, rgba(0, 0, 0, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 90%, rgba(0, 0, 0, 0.51) 91%, rgba(0, 0, 0, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0);
    /* IE6-9 */
}




/*---------------------------------------------------------------------------------
    3.  button
----------------------------------------------------------------------------------- */

.tm-button {
    color: #ffffff;
}

.tm-button:hover {
    color: #ffffff;
    opacity: 0.7;
    text-decoration: none;
}

.tm-button-pink {
    background: #FF0068;
}

.tm-button-gray {
    background: #9B9B9B;
}