/* Author: Kamrul Hasan */
/* Feel free to use the quickstart pack */
/* email: kamrulhasanshuvo@outlook.com */

/* core CSS */
html,
body { height: 100%;background:#060606;}
body {

}
a {
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #333;
	text-decoration:none;
	
}
a:hover { text-decoration: none }
a:focus { outline: 0 solid }
.text-center{text-align:center}
.float-left{float:left}
.float-left{float:right}
h1,h2,h3,h4,h5,h6{font-weight:700;}
.eclipes_vdo video{   border: medium none !important;
    margin: 0 auto !important;width:640px;height:300px}
.eclipes_vdo {
    
    margin-top: 15px;
    padding: 0;
    text-align: center;
}
.disclaimer a{color:#a9a9a9;text-decoration: underline}
.headersection {
     
    border-bottom: 2px solid #a9a9a9;
    
    color: white;
    margin-bottom: 10px;
    padding: 0;
    text-align: center;
}
.headerstarter {
    color: silver;
    font-family: calibri;
    font-size: 1.2em;
    font-style: italic;
    line-height: normal;
    padding-top: 15px;
    text-align: center;
}
.headerstarter span {
   color: #ff9;
    font-family: calibri;
    font-style: normal;
    font-weight: bold;
}
.header_title {
  color: #f0efa8;
    display: block;
    font-family: Georgia;
    font-size: 1.55em;
    text-align: center;
    text-shadow: -1px -1px 2px #000;  font-weight: normal;
    margin-top: -7px;
}
#clockdiv{
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 230, 168, 1) 1%, rgba(232, 217, 20, 1) 50%, rgba(252, 189, 0, 1) 51%, rgba(255, 244, 130, 1) 100%) repeat scroll 0 0;
    border: 3px solid #ff0;
    border-radius: 20px;
    box-shadow: 1px 1px 22px #bbff00;
    height: auto;
    margin: 14px auto;
    max-width: 200px;
    min-height: 30px;
    padding-top: 10px;
    text-align: center;
    width: 90%;
}

#clockdiv > div{
  
}

.badgsec {
    margin: 0 auto;
    width: 17%;
    padding-bottom: 63px;
}
.appbadge img {
    float: left;
    width: 53% !important;
}
.appleb img {
    height: auto;
    margin-top: 6px;
    width: 47% !important;
}
#clockdiv div > span{
       color: #333;
    font-family: calibri;
    font-size: 2.2em;
    line-height: 0.9em;
    text-align: center;
    text-shadow: -1px -1px 3px #fff;
  
}
#countbox1{
       color: #333;
    font-family: calibri;
    font-size: 2.2em;
    line-height: 0.9em;
    text-align: center;
    text-shadow: -1px -1px 3px #fff;
  
}
.smalltext{
     color: #333;
    font-family: calibri;
    text-align: center;
    text-shadow: -1px -1px 2px #fff;
   
}
.buyglass {
    margin-top: -6px;
}
.buyglass a{ 
    font-family: calibri;
    font-size: 1.2em;
    font-style: italic;
    line-height: normal;
    padding-top: 15px;
    text-align: center;color:#337ab7}
.buyglass a:hover{text-decoration: underline}
.disclaimer {
    color: #a9a9a9;
    font-size: 10px;
    margin-top: -5px;line-height: 1
}
.clockquote{  color: silver;
    font-family: calibri;
    font-size: 15px;
    font-style: italic;
    line-height: normal;
    margin-bottom: -6px;
    margin-top: 8px;
    text-align: center;}
.mainbody {
    background: #337ab7 none repeat scroll 0 0;
    border-radius: 6px;
    height: 82px;
    margin-top: 2px;
    padding: 10px;
    text-align: center;
}
.bodytitle {
   color: white;
    font-family: trebuchet ms;
    font-size: 31px;
    font-style: italic;
    font-weight: 700;    margin-top: 4px;
}
.bodypara {
   color: white;
    font-family: trebuchet ms!important;
    font-size: 14px;
    font-style: normal;
    margin-top: -2px;font-weight:700
}
.bodylogo {
    margin-top: 26px;
    width: 97%;
}
.aplink {
    background: #3598db none repeat scroll 0 0;
    border-radius: 20px;
    color: white !important;
    font-family: oswald;
    font-size: 19px;
    height: 44px;
    margin: 20px auto;
    width: 186px;  padding: 8px;
}
.aplink a{color:white}
.aplink a:hover{color:white;text-decoration: none}
.body_button{text-decoration: none} 
.body_button > a {
    color: white !important;
}
.footersection {
  
    color: white;
 
    text-align: center;
}
.copyright {
   color: #7c7c7c;
    font-family: helvetica;
    font-size: 14px;
    font-weight: normal;
}
.mobilehead{display:none}
.img-responsive.enter-button {
    margin: 22px auto 0;
    text-align: center;
}
#clockdivss{  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 230, 168, 1) 1%, rgba(232, 217, 20, 1) 50%, rgba(252, 189, 0, 1) 51%, rgba(255, 244, 130, 1) 100%) repeat scroll 0 0;
    border: 3px solid #ff0;
    border-radius: 20px;
    box-shadow: 1px 1px 22px #bbff00;
    height: auto;
    margin: 14px auto;
    max-width: 200px;
    min-height: 30px;
    padding-top: 10px;
    text-align: center;
    width: 90%;}
.mobilevideo{display:none}
.copyright > a {
    color: #7c7c7c;
}