/* ---------------------------------
3. MAIN SECTION
--------------------------------- */

.main-area-wrapper{ height: 100%; padding: 30px; }

.main-area{ position: relative; z-index: 1; height: 100%; padding: 0 20px; background-size: cover;
	box-shadow: 2px 5px 30px rgba(0,0,0,.3); color: #fff; }

.main-area:after{ content:''; position: absolute; top: 0; bottom: 0;left: 0; right: 0; z-index: -1;  
	opacity: .4; background: #000; }

.main-area .desc{ margin: 20px auto; max-width: 500px; }
	
.main-area .notify-btn{ margin: 20px 0 50px; padding: 13px 35px; border-radius: 50px; border: 2px solid #F84982;
	color: #fff; background: #F84982; }

.main-area .notify-btn:hover{ background: none; }


/* TIME COUNTDOWN */

#normal-countdown{ direction:ltr; text-align: center; font-family:IranSansFa !important; }

#normal-countdown .time-sec{ position: relative; display: inline-block; margin: 5px; height: 70px; width: 70px; 
	border-radius: 100px; background: #fff; color: #333; }

#normal-countdown .time-sec .main-time{ font-weight: 500; line-height: 50px; font-size: 1.6em; color: #F84982; }

#normal-countdown .time-sec span{ position: absolute; bottom: 7px; left: 50%; transform: translateX(-50%);
	font-size: .9em; font-weight: 600; }


/* SOCIAL BTN */

.main-area .social-btn{ position: absolute; bottom: 30px; width: 100%; left: 50%; transform: translateX(-50%); }


.main-area .social-btn .list-heading{ display: block; margin-bottom: 15px; }

.main-area .social-btn > li > a > i{ display: inline-block; height: 35px; width: 35px; line-height: 35px; border-radius: 40px;
	font-size: 1.04em; margin: 0 5px; }

.main-area .social-btn > li > a > i:hover{ background: #fff!important; }	
	
.main-area .social-btn > li > a > i[class*="facebook"]{ background: #2A61D6; }
.main-area .social-btn > li > a > i[class*="twitter"]{ background: #3AA4F8; }
.main-area .social-btn > li > a > i[class*="google"]{ background: #F43846; }
.main-area .social-btn > li > a > i[class*="instagram"]{ background: #8F614A; }
.main-area .social-btn > li > a > i[class*="pinterest"]{ background: #E1C013; }

/* Screens Resolution : 767px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
}

/* Screens Resolution : 479px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 479px) 
{

    /* TIME COUNTDOWN */

    #normal-countdown .time-sec 
    {
        height: 60px;
        width: 60px;
        margin: 5px;
    }

    #normal-countdown .time-sec .main-time 
    {
        line-height: 45px;
        font-size: 1.5em;
    }

    #normal-countdown .time-sec span 
    {
        font-size: .85em;
    }
}