* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
    font-family: 'PT Serif', serif;
	-webkit-appearance: none;
}

div.clear {
	clear: both;
}

body {
	background: #fff;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

div.container {
	max-width: 1140px;
	margin: 0 auto;
}

div#franchayzi, div#franchayzer {
	display: none;
}
div#about {
	display: none;
}
header {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(franch/bg.jpg);
	position: relative;
	&:before {
		position: absolute;
		content: '';
		width: 100%;
		height: 100%;
		background: rgba(4, 72, 128, 0.45);
	}
	div.container {
		padding-top: 10px;
		padding-bottom: 40px;
		position: relative;
	}
	div.logo {
		width: 30%;
		float: left;
		margin: 0 auto;
		img {
			width: 220px;
		}
	}
	div.socicons {
		width: 30%;
		float: left;
		margin-top: 35px;
		margin-left: 8%;
	}
	div.contacts {
		width: 30%;
		float: right;
		margin-top: 15px;
		text-align: right;
		a {
			color: #fff;
			text-decoration: none;
			font-size: 25px;
			font-family: 'PT Sans', sans-serif;
			font-weight: 700;
		}
	}
	.preview-block__btn {
    	max-width: 216px;
    	margin-top: 15px;
    	display: block;
    	float: right;
    	border: 1px solid transparent;
    	&:hover {
    		border: 1px solid #fff;
    	}
	}
 
	.custom-btn {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 100%;
		position: relative;
		padding: 13px 0;
		font-size: 16px;
		font-family: 'PT Sans', sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		color: #fff;
		text-align: center;
		cursor: pointer;
		overflow: hidden;
		background-color: rgba(81, 131, 175, 1);
		-webkit-transition: ease 0.3s;
		transition: ease 0.3s;
	}
	.custom-btn:after {
    content: "";
    display: block;
    width: 12px;
    height: 300px;
    margin-left: 60px;
    background: #eee;
    background: rgba(255,255,255,0.7);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#b3ffffff',GradientType=0 );
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
 
	@-webkit-keyframes slideme {
		0% { left: -30px; margin-left: 0px; }
		30% { left: 110%; margin-left: 80px; }
		100% { left: 110%; margin-left: 80px; } 
	}
	div.text {
		margin-top: 130px;
		width: 100%;
		position: relative;
		span.t1 {
			font-size: 60px;
			color: #fff;
			font-weight: bold;
			display: block;
			margin-bottom: 110px;
		}
		span.mob_text {
			display: none;
		}
	}

	div.type {
			position: absolute;
			bottom: 140px;
			left: 0;
		}
		a.select {
			text-decoration: none;
			display: block;
			width: 48%;
			float: left;
			padding: 30px 10px 30px 80px;
			background-position: 0px 40px;
			background-size: 64px;
			background-repeat: no-repeat;
			background-color: rgba(4, 72, 128, 0.3);
			border: 3px solid transparent;
			&:hover {
				cursor: pointer;
				border-color: #fff;
			}
			span {
				font-size: 32px;
				font-weight: 700;
				color: #fff;
				display: table;
				margin-bottom: 10px;
				border-bottom: 2px dashed #fff;
			}
			p {
				color: #fff;
				font-size: 20px;
			}
		}
		a.select:nth-of-type(1) {
			background-image: url(franch/select1.svg);
		}
		a.select:nth-of-type(2) {
			float: right;
			background-image: url(franch/select2.svg);
			background-position: 10px 40px;
			padding-left: 90px;
		}

	div.video {
		position: absolute;
		right: 0;
		top: 50px;
		width: 380px;
		height: 250px;
		background-position: 100% 0;
		background-repeat: no-repeat;
		background-image: url(franch/video3.png);
	}

	div.play_b {
		position: absolute;
		left: 0px;
		top: -50px;
		width: 120px;
	}
	.play {
		position: relative;
		width:100%;
		height:118px;
		display: block;
		text-decoration: none;
		margin-bottom: 30px;
	}
	span.play span {
		color: #333;
		left: 110px;
		top: 70px;
		position: absolute;
		text-transform: uppercase;
	}
	span.play:hover {
		cursor: pointer;
	}
	span.play:hover span {
		color: #fff;
		-webkit-transition: all .25s ease;
		-moz-transition: all .25s ease;
		 -ms-transition: all .25s ease;
		  -o-transition: all .25s ease;
		     transition: all .25s ease;
	}
	a.arrow_down {
		text-decoration: none;
		position: absolute;
		width: 50px;
		height: 50px;
		bottom: 30px;
		left: 50%;
		display: none;
		margin-left: -25px;
		background-size: 50px;
		background-repeat: no-repeat;
		background-position: 50%;
		background-image: url(franch/arrow_down.svg);
		cursor: pointer;
		animation-name: blink;
		animation-timing-function: linear;
		animation-duration: 1.5s;
		animation-iteration-count: infinite;
	}
	@keyframes blink {
  		50% {
    		opacity: 0;
  		}
	}
}

div.about_us {
	padding: 50px 0;
	margin-top: 30px;
	div.lb {
		width: 50%;
		float: left;
		position: relative;
		span.mob_title {
			display: none;
		}
		div.person {
			float: left;
			width: 32%;
			text-align: center;
			margin-bottom: 40px;
			margin-right: 2%;
			height: 250px;
			img {
				width: 130px;
			}
			span {
				display: block;
				font-size: 21px;
				margin-bottom: 5px;
				font-family: 'PT Sans', sans-serif;
			}
			i {
				display: block;
				font-family: 'PT Sans', sans-serif;
				font-style: normal;
				font-size: 14px;
				color: #888;
			}
		}
		div.person:nth-of-type(3n) {
			float: right;
			margin-right: 0;
		}
	}
	div.rb {
		float: right;
		width: 45%;
		background-size: 200px;
		background-repeat: no-repeat;
		background-position: 100% 0;
		span.title {
			font-size: 35px;
			font-weight: 700;
			color: #333;
			display: block;
			margin-bottom: 25px;
		}
		p {
			color: #333;
			font-size: 17px;
			line-height: 30px;
			margin-bottom: 30px;
			font-family: 'PT Sans', sans-serif;
		}
		ul {
			margin-top: 30px;
			li {
				position: relative;
				list-style-type: none;
				padding-left: 30px;
				margin-bottom: 25px;
				font-size: 17px;
				color: #333;
				font-family: 'PT Sans', sans-serif;
				&:before {
					content: '';
					top: 50%;
					margin-top: -5px;
					width: 10px;
					height: 10px;
					text-align: center;
					background: #0E65E5;
					left: 0;
					position: absolute;
				}
			}
		}
	}
}

div.services {
	padding: 50px 0;
	background-color: #F1F8FE;
	div.container {
		position: relative;
	}
	span.title {
		font-size: 35px;
		font-weight: 700;
		color: #333;
		display: block;
		margin-bottom: 45px;
	}
	div.desc {
		position: absolute;
		right: 0;
		top: 0;
		span {
			position: relative;
			font-weight: 700;
			font-size: 15px;
			&:before {
				content: '';
				display: block;
				position: absolute;
				left: -70px;
				top: 8px;
				width: 45px;
				height: 3px;
				background-color: #0E65E5;
			}
		}
	}
	a.service {
		display: block;
		text-decoration: none;
		float: left;
		width: 32%;
		margin-right: 2%;
		height: 200px;
		border: 3px solid #5183AF;
		margin-top: 30px;
		padding-top: 21px;
		padding-left: 100px;
		background-position: 20px 20px;
		background-size: 60px;
		background-repeat: no-repeat;
		position: relative;
		transition: all 0.2s ease-in-out;
		&:hover {
			background-color: #fff;
		}
		span {
			font-size: 20px;
			color: #333;
			font-weight: 700;
			&:after {
				content: '→';
				margin-left: 10px;
			}
		}
		p {
			position: absolute;
			top: 100px;
			left: 20px;
			color: #333;
			line-height: 25px;
		}
	}
	a.service:nth-of-type(3n) {
		float: right;
		margin-right: 0;
	}
	a.audit {
		background-image: url(franch/service_audit.svg);
	}
	a.search {
		background-image: url(franch/service_search.svg);
	}
	a.analysis {
		background-image: url(franch/service_analysis.svg);
	}
	a.dissolution {
		background-image: url(franch/service_dissolution.svg);
	}
	a.return {
		background-image: url(franch/service_return.svg);
	}
	a.help {
		background-image: url(franch/service_help.svg);
	}
	a.dogovor {
		background-image: url(franch/service_dogovor.svg);
	}
	a.copyright {
		background-image: url(franch/service_copyright.svg);
	}
	a.pretenzii {
		background-image: url(franch/service_pretenzii.svg);
	}
	a.obsluj {
		background-image: url(franch/service_obsluj.svg);
	}
	a.sud {
		background-image: url(franch/service_sud.svg);
	}
	a.upakovka {
		background-image: url(franch/service_upakovka.svg);
	}
}

div.our_service {
	padding-top: 50px;
	padding-bottom: 70px;
	margin-bottom: 30px;
	span.title {
		font-size: 35px;
		font-weight: 700;
		color: #333;
		display: block;
		margin-bottom: 25px;
		padding-top: 20px;
	}
	img {
		border-radius: 50%;
		width: 200px;
		float: left;
		margin-right: 50px;
		margin-bottom: 50px;
	}
	p {
		font-size: 18px;
		color: #333;
		line-height: 29px;
	}
	p.desc {
		//width: 80%;
	}
	p.title {
		font-size: 23px;
	}
	ul {
		margin-top: 25px;
		margin-bottom: 30px;
		li {
			position: relative;
			list-style-type: none;
			padding-left: 30px;
			margin-bottom: 25px;
			font-size: 17px;
			color: #333;
			font-family: 'PT Sans', sans-serif;
			float: left;
			width: 50%;
			&:before {
				content: '';
				top: 5px;
				width: 16px;
				height: 16px;
				left: 0;
				position: absolute;
				background-size: 16px;
				background-position: center 0;
				background-repeat: no-repeat;
				background-image: url(franch/mark.svg);
			}
		}
		li:nth-of-type(2n-1) {
			padding-right: 30px;
		}
	}

	div.format {
		width: 48%;
		height: 180px;
		border: 3px solid #0E65E5;
		margin-top: 30px;
		padding-top: 18px;
		padding-left: 20px;
		padding-right: 20px;
		background-position: 20px 20px;
		background-size: 60px;
		background-repeat: no-repeat;
		position: relative;
		span.name {
			font-size: 20px;
			color: #333;
			font-weight: 700;
			display: block;
			padding-left: 80px;
			&:after {
				content: '→';
				margin-left: 10px;
			}
		}
		p {
			position: absolute;
			top: 105px;
			color: #333;

		}
		p:nth-of-type(1) {
			left: 20px;
		}
		p:nth-of-type(2) {
			right: 20px;
			text-align: right;
		}
		span.buy {
			position: absolute;
			left: 50%;
			margin-left: -100px;
			bottom: -24px;
			display: block;
			width: 200px;
			font-weight: 700;
			font-size: 17px;
			background-color: #0E65E5;
			text-align: center;
			color: #fff;
			box-shadow: 0 5px 20px 0 rgba(19,66,189,.3);
			border-radius: 25px;
			padding: 11px 0;
			border: 2px solid transparent;
			transition: all 0.2s ease-in-out;
			&:hover {
				background-color: #F1F8FE;
				border: 2px solid #0e65e5;
				color: #333;
				cursor: pointer;
			}
		}
	}
}

div.s_audit, div.s_analysis, div.s_return {
		div.format span.buy:hover {
			background-color: #fff;
		}
	}

div.s_audit {
	div.format {
		background-image: url(franch/service_audit.svg);
	}
	div.format {
		float: left;
	}
	div.format:nth-of-type(2n) {
		float: right;
	}
}

div.s_search {
	background-color: #F1F8FE;

	img {
		float: right;
		margin-right: 0;
		margin-left: 50px;
	}

	div.format {
		background-image: url(franch/service_search.svg);
		margin: 50px auto 0 auto;
		span.name {
			margin-top: 20px;
		}
	}
}

div.s_analysis {
	div.format {
		background-image: url(franch/service_analysis.svg);
		background-size: 60px;
		margin: 50px auto 0 auto;
		span.name {
			margin-top: 20px;
		}
	}
}

div.s_dissolution {
	background-color: #F1F8FE;

	img {
		float: right;
		margin-right: 0;
		margin-left: 50px;
	}
	div.format {
		background-image: url(franch/service_dissolution.svg);
		span.name {
			margin-top: 20px;
		}
	}
	div.format {
		float: left;
	}
	div.format:nth-of-type(2n) {
		float: right;
	}
}

div.s_return {
	p.desc {
		width: 100%;
	}
	div.format {
		background-image: url(franch/service_return.svg);
		margin: 50px auto 0 auto;
		span.name {
			margin-top: 20px;
		}
	}
}

div.s_help {
	background-color: #F1F8FE;
	padding-bottom: 150px;
	margin-bottom: 0;
	img {
		float: right;
		margin-right: 0;
		margin-left: 50px;
	}
	div.format {
		background-image: url(franch/service_help.svg);
		span.name {
			margin-top: 20px;
		}
	}
	div.format {
		float: left;
	}
	div.format:nth-of-type(2n) {
		float: right;
	}
}

div.s_dogovor {
	p.desc {
		width: 100%;
	}
	div.format {
		background-image: url(franch/service_dogovor.svg);
		background-size: 54px;
	}
	div.format {
		float: left;
	}
	div.format:nth-of-type(2n) {
		float: right;
	}
}

div.s_copyright {
	background-color: #F1F8FE;

	img {
		float: right;
		margin-right: 0;
		margin-left: 50px;
	}

	div.format {
		background-image: url(franch/service_copyright.svg);
		margin: 50px auto 0 auto;
	}
}

div.s_pretenzii {
	p.desc {
		width: 100%;
	}
	div.format {
		background-image: url(franch/service_pretenzii.svg);
		background-size: 54px;
	}
	div.format {
		float: left;
	}
	div.format:nth-of-type(2n) {
		float: right;
	}
	ul {
		li:nth-of-type(5) {
			width: 100%;
		}
	}
}

div.s_upakovka {
	background-color: #F1F8FE;

	img {
		float: right;
		margin-right: 0;
		margin-left: 50px;
	}

	div.format {
		background-image: url(franch/service_upakovka.svg);
		background-size: 54px;
		margin: 50px auto 0 auto;
	}
}

div.s_sud {
	p.desc {
		width: 100%;
	}
	div.format {
		background-image: url(franch/service_sud.svg);
		background-size: 54px;
		margin: 50px auto 0 auto;
		span.name {
			margin-top: 20px;
		}
	}
	ul {
		li:nth-of-type(5) {
			width: 100%;
		}
	}
}

div.s_abonent {
	background-color: #F1F8FE;
	margin-bottom: 0;
	padding-bottom: 100px;

	img {
		float: right;
		margin-right: 0;
		margin-left: 50px;
	}
	div.format {
		background-image: url(franch/service_obsluj.svg);
		background-size: 54px;
		span.name {
			margin-top: 20px;
		}
	}
	div.format {
		float: left;
	}
	div.format:nth-of-type(2n) {
		float: right;
	}
	p.info {
		margin: 30px 0;
		margin-top: 70px;
		padding: 20px 30px;
		border: 3px solid #0E65E5;
		font-size: 22px;
		line-height: 35px;
		text-align: center;
	}
	div.packet1, div.packet2 {
		width: 48%;
	}
	div.packet1 {
		float: left;
	}
	div.packet2 {
		float: right;
	}
	ul li {
		float: none;
		width: 100%;
	}
}

div.cases {
	padding-top: 50px;
	padding-bottom: 100px;
	background-image: url(franch/pattern.png);
	background-color: #00284B;
	span.title {
		font-size: 35px;
		font-weight: 700;
		color: #fff;
		display: block;
		margin-bottom: 45px;
	}
	div.case {
		float: left;
		width: 48%;
		background-color: #fff;
		position: relative;
		z-index: 101;
		padding: 30px;
		padding-bottom: 100px;
		position: relative;
		&:after {
			content: '';
			width: 92%;
			left: 4%;
			bottom: -12px;
			height: 12px;
			background-color: rgba(255, 255, 255, 0.2);
			position: absolute;
		}
		&:before {
			content: '';
			width: 88%;
			left: 6%;
			bottom: -25px;
			height: 25px;
			background-color: rgba(255, 255, 255, 0.5);
			position: absolute;
		}
		img {
			width: 80px;
			border-radius: 50%;
			float: left;
			margin-bottom: 25px;
			margin-right: 20px;
		}
		span.name {
			display: table;
			font-size: 22px;
			font-weight: 700;
			margin-top: 10px;
			margin-bottom: 3px;
			color: #333;
		}
		span.time {
			color: #555;
		}
		p.task, p.answer {
			background-size: 28px;
			background-position: 0 50%;
			background-repeat: no-repeat;
			padding-left: 40px;
			height: 30px;
			line-height: 30px;
			font-size: 20px;
			font-weight: 700;
			color: #333;
			margin-bottom: 15px;
		}
		p.about {
			font-size: 17px;
			color: #333;
			line-height: 27px;
		}
		p.task {
			background-image: url(franch/answer_mark.svg);
		}
		p.answer {
			margin-top: 30px;
			background-image: url(franch/problem_mark.svg);
		}
		span.more {
			font-size: 17px;
			border-bottom: 1px dashed #333;
			display: table;
			margin-top: 20px;
			position: absolute;
			left: 30px;
			bottom: 30px;
			&:hover {
				cursor: pointer;
				border-bottom: 1px dashed transparent;
			}
		}
		span.recall {
			position: absolute;
			right: 30px;
			bottom: 20px;
			border: 3px solid #0E65E5;
			padding: 10px 20px;
			text-align: center;
			font-size: 17px;
			color: #333;
			&:hover {
				cursor: pointer;
				transition: all 0.3s ease-in-out;
				background-color: #0E65E5;
				color: #fff;
			}
		}
	}
	div.case:nth-of-type(2) {
		float: right;
	}

	div.case2 {
		span.name {
			margin-top: 0;
		}
	}
	div.mob_wrapper {
		display: none;
	}
	div.carousel-wrapper {
  		position: relative;
  		div.carousel-item {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			width: 100%;
			opacity: 0;
			transition: all 0.7s ease-in-out;
    		a.arrow {
    		    position: absolute;
    		    top: -120px;
    			margin-top: 30px;
    			display: block;
    			height: 50px;
    			width: 50px;
    			background-size: 22px;
    			background-repeat: no-repeat;
    			background-color: #0E65E5;
    			border-radius: 50%;
    			box-shadow: 0 10px 5px 0px rgb(0, 30, 74);
    			float: left;
    			transition: all 0.3s ease-in-out;
    			&:hover {
    				background-color: #86568F;
    			}
    		}
    		a.arrow-prev {
				background-image: url(franch/prev.svg);
				text-align: right;
				right: 100px;
				background-position: 45% 50%;
    		}
    		a.arrow-next {
				background-image: url(franch/next.svg);
				right: 0px;
				background-position: 55% 50%;
    		}

		}
		[id^="target-item"] {
			display: none;
		}
		div.item-1,
		div.item-4 {
			z-index: 2;
			opacity: 1;
			position: relative;
		}
		*:target ~ .item-1,
		*:target ~ .item-4 {
			opacity: 0;
		}
		#target-item-1:target ~ .item-1,
		#target-item-4:target ~ .item-4 {
			opacity: 1;
		}
		#target-item-2:target ~ .item-2,
		#target-item-3:target ~ .item-3,
		#target-item-4:target ~ .item-4,
		#target-item-5:target ~ .item-5,
		#target-item-6:target ~ .item-6{
			z-index: 3;
			opacity: 1;
		}
	}
}

div.case1,
div.case2,
div.case3,
div.case4,
div.case5,
div.case6,
div.case7,
div.case8,
div.case9,
div.case10,
div.case11,
div.case12 {
	display: none;
}

div.full_case {
	position: absolute;
	bottom: 0;
	left: 0;
	top: 0;
	right: 0;
	overflow-y: scroll;
	-webkit-overflow-scrolling:touch;
	padding: 30px 50px;
	img {
		width: 200px;
		border-radius: 50%;
		float: left;
		margin-bottom: 25px;
		margin-right: 40px;
	}
	span.name {
		display: table;
		font-size: 25px;
		font-weight: 700;
		margin-top: 10px;
		margin-bottom: 3px;
		color: #333;
	}
	span.time {
		color: #555;
		display: block;
		margin-bottom: 10px;
	}
	p {
		font-size: 17px;
		color: #333;
		line-height: 27px;
		margin-bottom: 20px;
	}
	p.task, p.answer, p.result {
		background-size: 28px;
		background-position: 0 50%;
		background-repeat: no-repeat;
		padding-left: 40px;
		height: 30px;
		line-height: 30px;
		font-size: 20px;
		font-weight: 700;
		color: #333;
		margin-bottom: 15px;
	}
	p.task {
		background-image: url(franch/answer_mark.svg);
	}
	p.answer {
		margin-top: 30px;
		background-image: url(franch/problem_mark.svg);
	}
	p.result {
		background-image: url(franch/result_mark.svg);
	}
	ul {
		margin-bottom: 30px;
		li {
			position: relative;
			list-style-type: none;
			padding-left: 30px;
			font-size: 17px;
			color: #333;
			margin-bottom: 15px;
			&:before {
				content: '';
				top: 5px;
				width: 16px;
				height: 16px;
				left: 0;
				position: absolute;
				background-size: 16px;
				background-position: center 0;
				background-repeat: no-repeat;
				background-image: url(franch/mark.svg);
			}
		}
	}
}


div.free_consultation {
	padding-top: 70px;
	padding-bottom: 50px;
	background-image: url(franch/pattern.png);
	background-color: #00284B;
	div.lb {
		width: 40%;
		float: left;
		span.title {
			font-size: 40px;
			font-weight: 700;
			color: #fff;
			display: block;
			margin-bottom: 25px;
		}
		p {
			font-size: 20px;
			font-family: 'PT Sans', sans-serif;
			color: #fff;
		}
	}
	div.rb {
		float: right;
		width: 35%;
		form {
			width: 100%;
			position: relative;
			input {
				display: block;
				z-index: 100;
				width: 100%;
				margin-bottom: 30px;
				background-color: transparent;
				border: none;
				font-size: 18px;
				padding: 10px 15px;
				color: #fff;
				font-size: 18px;
				font-family: 'PT Sans', sans-serif;
				&::-webkit-input-placeholder {color:#fff;opacity: 1;}
				&::-moz-placeholder          {color:#fff;opacity: 1;}
				&:-moz-placeholder           {color:#fff;opacity: 1;}
				&:-ms-input-placeholder      {color:#fff;opacity: 1;}
			}
			input.send {
				display: block;
				width: 180px;
				font-weight: 700;
				font-size: 17px;
				background-color: #0E65E5;
				text-align: center;
				color: #fff;
				border-radius: 25px;
				padding: 15px 0;
				margin-top: 40px;
			}
			input.my_inp {
				border-bottom: 1px solid #fff;
			}
			input:focus::-webkit-input-placeholder {opacity: 0;}
			input:focus::-moz-placeholder          {opacity: 0;}
			input:focus:-moz-placeholder           {opacity: 0;}
			input:focus:-ms-input-placeholder      {opacity: 0;}
		}
	}
}
input, input:focus{
    border-width: 0px;
    outline: 0;
    -webkit-appearance:none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
div.faq {
	padding: 50px 0;
	span.title {
		font-size: 35px;
		font-weight: 700;
		color: #333;
		display: block;
		margin-bottom: 25px;
		padding-top: 20px;
	}
	div.question {
		position: relative;
		span.quest {
			display: block;
			padding: 25px 30px;
			border-bottom: 1px solid #eee;
			font-weight: 700;
			font-size: 22px;
			cursor: pointer;
			color: #333;
		}
		p {
			padding: 0 50px;
			font-size: 17px;
			color: #555;
			line-height: 29px;
			display: none;
			padding-bottom: 30px;
			margin-top: 30px;
			border-bottom: 1px solid #eee;
		}
		span.close, span.spoiler {
			position: absolute;
			right: 30px;
			top: 10px;
			height: 16px;
			width: 16px;
			font-size: 42px;
			font-weight: 700;
			color: #0E65E5;
			z-index: -1;
		}
		span.close {
			&:before {
				content: '–';
			}
		}
		span.open {
			&:before {
				content: '+';
			}
		}
	}
	div.question:nth-of-type(1) {
		p {
			display: block;
		}
		span.quest {
			border-top: 1px solid #eee;
		}
	}
}

div.socicons {
	a {
		display: block;
		float: left;
		width: 24px;
		height: 24px;
		margin-left: 30px;
		background-position: center;
		background-size: 24px;
		background-repeat: no-repeat;
	}
	a.vk {
		background-image: url(franch/vk.svg);
	}
	a.fb {
		background-image: url(franch/fb.svg);
		background-size: 18px;
	}
	a.inst {
		background-image: url(franch/inst.svg);
		background-size: 18px;
	}
	a.youtube {
		background-image: url(franch/youtube.svg);
	}
}



div.big_form {
	div.container {
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 30px;
		background: linear-gradient(to right, #e1ecf1, #ede6ee);
	}
	span.title {
		font-size: 35px;
		font-weight: 700;
		color: #333;
		padding-top: 20px;
		text-align: center;
		display: table;
		margin: 0 auto;
	}
	p.desc {
		font-size: 20px;
		margin-top: 10px;
		margin-bottom: 50px;
		color: #333;
		text-align: center;
	}
	p.policy {
		margin-top: 30px;
		font-size: 15px;
		color: #333;
		width: 70%;
		a {
			color: #333;
		}
	}
	form {
		width: 100%;
		position: relative;
		input {
			border-radius: 3px;
			padding: 10px 15px;
			font-size: 18px;
			height: 45px;
		}
		input.name {
			width: 100%;
			margin-bottom: 20px;
		}
		input.phone, input.email {
			width: 48%;
		}
		input.phone {
			float: right;
		}
		input.email {
			float: left;
		}
		div.contacts {
			float: left;
			width: 48%;
		}
		textarea {
			height: 110px;
			width: 48%;
			float: right;
			border-radius: 3px;
			padding: 10px 15px;
			font-size: 18px;
			border: none;
		}
		input.send {
			position: absolute;
			bottom: -90px;
			right: 0;
			width: 200px;
			font-weight: 700;
			font-size: 17px;
			background-color: #0E65E5;
			text-align: center;
			color: #fff;
			box-shadow: 0 5px 20px 0 rgba(19,66,189,.3);
			height: 50px;
			border: 2px solid transparent;
			transition: all 0.2s ease-in-out;
			&:hover {
				background-color: #F1F8FE;
				border: 2px solid #0e65e5;
				color: #333;
				cursor: pointer;
			}
		}
		input:focus::-webkit-input-placeholder {opacity: 1;}
		input:focus::-moz-placeholder          {opacity: 1;}
		input:focus:-moz-placeholder           {opacity: 1;}
		input:focus:-ms-input-placeholder      {opacity: 1;}
		textarea:focus::-webkit-input-placeholder {opacity: 1;}
		textarea:focus::-moz-placeholder          {opacity: 1;}
		textarea:focus:-moz-placeholder           {opacity: 1;}
		textarea:focus:-ms-input-placeholder      {opacity: 1;}
	}
}


footer {
	padding-top: 50px;
	padding-bottom: 20px;
	background-color: #222;
	background-image: url(franch/pattern.png);
	div.rb {
		float: right;
		width: 60%;
	}
	a.banner {
		text-decoration: none;
		display: block;
		float: left;
		width: 40%;
	}
	div.copyright {
		text-align: center;
		span {
			display: block;
			color: #fff;
			margin-bottom: 5px;
		}
		a {
			color: #fff;
		}
	}
	div.socicons {
		margin-bottom: 20px;
		text-align: center;
		margin: 30px auto;
		display: table;
		a {
			margin-left: 0;
			background-size: 20px;
			width: 50px;
			margin-right: 0;
			background-position: 0 50%
		}
		a.inst {
			background-size: 15px;
		}
		a.fb {
			background-size: 15px;
		}
	}
	ul {
		display: table;
		margin: 0 auto;
		text-align: center;
		li {
			list-style-type: none;
			text-align: center;
			float: left;
			margin-right: 20px;
			a {
				font-size: 17px;
				text-decoration: none;
				color: #fff;
				&:hover {
					text-decoration: underline;
				}
			}
		}
	}
	div.contacts {
		margin-top: -15px;
		float: right;
		width: 25%;
		text-align: right;
		a {
			font-size: 22px;
			color: #fff;
			font-weight: 700;
			text-decoration: none;
			&:hover {
				text-decoration: underline;
			}
		}
		span.recall {
			float: right;
			width: 195px;
			display: block;
			border: 2px solid #fff;
			color: #fff;
			text-align: center;
			padding: 10px 0;
			font-weight: 700;
			margin-top: 15px;
		}
	}
}

div.fform2 {
	text-align: center;
	position: absolute;
	width: 800px;
	height: 450px;
	top: 50%;
	margin-top: -225px;
	left: 50%;
	margin-left: -400px;
	object {
		display: block;
	}
	object, embed {
		width: 100%;
		height: 450px;
	}
	span.close {
		position: absolute;
		right: -50px;
		top: -50px;
		width: 40px;
		height: 40px;
		line-height: 40px;
		color: #fff;
		background-color: rgba(4, 72, 128, 0.6);
		&:hover {
			background-color: #000;
			cursor: pointer;
		}
	}
}

div.fform3 {
	position: absolute;
	width: 60%;
	height: auto;
	top: 10%;
	bottom: 10%;
	left: 20%;
	background-color: #F1F8FE;
	box-shadow: 0 5px 5px 0 rgba(0,0,0,0.1);
}

div.fform_bg, div.fform_bg2, div.fform_bg3{
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0, .8);
	z-index: 151;
	display: none;
}
div.fform_bg3 {
	span.close {
		position: absolute;
		text-align: center;
		right: 30px;
		top: 30px;
		width: 50px;
		font-size: 20px;
		height: 50px;
		line-height: 50px;
		color: #fff;
		background-color: rgba(4, 72, 128, 0.6);
		background-color: rgba(255,255,255,0.2);
		&:hover {
			background-color: rgba(255,255,255,0.5);
			cursor: pointer;
		}
	}
}

div.fform {
	width: 450px;
	height: 390px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
background: -webkit-linear-gradient(left, #e1ecf1, #ede6ee);
background: -o-linear-gradient(left, #e1ecf1, #ede6ee);
background: linear-gradient(to right, #e1ecf1, #ede6ee);
	margin: auto;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
	position: absolute;
	z-index: 101;
	display: none;
	-webkit-box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.2);
       -moz-box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.2);

	span.title {
		font-size: 35px;
		font-weight: 700;
		color: #333;
		padding-top: 20px;
		text-align: center;
		display: table;
		margin-bottom: 30px;
	}
	span.close {
		position: absolute;
		top: 0;
		right: 0;
		background-color: #fff;
		width: 40px;
		color: #333;
		height: 40px;
		font-size: 22px;
		line-height: 40px;
		transition: all 0.2s ease-in-out;
		&:hover {
			cursor: pointer;
			background-color: #0E65E5;
			color: #fff;
		}
	}
	form {
		width: 100%;
		position: relative;
		input {
			border-radius: 3px;
			padding: 10px 15px;
			font-size: 18px;
			height: 45px;
			width: 100%;
			margin-bottom: 20px;
		}
		div.contacts {
			float: left;
			width: 48%;
		}
		input.send2 {
			margin-top: 20px;
			width: 100%;
			font-weight: 700;
			font-size: 17px;
			background-color: #0E65E5;
			text-align: center;
			color: #fff;
			box-shadow: 0 5px 20px 0 rgba(19,66,189,.3);
			height: 50px;
			border: 2px solid transparent;
			transition: all 0.2s ease-in-out;
			&:hover {
				background-color: #F1F8FE;
				border: 2px solid #0e65e5;
				color: #333;
				cursor: pointer;
			}
		}
		input:focus::-webkit-input-placeholder {opacity: 1;}
		input:focus::-moz-placeholder          {opacity: 1;}
		input:focus:-moz-placeholder           {opacity: 1;}
		input:focus:-ms-input-placeholder      {opacity: 1;}
		textarea:focus::-webkit-input-placeholder {opacity: 1;}
		textarea:focus::-moz-placeholder          {opacity: 1;}
		textarea:focus:-moz-placeholder           {opacity: 1;}
		textarea:focus:-ms-input-placeholder      {opacity: 1;}
	}
}

div.course-ad-wrap {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(30,30,30,0.75);
	z-index: 161;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-ms-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
	div.course-ad-content {
		position: absolute;
		width: 700px;
		height: 355px;
		background-color: #fff;
		top: 50%;
		margin-top: -250px;
		left: 50%;
		margin-left: -350px;
		background-color: #325BD1;
		padding: 50px 300px 0 40px;
		&:before {
			position: absolute;
			content: '';
			right: 0;
			width: 50%;
			top: 0;
			bottom: 0;
			background-position: 50% 0;
			background-repeat: no-repeat;
			background-size: cover;
			background-image: url(franch/question.svg);
		}
	}
	span.course-close {
		position: absolute;
		right: -60px;
		top: -60px;
		width: 28px;
		height: 28px;
		z-index: 121;
		svg {
			-webkit-transition: all 0.25s;
			-moz-transition: all 0.25s;
			-ms-transition: all 0.25s;
			-o-transition: all 0.25s;
			transition: all 0.25s;
			path {
				fill: inherit;
				stroke: inherit;
				stroke-width: inherit;
			}
		}
		&:hover {
			cursor: pointer;
			.icon {
				fill: #fff !important;
			}
		}
	}
	span.title {
		color: #fff;
		text-transform: uppercase;
		font-size: 28px;
		font-weight: 700;
		display: block;
		line-height: 40px;
		margin-bottom: 15px;
	}
	p {
		color: rgba(255,255,255,0.85);
		margin-bottom: 25px;
		line-height: 25px;
		font-size: 17px;
		font-family: 'PT Sans', sans-serif;
		b {
			color: rgba(255,255,255,0.9);
			font-weight: 700;
			font-family: 'PT Sans', sans-serif;
		}
	}
	span.recall {
		font-family: 'PT Sans', sans-serif;
		text-decoration: none;
		background-color: #fff;
		border-radius: 4px;
		display: table;
		padding: 12px 50px 12px 20px;
		color: #325BD1;
		font-size: 16px;
		font-weight: 700;
		margin-top: 40px;
		background-position: 90% 50%;
		background-repeat: no-repeat;
		background-image: url(franch/send.svg);
		background-size: 12px;
		-webkit-transition: all 0.25s;
		-moz-transition: all 0.25s;
		-ms-transition: all 0.25s;
		-o-transition: all 0.25s;
		transition: all 0.25s;
		cursor: pointer;
	}
}

@media only screen and (min-height: 550px) and (max-height: 810px) {
	div#first {
		min-height: 650px;
	}
	header div.text {
		margin-top: 30px;
	}
	header div.text span.t1 {
		font-size: 50px;
	}
	header div.type {
		bottom: 30px;
	}
	header div.video {
		background-size: 250px;
		width: 340px;
	}
}

@media only screen and (min-width: 1000px) and (max-width: 1160px) {
	div.container {
		max-width: 980px;
	}
	header div.text span.t1 {
		font-size: 50px;
	}
	div.services a.service {
		min-height: 220px;
		span {
			font-size: 16px;
			line-height: 25px;
		}
	}
	div.s_dissolution div.format:nth-of-type(1) span.name {
		margin-top: 0;
	}
	div.s_help div.format:nth-of-type(2) span.name {
		margin-top: 0;
	}
}

@media screen and (max-width: 800px) {
	div#first {
		min-height: 640px;
	}
	header div.video {
		display: none;
	}
	header div.container {
		padding: 20px;
	}
	header div.contacts a.pc_phone {
		display: none;
	}
	header div.logo {
		width: 100%;
		float: none;
		img {
			width: 200px;
		}
	}
	header div.socicons {
		display: none;
	}
	header div.contacts {
		width: 100%;
		float: none;
		margin: 0;
		margin-top: 15px;
		span {
			float: left;
			width: 100%;
			margin-top: 20px;
		}
		span.preview-block__btn {
			max-width: 100%;
			padding: 16px 0;
		}
		a.mob_phone {
			display: block;
			position: absolute;
			right: 20px;
			top: 20px;
			background-color: rgba(255,255,255,0.9);
			border-radius: 50%;
			width: 60px;
			height: 60px;
			background-position: 50%;
			background-size: 28px;
			background-repeat: no-repeat;
			background-image: url(franch/phone.svg);
		}
	}
	header div.text {
		margin-top: 50px;
		span.pc_text {
			display: none;
		}
		span.mob_text {
			display: block;
		}
		span.t1 {
			font-size: 35px;
		}
	}
	header div.type {
		bottom: 30px;
		left: 20px;
		right: 20px;
		a.select {
			float: none;
			width: 100%;
			background-size: 50px;
			background-position: 0 50%;
			padding: 15px 10px 10px 80px;
			margin-top: 20px;
			p {
				display: none;
			}
			span {
				font-size: 22px;
			}
		}
		a.franchayzer {
			background-position: 10px 50%;
			background-size: 46px;
		}
	}

	div.about_us {
		margin-top: 0;
		padding-top: 20px;
		padding-bottom: 0;
		div.container {
			padding: 0 20px;
		}
		div.lb, div.rb {
			float: none;
			width: 100%;
		}
		div.rb span.title, div.rb p.desc {
			display: none;
		}
		div.lb span.mob_title {
			font-size: 35px;
			font-weight: 700;
			color: #333;
			display: block;
			margin-bottom: 25px;
		}
		div.lb div.person {
			img {
				width: 90%;
			}
		}
	}
	div.services {
		div.container {
			padding: 0 20px;
		}
		span.title {
			margin-bottom: 20px;
		}
		div.desc {
			display: none;
		}
		a.service {
			float: none;
			width: 100%;
			margin-right: 2%;
			background-size: 50px;
			padding-left: 80px;
			height: 100px;
			margin-top: 10px;
			span {
				font-size: 16px;
			}
			p {
				display: none;
			}
		}
		a.service:nth-of-type(3n) {
			float: none;
		}
	}
	div.our_service {
		padding-bottom: 1px;
		padding-top: 30px;
		div.container {
			padding: 0 20px;
		}
		img {
			width: 50px;
			margin-right: 20px;
			margin-bottom: 20px;
		}
		span.title {
			font-size: 23px;
			padding-top: 0;
		}
		p.title {
			margin-top: 30px;
			font-size: 20px;
		}
		ul {
			li {
				float: none;
				width: 100%;
				margin-bottom: 0;
				margin-top: 20px;
			}
			li:nth-of-type(2n-1) {
				padding-right: 0;
			}
		}
		div.format {
			float: none;
			width: 100%;
			margin-bottom: 50px;
			height: auto;
			background-size: 50px;
			padding-bottom: 50px;
			span.name {
				font-size: 17px;
				padding-left: 60px;
				margin-top: 5px;
				margin-bottom: 20px;
			}
			p {
				position: static;
				margin-top: 5px;
				font-size: 16px;
			}
			p:nth-of-type(2n) {
				text-align: left;
			}
		}
		div.format:nth-of-type(2n) {
			float: none;
		}
	}
	div.s_search img,
	div.s_dissolution img,
	div.s_help img,
	div.s_copyright img,
	div.s_upakovka img,
	div.s_abonent img {
		float: left;
		margin-left: 0;
		margin-right: 20px;
	}
	div.s_abonent p.info {
		margin-top: 20px;
		font-size: 18px;
		text-align: left;
		line-height: 29px;
		padding: 20px;
	}
	div.s_abonent div.packet1, div.s_abonent div.packet2 {
		float: none;
		width: 100%;
	}
	div.cases {
		padding-top: 30px;
		padding-bottom: 50px;
		div.container {
			padding: 0 20px;
		}
		div.pc_wrapper {
			display: none;
		}
		div.mob_wrapper {
			display: block;
			margin-top: 100px;
		}
		div.case {
			width: 100%;
			float: none;
			padding: 20px;
			img {
				width: 50px;
			}
			span.name {
				font-size: 17px;
				margin-top: 0;
			}
			span.time {
				font-size: 14px;
			}
			p.about {
				font-size: 15px;
			}
			span.more, span.recall {
				position: static;
			}
			span.recall {
				display: block;
				margin-top: 20px;
			}
		}
		div.carousel-wrapper {
			div.carousel-item a.arrow {
				top: -100px;
			}
			div.carousel-item a.arrow-prev {
				left: 60px;
			}
			div.carousel-item a.arrow-next {
				right: 60px;
			}
			div.item-7,
			div.item-13 {
				z-index: 2;
				opacity: 1;
				position: relative;
			}
			*:target ~ .item-7,
			*:target ~ .item-13 {
				opacity: 0;
			}
			#target-item-7:target ~ .item-7,
			#target-item-13:target ~ .item-13 {
				opacity: 1;
			}
			#target-item-7:target ~ .item-7,
			#target-item-8:target ~ .item-8,
			#target-item-9:target ~ .item-9,
			#target-item-10:target ~ .item-10,
			#target-item-11:target ~ .item-11,
			#target-item-12:target ~ .item-12,
			#target-item-13:target ~ .item-13,
			#target-item-14:target ~ .item-14,
			#target-item-15:target ~ .item-15,
			#target-item-16:target ~ .item-16,
			#target-item-17:target ~ .item-17,
			#target-item-18:target ~ .item-18{
				z-index: 3;
				opacity: 1;
			}
		}
	}

	div.faq {
		padding-top: 0;
		div.container {
			padding: 0 20px;
		}
		div.question {
			margin-left: -20px;
			margin-right: -20px;
			span.quest {
				padding-right: 50px;
				font-size: 18px;
			}
			span.spoiler {
				right: 20px;
			}
			p {
				padding: 0 30px;
				padding-bottom: 30px;
			}
		}
	}
	div.big_form {
		div.container {
			padding: 0 20px;
		}
		span.title {
			padding-top: 20px;
			font-size: 27px;
		}
		form div.contacts {
			float: none;
			width: 100%;
			input {
				float: none;
				width: 100%;
				margin-bottom: 20px;
			}
		}
		form textarea {
			width: 100%;
		}
		form input.send {
			width: 100%;
			position: static;
			margin-top: 30px;
		}
		p.policy {
			width: 100%;
			padding-bottom: 20px;
		}
	}
	footer {
		padding: 15px 0;
		div.container {
			padding: 0 20px;
		}
		a.banner {
			float: none;
			width: 100%;
			img {
				max-width: 90%;
			}
		}
		div.rb {
			float: none;
			width: 100%;
		}
		ul {
			margin-top: 25px;
			li {
				float: none;
				margin-bottom: 20px;
				margin-right: 0;
			}
		}
	}
	div.course-ad-wrap div.course-ad-content {
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		margin-left: 0;
		margin-top: 0;
		padding: 30px;
		&:before {
			left: 0;
			height: 50%;
			width: 100%;
			top: auto;
		}
		span.course-close {
			right: 10px;
			top: 10px;
			.icon {
				fill: #ddd !important;
			}
		}
	}
	div.fform {
		width: 100%;
		height: 400px;
	}
	div.fform3 {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	div.full_case {
		padding: 20px;
		img {
			width: 50px;
			margin-right: 20px;
		}
		span.name {
			font-size: 20px;
			margin-top: 0;
			padding-right: 50px;
		}
		span.time {
			font-size: 15px;
		}
	}
	div.fform_bg3 span.close {
		z-index: 1000;
		top: 0;
		right: 0;
		color: #333;
		background-color: #0E65E5;
		background-color: #fff;
	}
}










.circlephone{
	box-sizing:content-box;
	-webkit-box-sizing:content-box;
	border: 3px solid #fff;
	width:118px;
	height:118px;
	bottom:-25px;
	left: 0px;
	position:absolute;
	-webkit-border-radius:100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	opacity: .5;
	-webkit-animation: circle-anim 2s infinite ease-in-out !important;
	-moz-animation: circle-anim 2s infinite ease-in-out !important;
	-ms-animation: circle-anim 2s infinite ease-in-out !important;
	-o-animation: circle-anim 2s infinite ease-in-out !important;
	animation: circle-anim 2s infinite ease-in-out !important;
}
.circle-fill{
	box-sizing:content-box;
	-webkit-box-sizing:content-box;
	width:70px;
	height:70px;
	bottom:0px;
	left:25px;
	position:absolute;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid #fff;
	-webkit-animation: circle-fill-anim 2s infinite ease-in-out;
	-moz-animation: circle-fill-anim 2s infinite ease-in-out;
	-ms-animation: circle-fill-anim 2s infinite ease-in-out;
	-o-animation: circle-fill-anim 2s infinite ease-in-out;
	animation: circle-fill-anim 2s infinite ease-in-out;
}
.img-circle{
	box-sizing:content-box;
	-webkit-box-sizing:content-box;
	width:72px;
	height:72px;
	bottom: 0px;
	left: 26px;
	position:absolute;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
}
.img-circleblock{
	box-sizing:content-box;
	-webkit-box-sizing:
	content-box;width:72px;
	height:72px;
	background-image:url(franch/play.svg);
	background-position: center center;
	background-repeat:no-repeat;
	
}
.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;}}