html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
    vertical-align: baseline;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    background: white;
    line-height: 1;
    color: black;
}
ol, ul {
    list-style: none;
}
/* tables still need cellspacing="0" in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}






/* BODY */
body {
    font: normal normal 10px/14px 'Roboto', sans-serif;
    color: #fff;
    background:url(../media/404/bg.jpg);
}


/* P */
p { color:#fff; margin-bottom:10px; font: normal normal 1.4em/1.1em 'Roboto', sans-serif;}

/* H1 - H6 */
h1, h2, h3, h4, h5 {
    color: #fff;
    font-weight:400;
    font-style:normal;
    text-align:left;
    margin:0;
    line-height:normal;
    margin-bottom:10px;
}

h1 { font-size:3em; text-align:center; font-weight:400;}
h2 { font-size:3em; text-align:center; font-weight:300;}
h3 { font-size:2.2em;}
h4 { font-size:1.8em;}
h5 { font-size:1.7em;}

img {display: block; min-width: 100%; max-width: 100%; height: auto;
    width: auto\9; /* IE8 only */
}

.clear {clear:both; line-height:0px; height:0px; overflow:hidden; font-size:0px;}

a:link {color:#fff; text-decoration:underline;}
a:visited {color:#fff; text-decoration:underline;}
a:hover, a:active {color:#1faff4; text-decoration:none;}





.page-wrapper { width:100%;}

.top-bar { width:100%; height:75px; position:relative; background:#000; border-bottom:8px solid #1faff4;}
.logo { width:322px; height:53px; left:5%; top:11px; position:absolute;}

.offer-area { position:relative; height:auto; width:100%;}
.picture { z-index:100; height:auto; width:100%;}
.pic-shadow { width:30%; position:absolute; left:0; top:0; height:100%;
    background: rgba(0,0,0,0.5);
    background: -moz-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 70%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.5)), color-stop(70%, rgba(0,0,0,0.5)), color-stop(100%, rgba(0,0,0,0)));
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 70%, rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 70%, rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 70%, rgba(0,0,0,0) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 70%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}

.offer { background:url(../media/404/offer_bg.png) no-repeat center bottom; width:344px; height:320px; position:absolute; top:0; left:5%; z-index:300;}
.offer-txt-1 { position:absolute; left:0; top:0; width:100%; height:auto; margin:0; padding:10px 0; color:#fff; font-size:60px; line-height:60px; font-weight:700; text-align:center; display:block;
    font-family: 'Oswald', sans-serif;
    background: rgba(31,175,244,1);
    background: -moz-linear-gradient(top, rgba(31,175,244,1) 0%, rgba(13,134,192,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(31,175,244,1)), color-stop(100%, rgba(13,134,192,1)));
    background: -webkit-linear-gradient(top, rgba(31,175,244,1) 0%, rgba(13,134,192,1) 100%);
    background: -o-linear-gradient(top, rgba(31,175,244,1) 0%, rgba(13,134,192,1) 100%);
    background: -ms-linear-gradient(top, rgba(31,175,244,1) 0%, rgba(13,134,192,1) 100%);
    background: linear-gradient(to bottom, rgba(31,175,244,1) 0%, rgba(13,134,192,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1faff4', endColorstr='#0d86c0', GradientType=0 );
}
.offer-txt2, .offer-txt3, .offer-txt4 { position:absolute; color:#1faff4; font-family: 'Oswald', sans-serif;}
.offer-txt2 { font-weight:700; top:100px; left:55px; font-size:160px; line-height:150px;}
.offer-txt3 { font-weight:700; top:100px; left:220px; font-size:80px; line-height:80px;}
.offer-txt4 { font-weight:400; top:190px; left:220px; font-size:50px; line-height:48px;}

.offer-price { position:absolute;  width:344px; height:auto; top:320px; left:5%;}
.price { border:2px solid #1faff4; background:rgba(0,0,0,0.5); padding:10px; position:relative;}
.offer-price h2 { font-size:38px; margin-bottom:10px; font-weight:300; text-shadow:3px 3px 0 rgba(0,0,0,0.4);}
.offer-price h2 b { font-weight:700;}
.price, .price p {font-family: 'Oswald', sans-serif;}
.price p.pr-num { font-size:140px; color:#1faff4; line-height:140px; font-weight:700; text-align:center;}
.price p.pr-num sup { font-size:80px; vertical-align: super;}
.price p.month { color:#fff; position:absolute; right:20px; bottom:26px; font-size:30px; margin:0; text-transform:uppercase;}

.reg-price { position:absolute;  width:344px; height:auto; top:600px; left:5%;}
.old-price-cross { position:absolute; right:30px; top:-20px; width:173px; height:128px; background:url(../media/404/cross.png); z-index:400;}
.reg-price p { z-index:300; text-shadow:2px 2px 0 rgba(0,0,0,0.4);}
.reg-price-title { text-transform:uppercase; color:#fff; font-size:20px; font-weight:300; position:absolute; left:0px; top:10px;}
.reg-price p.pr-num { font-size:58px; font-weight:700; color:#1faff4; position:absolute; right:40px; top:0;  font-family: 'Oswald', sans-serif;}
.reg-price p.pr-num sup { font-size:30px; vertical-align: super;}
.reg-price p.month { font-size:16px; font-weight:300; color:#fff; position:absolute; right:40px; top:40px;  font-family: 'Oswald', sans-serif;}



.bottom-bar { height:90px; width:100%; background:#000; position:relative; }
a.get-offer-btn { display:block; position:absolute; left:50%; top:50%; width:580px; height:140px; margin-left:-290px; margin-top:-70px;
    color:#fff; font-weight:400; text-align: center; text-decoration:none;  text-shadow:3px 3px 0 rgba(0,0,0,0.2); font-size:60px; line-height:140px;
    background: rgba(31,175,244,1);
    background: -moz-linear-gradient(top, rgba(31,175,244,1) 0%, rgba(13,134,192,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(31,175,244,1)), color-stop(100%, rgba(13,134,192,1)));
    background: -webkit-linear-gradient(top, rgba(31,175,244,1) 0%, rgba(13,134,192,1) 100%);
    background: -o-linear-gradient(top, rgba(31,175,244,1) 0%, rgba(13,134,192,1) 100%);
    background: -ms-linear-gradient(top, rgba(31,175,244,1) 0%, rgba(13,134,192,1) 100%);
    background: linear-gradient(to bottom, rgba(31,175,244,1) 0%, rgba(13,134,192,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1faff4', endColorstr='#0d86c0', GradientType=0 );

    -webkit-box-shadow: inset -4px -4px 0px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: inset -4px -4px 0px 0px rgba(0,0,0,0.2);
    box-shadow: inset -4px -4px 0px 0px rgba(0,0,0,0.2);

}

a:hover.get-offer-btn {text-shadow:3px 3px 0 #3dcfff;
    background: rgba(74,193,250,1);
    background: -moz-linear-gradient(top, rgba(74,193,250,1) 0%, rgba(32,178,247,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(74,193,250,1)), color-stop(100%, rgba(32,178,247,1)));
    background: -webkit-linear-gradient(top, rgba(74,193,250,1) 0%, rgba(32,178,247,1) 100%);
    background: -o-linear-gradient(top, rgba(74,193,250,1) 0%, rgba(32,178,247,1) 100%);
    background: -ms-linear-gradient(top, rgba(74,193,250,1) 0%, rgba(32,178,247,1) 100%);
    background: linear-gradient(to bottom, rgba(74,193,250,1) 0%, rgba(32,178,247,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ac1fa', endColorstr='#20b2f7', GradientType=0 );
}

a.try-offer-btn { display:block; position:absolute; left:50%; margin-left:320px; height:70px; top:10px; width:auto; font-size:26px; text-decoration:none; color:#1faff4; font-weight:400; line-height:70px; padding:0 20px; box-sizing:border-box; border:1px solid #000;}
a.try-offer-btn span { text-decoration:underline; font-weight:300; color:#fff;}

a:hover.try-offer-btn { border-color:rgba(255,255,255,0.2);}
a:hover.try-offer-btn, a:hover.try-offer-btn span {text-decoration:none; color:#1faff4;}



/*counter styles*/
.counter-block { height:38px; width:auto; position:absolute; top:50%; margin-top:-19px; right:50%; margin-right:320px; z-index:900;}
.counter-wrapper { position:relative; width:197px; height:38px; float:left; }
.dash { position:absolute; width:60px; height:38px; overflow:hidden; top:0px;}
.digit { width:26px; height:38px; overflow:hidden; float:left; margin:0 2px; background:url(../media/404/counter_bg.png) repeat-x left top;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;

}
.time-txt {height:38px; overflow:hidden; font-weight:400; color:#fff; font-size:16px; line-height:38px; float:left; margin-right:10px; width:auto; text-transform:uppercase;}
.hours_dash { left:0px;}
.minutes_dash { left:70px;}
.seconds_dash { left:140px;}
.lc-1, .lc-2 { width:10px; height:38px; left:60px; top:0; position:absolute; background:url(../media/404/counter_dot.png) no-repeat center center;}
.lc-2 { left:130px;}

.digit>div { text-align:center; font-size:30px; font-weight:700; color:#2a2929; line-height:38px;}




/******* 00 - 479 *************/
@media all and (max-width: 479px) {
    html, body, .page-wrapper { height:100%;}
    body { background:url(../media/404/bgpicture2.jpg) no-repeat center center; background-size:auto 100%;}
    .picture { display:none;}
    .page-wrapper { width:100%; position:relative;}
    .top-bar { position:absolute; left:0; top:0; width:50%; height:auto; padding:10px 0; border:none; background:rgba(0,0,0,0.6);z-index:900;}
    .bottom-bar { position:absolute; left:0; bottom:0;}
    .logo { width:90%; position:static; margin:0 auto; height:auto; }


    .offer-area { width:100%; height:100%; position:absolute;}
    .offer { width:40%; height:20%; min-height:140px; top:10%; left:20px;}
    .offer-txt-1 { padding:5px 0 5px 0; font-size:22px; line-height:22px;}
    .offer-txt2 { top:38px; left:13%; font-size:60px; line-height:60px;}
    .offer-txt3 { top:45px; left:61%; font-size:30px; line-height:30px;}
    .offer-txt4 { top:77px; left:61%; font-size:20px; line-height:20px;}

    .offer-price { width:40%; height:auto; top:35%; left:20px; z-index:800;}
    .price { padding:5px 0; max-width:110px; margin:0 auto;}
    .offer-price h2 { font-size:14px; margin-bottom:5px; font-weight:400;}
    .price p.pr-num { font-size:36px; line-height:36px;}
    .price p.pr-num sup { font-size:20px; }
    .price p.month {  right:3px; bottom:12px; font-size:11px;}

    .reg-price {width:140px; height:auto; top:55%; left:20px;}
    .old-price-cross {right:0px; top:6px; width:70px; height:50px; background:url(../media/404/cross.png) no-repeat center center; z-index:400;}
    .reg-price-title { left:0px; top:12px; width:200px; font-size:14px; font-weight:400; width:65px; text-align:right;}
    .reg-price p.pr-num { font-size:26px; right:00px; top:8px;}
    .reg-price p.pr-num sup { font-size:16px;}
    .reg-price p.month { font-size:11px; right:-10px; top:26px;}


    .bottom-bar { height:auto; padding:5px 0; background:rgba(0,0,0,0.7)}
    a.get-offer-btn { position:static; width:90%; margin:0 auto; margin-bottom:5px;  height:50px; font-size:20px; line-height:50px; padding:0;}
    a.try-offer-btn { position:static; width:90%; margin:0 auto; height:30px; font-size:14px; line-height:30px; text-align:center; padding:0; background:#000;}
    .time-txt {height:38px; overflow:hidden;  font-size:13px; line-height:18px;  font-weight:400; text-align:right; float:none; display:inline-block; width:85px;}
    .counter-block { position:static; margin:0; margin-bottom:10px; width:96%; text-align:center;}


    .counter-wrapper { display:inline-block; position:relative; width:173px; height:38px; float:none; }
    .dash { position:absolute; width:60px; height:38px; overflow:hidden; top:0px;}
    .digit { width:20px; height:38px; margin:0 2px; background:url(../media/404/counter_bg.png) repeat-x left top; background-size: auto 100%;}
    .hours_dash { left:0px;}
    .minutes_dash { left:58px;}
    .seconds_dash { left:116px;}
    .lc-1, .lc-2 { width:10px; height:38px; left:48px; top:0; position:absolute; background:url(../media/404/counter_dot.png) no-repeat center center;}
    .lc-2 { left:106px;}

    .digit>div { text-align:center; font-size:20px; font-weight:700; color:#2a2929; line-height:38px;}


}

/******* 480 - 639 **********/
@media all and (min-width: 480px) and (max-width: 639px) {
    html, body, .page-wrapper { height:100%;}
    body { background:url(../media/404/bgpicture2.jpg) no-repeat center center; background-size:auto 100%;}
    .picture { display:none;}
    .page-wrapper { width:100%; position:relative;}
    .top-bar { position:absolute; left:0; top:0; width:50%; height:auto; padding:10px 0; border:none; background:rgba(0,0,0,0.6);z-index:900;}
    .bottom-bar { position:absolute; left:0; bottom:0;}
    .logo { width:90%; position:static; margin:0 auto; height:auto; }


    .offer-area { width:100%; height:100%; position:absolute;}
    .offer { width:40%; height:20%; min-height:160px; top:10%; left:20px;}
    .offer-txt-1 { padding:5px 0 5px 0; font-size:22px; line-height:22px;}
    .offer-txt2 { top:38px; left:20%; font-size:80px; line-height:80px;}
    .offer-txt3 { top:45px; left:61%; font-size:40px; line-height:40px;}
    .offer-txt4 { top:85px; left:61%; font-size:30px; line-height:30px;}

    .offer-price { width:40%; height:auto; top:35%; left:20px; z-index:800;}
    .price { padding:0px 0; max-width:160px; margin:0 auto;}
    .offer-price h2 { font-size:18px; margin-bottom:5px; font-weight:400;}
    .price p.pr-num { font-size:50px; line-height:50px;}
    .price p.pr-num sup { font-size:30px; }
    .price p.month {  right:20px; bottom:12px; font-size:12px;}

    .reg-price {width:170px; height:auto; top:66%; left:20px;}
    .old-price-cross {right:10px; top:6px; width:90px; height:60px; background:url(../media/404/cross.png) no-repeat center center; z-index:400;}
    .reg-price-title { left:0px; top:12px; width:200px; font-size:14px; font-weight:400; width:65px; text-align:right;}
    .reg-price p.pr-num { font-size:35px; right:10px; top:8px;}
    .reg-price p.pr-num sup { font-size:20px;}
    .reg-price p.month { font-size:14px; right:0px; top:36px;}


    .bottom-bar { height:auto; padding:5px 0; background:rgba(0,0,0,0.7)}
    a.get-offer-btn { position:static; width:90%; margin:0 auto; margin-bottom:5px;  height:50px; font-size:20px; line-height:50px; padding:0;}
    a.try-offer-btn { position:static; width:90%; margin:0 auto; height:30px; font-size:14px; line-height:30px; text-align:center; padding:0; background:#000;}
    .time-txt {height:38px; overflow:hidden;  font-size:16px; line-height:38px;  font-weight:400; text-align:right; float:none; display:inline-block; width:200px;}
    .counter-block { position:static; margin:0; margin-bottom:10px; width:90%; text-align:center;}


    .counter-wrapper { display:inline-block; position:relative; width:173px; height:38px; float:none; }
    .dash { position:absolute; width:60px; height:38px; overflow:hidden; top:0px;}
    .digit { width:20px; height:38px; margin:0 2px; background:url(../media/404/counter_bg.png) repeat-x left top; background-size: auto 100%;}
    .hours_dash { left:0px;}
    .minutes_dash { left:58px;}
    .seconds_dash { left:116px;}
    .lc-1, .lc-2 { width:10px; height:38px; left:48px; top:0; position:absolute; background:url(../media/404/counter_dot.png) no-repeat center center;}
    .lc-2 { left:106px;}

    .digit>div { text-align:center; font-size:20px; font-weight:700; color:#2a2929; line-height:38px;}

}

/******* 640 - 799 ***********/
@media all and (min-width: 640px) and (max-width: 799px) {


    .top-bar { width:100%; height:60px; position:relative; background:#000; border-bottom:8px solid #1faff4;}
    .logo { width:322px; height:53px; left:240px; top:2px;}

    .offer { width:140px; height:145px; top:-68px; left:35px;}
    .offer-txt-1 { padding:5px 0 5px 0; font-size:22px; line-height:22px;}
    .offer-txt2 { top:38px; left:20px; font-size:65px; line-height:65px;}
    .offer-txt3 { top:41px; left:85px; font-size:30px; line-height:30px;}
    .offer-txt4 { top:73px; left:85px; font-size:25px; line-height:25px;}

    .offer-price {width:170px; top:23%; left:20px; z-index:800;}
    .price { padding:5px 0;}
    .offer-price h2 { font-size:18px; margin-bottom:5px; font-weight:400;}
    .price p.pr-num { font-size:50px; line-height:50px;}
    .price p.pr-num sup { font-size:30px; }
    .price p.month {  right:20px; bottom:15px; font-size:14px;}

    .reg-price {width:170px; height:auto; top:66%; left:20px;}
    .old-price-cross {right:10px; top:6px; width:90px; height:60px; background:url(../media/404/cross.png) no-repeat center center; z-index:400;}
    .reg-price-title { left:0px; top:12px; width:200px; font-size:14px; font-weight:400; width:65px; text-align:right;}
    .reg-price p.pr-num { font-size:35px; right:10px; top:8px;}
    .reg-price p.pr-num sup { font-size:20px;}
    .reg-price p.month { font-size:14px; right:0px; top:36px;}


    .bottom-bar { height:80px;}
    a.get-offer-btn { width:180px; height:60px; margin-left:-100px; margin-top:-30px;
        font-size:20px; line-height:60px;}
    a.try-offer-btn { margin-left:90px; height:60px; line-height:60px; font-size:16px; padding:0 10px;}
    .time-txt {height:16px; overflow:hidden;  font-size:16px; line-height:14px;  font-weight:400; text-align:right; float:none; margin-bottom:4px;}
    .counter-block {margin-right:110px; top:8px; margin-top:0;}


    .counter-wrapper { position:relative; width:173px; height:38px; float:none; }
    .dash { position:absolute; width:60px; height:38px; overflow:hidden; top:0px;}
    .digit { width:20px; height:38px; margin:0 2px; background:url(../media/404/counter_bg.png) repeat-x left top; background-size: auto 100%;}
    .hours_dash { left:0px;}
    .minutes_dash { left:58px;}
    .seconds_dash { left:116px;}
    .lc-1, .lc-2 { width:10px; height:38px; left:48px; top:0; position:absolute; background:url(../media/404/counter_dot.png) no-repeat center center;}
    .lc-2 { left:106px;}

    .digit>div { text-align:center; font-size:20px; font-weight:700; color:#2a2929; line-height:38px;}
}

/******* 800 - 1023 ***********/
@media all and (min-width: 800px) and (max-width: 1023px) {

    .top-bar { width:100%; height:60px; position:relative; background:#000; border-bottom:8px solid #1faff4;}
    .logo { width:322px; height:53px; left:240px; top:2px;}

    .offer { width:170px; height:180px; top:-68px; left:20px;}
    .offer-txt-1 { padding:10px 0 10px 0; font-size:26px; line-height:30px;}
    .offer-txt2 { top:55px; left:25px; font-size:80px; line-height:80px;}
    .offer-txt3 { top:60px; left:105px; font-size:40px; line-height:40px;}
    .offer-txt4 { top:100px; left:105px; font-size:30px; line-height:30px;}

    .offer-price {width:170px; top:30%; left:20px;}
    .price { padding:5px 0;}
    .offer-price h2 { font-size:18px; margin-bottom:5px;}
    .price p.pr-num { font-size:50px; line-height:50px;}
    .price p.pr-num sup { font-size:30px; }
    .price p.month {  right:20px; bottom:15px; font-size:14px;}

    .reg-price {width:170px; height:auto; top:66%; left:20px;}
    .old-price-cross {right:0px; top:0px; width:100px; height:80px; background:url(../media/404/cross.png) no-repeat center center; z-index:400;}
    .reg-price-title { left:0px; top:12px; width:200px; font-size:14px; font-weight:400; width:65px; text-align:right;}
    .reg-price p.pr-num { font-size:35px; right:10px; top:8px;}
    .reg-price p.pr-num sup { font-size:20px;}
    .reg-price p.month { font-size:14px; right:0px; top:36px;}


    .bottom-bar { height:60px;}
    a.get-offer-btn { width:200px; height:80px; margin-left:-100px; margin-top:-40px;
        font-size:20px; line-height:80px;}
    a.try-offer-btn { margin-left:120px; height:40px; line-height:40px; font-size:18px;}
    .time-txt {height:38px; overflow:hidden;  font-size:11px; line-height:18px; width:70px; text-align:right; font-weight:400;}
    .counter-block {margin-right:120px;}





}

/******* 1024 - 1279 ********/
@media all and (min-width: 1024px) and (max-width: 1279px) {

    .top-bar { width:100%; height:60px; position:relative; background:#000; border-bottom:8px solid #1faff4;}
    .logo { width:322px; height:53px; left:50%; margin-left:-161px; top:2px;}

    .offer { width:260px; height:240px; top:-68px;}
    .offer-txt-1 { padding:5px 0 10px 0; font-size:40px; line-height:40px;}
    .offer-txt2 { top:65px; left:40px; font-size:120px; line-height:120px;}
    .offer-txt3 { top:75px; left:160px; font-size:60px; line-height:60px;}
    .offer-txt4 { top:140px; left:160px; font-size:40px; line-height:40px;}

    .offer-price {width:260px; top:38%;}
    .price { padding:5px 0;}
    .offer-price h2 { font-size:26px;}
    .price p.pr-num { font-size:70px; line-height:70px;}
    .price p.pr-num sup { font-size:40px; }
    .price p.month {  right:44px; bottom:17px; font-size:16px;}

    .reg-price {width:280px; height:auto; top:76%;}
    .old-price-cross {right:40px; top:0px; width:120px; height:80px; background:url(../media/404/cross.png) no-repeat center center; z-index:400;}
    .reg-price-title { left:15px; top:8px; width:100px; text-align:right;}
    .reg-price p.pr-num { font-size:45px; right:40px; top:0;}
    .reg-price p.pr-num sup { font-size:28px;}
    .reg-price p.month { font-size:16px; right:35px; top:36px;}


    .bottom-bar { height:70px;}
    a.get-offer-btn { width:360px; height:100px; margin-left:-180px; margin-top:-50px;
        font-size:40px; line-height:100px;}
    a.try-offer-btn { margin-left:200px; height:50px; line-height:50px; font-size:20px;}
    .time-txt {height:38px; overflow:hidden;  font-size:14px; line-height:18px; width:100px; text-align:right;}
    .counter-block {margin-right:200px;}


}

/******* 1280 - 1679 ********/
@media all and (min-width: 1280px) and (max-width: 1679px) {
    .offer { width:260px; height:240px;}
    .offer-txt-1 { padding:5px 0 10px 0; font-size:40px; line-height:40px;}
    .offer-txt2 { top:65px; left:40px; font-size:120px; line-height:120px;}
    .offer-txt3 { top:75px; left:160px; font-size:60px; line-height:60px;}
    .offer-txt4 { top:140px; left:160px; font-size:40px; line-height:40px;}

    .offer-price {width:260px; top:42%;}
    .price { padding:5px 0;}
    .offer-price h2 { font-size:26px;}
    .price p.pr-num { font-size:70px; line-height:70px;}
    .price p.pr-num sup { font-size:40px; }
    .price p.month {  right:44px; bottom:17px; font-size:16px;}

    .reg-price {width:280px; height:auto; top:75%;}
    .old-price-cross {right:10px; top:-20px;}
    .reg-price-title { left:15px; top:8px; width:100px; text-align:right;}
    .reg-price p.pr-num { font-size:45px; right:40px; top:0;}
    .reg-price p.pr-num sup { font-size:28px;}
    .reg-price p.month { font-size:16px; right:35px; top:36px;}


    .bottom-bar { height:70px;}
    a.get-offer-btn { width:400px; height:100px; margin-left:-200px; margin-top:-50px;
        font-size:40px; line-height:100px;}
    a.try-offer-btn { margin-left:220px; height:50px; line-height:50px;}

    .counter-block {margin-right:240px;}
}



/******* 1680 ->  ********/
@media all and (min-width: 1680px) {
}