/* fonts */
@font-face {
    font-family: 'Open Sans Condensed';
    src: url('./fonts/opensans-condlight-webfont.eot');
    src: url('./fonts/opensans-condlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/opensans-condlight-webfont.woff') format('woff'),
         url('./fonts/opensans-condlight-webfont.ttf') format('truetype'),
         url('./fonts/opensans-condlight-webfont.svg#open_sans_condensed_lightRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* backgrounds */

.background-darkdenim3 { background: url(../images/bg-darkdenim3.png) repeat 50% 0% #000; }


/* common */
* { outline: none; }
body { margin: 0; padding: 49px 0 0 0; text-align: center; }
img { border: 0; }
.logo { display: inline-block; margin-bottom: 25px; font-size: 0; float:left; margin-left:30px; }
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; }
.clearfix:after { clear: both; }

/* circles */
.circles { display: block; width: 800px; height: 152px; margin: 0 auto 99px auto; }
.circle { display: block; float: left; margin: 0 24px; position: relative; width: 152px; height: 152px; background: url(../images/circle.png) 0 0 no-repeat; }
.circle .count { display: block; width: 152px; height: 103px; padding-top: 49px; }
.circle.counter-days .count { background: url(../images/days.png) center center no-repeat; }
.circle.counter-hours .count { background: url(../images/hours.png) center center no-repeat; }
.circle.counter-minutes .count { background: url(../images/minutes.png) center center no-repeat; }
.circle.counter-seconds .count { background: url(../images/seconds.png) center center no-repeat; }
.circle .wrap-left { display: block; position: absolute; width: 76px; height: 152px; overflow: hidden; }
.circle .wrap-right { display: block; position: absolute; left: 76px; width: 76px; height: 152px; overflow: hidden; }
.circle .left { display: block; position: absolute; width: 152px; height: 152px; background-position: 3px 3px; background-repeat: no-repeat; }
.circle .right { display: block; position: absolute; left: -76px; width: 152px; height: 152px; background-position: 3px 3px; background-repeat: no-repeat; }
.circle.orange .left, .circle.orange .right { background-image: url(../images/circle-orange.png); }
.circle.green .left, .circle.green .right { background-image: url(../images/circle-green.png); }
.circle.red .left, .circle.red .right { background-image: url(../images/circle-red.png); }
.circle.blue .left, .circle.blue .right { background-image: url(../images/circle-blue.png); }
.circle .left, .circle .right {
    -webkit-transition: all 1s linear;
       -moz-transition: all 1s linear;
        -ms-transition: all 1s linear;
         -o-transition: all 1s linear;
            transition: all 1s linear;
}

/* numbers */
.number { width: 20px; height: 32px; display: inline-block; font-size: 0; background-position: center center; background-repeat: no-repeat; }
.n1 { background-image: url(../images/1.png); }
.n2 { background-image: url(../images/2.png); }
.n3 { background-image: url(../images/3.png); }
.n4 { background-image: url(../images/4.png); }
.n5 { background-image: url(../images/5.png); }
.n6 { background-image: url(../images/6.png); }
.n7 { background-image: url(../images/7.png); }
.n8 { background-image: url(../images/8.png); }
.n9 { background-image: url(../images/9.png); }
.n0 { background-image: url(../images/0.png); }




.con{ width: 100%;
height: 100px;
margin-bottom: 25px; margin-top:250px;}

.con-1{ width: 54%;
height: 100px;

margin-bottom: 25px;
margin: 0 auto;}

.pare{ font-size: 50px;
font-family: 'Open Sans Condensed';
text-align: cener;
color: #fff;
font-weight: bold;
line-height: 0px;
text-outline: #00FF00;
}

.pare-1{ font-size: 22px;
font-family: 'Open Sans Condensed';
color: #fff;
font-weight: bold;
line-height: 24px; }


.con-1{ width: 100%;
height: auto;
margin-bottom: 25px; margin-top:50px;}

.con-2{ width: 54%;
height: auto;

margin-bottom: 25px;
margin: 0 auto;}

.pare-1{ font-size: 19px;
    font-family: sans-serif;
    color: #fff;
    font-weight: 500;
    line-height: 30px; }

.pare-1 a{ text-decoration:none; font-size: 22px;
font-family: 'Open Sans Condensed';
color:  #fff !important;
font-weight: bold;
line-height: 24px; }

.pare-1 a:hover{ text-decoration: underline; font-size: 22px;
font-family: 'Open Sans Condensed';
color: #fff !important;
font-weight: bold;
line-height: 24px; }


 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 820px) {
    footer .wrap { width: 768px; }
    footer .wrap .column { width: 242px; }
    footer .column .flickr { margin-bottom: -5px; }
    footer .column .flickr > li { margin-left: 5px; margin-bottom: 5px; }
    .circles { width: 760px; }
    .circles .circle:first-child { margin-left: 4px; }
    .circles .circle:last-child { margin-right: 4px; }
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    footer .wrap { width: 480px; }
    footer .wrap .column { width: auto; float: none; margin-left: 0; margin-bottom: 11px; }
    footer .column .flickr > li { margin-left: 0; margin-right: 10px; }
    .circles { width: 400px; height: 352px; }
    .circle { margin: 0 24px 48px 24px; }
    .social .text { display: block; margin: 0 auto 1px auto; }
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
    footer .wrap { width: 316px; }
    .circles { width: 316px; height: 312px; }
    .circle { margin: 0 2px 8px 2px; }
}