.mtop120{margin-top:120px!important}
.mtop80{margin-top:80px!important}
.mtop60{margin-top:60px!important}
.mtop30{margin-top:30px!important}
.mtop10{margin-top:10px!important}

.ptop120{padding-top:120px!important}
.ptop80{padding-top:80px!important}
.ptop60{padding-top:60px!important}
.ptop30{padding-top:30px!important}
.ptop10{padding-top:10px!important}

.font-oswald{
	font-family: 'Oswald', sans-serif;font-weight:700;
}

#wrap01{display:block;margin:0px auto;background:url(images/wrap01.jpg) center top no-repeat;background-size: cover;}

#shop01{
display:block;
width:70%;
margin:0px auto;
font-family: verdana, sans-serif;
font-size:16px;
padding:10px 20px;

}
#shop01 h1,h2,h3,h4{margin:10px;display:block;font-family: 'Oswald', sans-serif;font-weight:700;text-transform:uppercase;}
#shop01 h1{font-size:28px;line-height:36px;color:#fff;}
#shop01 h2{font-size:24px;line-height:32px;color:#edfaa0;}
#shop01 h3{font-size:20px;line-height:28px;color:#edfaa0;}
#shop01 h4{font-size:18px;line-height:26px;color:#edfaa0;}
#shop01 b{
font-weight:700;
}
#shop01 p{
display:block;color:#e6f07a;
position:relative;
text-transform:none;
margin:3px;padding:6px;letter-spacing:1.2px;
text-shadow:1px 1px 1px #000;
}
#shop01 span{display:inline-block;}

#shop{
display:block;
width:76%;
margin:0px auto;
font-family: verdana, sans-serif;
font-size:14px;
padding:10px 20px;
background:#fff;
}
#shop h1,h2,h3,h4{margin:10px;display:block;font-family: 'Oswald', sans-serif;font-weight:700;text-transform:uppercase;}
#shop h1{font-size:28px;line-height:36px;color:#000;}
#shop h2{font-size:24px;line-height:32px;color:#444;}
#shop h3{font-size:20px;line-height:28px;color:#666;}
#shop h4{font-size:18px;line-height:26px;color:#888;}
#shop b{
font-weight:700;
}
#shop p{
display:block;
position:relative;
text-transform:none;
margin:3px;padding:6px;
}
#shop span{display:inline-block;}

#shop table{border-collapse: collapse;}
#shop th{padding:6px 6px;background:#eee;font-size:12px;color:#666;}
#shop td{padding:5px 6px;font-size:12px;color:#666;text-align:center;border: 1px solid #aaa;}
#shop tr{background:#fff;}
#shop tr:nth-child(2n+1) {background:#fafafa;}

#shop .conta1{
  width:280px;padding:10px 20px;background:#fff;font-size:14px;color:#555;text-align:left;

}
#shop .conta2{
width:280px;padding:10px 20px;background:#fff;font-size:14px;color:#555;text-align:left;
}
#shop .conta2 a{text-decoration:none;color:#1583c3;border-bottom:1px dotted #1583c3;}
#shop .conta2 a:hover{text-decoration:none;color:#1583c3;border-bottom:0px;}

#shop .product{

}

#shop .shop_razdel{
padding:8px 16px;
font-family: 'Oswald', sans-serif;
font-size:16px;
}
#shop .shop_razdel a{text-decoration:none;color:#aaa;}
#shop .shop_razdel a:hover{text-decoration:underline;color:#08568d;}

#shop  strong{font-weight:700;}
#shop  i{font-style:italic;}

#shop .brcr{
display:block;font-family: 'Oswald', sans-serif;font-weight:300;font-size:16px;
margin:20px 20px 20px 0;
}
#shop .brcr a{
display:inline-block;margin:5px 12px;
color:#1583c3;
}
#shop .brcr a:hover{
color:#bbb;
}

.pagination-wrapper { display: block; width: 100%; padding: 30px 40px 40px 0px; position:relative;text-align:left; }
.pagination { display: block; float: right; }
.pagination > li { display: block; float: left; margin-left: 10px; border:1px solid #888; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.pagination > li.active { border: 1px solid #D8D8D8; float:left }
.pagination > li:hover { border: 1px solid #D8D8D8; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.pagination > li > a { display: block; text-align: center; padding: 7px; padding-bottom:0;width: 27px; height: 29px; color: #2b2b2b; font-size: 14px; font-weight: bold; font-family: sans-serif; }
.pagination > li.active > a, .pagination > li:hover > a, .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > a:active { color: #D8D8D8; }


.search{
   position:relative;
   text-align:right;
   float:right;
}

.search_result{
   position: absolute;
   z-index:99999;
   top:30px;left:0;
    background: #FFF;
	float:right;
    border: 1px #ccc solid;
    width: 360px;
    border-radius: 4px;
    max-height:300px;
    overflow-y:scroll;
    display:none;
}

.search_result li{
    list-style: none;
    padding: 5px 10px;
    margin: 0px;
    color: #0896D3;
    border-bottom: 1px #ccc solid;
    cursor: pointer;
    transition:0.3s;
}

.search_result li:hover{
    background: #dedede;
}
.search_result li a{
  color:#777;text-decoration:none;padding:4px;
}
input[type="text"] {
display:block;
   border: 1px solid #222; 
   border-radius: 3px; 
   background: #ffffff !important; 
   outline: none; 
   padding:6px 9px; 
   width: 326px;  
   color: #666;  
   font-size: 14px; 
   margin-right:10px;   
   font-family: verdana; 
}

i.fa {
  width: 26px;
  height: 26px;
  line-height: 32px;
  text-align: center;
  margin-right: -28px;
  position: relative;
  z-index: 1;
  float: left;
  font-style: normal!important;
}

i.fa + input {
  padding-left: 26px;
}

.lgreen{background:#dcf4af!important;}
.lyell{background:#f7ffb3!important;}
.xblack{background:#111!important;}
.footleft{display:inline-block;max-width:380px!important;float:left;}
.footright{position:relative;display:inline-block;max-width:720px!important;padding:25px 0 0 30px;}
.footright img{border:3px solid #fff;}

#workshema{
display:block;
margin:0px auto;
height:400px;

}
#workshema h1,h2,h3,h4{text-align:center;}

#otzyv{
display:block;
margin:0px auto;
height:300px;
background:#fff;
}

#map{
display:block;
margin:0px auto;
padding-top:50px;
height:100px;
text-align:center;
background:#fff;
}
        .button-success,
        .button-error,
        .button-warning,
        .button-secondary {
		display:inline-block;
            color: white;
            border-radius: 4px;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
			padding:8px 16px;
			font-size:22px;
			text-decoration:none;
        }
        .button-success2 {
		display:inline-block;
            color: #0fb249;
			border-width: 0px;
			text-decoration:none;
        }		
        .button-success:hover,
        .button-error:hover,
        .button-warning:hover,
        .button-secondary:hover {
            box-shadow: 0 6px 4px -4px rgba(0, 0, 0, .4);
			margin-top:2px;
			text-decoration:none;
        }
        .button-success2:hover {
            box-shadow: 0px 0px 0px rgba(255, 255, 255, 1);
			margin-top:0px;
			text-decoration:none;
        }		
        .button-success {
            background: #1583c3; /* this is a green */
        }
        .button-success2 {
            background: #ffffff; /* this is a green */
        }
        .button-error {
            background: rgb(202, 60, 60); /* this is a maroon */
        }

        .button-warning {
            background: rgb(223, 117, 20); /* this is an orange */
        }

        .button-secondary {
            background: rgb(66, 184, 221); /* this is a light blue */
        }

		/* Базовый контейнер табов */
.tabs {
	min-width: 320px;
	max-width: 900px;
	padding: 40px 0 20px 0;
	
	text-align:left;
}
/* Стили секций с содержанием */
.tabs>section {
	display: none;
	padding: 15px;
	background: #fff;
	border: 1px solid #ddd;
}
.tabs>section>p {
	margin: 0 0 5px;
	line-height: 1.5;
	color: #383838;
	/* прикрутим анимацию */
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
/* Описываем анимацию свойства opacity */
 
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
/* Прячем чекбоксы */
.tabs>input {
	display: none;
	position: absolute;
}
/* Стили переключателей вкладок (табов) */
.tabs>label {
	display: inline-block;
	margin: 0 0 -1px;
	padding: 15px 25px;
	font-weight: 400;
	text-align: center;
	color: #aaa;
	border: 0px solid #ddd;
	border-width: 1px 1px 1px 1px;
	background: #f9f9f9;
	border-radius: 3px 3px 0 0;
}
/* Шрифт-иконки от Font Awesome в формате Unicode */
.tabs>label:before {
	font-family: fontawesome;
	font-weight: normal;
	margin-right: 10px;
}
.tabs>label[for*="1"]:before {
	content: "";
}
.tabs>label[for*="2"]:before {
	content: "";
}
.tabs>label[for*="3"]:before {
	content: "";
}
.tabs>label[for*="4"]:before {
	content: "";
}
/* Изменения стиля переключателей вкладок при наведении */
 
.tabs>label:hover {
	color: #888;
	cursor: pointer;
}
/* Стили для активной вкладки */
.tabs>input:checked+label {
	color: #555;
	border-top: 1px solid #1583c3;
	border-bottom: 1px solid #fff;
	background: #fff;
}
/* Активация секций с помощью псевдокласса :checked */
#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3, #tab4:checked~#content-tab4 {
	display: block;
}
/* Убираем текст с переключателей 
* и оставляем иконки на малых экранах
*/
 
@media screen and (max-width: 680px) {
	.tabs>label {
		font-size: 0;
	}
	.tabs>label:before {
		margin: 0;
		font-size: 18px;
	}
}
/* Изменяем внутренние отступы 
*  переключателей для малых экранов
*/
@media screen and (max-width: 400px) {
	.tabs>label {
		padding: 15px;
	}
}
		
.overlay {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}
.modal {
	display: none;
	width: 360px;
	/*height: 442px;*/
	position: fixed;
	left: 50%;
	top: 50%;
	margin: -171px 0 0 -191px;
	padding: 20px;
	background:  #fff;
	background-size: cover;
	z-index: 10000;
	-webkit-transform: translateZ(0);
}
.modal .close-btn {
	display: block;
	width: 16px; 
	height: 17px; 
	position: absolute;
	top: 1px;
	left: 365px;
	background: url(images/mod-close-btn.png) no-repeat 0 0;
}
.modal h4 {	
	margin-top: 33px;
	text-align: center;
	font: bold 25px 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

.callback {
  display: block;
  margin-top:65px;
  font-size: 22px;
  color: #fff;
  border: 2px solid #fff;
  width: 147px;
  padding: 5px;
  margin-left: 50px;
background: #f2181b; /* Old browsers */

}
.callback:hover {
  color: #fff;
  border: 2px solid #fff;
}

		.modal-login{
			/*width: 200px;*/
			padding: 10px;
			height: 100px;
			background: #ffffff;
			border: 1px solid;
		}
		.modal-login .pwd{
			border: 1px solid;
			padding: 2px 4px;
			margin: 5px 0;
		}
		.modal-login .close-btn{
			font-size: 14px;
			color: #000000;
			top: 10px;
			right: 10px;
			display: block;
			position: absolute;
		}
.modal .close-btn {
    display: block;
    width: 16px;
    height: 17px;
    position: absolute;
    top: -10px;
    left: 408px;
    background: url(mod-close-btn.png) no-repeat 0 0;
}		
input {
    outline: none
}
input:focus {
    outline: none
}
.formblock{
width:338px;color:#222;font-size:12px;
padding:0 5px;flex-shrink:0;
background:#fff;border-radius:18px;
}
.formblock .title{text-align:center; padding:4px;font-family: 'FreeSetCTT';font-size:36px;color:#555;}
.formblock .title2{text-align:center; padding:2px;font-family: tahoma;font-size:12px;color:#999;}
.formblock .title3{text-align:center; padding:2px;font-family: tahoma;font-size:13px;font-weight:700;color:#999;}
.formblock .title span{font-size:26px;}
.formblock p{margin:0;padding:0 0 4px 40px;}
.formblock input[type="text"]{border-radius:9px;padding:6px;font-size:14px;display:block;width:250px;
margin:0px auto;height:30px;border:1px solid #ddd;text-align:center;color:#222;}
.formblock textarea{border-radius:9px;padding:6px;font-size:14px;display:block;width:250px;
margin:0px auto;border:1px solid #ddd;text-align:left;color:#222;}

.knopka3 {display:block;
margin:0px auto;margin-top:12px;text-align:center;background:#1583c3;border-radius:8px;color:#fff;width:190px;height:46px;font-family:tahoma;font-size:14px;box-shadow:1px 2px 2px #222;}
.knopka3:hover{opacity:0.7;box-shadow:1px 2px 2px #222 inset;}

footer{
width:100%;
display:block;
margin:0px auto;
height:290px;
padding-top:10px;
background:#000;
color:#eee;
}
footer h5{padding:20px;color:#efefef;font-size:20px;font-family: 'Oswald', sans-serif;text-transform:uppercase;}
footer p{
display:block;
position:relative;
background:#111;
color:#eee;
margin:3px;padding:6px;
}


@media ( max-width: 764px ) 
{
 #shop{
   display:block;
   width:96%;
  }
 .slider-wrapper{display:none;}



  
}

.categor_ img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}
.categor_ figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.categor_ figcaption::before,
.categor_ figcaption::after {
	pointer-events: none;
}

.categor_ figcaption,
.categor_ figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 86%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
.categor_ figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.categor_ h2 {
	color:#fff!important;
	font-size:21px!important;
}

.categor_ h2 span {
	font-weight: 800;
}

.categor_ h2,
.categor_ p {
	margin: 0;
}

.categor_ p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

figure.effect-apollo {
	background: #3498db;
}

.immo {
	background-size:auto 130px!important;width:180px;height:140px;border-radius:4%;border:5px solid #fff;margin:10px;box-shadow: 0 0 4px #555;
   background-repeat:no-repeat!important;
}


figure.effect-apollo img {
	opacity: 0.95;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

figure.effect-apollo figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

figure.effect-apollo p {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 3em;
	padding: 0 1em;
	max-width: 300px;
	border-right: 4px solid #fff;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

.categor_.effect-apollo h2 {
	text-align: left;
}

.categor_.effect-apollo:hover img {
	opacity: 0.6;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

.categor_.effect-apollo {
	background: #3498db;
}

.immo {
	background-size:auto 130px!important;width:180px;height:140px;border-radius:4%;border:5px solid #fff;margin:10px;box-shadow: 0 0 4px #555;
   background-repeat:no-repeat!important;
}


.categor_.effect-apollo img {
	opacity: 0.95;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

.categor_.effect-apollo figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

.categor_.effect-apollo p {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 3em;
	padding: 0 1em;
	max-width: 300px;
	border-right: 4px solid #fff;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

.categor_.effect-apollo h2 {
	text-align: left;
}

.categor_.effect-apollo:hover img {
	opacity: 0.6;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

.categor_.effect-apollo:hover figcaption::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

.categor_.effect-apollo:hover.immo{
visibility: visible;
        -ms-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-webkit-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
    }

.categor_.effect-apollo:hover p {
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}



.img-circle{background-color:#29AEE3;box-sizing:content-box;-webkit-box-sizing:content-box;}

.circlephone{box-sizing:content-box;-webkit-box-sizing:content-box;border: 2px solid #29AEE3;width:170px;height:170px;bottom:-20px;right:5px;position:absolute;-webkit-border-radius:100%;-moz-border-radius: 100%;border-radius: 100%;opacity: .5;-webkit-animation: circle-anim 2.4s infinite ease-in-out !important;-moz-animation: circle-anim 2.4s infinite ease-in-out !important;-ms-animation: circle-anim 2.4s infinite ease-in-out !important;-o-animation: circle-anim 2.4s infinite ease-in-out !important;animation: circle-anim 2.4s infinite ease-in-out !important;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}

.circle-fill{box-sizing:content-box;-webkit-box-sizing:content-box;background-color:#29AEE3;width:140px;height:140px;bottom:-5px;right:20px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;-webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;-moz-animation: circle-fill-anim 2.3s infinite ease-in-out;-ms-animation: circle-fill-anim 2.3s infinite ease-in-out;-o-animation: circle-fill-anim 2.3s infinite ease-in-out;animation: circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}

.img-circle{box-sizing:content-box;-webkit-box-sizing:content-box;width:102px;height:102px;bottom: 14px;right: 39px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;opacity: .7;}

.img-circleblock{box-sizing:content-box;-webkit-box-sizing:content-box;width:102px;height:102px;background-image:url(mini.png);background-position: center center;background-repeat:no-repeat;animation-name: tossing;-webkit-animation-name: tossing;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}

.img-circle:hover{opacity: 1;}

@keyframes pulse {0% {transform: scale(0.9);opacity: 1;}
  50% {transform: scale(1); opacity: 1; }   
  100% {transform: scale(0.9);opacity: 1;}}
 @-webkit-keyframes pulse {0% {-webkit-transform: scale(0.95);opacity: 1;}
  50% {-webkit-transform: scale(1);opacity: 1;}   
  100% {-webkit-transform: scale(0.95);opacity: 1;}}
@keyframes tossing {
  0% {transform: rotate(-8deg);}
  50% {transform: rotate(8deg);}
  100% {transform: rotate(-8deg);}}
@-webkit-keyframes tossing {
  0% {-webkit-transform: rotate(-8deg);}
  50% {-webkit-transform: rotate(8deg);}
  100% {-webkit-transform: rotate(-8deg);}}
@-moz-keyframes circle-anim {
  0% {-moz-transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;-moz-opacity: .1;-webkit-opacity: .1;-o-opacity: .1;}
  30% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;-moz-opacity: .5;-webkit-opacity: .5;-o-opacity: .5;}
  100% {-moz-transform: rotate(0deg) scale(1) skew(1deg);opacity: .6;-moz-opacity: .6;-webkit-opacity: .6;-o-opacity: .1;}}
@-webkit-keyframes circle-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity: .1;}
  30% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);-webkit-opacity: .5;}
  100% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);-webkit-opacity: .1;}}
@-o-keyframes circle-anim {
  0% {-o-transform: rotate(0deg) kscale(0.5) skew(1deg);-o-opacity: .1;}
  30% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);-o-opacity: .5;}
  100% {-o-transform: rotate(0deg) scale(1) skew(1deg);-o-opacity: .1;}}
@keyframes circle-anim {
  0% {transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;}
  30% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;}
  100% {transform: rotate(0deg) scale(1) skew(1deg);
opacity: .1;}}
@-moz-keyframes circle-fill-anim {
  0% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);opacity: .2;}
  100% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-webkit-keyframes circle-fill-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;  }
  50% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;  }
  100% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-o-keyframes circle-fill-anim {
  0% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-o-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@keyframes circle-fill-anim {
  0% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}