<!DOCTYPE html>



<html>



<head>



<meta charset="utf-8">



<title><?php echo $__env->yieldContent('title'); ?></title>



<meta name="keywords" content="<?php echo $__env->yieldContent('keywords'); ?>"/>



<meta name="description" content="<?php echo $__env->yieldContent('description'); ?>"/>



<meta property="og:url" content="<?php echo $__env->yieldContent('url'); ?>" />



<meta property="og:title" content="<?php echo $__env->yieldContent('title'); ?>" />



<meta property="og:type" content="website" />



<meta property="og:description" content="<?php echo $__env->yieldContent('description'); ?>" />



<meta property="og:image" content="" />



<link rel="icon" href="<?php echo e(url($site_option->favicon)); ?>">



<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>



<!-- Latest compiled and minified CSS -->



<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">



<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">



 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>



<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>



<script type="text/javascript" src="https://use.fontawesome.com/f301db3853.js"></script>



<link rel="stylesheet" href="<?php echo e(url()); ?>/public/frontend/css/jquery.fancybox.css">



<link rel="stylesheet" href="<?php echo e(url()); ?>/public/frontend/css/jquery.fancybox-buttons.css">



<link rel="stylesheet" href="<?php echo e(url()); ?>/public/frontend/css/jquery.fancybox-thumbs.css">



<link rel="stylesheet" href="<?php echo e(url()); ?>/public/frontend/css/owl.carousel.min.css">



<link rel="stylesheet" href="<?php echo e(url()); ?>/public/frontend/css/style.css">



</head>



<body>



<?php echo $__env->make('frontend.header.header', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>



	<?php echo $__env->yieldContent('content'); ?>



	<?php echo $__env->make('frontend.footer.footer', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>



	<?php echo $site_option->remarketing; ?> 



	<!-- BEGIN: SCRIPT --> 



	<!-- END: SCRIPT -->



</body>



<script type="text/javascript">



$(document).ready(function(){



 $( "#clickme" ).click(function() {



   $( "#box-reg" ).hide(1);



   $( "#big-box-reg" ).hide(1);



 });



});



</script>



    <style>



.call-mobile2 {



	background: #ED1C24;



	position: fixed;



	bottom: 50%;



top:50%, height: 40px;



	line-height: 40px;



	padding: 0 0px 0 0px;



	border-radius: 40px;



	color: #fff;



	right:0px;



	z-index: 99999;



}



.call-mobile1 {



	position: fixed;



	bottom: 49.5%;



	top:50.5%;



	height: 40px;



	line-height: 40px;



	padding: 0 0px 0 0px;



	border-radius: 40px;



	color: #fff;



	right: 0px;



	z-index: 99999;



}



</style>







<script src="<?php echo e(url()); ?>/public/frontend/js/owl.carousel.js"></script>



<script src="<?php echo e(url()); ?>/public/frontend/js/jquery.prettyPhoto.js"></script> 



<script src="<?php echo e(url()); ?>/public/frontend/js/jquery.mousewheel-3.0.6.pack.js"></script> 



<script src="<?php echo e(url()); ?>/public/frontend/js/jquery.fancybox.js"></script> 



<script type="text/javascript">



		$(document).ready(function() {			



                 $(".fancybox-thumbs").fancybox({



					openEffect : 'elastic',



					openSpeed  : 650,



					arrows    : true,



					closeEffect : 'elastic',



					closeSpeed  : 650,



					closeBtn  : true,



					closeClick : false,



					nextClick  : false,



					prevEffect : 'elastic',



					prevSpeed  : 650,



					nextEffect : 'elastic',



					nextSpeed  : 650,



					helpers	: {



					title	: {



						type: 'outside'



					},



					thumbs	: {



						width	: 50,



						height	: 50



					}



						}



				});            



			});



	</script> 



<script type="text/javascript">



		$(document).ready(function() {



			$('.fancybox-media').fancybox({



				openEffect  : 'none',



				closeEffect : 'none',



				helpers : {



					media : {}



				}



			});



		});



	</script> 



<script type="text/javascript" charset="utf-8">



			$(document).ready(function(){



				$("area[rel^='prettyPhoto']").prettyPhoto();



				$(".gallery:first a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'normal',



				theme:'light_square',



				slideshow:3000, 



				allow_resize: true,



				autoplay_slideshow: false



				});



				$(".gallery1:gt(0) a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'fast',slideshow:10000, hideflash: true});



			});



			</script> 



    <script>



  var slideIndex = 1;



  showSlides(slideIndex);



  function plusSlides(n) {



    showSlides(slideIndex += n);



  }



  function currentSlide(n) {



    showSlides(slideIndex = n);



  }



  function showSlides(n) {



    var i;



    var slides = document.getElementsByClassName("mySlides");



    var dots = document.getElementsByClassName("demo");



    var captionText = document.getElementById("caption");



    if (n > slides.length) {slideIndex = 1}



      if (n < 1) {slideIndex = slides.length}



        for (i = 0; i < slides.length; i++) {



          slides[i].style.display = "none";



        }



        for (i = 0; i < dots.length; i++) {



          dots[i].className = dots[i].className.replace(" active", "");



        }



        slides[slideIndex-1].style.display = "block";



        dots[slideIndex-1].className += " active";



        captionText.innerHTML = dots[slideIndex-1].alt;



      }



    </script>



    <script>



$('#video-top').owlCarousel({



    loop:true,



    margin:10,



	navText: [ '<i class="fa fa-angle-left"></i>', '<i class="fa fa-angle-right"></i>' ],



    nav:true,



  	autoplay:false,



  	autoplayTimeout:4500,



 	dots:false,



    responsive:{



        0:{



            items:2



        },



        600:{



            items:2



        },



        1000:{



            items:6



        }



    }



});



    </script>



    <style>







/* Position the image container (needed to position the left and right arrows) */



    .container {



	position: relative;



}



/* Hide the images by default */



    .mySlides {



	display: none;



}



.mySlides img {



	max-width: 100%



}



/* Add a pointer when hovering over the thumbnail images */



    .cursor {



	cursor: pointer;



}



/* Next & previous buttons */



    .mySlides .prev, .mySlides .next {



	cursor: pointer;



	position: absolute;



	top: 40%;



	width: auto;



	padding: 16px;



	margin-top: -50px;



	color: white;



	font-weight: bold;



	font-size: 20px;



	border-radius: 0 3px 3px 0;



	user-select: none;



	-webkit-user-select: none;



}



/* Position the "next button" to the right */



    .next {



	right: 0;



	border-radius: 3px 0 0 3px;



}



/* On hover, add a black background color with a little bit see-through */



    .prev:hover,  .next:hover {



	background-color: rgba(0, 0, 0, 0.8);



}



/* Number text (1/3 etc) */



    .numbertext {



	color: #f2f2f2;



	font-size: 12px;



	padding: 8px 12px;



	position: absolute;



	top: 0;



}



/* Container for image text */



    .caption-container {



	text-align: center;



	background-color: #222;



	padding: 2px 16px;



	color: white;



}



.row:after {



	content: "";



	display: table;



	clear: both;



}



/* Six columns side by side */



    .column {



	float: left;



	width: 16.66%;



}



/* Add a transparency effect for thumnbail images */



    .demo {



	opacity: 0.6;



}



.active,  .demo:hover {



	opacity: 1;



}



</style>



 <script>



      var owl = $('.slide-comment');



      owl.owlCarousel({



        margin: 10,



        loop: true,



        responsive: {



          0: {



            items: 1



          },



          600: {



            items: 1



          },



          1000: {



            items: 1



          }



        }



      })



    </script>



    <script>



      var owl = $('.slide-gallery');



      owl.owlCarousel({



        margin: 10,



        loop: true,



		autoplay:true,



        responsive: {



          0: {



            items: 1



          },



          600: {



            items: 1



          },



          1000: {



            items: 1



          }



        }



      })



    </script>



     <script>



      var owl = $('.slide-news_h');



      owl.owlCarousel({



        margin: 10,



        loop: true,



		autoplay:true,



		navText: [ '<img src="<?php echo e(url()); ?>/public/frontend/images/prew.png"/>', '<img src="<?php echo e(url()); ?>/public/frontend/images/next.png"/>' ],



		nav:true,



        responsive: {



          0: {



            items: 1



          },



          600: {



            items: 1



          },



          1000: {



            items:3



          }



        }



      })



    </script>



<div class="alert-success" style="position: fixed; bottom: 0; font-size: 24px; text-align: center; width: 100%; max-width: 100%;z-index: 999"><?php echo $__env->make('errors.note', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?></div>



<!-- phone -->



<div class="hotline-footer">



    <div id="phonering-alo-phoneIcon" class="phonering-alo-phone phonering-alo-green phonering-alo-show">



        <div class="phonering-alo-ph-circle"></div>



        <div class="phonering-alo-ph-circle-fill"></div>



        <div class="phonering-alo-ph-img-circle">



            <a class="pps-btn-img " href="tel:<?php echo e(str_replace(' ','',$site_option->hotline)); ?>" style="display:block;height:100%"> </a>



        </div>



    </div>



</div> 



<style>



.phonering-alo-phone {



  position: fixed;



  visibility: hidden;



  background-color: transparent;



  width: 200px;



  height: 200px;



  cursor: pointer;



  z-index: 200000!important;



  left: -30px;



  bottom: 0px;



  /* left: -50px; */



  display: block;



  -webkit-backface-visibility: hidden;



  -webkit-transform: translateZ(0);



 transition: visibility .5s;



}



.phonering-alo-phone.phonering-alo-show {



  visibility:visible



}



.phonering-alo-phone.phonering-alo-static {



  opacity:.6



}



.phonering-alo-phone.phonering-alo-hover, .phonering-alo-phone:hover {



  opacity:1



}



.phonering-alo-ph-circle {



  width:160px;



  height:160px;



  top:20px;



  left:20px;



  position:absolute;



  background-color:transparent;



  border-radius:100%;



  border:2px solid rgba(30, 30, 30, 0.4);



  opacity:.1;



  -webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;



  animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;



 transition:all .5s;



  -webkit-transform-origin:50% 50%;



  -ms-transform-origin:50% 50%;



  transform-origin:50% 50%



}



.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle {



  -webkit-animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important;



  animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important



}



.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle {



  -webkit-animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important;



  animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important



}



.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle, .phonering-alo-phone:hover .phonering-alo-ph-circle {



  border-color:#00aff2;



  opacity:.5



}



.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle, .phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle {



  border-color:#272d6b;



  opacity:.5



}



.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle {



  border-color:#00aff2;



  opacity:.5



}



.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle, .phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle {



  border-color:#ccc;



  opacity:.5



}



.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle {



  border-color:#75eb50;



  opacity:.5



}



.phonering-alo-ph-circle-fill {



  width:100px;



  height:100px;



  top:50px;



  left:50px;



  position:absolute;



  background-color:#000;



  border-radius:100%;



  border:2px solid transparent;



  -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;



  animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;



 transition:all .5s;



  -webkit-transform-origin:50% 50%;



  -ms-transform-origin:50% 50%;



  transform-origin:50% 50%



}



.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill {



  -webkit-animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important;



  animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important



}



.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill {



  -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;



  animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;



  opacity:0!important



}



.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill, .phonering-alo-phone:hover .phonering-alo-ph-circle-fill {



  background-color:rgba(39, 45, 107, 0.5);



  opacity:.75!important



}



.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill, .phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill {



  background-color:rgba(39, 45, 107, 0.5);



  opacity:.75!important



}



.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill {



  background-color:rgba(0, 175, 242, 0.5);



}



.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill, .phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill {



  background-color:rgba(204, 204, 204, 0.5);



  opacity:.75!important



}



.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill {



  background-color:rgba(117, 235, 80, 0.5);



  opacity:.75!important



}



.phonering-alo-ph-img-circle {



  width:60px;



  height:60px;



  top:70px;



  left:70px;



  position:absolute;



  background:rgba(30, 30, 30, 0.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat center center;



  border-radius:100%;



  border:2px solid transparent;



  -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;



  animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;



  -webkit-transform-origin:50% 50%;



  -ms-transform-origin:50% 50%;



  transform-origin:50% 50%



}



.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle {



  -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important;



  animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important



}



.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle {



  -webkit-animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important;



  animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important



}



.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle, .phonering-alo-phone:hover .phonering-alo-ph-img-circle {



  background-color:#00aff2;



}



.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle, .phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle {



  background-color:#272d6b;



}



.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {



  background-color:#00aff2;



}



.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle, .phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle {



  background-color:#ccc;



}



.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle {



  background-color:#75eb50



}



 @-webkit-keyframes phonering-alo-circle-anim {



 0% {



 -webkit-transform:rotate(0) scale(.5) skew(1deg);



 -webkit-opacity:.1



}



 30% {



 -webkit-transform:rotate(0) scale(.7) skew(1deg);



 -webkit-opacity:.5



}



 100% {



 -webkit-transform:rotate(0) scale(1) skew(1deg);



 -webkit-opacity:.1



}



}



 @-webkit-keyframes phonering-alo-circle-fill-anim {



 0% {



 -webkit-transform:rotate(0) scale(.7) skew(1deg);



 opacity:.2



}



 50% {



 -webkit-transform:rotate(0) scale(1) skew(1deg);



 opacity:.2



}



 100% {



 -webkit-transform:rotate(0) scale(.7) skew(1deg);



 opacity:.2



}



}



 @-webkit-keyframes phonering-alo-circle-img-anim {



 0% {



 -webkit-transform:rotate(0) scale(1) skew(1deg)



}



 10% {



 -webkit-transform:rotate(-25deg) scale(1) skew(1deg)



}



 20% {



 -webkit-transform:rotate(25deg) scale(1) skew(1deg)



}



 30% {



 -webkit-transform:rotate(-25deg) scale(1) skew(1deg)



}



 40% {



 -webkit-transform:rotate(25deg) scale(1) skew(1deg)



}



 50% {



 -webkit-transform:rotate(0) scale(1) skew(1deg)



}



 100% {



 -webkit-transform:rotate(0) scale(1) skew(1deg)



}



}



 @-webkit-keyframes phonering-alo-circle-anim {



 0% {



 -webkit-transform:rotate(0) scale(.5) skew(1deg);



 transform:rotate(0) scale(.5) skew(1deg);



 opacity:.1



}



 30% {



 -webkit-transform:rotate(0) scale(.7) skew(1deg);



 transform:rotate(0) scale(.7) skew(1deg);



 opacity:.5



}



 100% {



 -webkit-transform:rotate(0) scale(1) skew(1deg);



 transform:rotate(0) scale(1) skew(1deg);



 opacity:.1



}



}



 @keyframes  phonering-alo-circle-anim {



 0% {



 -webkit-transform:rotate(0) scale(.5) skew(1deg);



 transform:rotate(0) scale(.5) skew(1deg);



 opacity:.1



}



 30% {



 -webkit-transform:rotate(0) scale(.7) skew(1deg);



 transform:rotate(0) scale(.7) skew(1deg);



 opacity:.5



}



 100% {



 -webkit-transform:rotate(0) scale(1) skew(1deg);



 transform:rotate(0) scale(1) skew(1deg);



 opacity:.1



}



}



 @-webkit-keyframes phonering-alo-circle-fill-anim {



 0% {



 -webkit-transform:rotate(0) scale(.7) skew(1deg);



 transform:rotate(0) scale(.7) skew(1deg);



 opacity:.2



}



 50% {



 -webkit-transform:rotate(0) scale(1) skew(1deg);



 transform:rotate(0) scale(1) skew(1deg);



 opacity:.2



}



 100% {



 -webkit-transform:rotate(0) scale(.7) skew(1deg);



 transform:rotate(0) scale(.7) skew(1deg);



 opacity:.2



}



}



 @keyframes  phonering-alo-circle-fill-anim {



 0% {



 -webkit-transform:rotate(0) scale(.7) skew(1deg);



 transform:rotate(0) scale(.7) skew(1deg);



 opacity:.2



}



 50% {



 -webkit-transform:rotate(0) scale(1) skew(1deg);



 transform:rotate(0) scale(1) skew(1deg);



 opacity:.2



}



 100% {



 -webkit-transform:rotate(0) scale(.7) skew(1deg);



 transform:rotate(0) scale(.7) skew(1deg);



 opacity:.2



}



}



 @-webkit-keyframes phonering-alo-circle-img-anim {



 0% {



 -webkit-transform:rotate(0) scale(1) skew(1deg);



 transform:rotate(0) scale(1) skew(1deg)



}



 10% {



 -webkit-transform:rotate(-25deg) scale(1) skew(1deg);



 transform:rotate(-25deg) scale(1) skew(1deg)



}



 20% {



 -webkit-transform:rotate(25deg) scale(1) skew(1deg);



 transform:rotate(25deg) scale(1) skew(1deg)



}



 30% {



 -webkit-transform:rotate(-25deg) scale(1) skew(1deg);



 transform:rotate(-25deg) scale(1) skew(1deg)



}



 40% {



 -webkit-transform:rotate(25deg) scale(1) skew(1deg);



 transform:rotate(25deg) scale(1) skew(1deg)



}



 50% {



 -webkit-transform:rotate(0) scale(1) skew(1deg);



 transform:rotate(0) scale(1) skew(1deg)



}



 100% {



 -webkit-transform:rotate(0) scale(1) skew(1deg);



 transform:rotate(0) scale(1) skew(1deg)



}



}



 @keyframes  phonering-alo-circle-img-anim {



 0% {



 -webkit-transform:rotate(0) scale(1) skew(1deg);



 transform:rotate(0) scale(1) skew(1deg)



}



 10% {



 -webkit-transform:rotate(-25deg) scale(1) skew(1deg);



 transform:rotate(-25deg) scale(1) skew(1deg)



}



 20% {



 -webkit-transform:rotate(25deg) scale(1) skew(1deg);



 transform:rotate(25deg) scale(1) skew(1deg)



}



 30% {



 -webkit-transform:rotate(-25deg) scale(1) skew(1deg);



 transform:rotate(-25deg) scale(1) skew(1deg)



}



 40% {



 -webkit-transform:rotate(25deg) scale(1) skew(1deg);



 transform:rotate(25deg) scale(1) skew(1deg)



}



 50% {



 -webkit-transform:rotate(0) scale(1) skew(1deg);



 transform:rotate(0) scale(1) skew(1deg)



}



 100% {



 -webkit-transform:rotate(0) scale(1) skew(1deg);



 transform:rotate(0) scale(1) skew(1deg)



}



}



</style>



<!-- end phone -->



</html>