.callback_btn_area {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 999;
}

.callback_btn_area_wrap{
	width: 200px;
	position: relative;
}

.callback_btn {
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: #7baee2;
	background-image: url("data:image/svg+xml;base64,CgkJPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSI4MCIgdmlld0JveD0iMCAwIDgwIDgwIiB2ZXJzaW9uPSIxLjEiIGNsYXNzPSJyYy1yZXNldCI+CgkJCTxwYXRoIGZpbGw9IiNmZmYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQyLjczNDI3OSwgNDEuNDk5NDQ5KSByb3RhdGUoMTIwLjAwMDAwMCkgdHJhbnNsYXRlKC00Mi43MzQyNzksIC00MS40OTk0NDkpIiBkPSJNMjcuOSA1MC4yQzI2LjYgNTAuOSAyNiA1MC45IDI1IDQ5LjcgMjQuNyA0OS40IDI0LjggNDkuMSAyNS4xIDQ4LjkgMjggNDcuMyAyOS44IDQ2LjIgMzIuMyA0NC44IDMyLjUgNDQuNiAzMi44IDQ0LjUgMzMuMSA0NC41IDMzLjMgNDQuNCAzMy42IDQ0LjYgMzMuNyA0NC43IDM0LjEgNDUuNiAzMy42IDQ2LjkgMzIuNyA0Ny40IDMxLjkgNDcuOSAzMC44IDQ4LjUgMzAuMiA0OC44IDI5LjYgNDkuMiAyOC43IDQ5LjggMjcuOSA1MC4yWk01Ny41IDUwLjJDNTguOCA1MC45IDU5LjQgNTAuOSA2MC40IDQ5LjcgNjAuNyA0OS40IDYwLjcgNDkuMSA2MC4zIDQ4LjkgNTcuNCA0Ny4zIDU1LjYgNDYuMiA1My4yIDQ0LjggNTIuOSA0NC42IDUyLjYgNDQuNSA1Mi4zIDQ0LjUgNTIuMiA0NC40IDUxLjggNDQuNiA1MS44IDQ0LjcgNTEuNCA0NS42IDUxLjkgNDYuOSA1Mi43IDQ3LjQgNTMuNiA0Ny45IDU0LjYgNDguNSA1NS4yIDQ4LjggNTUuOSA0OS4yIDU2LjggNDkuOCA1Ny41IDUwLjJaTTYwLjkgNDcuOUM1OS4yIDQ2LjkgNTQuOSA0NC40IDUyLjkgNDMuMyA1Mi43IDQzLjEgNTIuNCA0Mi44IDUyLjQgNDIuNSA1Mi4xIDQwLjcgNTAuOSAzOS4zIDQ5IDM5LjMgNDYuOSAzOS4zIDQ0LjggMzkuMiA0Mi43IDM5LjIgNDAuNyAzOS4yIDM4LjYgMzkuMyAzNi41IDM5LjMgMzQuNiAzOS4zIDMzLjQgNDAuNyAzMy4xIDQyLjUgMzMuMSA0Mi44IDMyLjggNDMuMSAzMi42IDQzLjMgMzAuNiA0NC40IDI3LjEgNDYuNCAyNC42IDQ3LjggMjQuMyA0OCAyMy43IDQ3LjggMjMuNCA0NyAyMy4yIDQ2LjQgMjMuMSA0NS44IDIzIDQ1LjIgMjIuMyA0MS43IDIzLjYgMzggMjYuOCAzNi40IDI4LjcgMzUuNCAzMC43IDM0LjYgMzIuNyAzMy45IDM1LjkgMzIuNiAzOS4zIDMyLjMgNDIuNyAzMi40IDQ2LjIgMzIuMyA0OS41IDMyLjYgNTIuOCAzMy45IDU0LjggMzQuNiA1Ni44IDM1LjQgNTguNyAzNi40IDYxLjkgMzggNjMuMiA0MS43IDYyLjUgNDUuMiA2Mi40IDQ1LjggNjEuOSA0Ni45IDYxLjcgNDcuNSA2MS42IDQ3LjggNjEuMiA0OCA2MC45IDQ3LjlaIiBjbGFzcz0icmMtcmVzZXQiPjwvcGF0aD4KCQk8L3N2Zz4KCQ==");
	background-position: center center;
	width: 50px;
	height: 50px;
	background-size: contain;
	border-radius: 10em;
	border: 1px solid #333;
	box-shadow: 0px 0px 2px 2px #7baee2;
}

.callback_btn:hover {
	cursor: pointer;
	box-shadow: 0px 0px 5px 5px #7baee2;
}

.cb_hide {
	display: none;
}

.callback_select_area{
	display: none;
	width: 200px;
	position: absolute;
	right: 55px;
	bottom: 0;
	overflow: hidden;
	border-radius: 3px;
}

.callback_select_area ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}

.callback_select_area ul li {
	display: block;
	padding: 10px 10px;
	margin: 2px;
	border: 1px solid #888;
	box-sizing: border-box;
	border-radius: 10px;
	cursor: pointer;
	background: #eef3fa;
}

.callback_select_area ul li:hover {
	background: #7baee2;
	color: #fff;
}

.clearfix:before, .clearfix:after {
  content: "";
  display: table;}
.clearfix:after {
  clear: both;
}
.home #header{height:560px;background-position:50% 470px}
#header .menu1{top:50px;}
#header .clearfix {top:92px !important;}
#header2 {position:relative;/*top:91px;*/}
.tumblerBox {height: 65px;top: 105px !important;}
#header3{ width: 24%; height: 386px; left:0; margin-left:0; position:relative; top:0}
#boxs {
  width: 52%;
  position: relative;
  overflow: hidden;
  max-height: 386px;
  height: auto;
}
#boxs iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#control{ width: 24%; height: 386px; margin:0 0 0 0; position: static; top: 0; margin-left:0px!important;}
.header-contacts, .header-contacts-left { margin: 20px 40px; position: absolute; }
.header-contacts-left { margin-top: 35px; }
.header-contacts p, .header-contacts-left p { color: #fff; font-family: arial; font-size: 17px; padding-bottom: 20px; text-shadow: 2px 2px 0 black; line-height: 17px; margin-bottom: 0; margin-top: 0;}
#logo {width: auto; left: 40px; top: 15px;}
.pro-skates-logo { margin: 20px 0; }
.pro-skates-logo .left { float: left; }
.pro-skates-logo .right { float: right; }
.pro-skates-title { font-family: "TrebuchetMS"; font-size: 16px; font-weight: bold; font-style: normal; line-height: 16px;}
#header2 .welcome-text {
	padding-left: 100px;
}
#header2 .welcome-text .twizzle-text {
	margin-left: 10%;
	font-size: 16px;
	line-height: 35px;
}
#content.other-page {
	top: 0;
}

.contacts-list {
	width: 800px;
	margin: 0 auto;
}
.contacts-list .contact-item {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 20px;
}
.contacts-list .contact-item .contact-item-left {
	overflow: hidden;
}
.contacts-list .contact-item .contact-item-right {
	float: right;
	width: 400px;
	margin-left: 30px;
	padding-top: 25px;
}
.contacts-list .contact-item h3 {
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 18px;
}
.contacts-list .contact-item .bx-yandex-view-layout {
	margin: 8px 0;
}
.contacts-list .contact-item .contact-item-more {
	margin-top: 20px;
}
.contacts-list .contact-item .contact-item-more a {
	font-weight: bold;
	color: red;
}
.contact-item__address {
	padding-left: 23px;
	background: url('/images/contacts/placeholder.png') no-repeat;
	background-size: 18px 18px;
}
.contact-item__phone {
	padding-left: 23px;
	background: url('/images/contacts/smartphone.png') no-repeat;
	background-size: 18px 18px;
}
.contact-item__email {
	padding-left: 23px;
	background: url('/images/contacts/mail.png') no-repeat;
	background-size: 18px 18px;
}
.contact-item__schedule {
	padding-left: 23px;
	background: url('/images/contacts/clock.png') no-repeat;
	background-size: 18px 18px;
}
.contact-item__desc {
	padding-left: 23px;
	background: url('/images/contacts/map.png') no-repeat;
	background-size: 18px 18px;
}
.contact-item__top-icon {
	display: table-cell;
	vertical-align: middle;
	padding-right: 15px;
}

.tumblerBox {
	background-color: #eef3fa;
	position: relative;
	top: 120px;
}


.tumblerBox__container {
	max-width: 1340px;
	padding: 0 15px;
	margin: 0 auto;
}


.tumblerBox__Wrap {
	position: relative;
	margin: 0 auto;
	padding: 1px 0;
	width: 810px;

	font-size: 0;
}

.tumblerBox__city {
	
	display: inline-block;
	vertical-align: top;
	width: 50%;

	cursor: pointer;
}
.tumblerBox__city:first-child {
	/*padding-right: 83px;*/
}
.tumblerBox__city:last-child {
	/*padding-left: 83px;*/
}
.tumblerBox__city > * {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
}
.tumblerBox__city div {
	/*width: 70%;*/
	width: 220px;
	font-family: 'Roboto', sans-serif;
}
.tumblerBox__city:first-child div {
	margin-left: 35px;
}
.tumblerBox__city span {
	padding-top: 51px;
	min-width: 56px;
	text-align: center;
	text-transform: uppercase;
}

span.tumbler__msc {
	background: url(images/css_sprites.png) -56px 0 no-repeat;
	margin-left: 15px;
}


span.tumbler__spb {
	background: url(images/css_sprites.png) 0 0 no-repeat;
	margin-right: 15px;
	margin-left: 83px;
}





.tumbler {
	position: absolute;
	width: 126px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

.tumbler__wrap {
	position: relative;
}

.tumblerInp + label {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translate(0, -50%);
	    -ms-transform: translate(0, -50%);
	        transform: translate(0, -50%);
	display: block;
	width: 100%;
	height: 30px;

	font-size: 0;


	cursor: pointer;
}

.tumblerInp:not(checked) + label:before {

	content: '';
	
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translate(0, -50%);
	    -ms-transform: translate(0, -50%);
	        transform: translate(0, -50%);
	display: block;
	width: 100%;
	height: 3px;
	border: 1px solid #2a456e;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 10px 1px rgba(0,0,0, .5);
	        box-shadow: 0 0 10px 1px rgba(0,0,0, .5);
}

.tumblerInp:not(checked) + label:after {
	content: '';
	
	position: absolute;
	top: 50%;
	left: -5px;
	margin-top: -8px;

	width: 15px;
	height: 15px;
	display: block;
	
	-webkit-transition: left linear .4s;
	
	-o-transition: left linear .4s;
	
	transition: left linear .4s;
	background-color: #003a6e;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}


.tumblerInp:checked + label:after {
	left: 90%;
}


.tumblerInp {
	position: absolute;
	opacity: 0;
	visibility: hidden;
	left: -9999px;
}


@media (max-width: 700px) {
	.tumblerBox__Wrap {
		width: 100%;
		max-width: none;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.tumbler {
		width: 100px;
	}

	.tumblerBox__city {
		text-align: center;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-basis: 50%;
		    -ms-flex-preferred-size: 50%;
		        flex-basis: 50%;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
	}

	.tumblerBox__city > * {
		display: block;
	}

	.tumblerBox__city:first-child {
		padding-right: 60px;
	}

	.tumblerBox__city:last-child {
		padding-left: 60px;
	}

	.tumblerBox__city div {
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		    -ms-flex-order: 2;
		        order: 2;
        -webkit-flex-basis: 100%;
            -ms-flex-preferred-size: 100%;
                flex-basis: 100%;
        font-size: 13px;
	}

	.tumblerBox__city span {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		    -ms-flex-order: 1;
		        order: 1;
        margin: 0;
	}
}

#header.header_day {
	height: 660px;
	background-position: 50% 570px;
}

/* Для новой шапки раздела /kupit/   */

.header-top {
    height: 172px;
    background: linear-gradient(180deg, #003E77 0%, #256FAF 100%);
}

.header-top-contact {
	min-height: 72px;
    /*min-height: 40px;*/
}
.header-navig {
    height: 40px;
	z-index: 5;
    position: relative;
}
.pos-r {
    position: relative;
}
.header-navig-flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}
.header-navig-abs {
    background: #E6E6E6;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    min-height: 65px;
	height: auto;
    margin-top: 17px;
    max-width: 935px;
    width: 100%;
    padding-left: 123px;
    padding-top: 5px;
	/*height: 65px;*/
}
.colapse-menu-button {
    display: none;
}
.c-hamburger {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 50px;
    height: 50px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}
.c-hamburger--htx {
    /* background-color: #ff3264; */
    background: rgba(0, 0, 0, 0);
}
.c-hamburger span {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -2px;
    left: 10px;
    right: 10px;
    height: 4px;
    background: #000;
}
.c-hamburger--htx span {
    -webkit-transition: background 0s 0.3s;
    transition: background 0s 0.3s;
}
.header-navig-back {
    padding: 0px 10px;
}
.header-navig-back ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.header-navig-abs li {
    float: left;
    list-style: none;
    text-align: left;
    /*margin-bottom: 5px;*/
}
.header-navig-abs li a {
    font-size: 16px;
    color: #000;
    display: inline-block;
    margin: 0px 20px;
    padding: 5px 0px;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 2px;
	text-decoration: none;
}

.header-navig-abs li a:hover:after {
    content: '';
    height: 4px;
    width: 100%;
    background: #CC0808;
    position: absolute;
    bottom: -3px;
    left: 0px;
}
.header-navig-abs li.active a:after {
    content: '';
    height: 4px;
    width: 100%;
    background: #CC0808;
    position: absolute;
    bottom: -3px;
    left: 0px;
}

.header-navig-abs li.active a {
    color: #CC0808;
    text-shadow: 0.5px 0px 0px #CC0808;
}

.bx_cart_block {
    width: 160px;
    height: 68px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    white-space: normal;
    line-height: normal !important;
}

.header-navig-cart {
    max-width: 273px;
    width: 100%;
    height: auto;
    background: #E6E6E6;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    margin-top: 17px;
	display: flex;
    align-items: center;
}

.header-navig-cart-item {
    width: 39px;
    height: 39px;
    border: 1px solid #0073BC;
    border-radius: 50%;
    text-align: center;
    line-height: 51px;
}

.header-navig-cart-item {
    float: left;
    margin-left: 21px;
    /*margin-top: 13px;*/
    margin-right: 14px;
    position: relative;
}

.header-navig-cart-item img {
    width: 20px;
    height: 25px;
}

.header-navig-cart-item span {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: rgb(199, 0, 0);
    color: #fff;
    text-align: center;
    line-height: 20px;
    position: absolute;
    top: -2px;
    right: -5px;
    border-radius: 50%;
    font-size: 12px;
}

.header-navig-cart-txt {
    font-weight: 500;
    font-size: 16px;
    /*padding-top: 23px;*/
}

.header-navig-cart-item img {
    width: 20px;
    height: 25px;
}

.header-navig-cart-item span {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: rgb(199, 0, 0);
    color: #fff;
    text-align: center;
    line-height: 20px;
    position: absolute;
    top: -2px;
    right: -5px;
    border-radius: 50%;
    font-size: 12px;
}
.header-navig-cart-txt {
    font-weight: 500;
    font-size: 16px;
    /*padding-top: 23px;*/
	margin-right: 23px;
}

.header-navig-abs li a:hover {
    color: #CC0808;
    text-shadow: 0.5px 0px 0px #CC0808;
}

/*
#header .logo {
    position: absolute;
    left: 18px;
    top: 8px;
	z-index: 100;
}
#header .logo a {
	display: inline-block;
}
*/

.logo {
    z-index: 10;
}

.logo img {
    position: absolute;
    left: 18px;
    top: 8px;
}

.logo-mobile {
    display: none;
}
.header-top .container {
	overflow: unset;
}
.header-navig-back ul {
	padding: 0;
    margin: 0;
}
.header-top #contacts {
	top: 15px;
}	

#header2.header2 {
	top: -7px;
}

.header-top-phone {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding-left: 199px;
	padding-right: 120px;
    padding-top: 33px;
    justify-content: space-between;
}
.header-top-phone-item {
    position: relative;
}

.header-top-phone-item div {
    font-size: 18px;
    color: #fff;
    padding-bottom: 4px;
}

.header-top-phone-item p {
    color: #fff;
	padding: 0;
    margin: 0;
}

.header-top-phone-item div {
    font-size: 18px;
    color: #fff;
    padding-bottom: 4px;
}

.header-top-phone-item .header-top-phone-item-abs {
    width: 143px;
    height: 23px;
    background: #CC0808;
    position: absolute;
    top: -31px;
    left: 2px;
    border-radius: 0px 0px 5px 5px;
    font-size: 13px;
    text-align: center;
    line-height: 27px;
}

.header-top-phone-item:after {
    content: '';
    width: 2px;
    height: 33px;
    background: #fff;
    position: absolute;
    right: -29px;
    top: 4px;
    opacity: 0.7;
}

header {
	font-family: 'MuseoSansCyrl';
}

.header-top .bx_cart_block:hover .bx_item_listincart {
	position: absolute;
    right: 0px;
    top: 87px;
    z-index: 100;
}
.spacer-header {
	width: 12px;
}


@media screen and (max-width: 1300px){
	.header-top-phone-item div {
		font-size: 11px;
	}
	.header-top-phone-item p {
		font-size: 11px;
	}
}	


@media screen and (max-width: 1234px){
	.header-navig-cart{
		width: auto;
	}
}


@media screen and (max-width: 1175px){
	#header2 span {
		margin-left: 0!important;
	}
}