/* Start:/bitrix/templates/forracing_new/components/bitrix/menu/top-menu/style.css?16097615653384*/
#menu-wrap {
 position:relative;
}

.menu{
 display:block;
 margin: 0;
 padding: 0;
 max-width: 900px;
 margin: 0 auto;
}
.menu li{
 display: inline-block;
 position: relative;
 z-index:10;
 padding: 0 12px 0 0;
}

.menu li img {
 vertical-align: top;
 display: inline-block;
}

.menu li a {
 text-decoration:none;
 display:block;
 color:#000;
 -webkit-transition: all 0.3s ease-in-out 0s;
 -moz-transition: all 0.3s ease-in-out 0s;
 -o-transition: all 0.3s ease-in-out 0s;
 -ms-transition: all 0.3s ease-in-out 0s;
 transition: all 0.3s ease-in-out 0s;
}
.menu li a.yellow{
 text-decoration:none;
 display:block;
 color:#f8b003;
 border-bottom: 1px solid #f8b003;
 -webkit-transition: all 0.3s ease-in-out 0s;
 -moz-transition: all 0.3s ease-in-out 0s;
 -o-transition: all 0.3s ease-in-out 0s;
 -ms-transition: all 0.3s ease-in-out 0s;
 transition: all 0.3s ease-in-out 0s;
}
.menu li a:hover, 
.menu li:hover > a{
 color:#000;
 text-decoration: underline;
}
.menu li a.yellow:hover, 
.menu li:hover > a.yellow{
 color:#f8b003;
 border-bottom: none;
 text-decoration: none;
}
.menu ul {
 display: none;
 margin: 0;
 padding: 0;
 width: 150px;
 position: absolute;
 top: 39px;
 left: 0px;
 background: #ffffff;
}

.menu ul li {
 display:block;
 float: none;
 background:none;
}

.menu ul li a {
 font-size:12px;
 font-weight:normal;
 display:block;
 color:#797979;
 border-left:3px solid #ffffff;
 background:#ffffff;
}
.menu ul li a:hover, .menu ul li:hover > a{
 background:#f0f0f0;
 color:#797979;
}

.menu li:hover > ul{
 display: block;
}
.menu ul ul {
 left: 149px;
 top: 0px;
}

#menu-icon {
 display:none;
}


@media only screen and (min-width: 850px) and (max-width: 1199px) {
#menu-icon{
 width: 100%;
 height:43px;
 cursor:pointer;
 display:block;
 color: #000;
 text-transform: uppercase;
 background: url('/bitrix/templates/forracing_new/components/bitrix/menu/top-menu/images/menu.jpg') no-repeat top center;
}
#menu-icon div{ padding: 28px 0 0 0; }

.menu-dop{
 margin: 0 15px;
 clear:both;
 position:absolute;
 top: 45px;
 width: 700px;
 left: -160px;
 z-index:100;
 padding:0;
 margin:0;
 display:none;
 background: #fff;
 border: 1px solid #a2a2a2;
}

.menu{ display: flex; }
.menu li{
 display:inline-block;
 margin:0;
 white-space: nowrap;
}

.menu li a {
 background:#ffffff;
 color:#797979;
}

.menu li a img {
 display: none;
}

.menu li a:hover, .menu li:hover > a{
 background:#f0f0f0;
 color:#797979;
 border-left:3px solid #4787cb;
}

.menu ul {
 display:block;
 position:relative;
 top:0;
 left:0;
 width:100%;
}

.menu ul ul {
 left:0;
}	
}

@media only screen and (min-width: 320px) and (max-width: 999px) {
#menu-icon{
 padding: 28px 90px 0 0;
 width: 50px;
 height:71px;
 cursor:pointer;
 display:block;
 color: #000;
 text-transform: uppercase;
 background: url('/bitrix/templates/forracing_new/components/bitrix/menu/top-menu/images/menu.jpg') no-repeat 10px 28px;
}
#menu-icon div{ padding: 28px 0 0 0; }

.menu-dop{
 margin: 0 15px;
 clear:both;
 position:absolute;
 top: 72px;
 width: 318px;
 left: -20px;
 z-index:100;
 padding:0;
 margin:0;
 display:none;
 background: #fff;
 border: 1px solid #a2a2a2;
}
.menu li{
 display: block;
 margin:0;
 white-space: nowrap;
}

.menu li a {
 background:#ffffff;
 color:#797979;
}

.menu li a img {
 display: none;
}

.menu li a:hover, .menu li:hover > a{
 background:#f0f0f0;
 color:#797979;
 border-left:3px solid #4787cb;
}

.menu ul {
 display:block;
 position:relative;
 top:0;
 left:0;
 width:100%;
}

.menu ul ul {
 left:0;
}
}
/* End */


/* Start:/bitrix/templates/forracing_new/components/bitrix/system.auth.form/top-auth/style.css?15595253184157*/
div.bx-system-auth-form__top-auth .h3{ color: #21282a; }
div.bx-system-auth-form__top-auth td.auth_login{ font-size: 14px; color: #21282a; padding: 0 10px 0 0; }
div.bx-system-auth-form__top-auth td.auth_login input{ width: 180px; height: 40px; border: 1px solid #e2e2e2; box-shadow: inset 2px 2px 5px rgba(154, 147, 140, 0.5); padding: 0 0 0 10px; }
div.bx-system-auth-form__top-auth td.auth_password{ font-size: 14px; color: #21282a; padding: 0 0 0 10px; }
div.bx-system-auth-form__top-auth td.auth_password input{ width: 180px; height: 40px; border: 1px solid #e2e2e2; box-shadow: inset 2px 2px 5px rgba(154, 147, 140, 0.5); padding: 0 0 0 10px; }
div.bx-system-auth-form__top-auth td.checkbox{ color: #21282a; text-align: center; }

div.bx-system-auth-form__top-auth td.submit{ text-align: center; }
div.bx-system-auth-form__top-auth td.submit input{ text-transform: uppercase; background: #f8b001; padding: 10px 65px; border: none; cursor: pointer; font-size: 16px; font-weight: bold; color: #21282a; }
div.bx-system-auth-form__top-auth td.auth_register{ text-align: center; padding: 15px 0 0 0; }
div.bx-system-auth-form__top-auth td.auth_register a{ text-decoration: none; font-weight: bold; font-size: 16px; color: #21282a; }
div.bx-system-auth-form__top-auth td.auth_forgot{ text-align: center; padding: 15px 0 0 0; }
div.bx-system-auth-form__top-auth td.auth_forgot a{ text-decoration: none; font-weight: bold; font-size: 16px; color: #21282a; }

/* слой затемнения */
div.bx-system-auth-form__top-auth .dm-overlay {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.65);
    display: none;
    overflow: auto;
    width: 100%;
    height: 100%;
    z-index: 1000;
}
/* активируем слой затемнения и модальное окно */
div.bx-system-auth-form__top-auth .dm-overlay:target {
    display: block;
/* анимация и время задержки */
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
}
/* блочная таблица */
div.bx-system-auth-form__top-auth .dm-table {
    display: table;
    width: 100%;
    height: 100%;
}
/* ячейка блочной таблицы */
div.bx-system-auth-form__top-auth .dm-cell {
    display: table-cell;
    padding: 0 1em;
    vertical-align: middle;
    text-align: center;
}
/* модальный блок */
div.bx-system-auth-form__top-auth .dm-modal {
    display: inline-block;
    padding: 20px;
/* максимально возможная ширина */
    max-width: 50em;
    background: #efefef;
/* внешняя тень блока */
    -webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);
    color: #cfd8dc;
    text-align: left;
/* анимация и время задержки */
    -webkit-animation: fade .8s;
    -moz-animation: fade .8s;
    animation: fade .8s;
	
	position: relative;
}

/* рисуем кнопарь закрытия */

div.bx-system-auth-form__top-auth div.conteiner-close{
	position: absolute;
	width: 100%;
	height: 30px;
	left: 0;
	right: 0;
	margin: auto;
	top: -32px;
	
}
div.bx-system-auth-form__top-auth .close {
	float: right;
    z-index: 9999;
    width: 30px;
    height: 30px;
    color: #cfd8dc;
    text-align: center;
    text-decoration: none;
    line-height: 26px;
    cursor: pointer;
	font-size: 26px;
}
div.bx-system-auth-form__top-auth .close:after {
    display: block;
    content: '\2716';
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
}
/* кнопка закрытия при наведении */

div.bx-system-auth-form__top-auth .close:hover:after {
    border-color: #fff;
    color: #fff;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
/* End */


/* Start:/bitrix/templates/forracing_new/components/bitrix/main.register/top-reg/style.css?15595252373378*/
div.bx-auth-reg__top-reg .h3{ color: #21282a; }
div.bx-auth-reg__top-reg td.name{ font-size: 14px; color: #21282a; }
div.bx-auth-reg__top-reg td.input{ padding: 0 0 5px 0; }
div.bx-auth-reg__top-reg td.input input{ width: 220px; height: 40px; border: 1px solid #e2e2e2; box-shadow: inset 2px 2px 5px rgba(154, 147, 140, 0.5); padding: 0 0 0 10px; color: #21282a; }
div.bx-auth-reg__top-reg td.captcha{ color: #21282a; }
div.bx-auth-reg__top-reg td.submit{ padding: 20px 0 0 0; }
div.bx-auth-reg__top-reg td.submit input{ text-transform: uppercase; background: #f8b001; padding: 10px 45px; border: none; cursor: pointer; font-size: 16px; font-weight: bold; color: #21282a; }
div.bx-auth-reg__top-reg p{ color: #21282a; font-size: 14px; padding: 10px 0 0 0; }

/* слой затемнения */
div.bx-auth-reg__top-reg .dm-overlay {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.65);
    display: none;
    overflow: auto;
    width: 100%;
    height: 100%;
    z-index: 1000;
}
/* активируем слой затемнения и модальное окно */
div.bx-auth-reg__top-reg .dm-overlay:target {
    display: block;
/* анимация и время задержки */
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
}
/* блочная таблица */
div.bx-auth-reg__top-reg .dm-table {
    display: table;
    width: 100%;
    height: 100%;
}
/* ячейка блочной таблицы */
div.bx-auth-reg__top-reg .dm-cell {
    display: table-cell;
    padding: 0 1em;
    vertical-align: middle;
    text-align: center;
}
/* модальный блок */
div.bx-auth-reg__top-reg .dm-modal {
    display: inline-block;
    padding: 20px;
/* максимально возможная ширина */
    max-width: 50em;
    background: #efefef;
/* внешняя тень блока */
    -webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);
    color: #cfd8dc;
    text-align: left;
/* анимация и время задержки */
    -webkit-animation: fade .8s;
    -moz-animation: fade .8s;
    animation: fade .8s;
	
	position: relative;
}

/* рисуем кнопарь закрытия */

div.bx-auth-reg__top-reg div.conteiner-close{
	position: absolute;
	width: 100%;
	height: 30px;
	left: 0;
	right: 0;
	margin: auto;
	top: -32px;
	
}
div.bx-auth-reg__top-reg .close {
	float: right;
    z-index: 9999;
    width: 30px;
    height: 30px;
    color: #cfd8dc;
    text-align: center;
    text-decoration: none;
    line-height: 26px;
    cursor: pointer;
	font-size: 26px;
}
div.bx-auth-reg__top-reg .close:after {
    display: block;
    content: '\2716';
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
}
/* кнопка закрытия при наведении */

div.bx-auth-reg__top-reg .close:hover:after {
    border-color: #fff;
    color: #fff;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
/* End */


/* Start:/bitrix/components/twofingers/location/templates/.default/style.css?176391349711121*/
.tfl__link-container:hover,
.tfl__link-container{
    text-decoration:none;
    display: flex;
}

.tfl__link:hover,
.tfl__link {
    border-bottom:1px dashed;
    cursor: pointer;
}

.tfl__link-label{
    margin-right: 5px;
}

.tfl__link.tfl__link_order {
    font-weight: bold;
    line-height: 2;
}

.tfl-define-popup{
    background-color: #fff;
    text-align: center;
}

.tfl-define-popup__desktop{
    border-radius: 0.3em;
    -webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
    transform: translateX(-50%);
    z-index: 1001;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    position: absolute;
}

.tfl-define-popup__text{
    padding-left: 20px;
    padding-right: 20px;
}

.tfl-define-popup__mobile{
    width: 100%;
    position: relative;
    z-index: 9999999;
    border-radius: 0!important;
}

.tfl-define-popup__mobile .tfl-define-popup__buttons{
    border-radius: 0!important;
}

.tfl-define-popup__desktop:before{
    position: absolute;
    width: 11px;
    height: 11px;
    transform: rotate(45deg);
    content: '';
    background-color: #fff;
    left: calc(50% - 5px);
    top: -5px;
}

.tfl-define-popup__buttons{
    text-align: center;
    overflow: hidden;
    display: grid;

}
.tfl-define-popup__button{
    /*width: 50%;*/
    display: block;
    padding: 10px 20px;
   /* float: left;*/
    box-sizing: border-box;
}

.tfl-define-popup__main{
    font-weight: bold;
}

.tfl-define-popup__second{
    background-color: #f5f5f5;
}

.tfl-popup{
    position: fixed;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #fff;
    z-index: 2001;
    max-width: 100%;
    overflow: hidden;
    left: 50%;
    top: 42%;
    transform: translate(-50%, -50%);
    -webkit-box-shadow: -1px 2px 13px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: -1px 2px 13px 0px rgba(0, 0, 0, 0.25);
    box-shadow: -1px 2px 13px 0px rgba(0, 0, 0, 0.25);
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    grid-template-columns: 1fr;
    grid-gap: 0;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity .2s ease-in, top .2s ease-out;
}

.tfl-popup.tfl-popup_loaded{
    opacity: 1;
    top: 45%;
}

.tfl-popup.tfl-popup_loading {
    background:url(/bitrix/components/twofingers/location/templates/.default/img/preloader.svg) center center no-repeat #ffffff;
}

.tfl-popup__title-container{
    position: relative;
    width: 100%;
}

.tfl-popup__search-wrapper{
    margin-bottom: 20px;
}

.tfl-popup__title{
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1;
    width: calc(100% - 40px);
}

.tfl-popup__search{
    position: relative;
    padding: 0;
    margin-bottom: 15px;
    margin-top: 26px;
}

.tfl-popup .tfl-popup__search-input {
    color: #333;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1;
    padding: 10px 5px 12px;
    width: 100%;
    position: relative;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
   /* background-position-x: center 50%;
    background-position-y: bottom calc(100% - 1px);*/
    background: bottom no-repeat,50% 100%/*calc(100% - 1px)*/;
    transition: background ease-out;
    background-size: 0 100%,100% 100%;
    background-image:
        linear-gradient(to top, #1f2949 2px, rgba(255, 86, 5, 0) 2px),
        linear-gradient(to top, rgb(189, 189, 189) 1px, rgba(189, 189, 189, 0) 1px);
}

.tfl-popup .tfl-popup__search-input:focus{
    background-size: 100% 100%, 100% 100%;
    transition: .3s;
    outline: none;
}

.tfl-popup__search-input::-webkit-input-placeholder {color: #bbb;}
.tfl-popup__search-input::-moz-placeholder {color: #bbb;}
.tfl-popup__search-input:-ms-input-placeholder {color: #bbb;}
.tfl-popup__search-input:-moz-placeholder {color: #bbb;}

.tfl-popup__search-input:focus::-webkit-input-placeholder {color: #d5d5d5;}
.tfl-popup__search-input:focus::-moz-placeholder {color: #d5d5d5;}
.tfl-popup__search-input:focus:-ms-input-placeholder {color: #d5d5d5;}
.tfl-popup__search-input:focus:-moz-placeholder {color: #d5d5d5;}

.tfl-popup__clear-field {
    /*background: url("/bitrix/components/twofingers/location/templates/.default/img/clear_field.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    height: 14px;
    position: absolute;
    right: 35px;
    top: calc(50%);
    transform: translateY(-50%);
    width: 14px;
    display:none;
}

.tfl-popup__search-icon{
    height: 40%;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    text-align: right;
}

.tfl-popup__search-icon svg{
    fill: #d5d5d5;
    background-color: transparent;
    width: auto;
    height: 100%;
}

.tfl-popup__search-icon svg path{
    fill: #d5d5d5;
}

.tfl-popup__container{
    position: relative;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
}

.tfl-popup__container:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 18px;
    bottom: 0;
    z-index: 1;
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.001) 0%, #fff);
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.001) 0%, #fff);
    background-image: -o-linear-gradient(top, rgba(255,255,255,0.001) 0%, #fff);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0.001) 0%, #fff);
    background-image: linear-gradient(top, rgba(255,255,255,0.001) 0%, #fff);
}

.tfl-popup__container.tfl-popup__container_no-found:before{
    content: none;
}

.favorites-right-locations.tfl-popup__with-locations.tfl-popup__with-defaults .tfl-popup__container{
    grid-template-columns: 2fr 1fr;
}

.favorites-left-locations.tfl-popup__with-locations.tfl-popup__with-defaults .tfl-popup__container{
    grid-template-columns: 1fr 2fr;
}

.tfl-popup__scroll-container{
    overflow: hidden;
    overflow-y: auto;
    position: relative;
    display: none;
}

.tfl-popup__scroll-container + .tfl-popup__scroll-container{
    padding-left: 10px;
}

.tfl-popup__with-locations .tfl-popup__scroll-container.tfl-popup__locations,
.tfl-popup__with-defaults .tfl-popup__scroll-container.tfl-popup__defaults{
    display: block;
}

.tfl-popup__list {
    list-style: none outside none;
    padding: 0;
    line-height: 1.25;
    margin-bottom: 15px;
    -webkit-column-width: 150px;
    -moz-column-width: 150px;
    column-width: 150px;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    -webkit-column-rule: 0px solid #ccc;
    -moz-column-rule: 0 solid #ccc;
    column-rule: 0px solid #ccc;
    display: block;
}

.favorites-under-search .tfl-popup__defaults .tfl-popup__list{
    margin-top: 15px;
    margin-bottom: 0;
}

.tfl-popup__search-wrapper .tfl-popup__defaults .tfl-popup__list{
    margin-top: 30px;
    margin-bottom: 0;
}

.tfl-popup__list li {
    padding-bottom: 7.5px;
    overflow: hidden;
    list-style: none;
    page-break-inside: avoid;
    break-inside: avoid;
    padding-left: 0;
}

.tfl-popup__list li:before,
.tfl-popup__list li:after {
    content: none;
}

.tfl-popup__location-link {
    color: #333;
    text-decoration: none;
    border-bottom: 1px dashed #777;
}

.tfl-popup__location-link:hover {
    color: #333;
    border-bottom: 1px dotted #333;
}

.tfl-popup__defaults .tfl-popup__location-link {
    font-weight: 700;
    border-bottom: 1px dotted #333;
}

.tf-location__region {
    display: block;
    font-size: 0.7em;
    color: #999;
    line-height: 1;
    margin-top: 0.3em;
}

.tfl-popup-overlay{
    display: none;
    position: fixed;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url('/bitrix/components/twofingers/location/templates/.default/img/custom-popup-overlay.png') repeat;
    z-index: 10000;
}

@-webkit-keyframes animate-circle {
    from {
        transform: scale(0);
        opacity: 1;
    }
    to {
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes animate-circle {
    from {
        transform: scale(0);
        opacity: 1;
    }
    to {
        transform: scale(1);
        opacity: 0;
    }
}

.tfl-popup-overlay__loader {
    --size: 10rem;

    position: fixed;
    top: 50%;
    left: 50%;
    height: var(--size);
    width: var(--size);
    transform: translateX(-50%) translateY(-50%);
}

.tfl-popup-overlay__loader > .tfl-popup-overlay__circle {
    --duration: 2s;

    position: absolute;
    height: inherit;
    width: inherit;
    /*background: #FFA5AB;*/
    background: #FFFFFF;
    border-radius: 50%;
    -webkit-animation: animate-circle var(--duration) cubic-bezier(.9,.24,.62,.79) infinite;
    animation: animate-circle var(--duration) cubic-bezier(.9,.24,.62,.79) infinite;
}

.tfl-popup-overlay__loader > .tfl-popup-overlay__circle:nth-of-type(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.tfl-popup-overlay__loader > .tfl-popup-overlay__circle:nth-of-type(2) {
    -webkit-animation-delay: calc(var(--duration) / -3);
    animation-delay: calc(var(--duration) / -3);
}

.tfl-popup-overlay__loader > .tfl-popup-overlay__circle:nth-of-type(3) {
    -webkit-animation-delay: calc(var(--duration) / -6);
    animation-delay: calc(var(--duration) / -6);
}

.tfl-popup__close{
    display: flex;
    position: absolute;
    cursor: pointer;
    opacity: 0.2;
    width: 40px;
    height: 40px;
    top: 20px;
    right: 20px;
    align-items: center;
    justify-content: center;
}



.tfl-define-popup .tfl-popup__close{
    top: 0;
    right: 0;
}

.tfl-popup__close:hover {
    opacity: 0.5;
}

.tfl-popup__close:before,
.tfl-popup__close:after {
    position: absolute;
    content: '';
    width: 2px;
    background-color: #333;
    height: 20px;
}

.tfl-popup__close:before {
    transform: rotate(45deg);
}

.tfl-popup__close:after {
    transform: rotate(-45deg);
}
.tfl-popup__clear-field .tfl-popup__close{
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
}
.tfl-popup__clear-field .tfl-popup__close:before,
.tfl-popup__clear-field .tfl-popup__close:after {
    width: 2px;
    height: 15px;
    top: 0;
    left: 6px;
}

.tfl-define-popup .tfl-popup__close {
    width: 30px;
    height: 30px;

}

.tfl-define-popup .tfl-popup__close:before,
.tfl-define-popup .tfl-popup__close:after {
    width: 2px;
    height: 15px;
    top: 7px;
    left: 15px;
}

.tfl-body-freeze{
    overflow-y: hidden;
    margin-right: calc(-1 * (100vw - 100%));
    height: auto;
}

.tfl-body-blur {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
}

.tfl-popup__nofound-mess{
    display: none;
    font-size: 20px;
    text-align: center;
    position: absolute;
    top: 50%;
    width: 100%;
    color: #d5d5d5;
    transform: translateY(-50%);
}

.tfl-popup__container_no-found .tfl-popup__nofound-mess{
    display: block;
}
/* End */


/* Start:/bitrix/templates/forracing_new/components/intensa.favorite/counter/site/style.css?1765638882403*/
.intensa-favorite-counter{
	padding: 0;
	display: inline-block;
	position: relative;
	width: 20px;
	height: 18px;
	bottom: 5px;
}
.intensa-favorite-counter span{
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: none;
    color: #000;
    top: 7px;
    left: 32px;
    font-size: 16px;
    text-align: center;
    line-height: 16px;
}
/* End */


/* Start:/bitrix/templates/forracing_new/components/bitrix/sale.basket.basket.line/basket-fora-new/style.css?1570656815585*/
div.bx-basket-block__top{ position: relative; display: flex; }
.top-basket__icon{ width: 60px; }
.top-basket__icon a{ color: #21282a; }
div.bx-basket-block__top .top-basket__num{ font-size: 12px; position: absolute; top: -9px; left: 20px; padding: 2px 8px; background: #f8b001; color: #000; border-radius: 10px; }
div.bx-basket-block__top .top-basket__num a{ color: #21282a; }
.total-price a{ color: #21282a; }
.total-price a:hover{ color: #21282a; text-decoration: none; }

@media only screen and (min-width: 320px) and (max-width: 640px) {
 .total-price{ display: none; }
}
/* End */


/* Start:/bitrix/templates/forracing_new/components/bitrix/menu/catalog-menu/style.css?15860452474008*/

.dws-menu *{
 margin: 0;
 padding: 0;
}
.dws-menu {
 position: relative;
 width: 100%;
}

.dws-menu ul, .dws-menu ol {
 list-style: none;
}
.dws-menu > ul {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.dws-menu > ul li {
 position: relative;
 z-index: 10;
}
.dws-menu > ul li:first-child{
 /*border-left: 1px solid #b2b3b5;*/
}
.dws-menu > ul li:last-child{
/* border-right: 1px solid #babbbd;*/
}
.dws-menu > ul li > a i.fa{
 position: absolute;
 top: 15px;
 left: 12px;
 font-size: 20px;
 color: #454547;
}
.dws-menu > ul li > a:hover i.fa {
 color: #fff;
}

.dws-menu > ul li a{
 display: block;
 padding: 10px 30px 10px 40px;
 font-size: 12px;
 color: #454547;
 text-decoration: none;
 text-transform:uppercase;
 transition: all 0.3s ease;
}
.dws-menu li a:hover{
 color: #000;
 box-shadow: 1px 5px 10px -5px black;
 transition: all 0.3s ease;
}

/*sub menu*/
.dws-menu li ul{
 position: absolute;
 width: 245px;
 top: 49px;
 left: -40px;
 display: none;
 z-index: 10;
}
@media all and (max-width: 849px){ 
.dws-menu li ul{ top: 55px; }
}
.dws-menu li > ul li{
 /*border: 1px solid #c7c8ca;*/
}
.dws-menu li > ul li.depth_level_1 > a{
 padding: 20px 10px;
 text-transform:uppercase;
 background: #f9f8f8;
}
.dws-menu li > ul li a{
 padding: 10px;
 text-transform:uppercase;
 background: #f9f8f8;
}
.dws-menu li > ul li a:hover{ background: #fff; }
.dws-menu li > ul li ul{
 position: absolute;
  z-index: 10;
 left: 245px;
top: -1px;
}
.dws-menu li:hover > ul{
 display: block;
}

/*==== MEDIA ====*/
.dws-menu [type="checkbox"], .dws-menu label.toggleSubmenu{
 display: none;
}
.dws-menu label.toggleMenu{
 /*display: none;*/
 padding: 15px 40px;
 text-transform: uppercase;
 font-size: 14px;
 cursor: pointer;
 position: relative;
}
.dws-menu label.toggleMenu span{ padding: 0 2px 0 0; font-size: 16px; }

.dws-menu label.toggleMenu .fa{
 position: absolute;
 top: 15px;
 left: 12px;
 font-size: 18px;
}
@media all and (max-width: 1199px){
 .dws-menu ul li{
  overflow: hidden;
 }
 .dws-menu ul{
  display: block;
  max-height: 0;
  transition: max-height 0.3s;
 }
 .dws-menu li>ul li ul{
  position: absolute;
  right: auto;
  top: auto;
 }
.dws-menu li > ul li ul li a{padding-left:30px;}
.toggleMenu:hover ul{ display: none; }
 .dws-menu ul li label.toggleMenu{
  display: block;
 }
 input.toggleMenu:checked + label.toggleMenu{
  background: #000;
  color: #fff;
 }
 input.toggleMenu:checked ~ ul, input.toggleSubmenu:checked ~ ul{
  display: block;
  position: relative;
  max-height: 5000px;
  transition: max-height 2s ease-in;
  width: 100%;
  top: 0;
  left: 0;
 }
 .dws-menu label.toggleSubmenu{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  display: block;
 }
.dws-menu ul li ul li label.toggleSubmenu{
  top: -4px;
}
 input.toggleSubmenu:checked ~ a{
  background: #fff;
  color: #000;
 }
input.toggleSubmenu:checked ~ a i.fa{
  color: red;
 }
 .dws-menu label.toggleSubmenu .fa:before{
  content: "\f0d7";
  color: #454547;
 }
 .dws-menu label.toggleSubmenu .fa{
  position: absolute;
  top: 15px;
  right: 30px;
 }
 .dws-menu input.toggleSubmenu:checked ~ label.toggleSubmenu .fa::before{
  content: "\f0d8";
  color: #ccc;
 }
}
p > a{color:#fff;}

img.autosport{ padding: 0 20px 0 10px; }
img.karting{ padding: 0 28px 0 10px; }
img.auto{ padding: 0 35px 0 20px; }
/* End */


/* Start:/bitrix/templates/forracing_new/components/bitrix/news.line/news/style.css?15759642604317*/
div.news-line__news div.title a{ color: #21282a; text-decoration: none; }
div.news-line__news div.title a:hover{ color: #21282a; text-decoration: none; }
@media only screen and (min-width: 1360px) {
 div.news-line__news{ width: 240px; display: flex; flex-direction: column; }
 div.news-line__news div.title{ width: 240px; font-size: 24px; color: #21282a; line-height: 1; }
 div.news-line__news div.container{ width: 240px; padding: 30px 0 0 0; }
 div.news-line__news div.container div.item{ width: 100%; padding: 0 0 30px 0; }
 div.news-line__news div.container div.item .news-date-time{ font-size: 14px; color: #21282a; font-weight: 300; padding: 0 0 10px 0; }
 div.news-line__news div.container div.item .name{ font-size: 14px;}
 div.news-line__news div.container div.item .name a{ color: #21282a; text-decoration: none; }
 div.news-line__news div.container div.item .name a:hover{ text-decoration: underline; }
 div.news-line__news div.arhiv{ background: #f9f8f8; font-size: 14px; font-weight: bold; text-align: center; padding: 13px 0; }
 div.news-line__news div.arhiv a{ color: #21282a; }
 div.news-line__news div.arhiv a:hover{ text-decoration: none; }
}
@media only screen and (min-width: 1200px) and (max-width: 1359px) {
 div.news-line__news{ width: 240px; display: flex; flex-direction: column; }
 div.news-line__news div.title{ width: 240px; font-size: 24px; color: #21282a; line-height: 1; }
 div.news-line__news div.container{ width: 240px; padding: 30px 0 0 0; }
 div.news-line__news div.container div.item{ width: 100%; padding: 0 0 30px 0; }
 div.news-line__news div.container div.item .news-date-time{ font-size: 14px; color: #21282a; font-weight: 300; padding: 0 0 10px 0; }
 div.news-line__news div.container div.item .name{ font-size: 14px;}
 div.news-line__news div.container div.item .name a{ color: #21282a; text-decoration: none; }
 div.news-line__news div.container div.item .name a:hover{ text-decoration: underline; }
 div.news-line__news div.arhiv{ background: #f9f8f8; font-size: 14px; font-weight: bold; text-align: center; padding: 13px 0; }
 div.news-line__news div.arhiv a{ color: #21282a; }
 div.news-line__news div.arhiv a:hover{ text-decoration: none; }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
 div.news-line__news{ width: 100%; display: flex; flex-direction: column; }
 div.news-line__news div.title{ width: 100%; font-size: 24px; color: #21282a; line-height: 1; }
 div.news-line__news div.container{ width: 100%; padding: 30px 0 0 0; }
 div.news-line__news div.container div.item{ width: 100%; padding: 0 0 30px 0; }
 div.news-line__news div.container div.item .news-date-time{ font-size: 14px; color: #21282a; font-weight: 300; padding: 0 0 10px 0; }
 div.news-line__news div.container div.item .name{ font-size: 14px;}
 div.news-line__news div.container div.item .name a{ color: #21282a; text-decoration: none; }
 div.news-line__news div.container div.item .name a:hover{ text-decoration: underline; }
 div.news-line__news div.arhiv{  font-size: 14px; font-weight: bold; padding: 14px 0; }
 div.news-line__news div.arhiv a{ color: #21282a; padding: 14px 65px; border: 1px solid #c0c0c0; }
 div.news-line__news div.arhiv a:hover{ text-decoration: none; }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
 div.news-line__news{ width: 100%; display: flex; flex-direction: column; }
 div.news-line__news div.title{ width: 100%; font-size: 24px; color: #21282a; line-height: 1; }
 div.news-line__news div.container{ width: 100%; padding: 30px 0 0 0; }
 div.news-line__news div.container div.item{ width: 100%; padding: 0 0 30px 0; }
 div.news-line__news div.container div.item .news-date-time{ font-size: 14px; color: #21282a; font-weight: 300; padding: 0 0 10px 0; }
 div.news-line__news div.container div.item .name{ font-size: 14px;}
 div.news-line__news div.container div.item .name a{ color: #21282a; text-decoration: none; }
 div.news-line__news div.container div.item .name a:hover{ text-decoration: underline; }
 div.news-line__news div.arhiv{  font-size: 14px; font-weight: bold; padding: 14px 0; }
 div.news-line__news div.arhiv a{ color: #21282a; padding: 14px 65px; border: 1px solid #c0c0c0; }
 div.news-line__news div.arhiv a:hover{ text-decoration: none; }
}



/* End */


/* Start:/bitrix/templates/forracing_new/components/bitrix/news.line/articles/style.css?15759635373937*/
div.news-line__articles div.title a{ color: #21282a; text-decoration: none; }
div.news-line__articles div.title a:hover{ color: #21282a; text-decoration: none; }
@media only screen and (min-width: 1360px) {
 div.news-line__articles{ width: 240px; display: flex; flex-direction: column; }
 div.news-line__articles div.title{ width: 240px; font-size: 24px; color: #21282a; line-height: 1; }
 div.news-line__articles div.container{ width: 240px; padding: 30px 0 0 0; }
 div.news-line__articles div.container div.item{ width: 100%; padding: 0 0 30px 0; }
 div.news-line__articles div.container div.item .name{ font-size: 14px;}
 div.news-line__articles div.container div.item .name a{ color: #21282a; text-decoration: none; }
 div.news-line__articles div.container div.item .name a:hover{ text-decoration: underline; }
 div.news-line__articles div.arhiv{ background: #f9f8f8; font-size: 14px; font-weight: bold; text-align: center; padding: 13px 0; }
 div.news-line__articles div.arhiv a{ color: #21282a; }
 div.news-line__articles div.arhiv a:hover{ text-decoration: none; }
}
@media only screen and (min-width: 1200px) and (max-width: 1359px) {
 div.news-line__articles{ width: 240px; display: flex; flex-direction: column; }
 div.news-line__articles div.title{ width: 240px; font-size: 24px; color: #21282a; line-height: 1; }
 div.news-line__articles div.container{ width: 240px; padding: 30px 0 0 0; }
 div.news-line__articles div.container div.item{ width: 100%; padding: 0 0 30px 0; }
 div.news-line__articles div.container div.item .name{ font-size: 14px;}
 div.news-line__articles div.container div.item .name a{ color: #21282a; text-decoration: none; }
 div.news-line__articles div.container div.item .name a:hover{ text-decoration: underline; }
 div.news-line__articles div.arhiv{ background: #f9f8f8; font-size: 14px; font-weight: bold; text-align: center; padding: 13px 0; }
 div.news-line__articles div.arhiv a{ color: #21282a; }
 div.news-line__articles div.arhiv a:hover{ text-decoration: none; }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
 div.news-line__articles{ width: 100%; display: flex; flex-direction: column; }
 div.news-line__articles div.title{ width: 100%; font-size: 24px; color: #21282a; line-height: 1; }
 div.news-line__articles div.container{ width: 100%; padding: 30px 0 0 0; }
 div.news-line__articles div.container div.item{ width: 100%; padding: 0 0 30px 0; }
 div.news-line__articles div.container div.item .name{ font-size: 14px;}
 div.news-line__articles div.container div.item .name a{ color: #21282a; text-decoration: none; }
 div.news-line__articles div.container div.item .name a:hover{ text-decoration: underline; }
 div.news-line__articles div.arhiv{  font-size: 14px; font-weight: bold; padding: 14px 0; }
 div.news-line__articles div.arhiv a{ color: #21282a; padding: 14px 65px; border: 1px solid #c0c0c0; }
 div.news-line__articles div.arhiv a:hover{ text-decoration: none; }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
 div.news-line__articles{ width: 100%; display: flex; flex-direction: column; }
 div.news-line__articles div.title{ width: 100%; font-size: 24px; color: #21282a; line-height: 1; }
 div.news-line__articles div.container{ width: 100%; padding: 30px 0 0 0; }
 div.news-line__articles div.container div.item{ width: 100%; padding: 0 0 30px 0; }
 div.news-line__articles div.container div.item .name{ font-size: 14px;}
 div.news-line__articles div.container div.item .name a{ color: #21282a; text-decoration: none; }
 div.news-line__articles div.container div.item .name a:hover{ text-decoration: underline; }
 div.news-line__articles div.arhiv{  font-size: 14px; font-weight: bold; padding: 14px 0; }
 div.news-line__articles div.arhiv a{ color: #21282a; padding: 14px 65px; border: 1px solid #c0c0c0; }
 div.news-line__articles div.arhiv a:hover{ text-decoration: none; }
}

/* End */


/* Start:/bitrix/templates/forracing_new/components/bitrix/breadcrumb/site/style.css?1568974570421*/
ul.breadcrumb-navigation__site
{
	padding:0; margin:0;
	padding-top:0px;
	list-style:none;
	color: #000000;
	font-size: 12px;
}

ul.breadcrumb-navigation__site li
{
	display:inline;
	color: #000000;
	font-size: 12px;
}

ul.breadcrumb-navigation__site a
{
	color: #f28900;
	text-decoration: none;
}
ul.breadcrumb-navigation__site a:hover
{
	color: #000;
	text-decoration: none;
}

ul.breadcrumb-navigation__site span
{
	
}
/* End */


/* Start:/bitrix/templates/forracing_new/components/bitrix/catalog.products.viewed/catalog/style.css?17656396494324*/
 div.catalog-products-viewed__fora{ width: 100%; }
 div.catalog-products-viewed__fora div.items-container{ display: flex; flex-wrap: wrap; }
 

/*NO HOVER*/
 div.catalog-products-viewed__fora div.item{ border: 1px solid #e8e9e9; display: flex; flex-direction: column; padding: 0 5px; position: relative; }

 div.catalog-products-viewed__fora div.img{ padding: 0 0 10px 0; height: 138px; display: flex; align-items: center; justify-content: center; }
 div.catalog-products-viewed__fora div.name{ font-size: 14px; font-weight: bold; padding: 0 10px; text-align: center; height: 42px; line-height: 1.4; }
 div.catalog-products-viewed__fora div.name a{ color: #21282a; }
 div.catalog-products-viewed__fora div.icon-discount-img{ position: absolute; z-index: 2; top: 10px; left: 10px; background: url('/bitrix/templates/forracing_new/components/bitrix/catalog.products.viewed/catalog/images/icon-discount-bg.png') no-repeat; color: #fff; font-size: 12px; font-weight: bold; width: 38px; height: 38px; display: flex; justify-content: center; align-items: center; }
 div.catalog-products-viewed__fora div.icon-new{ position: absolute; z-index: 2; top: 10px; left: 10px; width: 38px; height: 38px; display: flex; }
 div.catalog-products-viewed__fora .icon-favorite{ position: absolute; z-index: 2; top: 10px; right: 15px; }
 
 div.catalog-products-viewed__fora div.property-article{ text-align: center; background: #fff; padding: 10px 0 0 0; font-size: 12px; }

 div.catalog-products-viewed__fora div.status{ display: flex; justify-content: center; background: #fff; padding: 10px 0 0 0; }
 div.status-yes-icon{ padding: 0 3px 0 0; }
 div.status-yes{ padding: 0 0 0 3px; color: #378e19; font-weight: 900; font-size: 14px; }
 div.status-no-icon{ padding: 0 3px 0 0; }
 div.status-no{ padding: 0 0 0 3px; color: #f28900; font-weight: 900; font-size: 14px; }

 div.catalog-products-viewed__fora div.cena{ font-size: 20px; color: #21282a; font-weight: bold; text-align: center; line-height: 1; padding: 15px 0; background: #fff; height: 75px; }
 div.catalog-products-viewed__fora div.cena .discount-price{ color: #c1041f; padding: 0 0 3px 0; text-align: center; display: flex; justify-content: center; }
 div.catalog-products-viewed__fora div.cena .old-price{ color: #21282a; font-size: 14px; line-height: 1; text-decoration: line-through; font-weight: 400; text-align: center; display: flex; justify-content: center; }

 div.catalog-products-viewed__fora div.basket{ text-align: center; height: 60px; padding: 20px 0 0 0; background: #fff; }
 div.catalog-products-viewed__fora div.basket a{ background: url('/bitrix/templates/forracing_new/components/bitrix/catalog.products.viewed/catalog/images/icon-basket-black.png') no-repeat; background-position: 20px center; padding: 10px 20px 10px 50px; color: #000; }

/*HOVER*/
 div.catalog-products-viewed__fora div.item:hover{ border: 1px solid #f28900; position: relative; }
 div.catalog-products-viewed__fora div.item:hover > div.img{ opacity: 0.2; }
 div.catalog-products-viewed__fora div.item:hover > div.name{ position: relative; top: -80px; }
 div.catalog-products-viewed__fora div.item:hover > div.name a{ color: #000; }
 div.catalog-products-viewed__fora div.item:hover > div.basket > a{ background: #f28900 url('/bitrix/templates/forracing_new/components/bitrix/catalog.products.viewed/catalog/images/icon-basket-white.png') no-repeat; background-position: 20px center; color: #fff; }

 div.catalog-products-viewed__fora div.all-link{ height: 35px; background: #f9f8f8; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 18px; }
 div.catalog-products-viewed__fora div.all-link a{ color: #21282a; }

@media only screen and (min-width: 1360px) {
 div.catalog-products-viewed__fora div.item-container{ width: 20%; padding: 0; }
}
@media only screen and (min-width: 1200px) and (max-width: 1359px) {
 div.catalog-products-viewed__fora div.item-container{ width: 20%; padding: 0; }
}
@media only screen and (min-width: 900px) and (max-width: 1199px) {
 div.catalog-products-viewed__fora div.item-container{ width: 25%; padding: 0; }
}
@media only screen and (min-width: 700px) and (max-width: 899px) {
 div.catalog-products-viewed__fora div.item-container{ width: 33.3%; padding: 0; }
}
@media only screen and (min-width: 420px) and (max-width: 699px) {
 div.catalog-products-viewed__fora div.item-container{ width: 50%; padding: 0; }
}
@media only screen and (min-width: 320px) and (max-width: 419px) {
 div.catalog-products-viewed__fora div.item-container{ width: 100%; padding: 0; }
}



/* End */


/* Start:/bitrix/templates/forracing_new/components/bitrix/catalog.products.viewed/catalog/themes/blue/style.css?1626010254833*/
/* catalog.section */

/*
#3052bf
#26b0e4
#00a2df
*/

/* Slider */
.bx-blue .product-item-image-slider-progress-bar { background-color: #0083d1;}
.bx-blue .product-item-image-slider-control:hover{ background-color: rgba(0,131,209,.8);}
.bx-blue .product-item-image-slider-control.active,
.bx-blue .product-item-image-slider-control:hover{ background-color: #0083d1;}

/* SCU */
.bx-blue .product-item-scu-item-text-block:hover,
.bx-blue .product-item-scu-item-color-block:hover,
.bx-blue .product-item-scu-item-text-container.selected .product-item-scu-item-text-block,
.bx-blue .product-item-scu-item-color-container.selected .product-item-scu-item-color-block{ outline-color: #006cc0;}

/* Amount */
.bx-blue .product-item-amount-field:focus{border-color: #006cc0;}


.bx-blue .catalog-products-viewed-header{border-color:#006cc0;}
/* End */


/* Start:/bitrix/templates/forracing_new/components/bitrix/news.line/brands/style.css?15646639582022*/
 div.news-line__brands{ width: 100%; display: flex; flex-direction: column; padding: 40px 0; }
 div.news-line__brands .title{ text-align: center; line-height: 1; font-size: 24px; padding: 0 0 30px 0; }
 div.news-line__brands .items-container{ display: flex; }
 div.news-line__brands .items-container div.img{ flex-grow: 1; text-align: center; }
 div.news-line__brands div.arhiv{ text-align: center; line-height: 1; font-size: 18px; padding: 35px 0 0 0; }
 div.news-line__brands div.arhiv a{ color: #21282a; }


@media only screen and (min-width: 1200px) and (max-width: 1259px) {
 div.news-line__brands div.int7{ display: none; }
}
@media only screen and (min-width: 1000px) and (max-width: 1199px) {
 div.news-line__brands div.int7{ display: none; }
 div.news-line__brands div.int6{ display: none; }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
 div.news-line__brands div.int7{ display: none; }
 div.news-line__brands div.int6{ display: none; }
 div.news-line__brands div.int5{ display: none; }
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
 div.news-line__brands div.int7{ display: none; }
 div.news-line__brands div.int6{ display: none; }
 div.news-line__brands div.int5{ display: none; }
 div.news-line__brands div.int4{ display: none; }
}
@media only screen and (min-width: 420px) and (max-width: 639px) {
 div.news-line__brands div.int7{ display: none; }
 div.news-line__brands div.int6{ display: none; }
 div.news-line__brands div.int5{ display: none; }
 div.news-line__brands div.int4{ display: none; }
 div.news-line__brands div.int3{ display: none; }
}
@media only screen and (min-width: 320px) and (max-width: 419px) {
 div.news-line__brands div.int7{ display: none; }
 div.news-line__brands div.int6{ display: none; }
 div.news-line__brands div.int5{ display: none; }
 div.news-line__brands div.int4{ display: none; }
 div.news-line__brands div.int3{ display: none; }
 div.news-line__brands div.int2{ display: none; }
}


/* End */


/* Start:/bitrix/templates/forracing_new/components/bitrix/menu/bottom-menu/style.css?15614354492209*/
@media only screen and (min-width: 1360px) {
 div.bottom-menu__site{ display: flex; flex-direction: column; text-align: left; }
 div.bottom-menu__site div{ padding: 5px 0; white-space: nowrap; font-size: 14px; }
 div.bottom-menu__site div a{ color: #21282a; text-decoration: none; }
 div.bottom-menu__site div a:hover{ color: #a9a9a9; text-decoration: underline; }
 div.bottom-menu__site div a.selected{ color: #a9a9a9; text-decoration: underline; }
 div.bottom-menu__site div a.selected:hover{ text-decoration: underline; }
}
@media only screen and (min-width: 1200px) and (max-width: 1359px) {
 div.bottom-menu__site{ display: flex; flex-direction: column; text-align: left; }
 div.bottom-menu__site div{ padding: 5px 0; white-space: nowrap; font-size: 14px; }
 div.bottom-menu__site div a{ color: #21282a; text-decoration: none; }
 div.bottom-menu__site div a:hover{ color: #a9a9a9; text-decoration: underline; }
 div.bottom-menu__site div a.selected{ color: #a9a9a9; text-decoration: underline; }
 div.bottom-menu__site div a.selected:hover{ text-decoration: underline; }
}
@media only screen and (min-width: 600px) and (max-width: 1199px) {
 div.bottom-menu__site{ display: flex; flex-direction: column; text-align: left; }
 div.bottom-menu__site div{ padding: 5px 0; white-space: nowrap; font-size: 18px; }
 div.bottom-menu__site div a{ color: #21282a; text-decoration: none; }
 div.bottom-menu__site div a:hover{ color: #a9a9a9; text-decoration: underline; }
 div.bottom-menu__site div a.selected{ color: #a9a9a9; text-decoration: underline; }
 div.bottom-menu__site div a.selected:hover{ text-decoration: underline; }
}
@media only screen and (min-width: 320px) and (max-width: 599px) {
 div.bottom-menu__site{ display: flex; flex-direction: column; text-align: center; }
 div.bottom-menu__site div{ padding: 5px 0; white-space: nowrap; font-size: 18px; }
 div.bottom-menu__site div a{ color: #21282a; text-decoration: none; }
 div.bottom-menu__site div a:hover{ color: #a9a9a9; text-decoration: underline; }
 div.bottom-menu__site div a.selected{ color: #a9a9a9; text-decoration: underline; }
 div.bottom-menu__site div a.selected:hover{ text-decoration: underline; }
}
/* End */


/* Start:/bitrix/templates/forracing_new/template_styles.css?176565165931136*/
body{ padding: 0px; margin: 0px; font-family: 'Roboto', sans-serif; }
form, input{ padding: 0px; margin: 0px; }
input, textarea { outline:none; }

a{ color: #f28900; }
a:hover{ color: #21282a; }

h3, .h3{ text-align: center; font-size: 24px; font-weight: 300; color: #21282a; padding: 0 0 15px 0; }
@media only screen and (min-width: 1360px) {
.h1, h1.osn{ color: #21282a; font-size: 24px; padding: 0 0 15px 0; }
}
@media only screen and (min-width: 1200px) and (max-width: 1359px) {
.h1, h1.osn{ color: #21282a; font-size: 24px; padding: 0 0 15px 0; }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h1, h1.osn{ color: #21282a; font-size: 16px; padding: 0 0 15px 0; }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.h1, h1.osn{ color: #21282a; font-size: 16px; padding: 0 0 15px 0; }
}

div.main{ width: 100%; }
/*OVER CAP*/
@media only screen and (min-width: 1360px) {
 div.over-cap{ width: 100%; height: 30px; background: #282828; }
 div.over-cap-container{ margin: 0 auto; width: 1300px; height: 30px; text-align: center; display: flex; justify-content: center; align-items: center; }
 div.over-cap-text__1, div.over-cap-text__2{ color: #fff; font-weight: 300; font-size: 14px; padding: 0 7px; }
 div.over-cap-text__1 a, div.over-cap-text__2 a{ color: #fff; text-decoration: underline; }
 div.over-cap-text__1 a:hover, div.over-cap-text__2 a:hover{ text-decoration: none; }
 div.over-cap-text__2{ height: 30px; background: #e10010; padding: 5px 10px 0 10px; }
}
@media only screen and (min-width: 1200px) and (max-width: 1359px) {
 div.over-cap{ width: 100%; height: 30px; background: #282828; }
 div.over-cap-container{ margin: 0 auto; width: 1200px; height: 30px; text-align: center; display: flex; justify-content: center; align-items: center; }
 div.over-cap-text__1, div.over-cap-text__2{ color: #fff; font-weight: 300; font-size: 14px; padding: 0 7px; }
 div.over-cap-text__1 a, div.over-cap-text__2 a{ color: #fff; text-decoration: underline; }
 div.over-cap-text__1 a:hover, div.over-cap-text__2 a:hover{ text-decoration: none; }
 div.over-cap-text__2{ height: 30px; background: #e10010; padding: 5px 10px 0 10px; }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
 div.over-cap{ width: 100%; background: #282828; }
 div.over-cap-container{ margin: 0 auto; width: 100%; height: 60px; display: flex; justify-content: center; flex-direction: column; }
 div.over-cap-text__1, div.over-cap-text__2{ color: #fff; font-weight: 300; font-size: 14px; height: 30px; display: flex; align-items: center; justify-content: center; }
 div.over-cap-text__1 a, div.over-cap-text__2 a{ color: #fff; text-decoration: underline; }
 div.over-cap-text__1 a:hover, div.over-cap-text__2 a:hover{ text-decoration: none; }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
 div.over-cap{ width: 100%; background: #282828; }
 div.over-cap-container{ margin: 0 auto; width: 100%; min-height: 30px; display: flex; justify-content: center; flex-direction: column; }
 /*Убираем вторую фразу в мобильной версии*/
 div.over-cap-text__2{ display: none; }
 div.over-cap-text__1{ color: #fff; font-weight: 300; font-size: 14px; min-height: 30px; display: flex; align-items: center; justify-content: center; padding: 0 5px; }
 div.over-cap-text__1 a{ color: #fff; }
 div.over-cap-text__1 a:hover{ text-decoration: none; }
}
@media only screen and (min-width: 320px) and (max-width: 389px) {
 div.over-cap-text__1{ color: #fff; font-weight: 300; font-size: 12px; min-height: 30px; display: flex; align-items: center; justify-content: center; padding: 0 5px; }
}
/*END OVER CAP*/
div.over-cap-banner{ width: 100%; height: 40px; background: url('/bitrix/templates/forracing_new/images/skidka-komplect.png') left center repeat-x; cursor: pointer; }
/*CAP*/
@media only screen and (min-width: 1360px) {
 div.cap{ width: 100%; height: 140px; }
 div.cap-container{ margin: 0 auto; width: 1300px; height: 140px; display: flex; }

 div.logo{ width: 260px; display: flex; align-items: center; justify-content: center; }
 div.cap-right-container{ width: 1040px; display: flex; flex-wrap: wrap; }
 div.top-menu{ width: 75%; height: 70px; display: flex; align-items: center; }
 
 div.top-auth{ width: 25%; height: 70px; display: flex; align-items: center; flex-grow: 1; justify-content: flex-end; }
 div.top-auth__img{ padding: 0 10px 0 0; }
 div.top-auth__vhod{ padding: 0 8px 0 4px; background: url('/bitrix/templates/forracing_new/images/line-auth-reg.gif') right center no-repeat; }
 div.top-auth__reg{ padding: 0 4px 0 8px; } 
 div.top-auth a{ color: #21282a; }
 
 div.top-location{ width: 200px; height: 70px; border-top: 1px solid #dcdcdc; display: flex; align-items: center; }
 div.top-phone{ width: 205px; height: 70px; border-top: 1px solid #dcdcdc; display: flex; align-items: center; }
 div.top-phone__img{ padding: 5px 7px 0 0; }
 div.top-phone__img img{ width: 16px; height: 16px; }
 div.top-phone__number{ font-size: 20px; font-weight: bold; color: #21282a; }
 div.top-work-time{ width: 399px; height: 70px; border-top: 1px solid #dcdcdc; display: flex; align-items: center; }
 div.top-favorite{ width: 80px; height: 70px; border-top: 1px solid #dcdcdc; display: flex; align-items: center; }
 div.top-basket{ width: 156px; height: 70px; border-top: 1px solid #dcdcdc; display: flex; align-items: center; }
}
@media only screen and (min-width: 1200px) and (max-width: 1359px) {
 div.cap{ width: 100%; height: 140px; }
 div.cap-container{ margin: 0 auto; width: 1200px; height: 140px; display: flex; }

 div.logo{ width: 260px; display: flex; align-items: center; justify-content: center; }
 div.cap-right-container{ width: 940px; display: flex; flex-wrap: wrap; }
 div.top-menu{ width: 75%; height: 70px; display: flex; align-items: center; }
 
 div.top-auth{ width: 25%; height: 70px; display: flex; align-items: center; flex-grow: 1; justify-content: flex-end; }
 div.top-auth__img{ padding: 0 10px 0 0; }
 div.top-auth__vhod{ padding: 0 8px 0 4px; background: url('/bitrix/templates/forracing_new/images/line-auth-reg.gif') right center no-repeat;  }
 div.top-auth__reg{ padding: 0 4px 0 8px; } 
 
 div.top-location{ width: 165px; height: 70px; border-top: 1px solid #dcdcdc; display: flex; align-items: center; }
 div.top-phone{ width: 205px; height: 70px; border-top: 1px solid #dcdcdc; display: flex; align-items: center; }
 div.top-phone__img{ padding: 5px 7px 0 0; }
 div.top-phone__img img{ width: 16px; height: 16px; }
 div.top-phone__number{ font-size: 20px; font-weight: bold; color: #21282a; }
 div.top-work-time{ width: 334px; height: 70px; border-top: 1px solid #dcdcdc; display: flex; align-items: center; }
 div.top-favorite{ width: 80px; height: 70px; border-top: 1px solid #dcdcdc; display: flex; align-items: center; }
 div.top-basket{ width: 156px; height: 70px; border-top: 1px solid #dcdcdc; display: flex; align-items: center; } 
}
@media only screen and (min-width: 1000px) and (max-width: 1199px) {
 div.cap{ width: 100%; height: 110px; }
 div.cap-container{ height: 110px; display: flex; padding: 0 14px; }

 div.logo{ padding: 0 30px; display: flex; align-items: center; justify-content: center; }
 div.logo img{ width: 110px; }
 div.cap-right-container{ display: flex; width: 100%; }
 div.top-menu{ order: 1; height: 110px; flex-grow: 1; display: flex; align-items: center; }
 
 div.top-auth{ order: 4; height: 110px; flex-grow: 1; display: flex; align-items: center; flex-grow: 1; }
 div.top-auth__img{ padding: 0 17px 0 0; }
 div.top-auth__vhod{ display: none; }
 div.top-auth__reg{ display: none; } 
 
 div.top-location{ order: 2; height: 110px; flex-grow: 1; display: flex; align-items: center; }
 
 div.top-phone{ order: 3; height: 110px; flex-grow: 1; display: flex; align-items: center; }
 div.top-phone__img{ padding: 5px 7px 0 0; }
 div.top-phone__img img{ width: 16px; height: 16px; }
 div.top-phone__number{ font-size: 20px; font-weight: bold; color: #21282a; }
 
 div.top-work-time{ display: none; }
 div.top-favorite{ order: 5; height: 110px; flex-grow: 1; display: flex; align-items: center; }
 div.top-basket{ order: 6; height: 110px; flex-grow: 1; display: flex; align-items: center; }  
}
@media only screen and (min-width: 320px) and (max-width: 999px) {
 div.cap{ width: 100%; height: 197px; }
 div.cap-container{ height: 197px; display: flex; flex-direction: column; padding: 0 10px; }

 div.logo{ position: relative; }
 div.logo img{ width: 115px; position: absolute; margin: auto; left: 0; right: 0; top: 10px; }
 
 div.cap-right-container{ display: flex; flex-wrap: wrap; width: 100%; height: 197px; }
 div.top-menu{ order: 1; height: 85px; width: 50%; display: flex; justify-content: flex-end; padding: 0 40px 0 0; }
 
 div.top-auth{ order: 4; height: 58px; width: 33.3%; display: flex; align-items: center; justify-content: center; }
 div.top-auth__img{ padding: 0 17px 0 0; }
 div.top-auth__vhod{ display: none; }
 div.top-auth__reg{ display: none; } 
 
 div.top-location{ order: 3; height: 54px; width: 100%; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #d3d3d3; }
 
 div.top-phone{ order: 2; height: 85px; display: flex; width: 50%; }
 div.top-phone__img{ padding: 28px 0px 0 90px; }
 div.top-phone__img img{ width: 32px; height: 32px; }
 div.top-phone__number{ display: none; }
 
 div.top-work-time{ display: none; }
 div.top-favorite{ order: 5; height: 58px; width: 33.3%; display: flex; align-items: center; justify-content: center; }
 div.top-basket{ order: 6; height: 58px; width: 33.3%; display: flex; align-items: center; justify-content: center; } 
}
@media only screen and (min-width: 320px) and (max-width: 640px) {
	div.top-auth > span{ display: none; }
}

/*UNDER CAP*/
@media only screen and (min-width: 1360px) {
 div.under-cap{ margin: 0 auto; width: 1300px; display: flex; align-items: center; }
 div.menu-catalog{ width: 260px; height: 50px; padding: 0 0 0 0; }
 div.menu-catalog div{ width: 240px; height: 50px; background: #f8b001; }
 div.top-search{ width: 1040px; }
}
@media only screen and (min-width: 1200px) and (max-width: 1359px) {
 div.under-cap{ margin: 0 auto; width: 1200px; display: flex; align-items: center; }
 div.menu-catalog{ width: 260px; height: 50px; }
 div.menu-catalog div{ width: 240px; height: 50px; background: #f8b001; }
 div.top-search{ width: 940px; }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
 div.under-cap{ /*width: 100%;*/ display: flex; align-items: center; padding: 0 14px; }
 div.menu-catalog{ width: 260px; height: 50px; padding: 0 20px 0 0; }
 div.menu-catalog div{ width: 240px; height: 50px; background: #f8b001; }
 div.top-search{ width: 100%; }
}
@media only screen and (min-width: 320px) and (max-width: 1023px) {
 div.under-cap{ /*width: 100%;*/ display: flex; align-items: center; flex-direction: column; padding: 0 10px; }
 div.menu-catalog{ width: 100%; height: 50px; }
 div.menu-catalog div{ width: 100%; height: 50px; background: #f8b001; }
 div.top-search{ width: 100%; }
}


/*CENTER PATH*/

div.contant-container a{ color: #f28900; }
div.contant-container a:hover{ color: #21282a; }

@media only screen and (min-width: 1360px) {
 div.center-path{ margin: 0 auto; width: 1300px; display: flex; flex-wrap: wrap; }

 div.left-column{ display: flex; flex-direction: column; width: 260px; }

 div.right-column{ display: flex; flex-direction: column; width: 1040px; }
 div.banner-main{ height: 315px; width: 100%; padding: 15px 0 0 0; }
 div.contant-container{ width: 100%; padding: 20px 0; }
 div.contant-container img{ max-width: 1040px; }
}
@media only screen and (min-width: 1200px) and (max-width: 1359px) {
 div.center-path{ margin: 0 auto; width: 1200px; display: flex; flex-wrap: wrap; }

 div.left-column{ display: flex; flex-direction: column; width: 260px; }

 div.right-column{ display: flex; flex-direction: column; width: 940px; }
 div.banner-main{ width: 100%; padding: 15px 0 0 0; }
 div.banner-main img{ width: 100%; }
 div.contant-container{ width: 100%; padding: 20px 0; }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
 div.center-path{ /*width: 100%;*/ display: flex; flex-wrap: wrap; padding: 0 14px; }

 div.left-column{ order: 2; display: flex; flex-wrap: wrap; width: 100%; }

 div.right-column{ order: 1; display: flex; flex-wrap: wrap; width: 100%; }
 div.banner-main{ width: 100%; padding: 15px 0 0 0; }
 div.banner-main img{ width: 100%; }
 div.contant-container{ width: 100%; }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
 div.center-path{ /*width: 100%;*/ display: flex; flex-wrap: wrap; padding: 0 10px; }

 div.left-column{ order: 2; display: flex; flex-wrap: wrap; width: 100%; }

 div.right-column{ order: 1; display: flex; flex-direction: column; width: 100%; }
 div.banner-main{ width: 100%; padding: 15px 0 0 0; }
 div.banner-main img{ width: 100%; }
 div.contant-container{ width: 100%; }
}

/*BANNER CATALOG SECTION*/

@media only screen and (min-width: 1360px) {
 div.banner-narrow-catalog{ padding: 20px 0 0 0; }
 div.banner-narrow-740, div.banner-narrow-320{ display: none; }
}
@media only screen and (min-width: 800px) and (max-width: 1359px) {
 div.banner-narrow-catalog{ padding: 20px 0 0 0; }
 div.banner-narrow-740, div.banner-narrow-320{ display: none; }
 div.banner-narrow-1040 img{ max-width: 100%; }
}
@media only screen and (min-width: 400px) and (max-width: 799px) {
 div.banner-narrow-catalog{ padding: 20px 0 0 0; }
 div.banner-narrow-1040, div.banner-narrow-320{ display: none; }
  div.banner-narrow-740 img{ max-width: 100%; }
}
@media only screen and (min-width: 320px) and (max-width: 399px) {
 div.banner-narrow-catalog{ padding: 20px 0 0 0; }
 div.banner-narrow-1040, div.banner-narrow-740{ display: none; }
}


@media only screen and (min-width: 1360px) {
 div.left-column__section{ display: flex; flex-direction: column; width: 260px; }
 div.right-column__section{ display: flex; flex-direction: column; width: 1040px; }
}
@media only screen and (min-width: 1200px) and (max-width: 1359px) {
 div.left-column__section{ display: flex; flex-direction: column; width: 260px; }
 div.right-column__section{ display: flex; flex-direction: column; width: 940px; }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
 div.left-column__section{ order: 1; display: flex; flex-wrap: wrap; width: 100%; }
 div.right-column__section{ order: 2; display: flex; flex-wrap: wrap; width: 100%; }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
 div.left-column__section{ order: 1; display: flex; flex-wrap: wrap; width: 100%; }
 div.right-column__section{ order: 2; display: flex; flex-direction: column; width: 100%; }
}


/*STR CATALOG ELEMENT*/
@media only screen and (min-width: 1360px) {
 div.str-catalog-element{ width: 100%; }
}
@media only screen and (min-width: 1200px) and (max-width: 1359px) {
 div.str-catalog-element{ width: 100%; }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {

}
@media only screen and (min-width: 320px) and (max-width: 767px) {

}
div.breadcrumb-site{ padding: 20px 0 0 0; }

/*LEFT NEWS ARTICLES*/
@media only screen and (min-width: 1360px) {
 div.left-news{ padding: 40px 0 0 0; }
 div.left-articles{ padding: 40px 0 0 0; }
 div.left-subscribe{ padding: 40px 20px 0 0; }
 div.left-subscribe-container{ background: #f9f8f8; padding: 30px 25px; }
 div.filter-left-column{ padding: 0px 20px 0 0; }
}
@media only screen and (min-width: 1200px) and (max-width: 1359px) {
 div.left-news{ padding: 40px 0 0 0; }
 div.left-articles{ padding: 40px 0 0 0; }
 div.left-subscribe{ padding: 40px 20px 0 0; }
 div.left-subscribe-container{ background: #f9f8f8; padding: 30px 25px; }
 div.filter-left-column{ padding: 0px 20px 0 0; }
}
@media only screen and (min-width: 600px) and (max-width: 1199px) {
 div.left-news{ padding: 40px 10px 0 0; width: 50%; }
 div.left-articles{ padding: 40px 0 0 10px; width: 50%; }
 div.left-subscribe{ width: 100%; }
 div.left-subscribe-container{ width: 100%; }
}
@media only screen and (min-width: 320px) and (max-width: 599px) {
 div.left-news{ padding: 40px 0 0 0; width: 100%; }
 div.left-articles{ padding: 40px 0 0 0; width: 100%; }
 div.left-subscribe{ width: 100%; }
 div.left-subscribe-container{ width: 100%; }
}
/*END LEFT NEWS ARTICLES*/


/*PREVIOUSLY*/
@media only screen and (min-width: 1360px) {
 div.previously{ width: 1300px; margin: 0 auto; padding: 0 0 40px 0; }
}
@media only screen and (min-width: 320px) and (max-width: 1359px) {
 div.previously{ width: 100%; padding: 0 0 40px 0; }
}

/*BOTTOM BRAND*/
@media only screen and (min-width: 1360px) {
 div.bottom-brand{ width: 100%; height: 250px; background: #fafafa; }
 div.bottom-brand-container{ margin: 0 auto; width: 1300px; height: 250px; }
}
@media only screen and (min-width: 1200px) and (max-width: 1359px) {
 div.bottom-brand{ width: 100%; height: 250px; background: #fafafa; }
 div.bottom-brand-container{ margin: 0 auto; width: 1200px; height: 250px; }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
 div.bottom-brand{ width: 100%; height: 250px; background: #fafafa; }
 div.bottom-brand-container{ margin: 0 auto; width: 100%; height: 250px; }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
 div.bottom-brand{ width: 100%; height: 250px; background: #fafafa; }
 div.bottom-brand-container{ margin: 0 auto; width: 100%; height: 250px; }
}

/*BOTTOM*/
@media only screen and (min-width: 1360px) {
 div.bottom{ margin: 0 auto; width: 1300px; padding: 55px 0; display: flex; }
 div.left-bottom{ width: 35%; display: flex; }
 div.left-bottom div.bottom-1, div.left-bottom div.bottom-2, div.left-bottom div.bottom-3{ flex-grow: 1; }
 div.center-bottom{ width: 30%; text-align: center; }
 div.bottom-phone{ display: flex; justify-content: center; }
 div.bottom-phone__img{ padding: 5px 7px 0 0; }
 div.bottom-phone__number{ font-size: 20px; font-weight: bold; color: #21282a; }
 div.bottom-work-time{ color: #21282a; font-size: 14px; }

 div.right-bottom{ width: 35%; display: flex; }
 div.right-bottom__img{ padding: 0 7px 0 0; }
 div.right-bottom__address{ font-size: 14px; color: #21282a; padding: 0 150px 0 0; }
}
@media only screen and (min-width: 1200px) and (max-width: 1359px) {
 div.bottom{ margin: 0 auto; width: 1200px; padding: 55px 0; display: flex; }
 div.left-bottom{ width: 35%; display: flex; }
 div.left-bottom div.bottom-1, div.left-bottom div.bottom-2, div.left-bottom div.bottom-3{ flex-grow: 1; }
 div.center-bottom{ width: 30%; text-align: center; }
 div.bottom-phone{ display: flex; justify-content: center; }
 div.bottom-phone__img{ padding: 5px 7px 0 0; }
 div.bottom-phone__number{ font-size: 20px; font-weight: bold; color: #21282a; }
 div.bottom-work-time{ color: #21282a; font-size: 14px; }

 div.right-bottom{ width: 35%; display: flex; }
 div.right-bottom__img{ padding: 0 7px 0 0; }
 div.right-bottom__address{ font-size: 14px; color: #21282a; padding: 0 100px 0 0; }
}
@media only screen and (min-width: 600px) and (max-width: 1199px) {
 div.bottom{ width: 100%; padding: 35px 0; display: flex; flex-wrap: wrap; }
 div.left-bottom{ width: 100%; display: flex; padding: 0 0 40px 0; }
 div.left-bottom div.bottom-1, div.left-bottom div.bottom-2, div.left-bottom div.bottom-3{ flex-grow: 1; display: flex; justify-content: center; }
 div.center-bottom{ width: 40%; text-align: center; }
 div.bottom-phone{ display: flex; justify-content: center; }
 div.bottom-phone__img{ padding: 5px 7px 0 0; }
 div.bottom-phone__number{ font-size: 20px; font-weight: bold; color: #21282a; }
 div.bottom-work-time{ color: #21282a; font-size: 14px; }

 div.right-bottom{ width: 60%; display: flex; }
 div.right-bottom__img{ padding: 0 7px 0 0; }
 div.right-bottom__address{ font-size: 14px; color: #21282a; padding: 0 20px 0 0; }
}
@media only screen and (min-width: 320px) and (max-width: 599px) {
 div.bottom{ width: 100%; padding: 35px 0; display: flex; flex-direction: column; }
 div.left-bottom{ display: flex; flex-direction: column; padding: 0 0 20px 0; }
 div.left-bottom div.bottom-1, div.left-bottom div.bottom-2, div.left-bottom div.bottom-3{}
 div.center-bottom{ text-align: center; padding: 0 0 20px 0; }
 div.bottom-phone{ display: flex; justify-content: center; }
 div.bottom-phone__img{ padding: 5px 7px 0 0; }
 div.bottom-phone__number{ font-size: 20px; font-weight: bold; color: #21282a; }
 div.bottom-work-time{ color: #21282a; font-size: 14px; }

 div.right-bottom{ display: flex; padding: 0 20px; }
 div.right-bottom__img{ padding: 0 7px 0 0; }
 div.right-bottom__address{ font-size: 14px; color: #21282a; padding: 0; }
}
/*END BOTTOM*/

/*UNDER BOTTOM*/
@media only screen and (min-width: 1360px) {
 div.under-bottom{ width: 100%; height: 70px; background: #f1f1f1; }
 div.under-bottom-container{ width: 1300px; height: 70px; margin: 0 auto; display: flex; justify-content: center; }
 div.soc-seti{ color: #21282a; font-size: 14px; padding: 0 45px 0 0; display: flex; align-items: center; height: 70px; }
 div.join{padding: 0 10px 0 0; }
 div.join-icon{ padding: 0 0 0 15px; }
 div.pl-systems{ color: #21282a; font-size: 14px; padding: 0 0 0 45px; display: flex; align-items: center; height: 70px; }
 div.accept-payments{ padding: 0 10px 0 0; }
 div.accept-payments-icon{ padding: 0 0 0 15px; }
}
@media only screen and (min-width: 1200px) and (max-width: 1359px) {
 div.under-bottom{ width: 100%; height: 70px; background: #f1f1f1; }
 div.under-bottom-container{ width: 1200px; height: 70px; margin: 0 auto; display: flex; justify-content: center; }
 div.soc-seti{ color: #21282a; font-size: 14px; padding: 0 45px 0 0; display: flex; align-items: center; height: 70px; }
 div.join{padding: 0 10px 0 0; }
 div.join-icon{ padding: 0 0 0 15px; }
 div.pl-systems{ color: #21282a; font-size: 14px; padding: 0 0 0 45px; display: flex; align-items: center; height: 70px; }
 div.accept-payments{ padding: 0 10px 0 0; }
 div.accept-payments-icon{ padding: 0 0 0 15px; }
}
@media only screen and (min-width: 731px) and (max-width: 1199px) {
 div.under-bottom{ width: 100%; background: #f1f1f1; padding: 35px 0; }
 div.under-bottom-container{ width: 100%; display: flex; justify-content: center; }
 div.soc-seti{ color: #21282a; font-size: 14px; padding: 0 10px; display: flex; align-items: center; flex-wrap: wrap; width: 50%; justify-content: center; }
 div.join{ width: 100%; text-align: center; line-height: 1; padding: 0 0 20px 0; }
 div.join-icon{ padding: 0 15px 0 0; }
 div.pl-systems{ color: #21282a; font-size: 14px; padding: 0 10px; display: flex; align-items: center; flex-wrap: wrap; width: 50%; justify-content: center; }
 div.accept-payments{text-align: center; width: 100%; line-height: 1; padding: 0 0 20px 0; }
 div.accept-payments-icon{ padding: 0 15px 0 0; }
}
@media only screen and (min-width: 320px) and (max-width: 730px) {
 div.under-bottom{ width: 100%; background: #f1f1f1; padding: 35px 0; }
 div.under-bottom-container{ width: 100%; display: flex; flex-direction: column; justify-content: center; }
 div.soc-seti{ color: #21282a; font-size: 14px; padding: 0 10px 35px 10px; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; }
 div.join{ width: 100%; text-align: center; line-height: 1; padding: 0 0 20px 0; }
 div.join-icon{ padding: 0 15px 0 0; }
 div.pl-systems{ color: #21282a; font-size: 14px; padding: 0 10px; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; }
 div.accept-payments{text-align: center; width: 100%; line-height: 1; padding: 0 0 20px 0; }
 div.accept-payments-icon{ padding: 0 15px 0 0; }
}

/*FAVORITE*/

.h2o_add_favor{ position: relative; }
.h2o_add_favor:hover::after{ content: attr(data-title);
position: absolute; /* Абсолютное позиционирование */
    left: 0px; top: 30px; /* Положение подсказки */
    z-index: 1; /* Отображаем подсказку поверх других элементов */
    background: rgba(255,255,230,0.9); /* Полупрозрачный цвет фона */
    font-family: Arial, sans-serif; /* Гарнитура шрифта */
    font-size: 12px; /* Размер текста подсказки */
    padding: 5px 10px; /* Поля */
    border: 1px solid #333; /* Параметры рамки */
	width: 130px; }

/* STR CATALOG SECTION SORT*/

@media only screen and (min-width: 500px) {
 div.catalog-sort__site{ display: flex; padding: 0 0 20px 0; }
 div.sort-container{ flex-grow: 0; }
 div.nal-container{ flex-grow: 0; padding: 5px 0 0 20px; }
 div.sort-block-list-container{ flex-grow: 1; display: flex; justify-content: flex-end; }
 div.sort-block-container{ padding: 0 12px 0 0; }
 div.sort-list-container{}
}
@media only screen and (min-width: 320px) and (max-width: 499px) {
 div.catalog-sort__site{ display: flex; flex-wrap: wrap; padding: 0 0 20px 0; }
 div.sort-container{ width: 50%; }
 div.nal-container{ width: 50%; padding: 5px 0 0 0; }
 div.sort-block-list-container{ flex-grow: 1; display: flex; justify-content: flex-end; }
 div.sort-block-container{ padding: 0 12px 0 0; }
 div.sort-list-container{}
}
@media only screen and (min-width: 1200px) {
 div.sale-tovars-images{ display: flex; padding: 0 0 20px 0; }
 div.sale-tovars-images div.sale-img{ width: 33.3%; }
 div.sale-tovars-images div.sale-img div.sale-img-container-left{ padding: 0 10px 0 0; }
 div.sale-tovars-images div.sale-img div.sale-img-container-left img{ width: 100%; }
 div.sale-tovars-images div.sale-img div.sale-img-container-center{ padding: 0 5px 0 5px; }
 div.sale-tovars-images div.sale-img div.sale-img-container-center img{ width: 100%; }
 div.sale-tovars-images div.sale-img div.sale-img-container-right{ padding: 0 0 0 10px; }
 div.sale-tovars-images div.sale-img div.sale-img-container-right img{ width: 100%; }
}
@media only screen and (min-width: 601px) and (max-width: 1199px) {
 div.sale-tovars-images{ display: flex; padding: 0 0 20px 0; }
 div.sale-tovars-images div.sale-img{ width: 33.3%; }
 div.sale-tovars-images div.sale-img div.sale-img-container-left{ padding: 0 10px 0 0; }
 div.sale-tovars-images div.sale-img div.sale-img-container-left img{ width: 100%; }
 div.sale-tovars-images div.sale-img div.sale-img-container-center{ padding: 0 5px 0 5px; }
 div.sale-tovars-images div.sale-img div.sale-img-container-center img{ width: 100%; }
 div.sale-tovars-images div.sale-img div.sale-img-container-right{ padding: 0 0 0 10px; }
 div.sale-tovars-images div.sale-img div.sale-img-container-right img{ width: 100%; }
}
@media only screen and (min-width: 320px) and (max-width: 600px) {
 div.sale-tovars-images{ display: flex; flex-direction: column; }
 div.sale-tovars-images div.sale-img{}
 div.sale-tovars-images div.sale-img div.sale-img-container-left{ padding: 0 0 20px 0; }
 div.sale-tovars-images div.sale-img div.sale-img-container-left img{ width: 100%; }
 div.sale-tovars-images div.sale-img div.sale-img-container-center{ padding: 0 0 20px 0; }
 div.sale-tovars-images div.sale-img div.sale-img-container-center img{ width: 100%; }
 div.sale-tovars-images div.sale-img div.sale-img-container-right{ padding: 0 0 20px 0; }
 div.sale-tovars-images div.sale-img div.sale-img-container-right img{ width: 100%; }
}




@media only screen and (min-width: 1360px) {

}
@media only screen and (min-width: 768px) and (max-width: 1199px) {

}
@media only screen and (min-width: 320px) and (max-width: 767px) {

}



/*FAVORITE*/

.intensa-favorite-item[data-favorite-status="N"] .active {
    display: none;
}
.intensa-favorite-item[data-favorite-status="N"] .no-active {
    display: block;
}
.intensa-favorite-item[data-favorite-status="Y"] .no-active {
    display: none;
}
.intensa-favorite-item[data-favorite-status="Y"] .active {
    display: block;
}


/*CSS сортировка товаров*/

div.catalog-sort__site div.select{ position: relative; }
div.catalog-sort__site div.select select{ 
 display: block;
    width: 100%; /* от ширины блока div */
    padding: .75rem 0 .75rem 1rem;/* отступы от текста до рамки */
    background: none; /* убираем фон */
    border: none; /* рамка */
    border-radius: 3px;/* скругление полей формы */
    font-family: inherit;/* наследует от родителя */
    font-size: 14px;
    color: #444;
	cursor: pointer;
}
div.catalog-sort__site div.select select:after{
content: "";
    display: block;
    border-style: solid;
    border-width: 6px 5px 0 5px;
    border-color: #000 transparent transparent transparent;
    pointer-events: none;
    position: absolute;
    top: 50%;
    right: 1rem;
    z-index: 1;
    margin-top: -3px;
}
/*END*/

/* слой затемнения */
.dm-overlay {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.65);
    display: none;
    overflow: auto;
    width: 100%;
    height: 100%;
    z-index: 1000;
}
/* активируем слой затемнения и модальное окно */
.dm-overlay:target {
    display: block;
/* анимация и время задержки */
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
}
/* блочная таблица */
.dm-table {
    display: table;
    width: 100%;
    height: 100%;
}
/* ячейка блочной таблицы */
.dm-cell {
    display: table-cell;
    padding: 0 1em;
    vertical-align: middle;
    text-align: center;
}
/* модальный блок */
.dm-modal {
    display: inline-block;
    padding: 20px;
/* максимально возможная ширина */
    max-width: 50em;
    background: #efefef;
/* внешняя тень блока */
    -webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);
    color: #cfd8dc;
    text-align: left;
/* анимация и время задержки */
    -webkit-animation: fade .8s;
    -moz-animation: fade .8s;
    animation: fade .8s;
	
	position: relative;
}

/* рисуем кнопарь закрытия */

div.container-close{
	position: absolute;
	width: 100%;
	height: 30px;
	left: 0;
	right: 0;
	margin: auto;
	top: 7px;
	
}
.close {
	float: right;
    z-index: 9999;
    width: 30px;
    height: 30px;
    color: #cfd8dc;
    text-align: center;
    text-decoration: none;
    line-height: 26px;
    cursor: pointer;
	font-size: 26px;
}
.close:after {
    display: block;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
}
/* кнопка закрытия при наведении */

.close:hover:after {
    border-color: #fff;
    color: #fff;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.dm-modal .h3{ text-align: center; font-size: 24px; font-weight: 300; color: #21282a; padding: 0 0 15px 0; }
/* End */
/* /bitrix/templates/forracing_new/components/bitrix/menu/top-menu/style.css?16097615653384 */
/* /bitrix/templates/forracing_new/components/bitrix/system.auth.form/top-auth/style.css?15595253184157 */
/* /bitrix/templates/forracing_new/components/bitrix/main.register/top-reg/style.css?15595252373378 */
/* /bitrix/components/twofingers/location/templates/.default/style.css?176391349711121 */
/* /bitrix/templates/forracing_new/components/intensa.favorite/counter/site/style.css?1765638882403 */
/* /bitrix/templates/forracing_new/components/bitrix/sale.basket.basket.line/basket-fora-new/style.css?1570656815585 */
/* /bitrix/templates/forracing_new/components/bitrix/menu/catalog-menu/style.css?15860452474008 */
/* /bitrix/templates/forracing_new/components/bitrix/news.line/news/style.css?15759642604317 */
/* /bitrix/templates/forracing_new/components/bitrix/news.line/articles/style.css?15759635373937 */
/* /bitrix/templates/forracing_new/components/bitrix/breadcrumb/site/style.css?1568974570421 */
/* /bitrix/templates/forracing_new/components/bitrix/catalog.products.viewed/catalog/style.css?17656396494324 */
/* /bitrix/templates/forracing_new/components/bitrix/catalog.products.viewed/catalog/themes/blue/style.css?1626010254833 */
/* /bitrix/templates/forracing_new/components/bitrix/news.line/brands/style.css?15646639582022 */
/* /bitrix/templates/forracing_new/components/bitrix/menu/bottom-menu/style.css?15614354492209 */
/* /bitrix/templates/forracing_new/template_styles.css?176565165931136 */