/**
     * New-wind
     * Siteorg V2.0
     * Pacific
*/

/* -- FIXED FOOTER -- */
* { margin: 0;  padding: 0;}
.content {min-height: calc(100vh - 150px);}

.clear{clear:both;}

/* -- HELPERS -- */
.ml {margin-left:30px;}
.ml0 {margin-left:10px;}
.ml7 {margin-left:210px;}
.ml10 {margin-left:300px;}

.mr0 {margin-right:10px;}
.mr {margin-right:20px;}
.mr2 {margin-right:40px;}
.mr3 {margin-right:60px;}

.mt {margin-top:30px !important;}
.mt1 {margin-top:10px;}
.mt2 {margin-top:60px;}
.mt3 {margin-top:90px;}
.mt4 {margin-top:120px;}

.mb {margin-bottom:30px !important; }
.mb2 {margin-bottom:60px;}
.mb3 {margin-bottom:90px;}

.p10 {padding: 10%}

.content {margin-bottom:50px;}
.container {width:80%;}

.norm {font-size:1em;}
.xs {font-size:.9em;}
.xxs {font-size:.8em !important;}
.small {font-size:.7em;}
.m {font-size:1.2em;}
.l {font-size:1.5em;}
.xxl {font-size:3.2em;}

.wrapper {padding:0;}
.darkwrapper {background:#F5F5F5;}
.relative {position:relative;}
.bdtop {border-top:3px solid #7cb342;}
.bdbot {border-bottom:1px solid #7cb342;}
.alignjustify {text-align:justify;}
.loader {display: none;}
.errorinput {border:1px solid red !important;}
.desc-right-mob-left {float:right;}
.bold {font-weight:bold;}

.brand_green {color:#7cb342;}

h1 {text-transform:uppercase; color:#454545; font-size:1.55em; margin:0px 0 5px 0;}
h2 {color:#656565; font-size:1.25em; margin:10px 0 15px 0; padding:0 0 10px 0; border-bottom:1px solid #EAEAEA;}
h3 {color:#454545; font-size:1.20em; margin:10px 0 15px 0;}

.btn-custom {display:inline-block; padding:7px 7px;border: 1px solid #E2E2E2; background:#f5f5f5; color:#7cb342;}
.btn-custom i {vertical-align:middle;}
.btn-custom:hover {color:#454545;}

.btn-custom_green {display:inline-block; padding:7px 15px;border: 1px solid #7cb342; background:#FFF; color:#7cb342 !important;}
.btn-custom_green:hover {color:#454545;}

/* -- NAV -- */
nav {background:#FFFFFF;}
i.right {margin-left:0;}
nav .nav-wrapper i {font-size:1.3em;}
#lang_m {top:185px !important;}
.dropdown-content li>a, .dropdown-content li>span {font-size:.9em; color:#656565;}
.dropdown-content {width:150px !important; top:55px !important;}
.range {width:250px !important; top:177px !important;}
nav,nav .nav-wrapper, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {height:55px; line-height: 55px;}
nav .button-collapse {color:#7cb342;}
nav .brand-logo {font-size:1.75em; color:#7cb342; }
nav .brand-logo span {color:#454545;}
nav ul a {color:#454545;}
nav ul a.balance {color:#7cb342; font-size:.9em; border-bottom:0px dashed #7cb342; text-decoration:underline;}
nav ul a:hover {color:#7cb342; background:#F5F5F5;}
.loginfield {display:inline-block; width:110px;  max-height:55px; overflow:hidden;}
.regfield {display:inline-block;  width:170px;  max-height:55px; overflow:hidden;}
.regfield span {display:inline-block; max-width:80px;  max-height:55px; overflow:hidden; text-transform: capitalize;}


/* -- MENU -- */
.firstlinemenu {padding:14px 10px; background:#f5f5f5; color:#858585; font-size:.9em; margin:0px 0 0px 0; border-bottom: 1px solid #EEE; border-top: 1px solid #EEE;}
.firstlinemenu .row {margin-bottom:0;}
.firstlinemenu ul li {float:left; padding:7px 10px; margin:0 5px 0 0;}
.firstlinemenu ul li.active, .firstlinemenu ul li:hover {background:#7cb342;}
.firstlinemenu ul li a {color:#858585; font-weight:bold; font-size:1.1em;}
.firstlinemenu ul li.active a, .firstlinemenu ul li:hover a {color:#FFFFFF;}


.secondlinemenu {padding:14px 9px; color:#858585; font-size:.9em; margin:5px 0 0px 0; }
.secondlinemenu .row {margin-bottom:0;}
.secondlinemenu ul li {float:left; border:1px solid #EAEAEA; padding:10px 10px; margin:0 5px 0 0;}
.secondlinemenu ul li.active {border:1px solid #EAEAEA;}
.secondlinemenu ul li a {color:#858585; font-size:1em;}
.secondlinemenu ul li a i {vertical-align:middle;}
.secondlinemenu ul li.active a, .secondlinemenu ul li:hover a{ color:#7cb342;}

.adminbread {height:45px; padding:14px 10px;}
.adminbread, .adminbread a, .adminbread span {color:#FFFFFF;}



header .side-nav a {
    color: #5e6d72;
    height: 35px;
    line-height: 35px;
    font-weight: normal;
    padding: 0 30px;
    padding-left: 10px;
    font-size: 1rem;
    display: block;
}

.side-nav a {
    color: #444;
    display: block;
    font-size: 1rem;
    height: 64px;
    line-height: 64px;
    padding: 0 30px;
}


header .side-nav li.mobiletopline {
    height: 150px;
    background: url('https://siteorg.com/img/alldevice.png') no-repeat;
    background-size:100%;
    padding: 100px 0 0 10px;
}




/* -- BREADCRUMBS -- */
.breadcrumbs {color:#858585; font-size:.9em; display:inline-block; margin:0 0 0 0;}
.breadcrumbs a {color:#858585; font-size:.9em; text-decoration:underline;}
.breadcrumbs span {margin:0 10px;}



/* -- HOME -- */
.title {margin-top:100px; font-size:2.3em;}
.text {color:#454545; border:0; font-size:1.7em; text-align:center; margin:30px 0 0 0;}
.grouptitle {margin:20px 0 0 0; font-size:1.5em; text-align:center; border:0px; color:#FFFFFF;}
.bg_welcome {position:relative; height:50px; border-bottom:3px solid #7cb342; margin:0px auto; background:#F5F5F5;}


/* -- FORMS -- */
.control-group {margin:0 0 3px 0; position:relative;}
.control-group label {display:block; margin:12px 0 0px 0;}
.help-block strong {position:absolute; right:81px; width:350px; padding:10px 0; color:red; font-weight:lighter;}
.normform input[type="text"],.normform input[type="email"],.normform input[type="date"],.normform input[type="number"],.normform input[type="password"]  
{width:86%; height:45px; border:1px solid #CECECE; background:#FFF; padding:0px 5px 0 20px;}
.normform select {width:88%; height:46px; display:block; border:1px solid #CECECE; margin:0 0 8px 0; color:#656565; display:block;}
.normform textarea {width:88%; height:250px; border:1px solid #CECECE; padding:0px 10px; margin:0 0 8px 0;}
.normform textarea.short {height:200px;}
[type="checkbox"]:not(:checked), [type="checkbox"]:checked {position: relative; visibility:visible; left:0; margin:0 10px 5px 0; width:16px; height:16px; border-radius:0;}
.inputhelper {position:absolute; top:30px; left:10px; color:#7cb342; font-weight:bold;}
.normform input[type=text]:focus, 
.normform input[type=email]:focus, 
.normform input[type=date]:focus,
.normform input[type=number]:focus,
.normform input[type=password]:focus,
.normform select:focus
{box-shadow:1px 1px 2px #7cb342; border:1px solid #7cb342;}
[type="checkbox"]:checked+label:before {
    border-right: 2px solid #7cb342;
    border-bottom: 2px solid #7cb342;}
    


/* -- SUPPORT -- */
.supporttable {color:#454545; font-size:.95em; border-left:5px solid #EAEAEA;}
.supporttable td {padding:5px;}
table.staff {background:#dcedc8; border:1px solid #EAEAEA;}
.pamtitle {text-align:right; font-weight:bold; vertical-align:top; width:20%;}


/*RESULT*/
.infoblock {background:#FFF;
    border: 0px solid #EEEEEE;
    position:relative;
    border-radius:2px;
    padding-bottom:20px;
    font-size:.9em; color:#595959;
    margin-bottom:30px;}

.pb2 {padding-bottom:50px;}
.screenshot {width:85%;}
.infoblock img {padding:5px; border:1px solid #EAEAEA; opacity:.8;}
.infoblock .blockfooter {width:100%; padding:7px 10px; position:absolute; bottom:0px; border-top:1px solid #EEEEEE; background:#DFDFDF;}
.infoblock i {vertical-align:middle;}
.infoblock i.bottom {vertical-align:bottom;}
.infoblock .blockfooter a {color:#7cb342;}
.infoblock .col a {font-size:1.05em; color:#7081A3;}
.infoblock .col img { vertical-align:middle; border:0;}
.infoblock h3 {font-size:1.2em; margin:5px 0 10px 0px; padding:10px 0; text-transform:uppercase; border-bottom:1px solid #7cb342;}
.infoblock h3 img {width:28px; height:28px; vertical-align:middle; border:0;}
.infoblock h2 {font-size:1.5em; margin:5px 0 20px 0; border-bottom:1px solid #EAEAEA; color:#242424; line-height:29px;} 
.infoblock dt, .infoblock dd {display:inline-block; margin-bottom:5px;}
.infoblock dt {margin-right:10%; width:50%;}
.infoblock dd {font-weight:bold; width:35%; text-align:right; position:relative;}
.infoblock dd span {position:absolute; top:-4px; right:-40px; font-size:.7em;}
.infoblock ul li {margin-bottom:9px;}
.done {background:#7cb342; color:#FFFFFF; font-size:.9em; border-radius:50%; padding:2px;}
.fixheight {height:300px; overflow:scroll;}
.detailinfoblock {border:1px solid #EEEEEE; border-left:0; border-right:0; padding:10px 10px; color:#353535;}
dl.alexa dt {border:0px solid #EEEEEE; padding:3px; margin:0; width:42%; font-weight:bold;}
dl.alexa dd {border:1px solid #EEEEEE; padding:3px; float:right; background:#3992E9; color:#FFFFFF; width:30%; text-align:center; font-weight:bold;}


/* -- DOMAINTABLE -- */
table.bordered>thead>tr, table thead>tr  {border-bottom:0px solid #7cb342;}
.domaintable th {font-size:.87em; padding:4px 5px; background:#f5f5f5; color:#858585;}
.domaintable td {color:#656565; font-size:.85em; padding:10px 5px;}
.domaintable td strong {font-size:1.2em;}
.domaintable tr.attention td, .domaintable tr.attention td a {color:#7cb342;}
.domaintable td a {color:#656565; text-decoration:underline;}
.domaintable td a:hover {color:#454545;}
.domaintable td i {vertical-align:middle; font-size:1.35em;}
.domaintable td input {width:50px; display:inline-block;}
.subtitle {border-bottom:1px solid #7cb342;}
.domaintable td a.confirmsite { font-size:.9em; color:#454545; margin-right:10px;} 
.sitehost {position:absolute; width:160px; background:#FFFFFF; max-height:190px; overflow-y:scroll; padding:5px; box-shadow:2px 2px 2px #454545; border:1px solid #EAEAEA;}
.sitehost .btn-inside {width:80%; color:#FFF; border:0; box-shadow:0; padding:5px 10px; font-size:.9em;}
table.striped>tbody>tr:nth-child(odd) {background-color: #F9F9F9;}


/* -- PAGINATION -- */
.pagination {margin:35px 0 20px 0; padding:0;}
.pagination li {list-style:none; display:inline-block; margin-right:3px; padding:0;}
.pagination li a {display:inline-block; min-width:30px;  border:1px solid #BCC3B4; color:#979797; padding:0 5px; text-align:center;}
.pagination li.disabled {display:inline-block; min-width:30px;  border:1px solid #EAEAEA; color:#979797; padding:0 5px; text-align:center;}
.pagination li.active {background:#7cb342; display:inline-block; min-width:30px;  border:1px solid #7cb342; color:#FFF; padding:0 5px; text-align:center;}
.pagination li a:hover, .pagination li.disabled:hover {border:1px solid #CD4B4B; color:#CD4B4B;}


/* -- BLOG -- */
.thumb {width:180px; height:130px; margin:0 30px 10px 0;}
.post-anons {text-align:justify;}



/* -- FOOTER -- */
footer {padding:10px 0; border-top:1px solid #EAEAEA; margin-top:0px;}
footer .container {height:20px;}
footer a {color:#999; font-size:.9em;}
footer a.nw {display: inline-block;width: 30px;height: 10px;background: url('../img/nw.png') 0px 10px;margin-top: 7px;margin-right: 0;}




/* -- HELP -- */
.help-close {width:200px; height:45px; position:fixed; display:block; bottom:0; right:20px; z-index:999; background:#000; opacity:0.7; padding:15px 25px 0px 15px; font-size:1.2em; color:#FFF; text-align:center;}
.help-close i {vertical-align:middle;}
.help {width:400px; min-height:100px; position:fixed; bottom:0; right:0px; z-index:999; background:#000; opacity:0; padding:15px 25px 0px 15px; font-size:0.91em; color:#FFF; text-align:justify;}
.helpimg  {width:100px; height:100px;  float:left; background: URL('../img/helper.gif') 0px 0px; background-size:cover; overflow:hidden; margin:0 10px 0 0; }
a.helpx {position:absolute; top:5px; right:5px; border-radius:0%; font-size:1.3em; width:15px; height:15px; background:#FF8A80; color:#FFF; text-align:center; padding:0; line-height:0.8;}
.helpfooter {background-color:transparent;width:100%;display:block;text-align:left;border: 0; border-top:1px dotted #EAEAEA; color:#FF8A80; padding:5px 5px 15px 0px; margin:5px 0 0 0;}
.helpfooter:focus {background-color:transparent;}

.add_domain_form_check,.add_domain_form_check:focus {border: none;background: transparent;color: #7cb342;}

.social_login li a{;float:left; text-decoration: none;color: #454545;width:200px;text-align: center;border:1px solid #CECECE;margin:10px;padding:10px 0;}
.social_login li a:hover{border:1px solid #7CB342;}
.social_login li span { position:relative;top: -10px;left:10px;}

.label {color:#fff;padding: 0px 5px;font-size: 14px;  font-weight:400;}
.label.red {background-color: #E43636;}
.label.green {background-color: #5CB85C;}

.top_panel{ margin-bottom:20px; font-size: 18px;}

.list_performers .collection{border-left: none;border-right: none;padding: 15px;}
.verified_user {color: #5CB85C}
.list_performers .collection .porfolio .title{margin-top:0;}
.list_performers .collection .porfolio a{display: inline-block;padding:10px;text-align: center;}
.list_performers .collection .porfolio a:hover{outline:1px solid #5CB85C;}
.list_performers .collection .tags {margin-bottom: 20px;}
.list_performers .collection .service tr td:nth-child(2){text-align: right;}

.porfolio {border-bottom:1px solid #000;margin-bottom: 40px;}
.porfolio .item { margin-bottom:20px;}
.porfolio .item .title{font-size: 14px;margin-top: 0px;}

.orders_list .item { margin-bottom:20px;}
.orders_list .img{float: left; margin-right:20px;height: 100%;}
.orders_list .name{margin-bottom:5px;}
.orders_list .item .message { margin-top: 10px;}
.tracings {background-color: #EEEEEE;padding: 15px;}

.filters { list-style-type: none;}
.filters li{float:left;padding: 0 10px;}

.avatar .box{padding-bottom: 10px;margin-bottom:10px;border-bottom: 1px solid #000;}

.left_menu .collapsible-body{padding: 15px;}
.left_menu .visible-lg ul.hidden{display:none}

.btn-link {  display: inline-block;  background-color: transparent;  border:none;  }
.form-inline {  display: inline-block;  }

.infoblock .hidden {display: none;}


.img-wrapper {position: relative; }
.img-massage {position:absolute;
    opacity:0.9;
    background: #EAEAEA;
    width:85%;
    padding:17% 0;
    top:20%;
    left:0;
    right:0;
    margin:0 auto;
    text-align:center;
    color:#595959;
    font-size:1.1em;
    z-index:99;}


@media (max-width: 1170px) {

}

@media (max-width: 950px) {
    .container {width:94%;}
    .addbar .col {padding-bottom:10px;}
    .text {font-size:.8em;}
    .bg_welcome [type="submit"] {font-size:.8em;}
    
}

@media (max-width: 550px) {
    .container {width:94%;}
    .help {width:100%;}
    .sitehost {width:80%; max-height:150px; overflow-y:scroll; padding:5px; box-shadow:2px 2px 2px #454545; border:1px solid #EAEAEA; font-size:.8em;}
    .sitehost .btn-inside {width:80%; color:#FFF; border:0; box-shadow:0; padding:5px; font-size:.8em;}
    .pagination li {padding: 0 3px;}
    .firstlinemenu ul li {display:block; float:none; margin-bottom:1px;}
    h1 {font-size:1.2em; line-height:30px;}
    .desc-right-mob-left {float:left;}
    .footerlink .col {text-align: center !important;}
}

@media (max-width: 320px) {
    .container {width:94%;}
    .addbar .col {padding-bottom:10px;}
    .text {font-size:.8em;}
    .bg_welcome [type="submit"] {font-size:.8em;}
    .help {width:100%;}
    .firstlinemenu ul li {display:block;  float:none; margin-bottom:1px;}
    h1 {font-size:1.2em; line-height:30px;}
    .desc-right-mob-left {float:left;}
    .footerlink .col {text-align: center !important;}
}


@media (max-width: 550px) {
	/* CSS Responsive table */
	table.responsive,
	table.responsive thead,
	table.responsive tbody,
	table.responsive th,
	table.responsive td,
	table.responsive tr { display: block;}
	table.responsive td.topside {background:#EAEAEA;}
	table.responsive thead tr { position: absolute; top: -9999px; left: -9999px; }
	table.responsive tr { border: 1px solid #ccc; margin-bottom: 20px; }
	table.responsive td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; }
	table.responsive td:before {	position: absolute;	top: 6px; left: 6px; width: 40%; padding-right: 10px; text-align: left; word-wrap: break-word; }
	/*table.responsive tr:first-child { position: absolute; top: -9999px; left: -9999px; }*/
	table.responsive td:before { content: attr(data-content); height: 50px; }
	table.responsive td.small-padding { padding-top: 5px; padding-bottom: 5px; }
	table.responsive td.medium-padding { padding-top: 15px; padding-bottom: 15px; }
	table.responsive td.large-padding { padding-top: 25px; padding-bottom: 25px; }
    .footerlink .col {text-align: center !important;}
}

.no-uppercase {
    text-transform: none;
}

.no-top-margin {
    margin-top: 0;
}

.progress-bar {
    background-color: #FFF;
    height: 25px;
    margin: 15px 0 30px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
    -webkit-box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
    box-shadow: 0 1px 5px #CFCFCF inset, 0 1px 0 #FFF;
}

.progress-bar span {
    display: inline-block;
    height: 25px;
    width: 100%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
    -webkit-transition: width .4s ease-in-out;
    -moz-transition: width .4s ease-in-out;
    -ms-transition: width .4s ease-in-out;
    -o-transition: width .4s ease-in-out;
    transition: width .4s ease-in-out;
}

.progress-bar-green span {
    background-color: #a5df41;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#a5df41), to(#4ca916));
    background-image: -webkit-linear-gradient(top, #a5df41, #4ca916);
    background-image: -moz-linear-gradient(top, #a5df41, #4ca916);
    background-image: -ms-linear-gradient(top, #a5df41, #4ca916);
    background-image: -o-linear-gradient(top, #a5df41, #4ca916);
    background-image: linear-gradient(top, #a5df41, #4ca916);
}

.params-history {
    /*null*/
}
.params-history .ph-input {
    margin-bottom: 0;
}
.params-history .ph-label {
    font-size: 14px;
    margin-top: 10%;
}

.progress-bar-stripes span {
    -webkit-background-size: 30px 30px;
    -moz-background-size: 30px 30px;
    background-size: 30px 30px;
    background-image: -webkit-gradient(linear, left top, right bottom,
    color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent),
    color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)),
    color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent),
    to(transparent));
    background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
    transparent 75%, transparent);
    background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
    transparent 75%, transparent);
    background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
    transparent 75%, transparent);
    background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
    transparent 75%, transparent);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
    transparent 75%, transparent);

    -webkit-animation: animate-stripes 3s linear infinite;
    -moz-animation: animate-stripes 3s linear infinite;
}

@-webkit-keyframes animate-stripes {
    0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}

@-moz-keyframes animate-stripes {
    0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}

.ring_bell{
    opacity: 0.8;
    -webkit-animation: ring 5s 1s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 5s 1s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 5s 1s ease-in-out infinite;
    transform-origin: 50%;
}

@-webkit-keyframes ring {
    0% { -webkit-transform: rotateZ(0); }
    1% { -webkit-transform: rotateZ(30deg); }
    3% { -webkit-transform: rotateZ(-28deg); }
    5% { -webkit-transform: rotateZ(34deg); }
    7% { -webkit-transform: rotateZ(-32deg); }
    9% { -webkit-transform: rotateZ(30deg); }
    11% { -webkit-transform: rotateZ(-28deg); }
    13% { -webkit-transform: rotateZ(26deg); }
    15% { -webkit-transform: rotateZ(-24deg); }
    17% { -webkit-transform: rotateZ(22deg); }
    19% { -webkit-transform: rotateZ(-20deg); }
    21% { -webkit-transform: rotateZ(18deg); }
    23% { -webkit-transform: rotateZ(-16deg); }
    25% { -webkit-transform: rotateZ(14deg); }
    27% { -webkit-transform: rotateZ(-12deg); }
    29% { -webkit-transform: rotateZ(10deg); }
    31% { -webkit-transform: rotateZ(-8deg); }
    33% { -webkit-transform: rotateZ(6deg); }
    35% { -webkit-transform: rotateZ(-4deg); }
    37% { -webkit-transform: rotateZ(2deg); }
    39% { -webkit-transform: rotateZ(-1deg); }
    41% { -webkit-transform: rotateZ(1deg); }

    43% { -webkit-transform: rotateZ(0); }
    100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
    0% { -moz-transform: rotate(0); }
    1% { -moz-transform: rotate(30deg); }
    3% { -moz-transform: rotate(-28deg); }
    5% { -moz-transform: rotate(34deg); }
    7% { -moz-transform: rotate(-32deg); }
    9% { -moz-transform: rotate(30deg); }
    11% { -moz-transform: rotate(-28deg); }
    13% { -moz-transform: rotate(26deg); }
    15% { -moz-transform: rotate(-24deg); }
    17% { -moz-transform: rotate(22deg); }
    19% { -moz-transform: rotate(-20deg); }
    21% { -moz-transform: rotate(18deg); }
    23% { -moz-transform: rotate(-16deg); }
    25% { -moz-transform: rotate(14deg); }
    27% { -moz-transform: rotate(-12deg); }
    29% { -moz-transform: rotate(10deg); }
    31% { -moz-transform: rotate(-8deg); }
    33% { -moz-transform: rotate(6deg); }
    35% { -moz-transform: rotate(-4deg); }
    37% { -moz-transform: rotate(2deg); }
    39% { -moz-transform: rotate(-1deg); }
    41% { -moz-transform: rotate(1deg); }

    43% { -moz-transform: rotate(0); }
    100% { -moz-transform: rotate(0); }
}

@keyframes ring {
    0% { transform: rotate(0); }
    1% { transform: rotate(30deg); }
    3% { transform: rotate(-28deg); }
    5% { transform: rotate(34deg); }
    7% { transform: rotate(-32deg); }
    9% { transform: rotate(30deg); }
    11% { transform: rotate(-28deg); }
    13% { transform: rotate(26deg); }
    15% { transform: rotate(-24deg); }
    17% { transform: rotate(22deg); }
    19% { transform: rotate(-20deg); }
    21% { transform: rotate(18deg); }
    23% { transform: rotate(-16deg); }
    25% { transform: rotate(14deg); }
    27% { transform: rotate(-12deg); }
    29% { transform: rotate(10deg); }
    31% { transform: rotate(-8deg); }
    33% { transform: rotate(6deg); }
    35% { transform: rotate(-4deg); }
    37% { transform: rotate(2deg); }
    39% { transform: rotate(-1deg); }
    41% { transform: rotate(1deg); }

    43% { transform: rotate(0); }
    100% { transform: rotate(0); }
}

.warn-count {
    position: relative;
}

.warn-count span {
    display: block;
    position: absolute;
    left: 0;
    top: 17%;
    right: 0;
    margin: 0 auto;
    background: transparent;
    color: white;
    font-size: 1.6em;
}