/*Block Animations*/
/*font face used */
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('/fonts/bebasneue.eot');
    src: url('/fonts/ebasneue.eot') format('embedded-opentype'),
         url('/fonts/bebasneue.woff') format('woff'),
         url('/fonts/bebasneue.ttf') format('truetype'),
         url('/fonts/bebasneue.svg#BebasNeueRegular') format('svg');
}
/*font face used */
.demo-box .anim{height:auto;padding:20px 0 0;margin:0 0 5px;background:url(/images/demo-shadow.png) center bottom no-repeat;}

.anim .row-anim{width:1000px;height:400px;margin:auto;}

.anim .container-anim{position:relative;float:left;}
.anim .container-anim.spinner{width:430px;height:400px;overflow:hidden;}
.anim .container-anim.info{width:250px;height:400px;}
.anim .container-anim.storefront{width:320px;height:400px;}

.anim .center{position:absolute;left:95px;top:80px;width:210px;height:210px;background:#1c7c9c;border-radius:50%;z-index:2;display:block;text-align:center;}
.anim .center b{font-family:'BebasNeueRegular', sans-serif;font-weight:normal;color:white;font-size: 450%;letter-spacing: 6px;line-height:200px;border:1px solid white;border-left:none;border-right:none;padding: 0 1px 0 7px;}

.anim .storefront .center{left:0;background:#81bf43;font-size:5px;}
.anim .storefront .center img{display:block;position:relative;margin:auto;top:40px;padding-bottom: 7px;}
.anim .storefront .center b{line-height:100px;border:none;letter-spacing: 0px;font-size: 650%;padding-bottom: 7px;}
.anim .storefront .arrow{position:absolute;left:255px;top:155px;}

.anim .icon{width:60px;height:60px;position:absolute;top:150px;left:172px;font-size:90px;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;-webkit-backface-visibility:hidden;color:#faa11b;z-index:1;}
.anim .focus, .anim .focusShadow{position:absolute;width:75px;height:85px;border-radius:50%;border:10px solid lightgrey;left:3px;top:133px;z-index:2;padding: 0 2px 0 7px;}
.anim .focusShadow{left:0px;top:130px;border:10px solid grey;z-index:2;}

.anim .info{position:relative;width:300px;height:400px;text-align:center;line-height:40px;font-size:30px;box-sizing:border-box;text-align:center;}
.anim .info .part{display:none;}
.anim .info .icon{width:300px;height:200px;left:0;top:60px;margin:auto;}
.anim .info b{position:absolute;text-align:center;color:#faa11b;font-family:'BebasNeueRegular', sans-serif;font-size: 120%;font-weight:normal;width:254px;left:0;top:245px;}



.anim-responsive{display:none;}


@media (max-width: 1000px) {
	
	.anim-responsive{display:block;height:auto;padding:20px 0 30px;margin:0 0 5px;background:url(/images/demo-shadow.png) center bottom no-repeat;}
	
	.anim-responsive .box1-respo1{display:inline-block;}
	.anim-responsive .box1-respo2{display:none;}
	
	.anim{display:none;}

}


@media (max-width: 450px) {
	
	.anim-responsive .box1-respo1{display:none;}
	.anim-responsive .box1-respo2{display:inline-block;}

}