@-webkit-keyframes spinBackground {
from {
-webkit-transform: rotateY(0deg)
}
to {
-webkit-transform:scale(5.0) rotate(-90deg);
}
}
@-moz-keyframes spinBackground  {
from {
-moz-transform: rotateY(0deg)
}
to {
-moz-transform: scale(5.0) rotate(-90deg);
}
}
@keyframes spinBackground  {
from {
transform: rotate(0deg)
}
to {
transform: scale(5.0) rotate(-90deg);
}
}
.site-logo{
background:none !important;
border-radius:0px !important;
}
.site-logo img{
height:inherit;
}
.modal-content{
background-color:rgba(255,255,255,0.2) !important;
}
.modal p{
color:#fff !important;
}
.ics-circles{
position:relative;
float: left;
width: 25% !important;
text-align: right;
display: block; !important;
}
.ics-circles .ics-circle-label{
position:absolute;
top: 82px;
right: 0;
text-align: center;
font-size: 20px;
}
.ics-circles .knob{
font-size:50px !important;
margin-top:35px !important;
}
.content-holder{
padding-bottom:0px;
}
@media (min-width:801px) and (max-width: 1025px) {
.ics-circles canvas{
width:100% !important;
height:auto !important;
}
.ics-circles .ics-circle-label{
width:100% !important;
top:72px !important;
}
.ics-circles .knob{
left:0px!important;
width:100%!important;
margin-left:0px!important;
text-align:center!important;
font-size:40px !important;
margin-top:30px !important;
}
}
@media (max-width: 767px) {
.nav-container:hover .nav-toggle,nav li a {
background-color:rgba(0,0,0,0.3) !important;
}
nav {
top:140px !important;
}
.ics-circles canvas{
width:100% !important;
height:auto !important;
}
.ics-circles .ics-circle-label{
width:100% !important;
}
}
@media (max-width: 570px) {
.ics-circles .ics-circle-label{
font-size:16px;
}
.ics-circles .knob{
left:0px!important;
width:100%!important;
margin-left:0px!important;
text-align:center!important;
}
}
@media (max-width: 490px) {
.ics-circles{
}	
.ics-circles .knob{
font-size:40px !important;
margin-top:22% !important;
}
.ics-circles .ics-circle-label{
top:18%;
margin-top:30px;
font-size:16px;
}
}
@media (max-width: 400px) {
.ics-circles .knob{
font-size:25px !important;
margin-top:12% !important;
}
.ics-circles .ics-circle-label{
top:18%;
margin-top:10px;
font-size:12px;
}
}
@media (max-width: 320px) {
.ics-circles{
width:40% !important;
text-align: left;
max-height:170px;
}
.ics-circles .ics-circle-label{
left:0px;
width:100%!important;
top:20%;
margin-top:30px;
font-size:16px;
}
.ics-circles canvas{
width:100% !important;
}
.ics-circles .knob{
font-size:40px !important;
margin-top:22% !important;
left:0px!important;
width:100%!important;
margin-left:0px!important;
text-align:center!important;
}
} .ics-icon-fa{
font-family: FontAwesome-ics;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
font-size: 13px !important;
color: #fff;
}
.ics-icon-fa.ics-play:before{
content: "\f04b";
}
.ics-icon-fa.ics-pause:before{
content: "\f04c";
}
.ics-icon-fa.ics-volume-down:before{
content: "\f027";
}
.ics-icon-fa.ics-volume-up:before{
content: "\f028";
}
.ics-icon-fa.ics-mute:before{
content: "\f026";
}
.ics_video_controllers{
position: absolute;
top: 20px;
right: 50px;
z-index: 9999999;
}
.ics_video_controllers .ics_v_c{
display: inline-block;
cursor: pointer;
padding-right: 15px;
opacity: 0.4;
}
.ics_video_controllers .ics_v_c:hover{
opacity: 1;
}