/*WIFI SYMBOL*/
.wifi-symbol {
	position: absolute;
	top: 140px;
	right: 260px;
	width: 70px;
	height: 70px;
	}
.wifi-symbol-left{
	display: block;
	position: absolute;
	top: 120px;
	left: 20px;
	width: 70px;
	height: 70px;
	transform: rotate(220deg);
	-webkit-transform: rotate(220deg);
	opacity:0.7;
	}
.wifi-symbol-right{
	display: block;
	position: absolute;
	top: 120px;
	right: 20px;
	width: 70px;
	height: 70px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	opacity:0.7;
	}
	
.wifi-circle {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	border-color: #189f93;
	border-style: solid;
	border-width: 5px 5px 0 0;
	-webkit-border-radius: 0 100% 0 0;
	border-radius: 0 100% 0 0;
	opacity: 0;
	-o-animation: wifianimation 1.5s infinite;
	-moz-animation: wifianimation 1.5s infinite;
	-webkit-animation: wifianimation 1.5s infinite;
	animation: wifianimation 1.5s infinite;
	}
.wifi-circle.first {
	-o-animation-delay: 600ms;
	-moz-animation-delay: 600ms;
	-webkit-animation-delay: 600ms;
	animation-delay: 600ms;
	}
.wifi-circle.second {
	width: 85%;
	height: 85%;
	-o-animation-delay: 400ms;
	-moz-animation-delay: 400ms;
	-webkit-animation-delay: 400ms;
	animation-delay: 400ms;
	}
.wifi-circle.third {
	width: 70%;
	height: 70%;
	-o-animation-delay: 200ms;
	-moz-animation-delay: 200ms;
	-webkit-animation-delay: 200ms;
	animation-delay: 200ms;
	}
.wifi-circle.four {
	width: 55%;
	height: 55%;
	-o-animation-delay: 100ms;
	-moz-animation-delay: 100ms;
	-webkit-animation-delay: 100ms;
	animation-delay: 100ms;
	}

@-o-keyframes wifianimation {
0% {opacity: 0.5;}
30% { opactiy: 1;}
70% {opactiy: 0.6;}
100% {opactiy: 0.3;}
}
@-moz-keyframes wifianimation {
0% {opacity: 0.5;}
30% { opactiy: 1;}
70% {opactiy: 0.6;}
100% {opactiy: 0.3;}
}
@-webkit-keyframes wifianimation {
0% {opacity: 0.5;}
30% { opactiy: 1;}
70% {opactiy: 0.6;}
100% {opactiy: 0.3;}
}


@media only screen and (max-width:1187px){
.wifi-symbol{top: 200px; right: 160px;}
}

@media only screen and (max-width:1021px){
.wifi-symbol{top: 230px;right: 20px;}
.wifi-symbol-left{left:-10px;}
.wifi-symbol-right{right:-10px;}
}

@media only screen and (max-width:767px){
.wifi-symbol{top: 19%;right: 19%;width:60px;height:60px;}
.wifi-symbol-left{left:0px;}
.wifi-symbol-right{right:0px;}
}









.wifiAnimation{
	position: absolute;
	left: 380px;
    top: 275px;
	z-index:1
	}
.wifiAnimation-boost{
	position: absolute;
	right: 380px;
    top: 275px;
	z-index:3;
	}	
.circle1, .circle2, .circle3, .circle4, .circle5, .circle6, .circle7{
	position: absolute;
	height: 50px;
	width: 50px;
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	}
	
	
.circle1{
	box-shadow: inset 0 0 10px 10px #999;
	border: 2px solid #999;
	border-radius: 50%;
	-webkit-animation: circle 2s linear 0s infinite;
	animation: circle 2s linear 0s infinite
	}	
.circle2 {
	box-shadow: inset 0 0 10px 10px #999;
	border: 2px solid #999;
	border-radius: 50%;
	-webkit-animation: circle 2s linear .5s infinite;
	animation: circle 2s linear .5s infinite
	}
.circle3 {
	box-shadow: inset 0 0 10px 10px #999;
	border: 2px solid #999;
	border-radius: 50%;
	-webkit-animation: circle 2s linear 1s infinite;
	animation: circle 2s linear 1s infinite
	}	
@-webkit-keyframes circle {
0% {height:40px;width:40px;}
100% {height:180px;width:180px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
}

@keyframes circle {
0% {height:40px;width:40px;}
100% {height:180px;width:180px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
}




.circle4{
	box-shadow: inset 0 0 10px 10px #4fb5e4;
	border: 2px solid #4fb5e4;
	border-radius: 50%;
	-webkit-animation: circleBoost 2s linear 0s infinite;
	animation: circleBoost 2s linear 0s infinite
	}	
.circle5 {
	box-shadow: inset 0 0 10px 10px #4fb5e4;
	border: 2px solid #4fb5e4;
	border-radius: 50%;
	-webkit-animation: circleBoost 2s linear .5s infinite;
	animation: circleBoost 2s linear .5s infinite
	}
.circle6 {
	box-shadow: inset 0 0 10px 10px #4fb5e4;
	border: 2px solid #4fb5e4;
	border-radius: 50%;
	-webkit-animation: circleBoost 2s linear 1s infinite;
	animation: circleBoost 2s linear 1s infinite
	}
.circle7 {
	box-shadow: inset 0 0 10px 10px #4fb5e4;
	border: 2px solid #4fb5e4;
	border-radius: 50%;
	-webkit-animation: circleBoost 2s linear 1.5s infinite;
	animation: circleBoost 2s linear 1.5s infinite
	}
	
@-webkit-keyframes circleBoost {
0% {height:50px;width:50px;}
100% {height:320px;width:320px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
}

@keyframes circleBoost {
0% {height:50px;width:50px;}
100% {height:320px;width:320px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
}






@media only screen and (max-width:1187px){
.s1-r1{left: 270px; top: 210px;}
.wifiAnimation{left: 315px;top: 255px;}
.s1-r2{right: 270px; top: 210px;}
.wifiAnimation-boost{right: 315px;top: 255px;}
}

@media only screen and (max-width:1021px){
.s1-r1{left: 200px; top: 150px; width:70px;}
.wifiAnimation{left: 235px;top: 185px;}
.s1-r2{right: 200px; top: 150px; width:70px;}
.wifiAnimation-boost{right: 235px; top: 185px;}
}


@media only screen and (max-width:767px){
.wifiAnimation, .wifiAnimation-boost, .s1-r1, .s1-r2{ display:none;}
}


@keyframes flicker {

    0%,
    100% {
        transform: scale(0.95);
        -moz-transform: scale(0.95);
        -o-transform: scale(0.95);
        -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
    }

    50% {
        transform: scale(1.0);
        -moz-transform: scale(1.0);
        -o-transform: scale(1.0);
        -webkit-transform: scale(1.0);
        -ms-transform: scale(1.0);
    }

}

@-webkit-keyframes flicker {

    0%,
    100% {
        -webkit-transform: scale(0.95);
        -moz-transform: scale(0.95);
        -o-transform: scale(0.95);
        -ms-transform: scale(0.95);
        transform: scale(0.95);
    }

    50% {
        -webkit-transform: scale(1.0);
        -moz-transform: scale(1.0);
        -o-transform: scale(1.0);
        -ms-transform: scale(1.0);
        transform: scale(1.0);
    }

}

@-moz-keyframes flicker {

    0%,
    100% {
        -moz-transform: scale(0.95);
        -o-transform: scale(0.95);
        -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
        transform: scale(0.95);
    }

    50% {
        -moz-transform: scale(1.0);
        -o-transform: scale(1.0);
        -webkit-transform: scale(1.0);
        -ms-transform: scale(1.0);
        transform: scale(1.0);
    }

}

@-o-keyframes flicker {

    0%,
    100% {
        -o-transform: scale(0.95);
        -moz-transform: scale(0.95);
        -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
        transform: scale(0.95);
    }

    50% {
        -o-transform: scale(1.0);
        -moz-transform: scale(1.0);
        -webkit-transform: scale(1.0);
        -ms-transform: scale(1.0);
        transform: scale(1.0);
    }

}

.s1-btn {
    -webkit-animation: flicker 2.0s infinite ease-in-out;
    -moz-animation: flicker 2.0s infinite ease-in-out;
    -o-animation: flicker 2.0s infinite ease-in-out;
    animation: flicker 2.0s infinite ease-in-out
}