@import url('https://fonts.googleapis.com/css?family=Roboto:300,400');

/************************************** Reset CSS **************************************************/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;outline:none;}
article, aside, figure, footer, header, nav, section, details, summary {display: block;}
img,object,embed {max-width: 100%;}
html {overflow-y: scroll;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}
pre {white-space: pre;white-space: pre-wrap;white-space: pre-line;word-wrap: break-word;}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
select, input, textarea {font: 99% sans-serif;}
table {font-size: inherit; font: 100%;}
small {font-size: 85%;}
strong {font-weight: bold;}
td, td img {vertical-align: top;} 
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
pre, code, kbd, samp {font-family: monospace, sans-serif;}
.clickable,label, input[type=button], input[type=submit], input[type=file], button {cursor: pointer;}
button, input, select, textarea {margin: 0;}
button,input[type=button] {width: auto; overflow: visible;}
.hide-text {overflow: hidden;text-indent: 100%;white-space: nowrap;text-decoration:none;}

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  


body{background:url(../images/bg.jpg) no-repeat center top fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; color:#000; display:block; font-family: 'Roboto', sans-serif; font-weight:400; line-height: 1;}

	a{text-decoration:none;}
/************************************** Buttons and Headers **************************************************/
h1 {color: #be0000; font-weight: 300; font-size: 45px; padding:0px; margin:20px 0px 0px 0px;}
h2 {font-size:25px; margin:0px;padding:0px; font-weight:300;}
h3 {font-size:22px;margin:0px;padding:0px;}
h4 {font-size:20px;margin:0px;padding:0px;}
h5 {font-size:18px;margin:5px 0px;padding:0px;}

/************************************** Global Styles && Forms **************************************************/
input[type="search"] {-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
input[type="search"]::-ms-clear {display: none;}

input {padding:7px; font-size:15px; margin:20px auto; font-family:Arial,Tahoma,Verdana;font-weight:normal;border:1px solid #999; width:40%; border-radius:5px;}

.Wrapper {background:#fff;  border:solid 7px #be0000; text-align:center; width:800px; padding:30px; margin:70px auto; border-radius:30px; box-shadow: 1px 1px 30px rgba(0,0,0, 0.7);}
.Wrapper .btn {background:#be0000; color:#fff; text-transform:uppercase; letter-spacing:1px; text-align:center; display:block; width:100px; margin:auto; padding:7px 20px; border-radius:10px; box-shadow: 1px 1px 5px rgba(0,0,0, 0.5);}
.Wrapper .btn:hover{background:#000;}

            .clock {
                margin:40px 0px 20px 0px;
                background: url(../images/shadow.png) no-repeat bottom;
                padding-bottom: 20px;
                position: relative;				
            }
            .clock-inner {
                background: url(../images/clock-bg.png) no-repeat;
                width: 350px;
                height: 93px;
                margin: 0px auto;
                padding: 5px 0px 0px 10px;
                position: relative;                
            }
            .clock-inner p {
                line-height: 20px;
                margin-bottom: 10px;
                color: #000;
                font-weight:400;
				font-size:12px;
            }
            .days {
                margin-left: 10px;
                margin-right: 40px;
            }

            .days, .hours, .minutes, .seconds {
                text-align: center;
                float: left;
                font-size: 18px;
                color: #be0000;
            }

            .hours, .minutes {
                margin-right: 26px;
            }

            .seconds {
                margin: 0px;
            }

            .d-bg {
                width: 54px;
                height: 49px;
                position: relative;
            }

            .h-bg, .m-bg, .s-bg {
                width: 54px;
                height: 49px;
                position: relative;
            }

            .second, .second1, .second2, .minute, .hour, .day {
                font-size: 20px;
                line-height: 35px;
                text-shadow: 0px 0px 1px;
                position: absolute;
                left: 0px;
                top: -80px;
                width: 54px;
            }

            .second1 {
                width: 26px;
                text-align: right;
            }

            .second2 {
                width: 14px;
                left: 26px;
                text-align: left;
            }

            .divider {
                position: absolute;
                z-index: 10;
                font-family: Georgia, "Times New Roman", Times, serif;
                left: 260px;
                top: 25px;
                font-size: 30px;
                font-weight: normal;
                line-height: 49px;
                text-shadow: 0px 0px 1px;
                color: #000;
            }
            .day {
                width: 78px;
            }
            .s-wrap, .m-wrap, .h-wrap, .d-wrap {
                overflow: hidden;
                width: 54px;
                height: 80px;
                position: relative;
            }
            .d-wrap, .day, .mask3 {
                width: 54px;
            }

			
@media (max-width: 767px) {

	.Wrapper {width:100%; padding:10px 0px; margin:30px auto;}
}
@media (max-width: 639px) {

	.Wrapper img{width:80%;}
}