body,.modal-content {
background:#EFEFEF url(../images/bg.jpg) repeat top left;
}

.content {
position:relative;
text-align:center;
padding-top:70px;
}

.counter {
display:inline-block;
}

br {
clear:both;
}

.cntSeparator {
font-size:54px;
margin:10px 7px;
}

.units {
margin:7px 3px;
}

.units ul li {
display:inline-block;
width:70px;
margin-right:65px;
font-size:13px;
font-weight:bold;
text-align:left;
}

.social-icons,.unsubscribesucess {
padding-top:75px;
}

.social-icons ul li {
display:inline-block;
width:30px;
text-align:left;
}

.social-icons ul li a {
color:#333;
text-decoration:none;
}

.btn {
background-color:#333;
border-color:#333;
}

.form-control:focus {
border:1px solid #ccc;
outline:0;
-webkit-box-shadow:inset 0 1px 1px rgba(85,85,85,0), 0 0 8px rgba(85,85,85,0);
-moz-box-shadow:inset 0 1px 1px rgba(85,85,85,0), 0 0 8px rgba(85,85,85,0);
box-shadow:inset 0 1px 1px rgba(85,85,85,0), 0 0 8px rgba(85,85,85,0);
}

.workprogress {
display:inline-block;
width:50%;
padding-top:50px;
}

.workprogress .progress {
height:50px;
background-color:#f0f0f0;
}

.workprogress .progress-bar {
background-color:#FF5A14;
color:#000;
font-size:13px;
font-weight:bold;
padding:15px 0;
}

.progressbar-front-text {
display:block;
}

.progressbar-back-text {
display:none;
}

.progress .progress-bar {
-webkit-transition:width 3s ease-in-out;
-moz-transition:width 3s ease-in-out;
-ms-transition:width 3s ease-in-out;
-o-transition:width 3s ease-in-out;
transition:width 3s ease-in-out;
}

#map-canvas {
width:100%;
height:400px;
}

.form-horizontal .form-group {
margin:15px 0;
}

.modal-header {
border:none;
padding:20px 20px 0;
}

#info .modal-body {
text-align:justify;
}

.service {
text-align:center;
padding-top:15px;
}

#subscribestatus .alert {
display:inline-block;
border:0;
margin:0;
color :#FF5A14;
font-weight:bold;
}

#subscribestatus .alert .close {
opacity:1;
top:0;
}

#subscribestatus {
position:absolute;
text-align:center;
width:100%
}

.admin {
position:relative;
text-align:center;
padding-top:10px;
}

.loginpanel {
padding-top:100px;
}

.login {
width:25%;
display:inline-block;
text-align:left;
padding-top:50px;
}

.logout {
padding:25px;
}

.logout p {
float:right;
font-weight:bold;
}

.subscriberls {
width:75%;
display:inline-block;
}

.subscriberls .header {
padding-bottom:30px;
}

.subscriberls p {
font-weight:bold;
padding-bottom:25px;
}

.subscriberls .empty {
padding-top:200px;
font-weight:bold;
color:#FF5A14;
}

.subscriberls .header img {
float:left;
}

.subscriberls .option {
text-align:left;
padding-top:10px;
padding-bottom:25px;
}

.subscriberls .pagination {
margin:0;
}

.pagination li a {
color:#000;
}

.pagination .active span:hover {
background-color:#FF5A14;
color:#000;
border-color:#FF5A14;
}

th {
text-align:center;
}

.content h1,i:hover,.modal h4,.service i,.logout a,.subscriberls .table a {
color:#FF5A14;
}

.subscribe,.modal-body,.unsubscribe {
padding-top:15px;
}

.subscribe input[type=text],input[type=email],.unsubscribe input[type=text],input[type=email] {
width:40%;
display:inline-block;
color:#000;
font-weight:bold;
}

.form-control:-moz-placeholder {
color:#000;
font-weight:bold;
}
.form-control::-moz-placeholder{
color:#000;
font-weight:bold;
}

.btn:hover,.btn:focus,.btn:active,.btn.active,.pagination .active span {
background-color:#FF5A14;
border-color:#FF5A14;
}

#map label,#map-canvas label {
width:auto!important;
display:inline!important;
}

#map img,#map-canvas img {
max-width:none!important;
}

.form-horizontal,.modal {
text-align:left;
}

.service h4,.service i:hover {
color:#333;
}
.subscriberls .subtable
{
clear:both;
}


textarea
{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    background: #fff;
    border: 2px solid #ccc;
    padding: 3%;
    color: #555;
    font: 95% Arial, Helvetica, sans-serif;
}

textarea:focus
{
    box-shadow: 0 0 5px #ff5a14;
    padding: 3%;
    border: 1px solid #ff5a14;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 10000;
}
#results{
    margin-right: 50px;
    margin-left: 50px;		
}
.mobile-friendly-banner {
    background: #faeceb none repeat scroll 0 0;
    border-color: #cb4437;
    border-style: solid;
    border-width: 0 0 0 6px;
    color: #cb4437;
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 18px;
    padding: 15px 20px 13px;
    position: relative;
    text-align: left;
}
.passed {
    background: #e6f5ee none repeat scroll 0 0;
    border-color: #0a9d58;
    color: #0a9d58;
}

.rule-result.failed .rule-title::before {
    color: #f00;
    content: "✕";
}
.rule-result .rule-title::before {
    font-size: 28px;
    margin-right: 10px;
    position: relative;
    top: -1px;
    vertical-align: middle;
}
.rule-result h4 {
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    opacity: 1;
    text-align: left;    
}

table {
    
    background: none repeat scroll 0 0 #FAFAFA;
    border-radius: 3px;
    box-shadow: 0 2px 0 #FFFFFF inset, 0 2px 4px rgba(52, 79, 90, 0.4);
    color: #777777;                    
    
    font: normal 14px helvetica, arial;
        
    margin:1% auto 0;
}


th, td {padding:8px; }

th {padding:10px; text-shadow: 1px 1px 1px #fff; background:#F0E7CC;}

td {border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0; vertical-align: middle;}

tr.odd-row td {background:#ECF3FB;}

td.first, th.first {text-align:left}

td.last {border-right:none;}

tr:hover td{
    background:#F4F7FC;
}


td {
    background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);
    background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));
}

tr.odd-row td {
    background: -moz-linear-gradient(100% 25% 90deg, #F9FBFF, #F4F7FC);
    background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#F9FBFF), to(#F4F7FC));
}

th {
    background: -moz-linear-gradient(100% 20% 90deg, #e8eaeb, #ededed);
    background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#ededed), to(#e8eaeb));
}


tr:first-child th.first {
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px; /* Saf3-4 */
}

tr:first-child th.last {
    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px; /* Saf3-4 */
}

tr:last-child td.first {
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-left-radius:5px; /* Saf3-4 */
}

tr:last-child td.last {
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-right-radius:5px; /* Saf3-4 */
}
@media screen and (max-width: 700px) { 
#seconds,#cnt_8,#cnt_9,#cnt_10 {
visibility:hidden;
display:none;
}
}
@media screen and (max-width: 600px) { 
#minutes,#cnt_5,#cnt_6,#cnt_7,#seconds,#cnt_8,#cnt_9,#cnt_10 {
visibility:hidden;
display:none;
}
}