
	@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400&subset=latin,cyrillic);
	
	.ibrush-banner{
		width: 100%;
		height: 60px;
		background: #636363;
		position: relative;
		overflow: hidden;
		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
		user-select:none;
		-webkit-user-select:none;
		-moz-user-select:none;
		-ms-user-select:none;
	}
	.ibrush-banner *{
		margin: 0;
		padding: 0;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
	}
	.ibrush-banner .cats{
		display: inline-block;
		width: 211px;
		height: 122px;
		top: 0;
		background: url(cats.png) no-repeat;
		-webkit-animation: cats 0.65s linear;
		-moz-animation: cats 0.65s linear;
		animation: cats 0.65s linear;
		right: 150px;
		position: absolute;
	}
	.ibrush-banner .cat-eye{
		width: 7px;
		height: 7px;
		position: absolute;
		display: inline-block;
		background: url(cat-eye.png) no-repeat;
	}
	.ibrush-banner .cat-eye.left{
		left: 84px;
		top: 25px;
		-webkit-animation: eyeLeft 20s infinite;
		-moz-animation: eyeLeft 20s infinite;
		animation: eyeLeft 20s infinite;
	}
	.ibrush-banner .cat-eye.right{
		left: 107px;
		top: 27px;
		-webkit-animation: eyeRight 20s infinite;
		-moz-animation: eyeRight 20s infinite;
		animation: eyeRight 20s infinite;
	}
	.ibrush-banner .logo{
		display: inline-block;
		text-decoration: none;
		width: 112px;
		margin-top: 13px;
		float: left;
		height: 31px;
		background: url(logo.png) no-repeat;
	}
	.ibrush-banner .text-row{
		font-size: 24px;
		color: #fff;
		position: relative;
		height: 60px;
		overflow: hidden;
		float: left;
		width: 700px;
		line-height: 60px;
		margin-left: 110px;
	}
	.ibrush-banner .text-row > div{
		height: 60px;
		width: 100%;
		position: absolute;
	}
	.ibrush-banner .text-row > div.first{
		top: 0;
		-moz-animation: textFirst 20s infinite;
		-webkit-animation: textFirst 20s infinite;
		animation: textFirst 20s infinite;
	}
  .ibrush-banner .item a.first{
    text-decoration: none;
    color: inherit;
    display: block;
    width: 100%;
    height: 60px;
    position: absolute;
    left: 0;
    top: 0;
    -moz-animation: textFirst 20s infinite;
		-webkit-animation: textFirst 20s infinite;
		animation: textFirst 20s infinite;
    z-index:10;
  }
	.ibrush-banner .text-row > div.second{
		top: -100%;
		-moz-animation: textSecond 20s infinite;
		-webkit-animation: textSecond 20s infinite;
		animation: textSecond 20s infinite;
	}
  .ibrush-banner .item a.second{
    text-decoration: none;
    color: inherit;
    display: block;
    width: 100%;
    height: 60px;
    position: absolute;
    top: -100%;
    left: 0;
    -moz-animation: textSecond 20s infinite;
		-webkit-animation: textSecond 20s infinite;
		animation: textSecond 20s infinite;
    z-index:10;
  }
	.ibrush-banner .text-row > div.third{
		top: -100%;
		-moz-animation: textThird 20s infinite;
		-webkit-animation: textThird 20s infinite;
		animation: textThird 20s infinite;
	}
	.ibrush-banner .item{
		width: 1200px;
		margin: 0 auto;
		position: relative;
    height: 100%;
	}
	.ibrush-banner .menu li {
		display: inline-block;
		padding: 0 10px;
		position: relative;
		vertical-align: top;
		margin-top: -100%;
	}
	.ibrush-banner .menu li:nth-child(1){
		-moz-animation: menuFirst 20s infinite;
		-webkit-animation: menuFirst 20s infinite;
		animation: menuFirst 20s infinite;
	}
	.ibrush-banner .menu li:nth-child(2){
		-moz-animation: menuSecond 20s infinite;
		-webkit-animation: menuSecond 20s infinite;
		animation: menuSecond 20s infinite;
	}
	.ibrush-banner .menu li:nth-child(3){
		-moz-animation: menuThird 20s infinite;
		-webkit-animation: menuThird 20s infinite;
		animation: menuThird 20s infinite;
	}
	.ibrush-banner .menu li:nth-child(4){
		-moz-animation: menuFourth 20s infinite;
		-webkit-animation: menuFourth 20s infinite;
		animation: menuFourth 20s infinite;
	}
	.ibrush-banner .menu li:nth-child(5){
		-moz-animation: menuFifth 20s infinite;
		-webkit-animation: menuFifth 20s infinite;
		animation: menuFifth 20s infinite;
	}
	.ibrush-banner .menu li a{
		font-size: 15px;
		line-height: 60px;
		display: block;
		text-decoration: none;
		color: #fff;
    font-weight: 400;
	}
	.ibrush-banner .menu li a:hover{
		opacity: .8;
	}
	.ibrush-banner .new {
		font-family: arial ,sans-serif;
		font-size: 10px;
		color: #000;
		height: 8px;
		line-height: 8px;
		padding: 0 2px;
		position: absolute;
		bottom: 27px;
		right: -17px;
		background: #65e362;
		letter-spacing: -0.1em;
	}
	.ibrush-banner .b-btn{
		font-size: 16px;
		position: relative;
		display: inline-block;
		overflow: hidden;
		padding: 7px 11px;
		cursor: pointer;
		color: #fff;
		border: 0;
	}
	.ibrush-banner .b-btn span{
		position: relative;
		display: block;
		color: #fff;
	}

	.ibrush-banner .b-btn:before{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		content: '';
		transition: top 300ms ease;
		background: #ba4d44;
	}
	.ibrush-banner .b-btn:hover:before{
		top: -100%;
	}
	.ibrush-banner .b-btn:after{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		content: '';
		background: none;
		box-shadow: 0 0 0 1px #fff inset;
	}
	.ibrush-banner .b-btn:hover:after{
		top: 0;
	}
	.ibrush-banner .send-request__link{
		font-size: 15px;
		display: inline-block;
		float: right;
		overflow: hidden;
		height: 35px;
		line-height: 35px;
		padding: 0 18px;
		text-decoration: none;
		font-weight: 800;
		margin-top: 13px;
		text-align: center;
		vertical-align: top;
		border-radius: 15px;
		color: #fff;
    z-index: 15;
		box-shadow: 0 2px 0 rgba(0,0,0,.35);
		background: #ba4d44;
	}
	.ibrush-banner .send-request__link:after{
		top: 40px;
		transition: top 300ms ease;
		background: rgba(255,255,255,.9);
	}
	.ibrush-banner .send-request__link:before{
		background: none;
	}
	.ibrush-banner .send-request__link:hover:after{
		top: 0;
	}
	.ibrush-banner .b-btn.send-request__link:hover span{
		z-index: 5;
		color: #000;
	}
	/*Animation*/

	/*Cats*/
	@keyframes cats{
		0%{
			top: 50px;
		}
		60% {
			top: -15px;
		}
		100% {
			top: 0;
		}
	}
	/*end*/

	/*Text*/
	@keyframes textFirst{
		0%{
			top: 0;
		}
		20% {
			top: 0;
		}
		22.25% {
			top: 0;
		}
		24.75% {
			top: 110%;
		}
		35% {
			visibility: hidden;
		}
		90% {
			top: -100%;
			visibility: hidden;
		}
		95% {
			top: -100%;
			visibility: visible;
		}
		98% {
			top: 15%;
		}
	}
	
	@keyframes textSecond{
		0%{
			top: -100%;
		}
		20% {
			top: -100%;
		}
		25.5% {
			top: -100%;
		}
		27.75% {
			top: 15%;
		}
		29.25% {
			top: 0;
		}
		37.5% {
			top: 0;
		}
		39.75% {
			top: 100%;
		}
		90% {
			top: 100%;
		}
		100% {
			top: 100%;
		}
	}
	
	@keyframes textThird{
		0%{
			top: -100%;
		}
		20% {
			top: -100%;
		}
		30% {
			top: -100%;
		}
		37.5% {
			top: -100%;
		}
		42.75% {
			top: 0;
		}
		90% {
			top: 0;
		}
		100% {
			top: 100%;
		}
	}

	@keyframes menuFirst{
		0%{
			margin-top: -100%;
		}
		20% {
			margin-top: -100%;
		}
		30% {
			margin-top: -100%;
		}
		39.75% {
			margin-top: -100%;
		}
		41.25% {
			margin-top: 0;
		}
		90% {
			margin-top: 0;
		}
		100% {
			margin-top: 100%;
		}
	}

	@keyframes menuSecond{
		0%{
			margin-top: -100%;
		}
		20% {
			margin-top: -100%;
		}
		30% {
			margin-top: -100%;
		}
		41.25% {
			margin-top: -100%;
		}
		42.75% {
			margin-top: 0;
		}
		90% {
			margin-top: 0;
		}
		100% {
			margin-top: 100%;
		}
	}

	@keyframes menuThird{
		0%{
			margin-top: -100%;
		}
		20% {
			margin-top: -100%;
		}
		30% {
			margin-top: -100%;
		}
		41.25% {
			margin-top: -100%;
		}
		44.25% {
			margin-top: 0;
		}
		90% {
			margin-top: 0;
		}
		100% {
			margin-top: 100%;
		}
	}

	@keyframes menuFourth{
		0%{
			margin-top: -100%;
		}
		20% {
			margin-top: -100%;
		}
		30% {
			margin-top: -100%;
		}
		41.25% {
			margin-top: -100%;
		}
		45.75% {
			margin-top: 0;
		}
		90% {
			margin-top: 0;
		}
		100% {
			margin-top: 100%;
		}
	}

	@keyframes menuFifth{
		0%{
			margin-top: -100%;
		}
		20% {
			margin-top: -100%;
		}
		30% {
			margin-top: -100%;
		}
		41.25% {
			margin-top: -100%;
		}
		47.25% {
			margin-top: 0;
		}
		90% {
			margin-top: 0;
		}
		100% {
			margin-top: 100%;
		}
	}

	@keyframes eyeLeft{
		0%{
			left: 80px;
		}
		20% {
			left: 80px;
		}
		30% {
			left: 80px;
		}
		56% {
			left: 80px;
		}
		60% {
			left: 87px;
		}
		70% {
			left: 87px;
		}
		95% {
			left: 87px;
		}
		100% {
			left: 80px;
		}
	}

	@keyframes eyeRight{
		0%{
			left: 104px;
		}
		20% {
			left: 104px;
		}
		30% {
			left: 104px;
		}
		56% {
			left: 104px;
		}
		60% {
			left: 111px;
		}
		70% {
			left: 111px;
		}
		95% {
			left: 111px;
		}
		100% {
			left: 104px;
		}
	}

	