@media screen and (max-width:460px) {
	
	header.fixed { font-family:a_bodoninova_spec; height:60px; width:100%; margin:0 auto; padding-left:0px; padding-right:0px; position:fixed;
background: url(../img/bg2.png)/*tpa=http://avon-predstavitel.com/img/bg2.png*/ 50% 0 ;
background-repeat:no-repeat;

	-webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
		
		-moz-box-shadow:0px 0px 3px rgba(0,0,0,0.2);
		-webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.2);
		-o-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
		box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
		-ms-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
		z-index:5;
}



header.fixed .logo {display:none;}


header.fixed nav {display:inline-block; width:100%; text-align:center; clear:both; height:100%;}
header.fixed nav .navigation { display:block; position:relative; margin-top:7px; text-align:center;}
	   
header.fixed nav .navigation .top-menu {font-size:12px; margin:0; padding:0;}
header.fixed nav .navigation .top-menu li {
   	   display: inlin-block;
       padding-left: 20px; padding-right:20px;}
header.fixed nav .navigation .top-menu li a.active {color:#ffe800;text-decoration:none; border: 0px;}
	
}

@media screen and (min-width:460px) and (max-width:716px) {
	
	header.fixed { font-family:a_bodoninova_spec; height:50px; width:100%; margin:0 auto; padding-left:0px; padding-right:0px; position:fixed;
background: url(../img/bg2.png)/*tpa=http://avon-predstavitel.com/img/bg2.png*/ 50% 0 ;
background-repeat:no-repeat;

	-webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
		
		-moz-box-shadow:0px 0px 3px rgba(0,0,0,0.2);
		-webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.2);
		-o-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
		box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
		-ms-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
		z-index:5;
}



header.fixed .logo {display:none;}


header.fixed nav {display:inline-block; width:100%; text-align:center; clear:both; height:100%;}
header.fixed nav .navigation { display:block; position:relative; margin-top:13px; text-align:center;}
	   
header.fixed nav .navigation .top-menu {font-size:12px; margin:0; padding:0;}
header.fixed nav .navigation .top-menu li {
   	   display: inlin-block;
       padding-left: 20px; padding-right:20px;}
header.fixed nav .navigation .top-menu li a.active {color:#ffe800;text-decoration:none; border: 0px;}
	
}

@media screen and (min-width:717px) and (max-width:796px) {
header.fixed { font-family:a_bodoninova_spec; height:45px; width:100%; margin:0 auto; padding-left:0px; padding-right:0px; position:fixed;
background: url(../img/bg2.png)/*tpa=http://avon-predstavitel.com/img/bg2.png*/ 50% 0 ;
background-repeat:no-repeat;

	-webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
		
		-moz-box-shadow:0px 0px 3px rgba(0,0,0,0.2);
		-webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.2);
		-o-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
		box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
		-ms-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
		z-index:5;
}



header.fixed .logo {display:none;}


header.fixed nav {display:inline-block; width:100%; text-align:center; clear:both; height:100%;}
header.fixed nav .navigation { display:block; position:relative; margin-top:13px; text-align:center;}
	   
header.fixed nav .navigation .top-menu {font-size:14px; margin:0; padding:0;}
header.fixed nav .navigation .top-menu li {
   	   display: inlin-block;
       padding-left: 10px; padding-right:10px;}
header.fixed nav .navigation .top-menu li a.active {color:#ffe800;text-decoration:none; border: 0px;}
}

@media screen and (min-width:797px) and (max-width:954px) {
	header.fixed { font-family:a_bodoninova_spec; height:50px; width:100%; margin:0 auto; padding-left:0px; padding-right:0px; position:fixed;
background: url(../img/bg2.png)/*tpa=http://avon-predstavitel.com/img/bg2.png*/ 50% 0 ;
background-repeat:no-repeat;

	-webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
		
		-moz-box-shadow:0px 0px 3px rgba(0,0,0,0.2);
		-webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.2);
		-o-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
		box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
		-ms-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
		z-index:5;
}



header.fixed .logo {display:none;}


header.fixed nav {display:inline-block; width:100%; text-align:center; clear:both; height:100%;}
header.fixed nav .navigation { display:block; position:relative; margin-top:13px; text-align:center;}
	   
header.fixed nav .navigation .top-menu {font-size:16px; margin:0; padding:0;}
header.fixed nav .navigation .top-menu li {
   	   display: inlin-block;
       padding-left: 20px;}
header.fixed nav .navigation .top-menu li a.active {color:#ffe800;text-decoration:none; border: 0px;}
}

@media screen and (min-width:955px) and (max-width:1090px) {
	

header.fixed { font-family:a_bodoninova_spec; height:50px; width:100%; margin:0 auto; padding-left:0px; padding-right:0px; position:fixed;
background: url(../img/bg2.png)/*tpa=http://avon-predstavitel.com/img/bg2.png*/ 50% 0 ;
background-repeat:no-repeat;

	-webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
		
		-moz-box-shadow:0px 0px 3px rgba(0,0,0,0.2);
		-webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.2);
		-o-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
		box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
		-ms-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
		z-index:5;
}



header.fixed .logo {display:none;}


header.fixed nav {display:inline-block; width:100%; text-align:center; clear:both; height:100%;}
header.fixed nav .navigation { display:block; position:relative; margin-top:13px; text-align:left;}
	   
header.fixed nav .navigation .top-menu {font-size:20px; margin:0; padding:0;}
header.fixed nav .navigation .top-menu li {
   	   display: inlin-block;
       padding-left: 20px;}
header.fixed nav .navigation .top-menu li a.active {color:#ffe800;text-decoration:none; border: 0px;}
}


@media screen and (min-width:0px) and (max-width:1362px) {
	header.default .logo .avon {display:block; color:#fff; font-size:38px; letter-spacing:12px; line-height:1; width: inherit; margin-top:32px;}
header.default .logo .sub {display:block; width:inherit; font-size:11px;}
}

@media screen and (min-width:0px) and (max-width:1460px) {
	.mainpage article .bonus-img-wrap .step {display:inline-block; font-family:a_bodoninovan_regular; color:#ffac12; text-align: justify;}
							  .step .number {display:inline-block; font-size:80px; line-height:1; margin-right:10px; float:left; clear:both;}
							  .step .shag {display:inline-block; text-transform:uppercase; font-size:25px; line-height:25px; margin-top:10px;}
							  .step .shag-text {font-family:'PT Sans Narrow'; text-transform:none; font-size:16px; color:#e4086b;}
}