.block2 {
    width: 650px;
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    padding: 5px;
    border: 1px solid red;
}

.block3 {
    width: 665px;
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    padding: 5px;
    border: 1px solid red;
    margin: auto;
}

.red {
    font-size: 26px;
    padding: 10px 0 0;
    color: rgb(244, 11, 11);
}

.black {
    font-size: 18px;
    padding: 10px 0 0;
    color: rgb(0, 0, 0);
}

.black2 {
    font-size: 22px;
    padding: 10px 0 0;
    color: rgb(0, 0, 0);
}

.white {
    font-size: 16px;
    padding: 10px 0 0;
    color: rgb(254, 254, 254);
}

/* ::::: http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300 ::::: */

@font-face {
    font-family: "Open Sans Condensed";
    font-style: normal;
    font-weight: 300;
    src: local("Open Sans Cond Light"), local("OpenSans-CondensedLight"), url('../font/gk5fxslnktthtojxrkp-xbeur64qvld-0ibiadtunxe.woff2') format("woff2");
}

.countdownHolder {
    width: 166px;
    font: 20px/1.5 "Open Sans Condensed", sans-serif;
    text-align: center;
    letter-spacing: -3px;
}

.position {
    display: inline-block;
    height: 1.6em;
    overflow: hidden;
    position: relative;
    width: 1.05em;
}

.digit {
    position: absolute;
    display: block;
    width: 1em;
    background-color: rgb(68, 68, 68);
    border-radius: 0.2em;
    text-align: center;
    color: rgb(255, 255, 255);
    letter-spacing: -1px;
}

.digit.static {
    box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.35);
    background-image: -moz-linear-gradient(center bottom, rgb(58, 58, 58) 50%, rgb(68, 68, 68) 50%);
}

.countDays {
    display: none;
}

.countDiv0 {}

.countHours {}

.countDiv1 {}

.countMinutes {}

.countDiv2 {}

.countSeconds {}

.countDiv {
    display: inline-block;
    width: 16px;
    height: 1.6em;
    position: relative;
}

.countDiv0 {
    display: none;
}

.countDiv::before,
.countDiv::after {
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: rgb(68, 68, 68);
    border-radius: 50%;
    left: 50%;
    margin-left: -3px;
    top: 0.5em;
    box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.5);
    content: "";
}

.countDiv::after {
    top: 0.9em;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0 none;
    outline: 0 none;
    font-size: 100%;
    vertical-align: top;
    background: transparent none repeat scroll 0 0;
}

body {
    line-height: 1;
}

img,
table {
    max-width: 100%;
}

a {
    color: rgb(18, 35, 204);
}

a:hover {
    text-decoration: none;
}

body {
    background: transparent url('confectionary.png') repeat scroll 0 0;
    font-family: "Roboto", sans-serif;
}

.container {
    width: 990px;
    position: relative;
    margin: 0 auto;
}

.header {
    position: relative;
    padding-top: 12px;
    margin-bottom: 20px
}

.header .logo {
    display: block;
    box-shadow: 0 0 10px rgb(193, 193, 193);
}

.header .date-now {
    position: absolute;
    right: 38px;
    top: 5px;
    font-weight: bold;
    font-size: 15px;
}

.content {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    border-radius: 10px;
    margin: 0 0 15px;
    overflow: hidden;
    padding: 20px;
    box-shadow: 0 0 10px rgb(230, 230, 230);
}

.sidebar {
    float: right;
    font-size: 14px;
    line-height: 1.2;
    position: relative;
    top: -95px;
}

.itemfirst {
    width: 249px;
    padding: 12px;
    background: rgb(241, 241, 241) none repeat scroll 0 0;
    border: 1px solid rgb(225, 225, 225);
    float: left;
}

.sidebar .author {
    overflow: hidden;
    padding: 0 0 15px;
}

.sidebar .author h3 {
    margin: 0;
    text-decoration: underline;
}

.sidebar .author img {
    float: right;
}

.sidebar .author ul {
    position: relative;
    top: 21px;
    margin: 0;
    font-weight: bold;
    padding: 0 0 0 15px;
    overflow: hidden;
}

.text {
    width: 655px;
    float: left;
    font-size: 15px;
    line-height: 1.2;
    text-align: justify;
    padding: 0 15px 0 0;
}

.content h1 {
    font-size: 28px;
    width: 655px;
    margin: 0 0 25px;
    text-align: left;
}

.content h3 {
    font-size: 17px;
    margin: 15px 0 10px;
}

.content p {
    margin: 0 0 15px;
    font-weight: 400;
}

.content img {
    margin: 10px 0;
}

.content .red {
    font-size: 20px;
    padding: 10px 0 0;
    color: rgb(244, 11, 11);
}

.content .red2 {
    font-size: 16px;
    padding: 10px 0 0;
    color: rgb(244, 11, 11);
}

.content .black {
    font-size: 14px;
    padding: 10px 0 0;
    color: rgb(1, 1, 1);
}

.content .blue {
    font-size: 15px;
    padding: 10px 0 0;
    color: rgb(82, 5, 239);
}

#comments {}

#comments h1 {
    color: rgb(204, 0, 0);
    margin: 40px 0 5px;
}

.comment {
    padding: 15px 0;
    border-top: 1px solid rgb(232, 232, 232);
}

.comment .text1 {
    font-size: 14px;
    font-weight: bold;
}

.comment .text2 {
    font-size: 12px;
    float: right;
    color: rgb(136, 136, 136);
}

.comment .text3 {
    font-size: 13px;
    padding: 10px 0 0;
}

.footer {
    margin: 0 0 25px;
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    border-radius: 10px;
    padding: 15px;
    font-size: 12px;
    color: rgb(119, 119, 119);
}

.yvedw {}

.yved {
    position: fixed;
    right: 20px;
    top: 40px;
    width: 300px;
    vertical-align: middle;
    height: 140px;
    color: white;
    padding: 15px;
    font-size: 15px;
    line-height: 90px;
    border-radius: 10px;
    display: none;
}

.yvedi {
    float: left;
    width: 50px ! important;
    margin-right: 10px;
    margin-top: 20px;
}

.yvedt {
    width: 210px;
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
}

.yvedf1 {
    background-color: rgb(54, 54, 54);
}

.yvedvt {
    float: left;
    height: 90px;
    line-height: 90px;
    display: inline-block;
    vertical-align: middle;
}

.head_480 {
    display: none;
}

.comment:after {
    display: block;
    clear: both;
    content: " ";
}

p {
    text-align: justify;
}

.some_link img {
    margin-top: 35px;
    float: none;
}

@media screen and (max-width: 1000px) {
    .container {
        width: 100%;
        max-width: 90%;
    }
    .content h1,
    .text {
        width: 100%;
        float: none;
    }
    .sidebar {
        display: none;
    }
    .date-now {
        display: none;
    }
    .yvedw {
        display: none;
    }
    .block2 {
        max-width: 100%;
    }
    .btn {
        display: block;
        margin: 0 auto;
        text-align: center;
    }
}

@media screen and (max-width: 700px) {
    .some_link img {
        display: block;
        margin: 0 auto;
        float: none !important;
    }
    .db_480 {
        display: block;
        float: none !important;
        margin: 0 auto !important;
    }
    .img1 {
        float: none !important;
        padding: 0 !important;
        display: block;
        margin: 10px auto 0 !important
    }
}

@media screen and (max-width: 500px) {
    .header .logo {
        display: none;
    }
    .head_480 {
        display: block;
        margin: 0 auto;
        background: cadetblue;
        color: #ffffff;
        text-shadow: 1px 1px #000;
        text-align: center;
        padding: 25px 0;
        font-size: 25px;
        text-transform: uppercase;
    }
    .head_480 p,
    h1 span {
        text-align: center;
    }
    .content h1 {
        text-align: center;
    }
    h3,
    .title {
        font-size: 20px !important;
        text-align: left !important;
        ;
    }
}