@font-face {
	font-family: 'Circe-Light';
	src: url(/bitrix/templates/oxygen/fonts/Circle-Light.otf), 
	url(/bitrix/templates/oxygen/fonts/Circle-Light.eot), 
	url(/bitrix/templates/oxygen/fonts/Circle-Light.svg), 
	url(/bitrix/templates/oxygen/fonts/Circle-Light.ttr), 
	url(/bitrix/templates/oxygen/fonts/Circle-Light.woff);
}
body {
	font-family: Circe-Light, sans-serif;
}

/*Мобил адаптация*/
@media screen (max-width: 600px){
	.tm-logo {
		width: 200px;
	}
}
/*Шапка сайта*/
.tm-head-1 {
	background-color: #FF9B0D;
	width: 100%;
	height: 31px;
}
.tm-ul-top1>li>a {
	text-transform: initial !important;
	color: #fff !important;
	padding: 5px 5px 5px 0px !important;
}
.tm-card-blc {
	display: inherit;
	color: rgb(102, 102, 102);
}
.tm-card-blc>div>span:nth-child(1) {
	font-size: 20px;
	line-height: 23px;
	margin: 0px;
	display: block;
}
.tm-card-blc>div>span:nth-child(2) {
	font-size: 12px;
	line-height: 14px;
	margin: 0px;
	display: block;
}
.tm-phone-blc>a {
	font-size: 20px;
	line-height: 30px;
	margin: 0px;
	font-weight: 500;
	color: #db4059;
}
.tm-phone-blc>p:nth-child(2) {
	font-size: 14px;
	line-height: 14px;
	margin: 0px;
}
.tm-pers-blc {
	background: #df405a;
	width: 200px;
	height: 31px;
	color: #fff;
	text-align: center;
	line-height: 31px;
	font-size: 14px;
}
.tm-pers-drop-blc {
	text-align: left;
	font-size: 13px;
	line-height: initial;
}
.tm-head-2 {
	border-bottom: 1px solid #dedede;
	background: url('/bitrix/templates/oxygen/images/pattern/menu-bk.png');
}
.tm-head-3 {
	border-bottom: 1px solid #dedede;
}
.tm-head-3 + .uk-navbar-item, .uk-navbar-nav>li>a {
	height: 60px;
	text-transform: capitalize;
}
.uk-search-default .uk-search-input {
	border: 1px solid #afafaf;
	border-radius: 5px;
}
.tm-menu-tiles>a {
	line-height: 60px !important;
	float: left;
	width: 140px;
	text-align: center;
	color: rgb(102, 102, 102);
}
.tm-menu-tiles span {
	margin-left: 5px;
}
.tm-menu-catalog:hover, .tm-menu-action:hover, .tm-menu-look:hover, .tm-menu-uslugi:hover {
	background-color: #f5f5f5;
	color: #FF9B0D !important;
	text-decoration: none;
}
.tm-menu-catalog:hover svg, .tm-menu-action:hover svg, .tm-menu-look:hover svg, .tm-menu-uslugi:hover svg {
	fill: #FF9B0D !important;
}
.tm-drop-catalog {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
.tm-drop-catalog>li {
	border-bottom: 1px solid #cecece;
	background: #fff;
}
.tm-drop-catalog a {
	color: #999;
	padding: 10px !important;
	width: 100%;
	display: block;
}
.tm-drop-catalog>li:hover {
	background: #E9E9E9;
}
.tm-drop-catalog>li:hover a {
	color: #000;
}
.tm-menu-inst a {
	line-height: 60px;
	padding: 0px 10px;
}
.tm-menu>li>a {
	line-height: 60px !important;
	float: left;
	text-align: center;
	color: rgb(102, 102, 102);
	width: 100%;
}
.tm-menu>li>a:hover {
	background: #f7f7f7;
}
.tm-menu li span {
	margin-left: 10px;
	font-size: 18px;
	text-transform: none;
}
.tm-drop-menu-cat .uk-nav-header {
	font-size: 14px;
	font-weight: 700;
	color: #df405a;
}
.tm-drop-menu-cat li a {
	padding: 5px 10px !important;
	font-size: 16px;
	color: #727272;
}
/*
.tm-drop-menu-cat li:first-child {
	color: #fff;
	padding-left: 10px;
	margin-bottom: 3px;
	text-transform: none;
	font-size: 18px;
	padding: 2px 2px 2px 10px;
}
*/
.tm-drop-menu-cat div>a{
	display: block;
	padding: 5px 5px 5px 10px;
	margin: 10px 0px;
}
.tm-drop-menu-cat h3{
	margin: 0px;
    color: #fff;
    font-size: 18px;
}









.tm-btn-tools-master {
	padding: 10px;
	margin-top: 10px;
	display: block;
	color: #000;
	border: 1px dotted #909090;
}
.tm-btn-tools-master:hover {
	background: #f7f7f7;
	box-shadow: 0 14px 25px rgba(0,0,0,0.16);
}


.menu-list{

}
.menu-list>li:first-child{
	border: none !important;
}
.menu-list>li:nth-of-type(odd) {
    background: #f8f8f8;
}

.menu-list>li:nth-of-type(odd) {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.menu-list>li:not(.uk-nav-header):hover{
	background: #f7f7f7 !important;
	color: #000;
}



#tm-head-3 .uk-navbar-nav>li>a{
	min-height: auto;
}



/*Кнопки================================================*/
.tm-btn-1 {
    display: inline-block;
    border: 2px solid #df405a;
    color: #df405a;
    font-size: 20px;
    padding: 10px 25px;
	transition: 0.3s;
}
.tm-btn-1:hover {
	color: #fff;
	background: #df405a;
	transition: 0.3s;
}



/*Новые боксы===========================================*/
.tm-box-1>div>div>h3 {
    color: rgb(61, 61, 61);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 4px;
}

/*Футер сайта===========================================*/
.tm-inst-btn {
	display: table !important;
	background: #df405a;
	border-radius: 10px;
	padding: 10px !important;
	color: #fff !important;
}
.tm-footer-top {
	background: #f7f7f7;
	background: url('/bitrix/templates/oxygen/images/pattern/noise.png');
	border-top: solid 1px #E2E2E2;
}
.tm-footer-bottom {
	background-color: #48474d;
}
.tm-footer-top h3 {
	color: rgb(105, 105, 105);
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 16px;
	font-weight: 600;
}
.tm-footer-menu li {
	width: 33%;
	display: inline-block;
	float: left;
}

@media (max-width: 570px) {
.tm-footer-menu li {
	width: 50%;
}
}
@media (max-width: 420px) {
.tm-footer-menu li {
	width: 100%;
}
}
.tm-btn-top {
	position: fixed;
	bottom: 0px;
	left: 50%;
	margin-left: -100px;
	width: 200px;
	text-align: center;
	height: 40px;
	background: rgba(68, 67, 73, 0.2);
	color: #fff;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	z-index: 150;
}
.tm-btn-top:hover {
	background: rgba(242, 242, 242, 0.72);
}
















/*Каталог*/
/*Кнопка Купить*/
.tm-buy-btn {
	background: #df405a;
	border: 1px solid #df405a;
	color: #fff;
	padding: 0 10px;
	line-height: 42px;
	width: 100%;
	display: block;
	text-transform: uppercase;
	text-align: center;
}
.tm-buy-btn:hover {
	color: #fff;
	background: #F44663;
}
.tm-buy-btn:active, .tm-buy-btn:focus, .tm-buy-btn:visited {
	color: #fff;
	background: #df405a;
}



/*Блок сортировки*/
.tm-sort-blc {
	font-family: Circe-Light, sans-serif;
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 10px;
}
.tm-sort-btn svg {
	width: 18px;
}
.tm-sort-btn {
	display: initial;
	padding: 5px 10px;
	font-size: 15px;
	color: #333;
	line-height: 15px;
	margin-left: 5px;
	font-family: Circe-Light, sans-serif;
	border: 1px solid #ffffff;
}
.tm-sort-btn:hover {
	background: #f1f1f1 !important;
	border: 1px solid #e8e8e8;
}
.tm-sort-btn.active {
	border: 1px solid #e8e8e8;
	border-left: 3px solid #df405a;
}
.tm-sort-btn.active svg {
}


/*Разделение груп*/
.tm-group-h {
	border-bottom: 1px solid #bbbbbb;
	line-height: 30px;
	font-size: 25px;
	padding-bottom: 10px;
	margin: 15px 0px 10px 0px;
}
.tm-group-h svg {
	height: 30px;
	padding-right: 10px;
}


/*Лейблы*/
.tm-label-blc {
	position: absolute;
	top: 15px;
	left: 40px;
	z-index: 140;
}
.tm-label-blc-2 {
	position: absolute;
	top: 20px;
	left: 0px;
	z-index: 125;
}
.tm-label-new, .tm-label-recom, .tm-label-hit, .tm-label-sale {
    display: inline-block;
    padding: 2px;
    font-size: 14px;
    margin-bottom: 5px;
    text-align: center;
    background: #fff;
}
.tm-label-new {
    border: 1px solid #00921c;
    color: #ffffff;
    background: #32b76c;
}
.tm-label-recom {
	border: 1px solid #ff9b0d;
	color: #ff9b0d;
}
.tm-label-3d, .tm-label-see {
	background: #ffffff;
	border: 1px solid #f0506e;
	color: #f0506e;
	width: 28px;
	height: 28px;
	padding: 3px;
	margin-bottom: 5px;
}
.tm-label-3d:hover, .tm-label-see:hover {
	background: #f0506e;
	color: #fff;
}




/*-------------*/
.tm-drop-info {
	border: 1px solid rgb(223, 64, 90);
	padding: 10px
}
.tm-drop-info p:last-child {
	margin-bottom: 0px !important;
}
.tm-cat-accordion {
}
.tm-cat-accordion>li {
	margin-top: 0px !important;
	background: #fff;
	transition: background 0.3s;
	border-bottom: 1px solid #e9e9e9;
}
.tm-cat-accordion>li:hover {
	transition: background 0.3s;
}
.tm-cat-accordion li .uk-accordion-content {
	margin: 0px 0px 10px 0px !important;
}
.tm-filter-cat-head {
	padding: 15px;
	border-bottom: 1px solid #e8e8e8;
}
.tm-filter-cat {
	border: 1px solid #e8e8e8;
	padding: 0px;
}
.tm-cat-accordion>li>h3 {
	padding: 10px 15px;
}



/*Каталог топ 1*/
.mm-baner-text {
	padding: 30px;
}
.mm-baner-text>h1 {
	margin: 5px 0 10px 0;
	padding: 10px 20px;
	border: 3px solid #ffffff;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	color: #fff;
	background: rgba(81, 61, 52, 0.5);
}
.mm-baner-text>p {
	color: #fff;
	font-weight: 400;
	font-size: 24px;
	line-height: 28px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0 !important;
}




/*Меняем шаблон uikit========================================*/

.uk-card-default, .uk-card-primary, .uk-card-secondary{
	border: 1px solid #e5e5e5 !important;
}
/*secondary*/
.uk-card-secondary{
	background: #f7f7f7 !important;
}
.uk-card-secondary .uk-card-title, .uk-card-secondary  p{
	color: #333 !important;
}
/*красивый блок с наведением*/
.tm-card-hover {
	transition: 0.2s;
	border-top: 2px solid transparent !important;
}
.tm-card-hover:hover {
	transition: 0.2s;
	background: #f7f7f7 !important;
	border-top: 2px solid #df405a !important;
	box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}

/*slidenav*/
.uk-slidenav-previous{
	opacity: 0.5;
    box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
	background: #FF4867;
    color: #fff !important;
    padding: 24px 5px;
    margin: 0px;
    width: 35px;
    height: 70px;
	text-align: left;
}

.uk-slidenav-next{
	opacity: 0.5;
    box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
	background: #FF4867;
    color: #fff !important;
    padding: 24px 5px;
    margin: 0px;
    width: 35px;
    height: 70px;
	text-align: right;
}

.uk-slidenav-next:hover, .uk-slidenav-previous:hover{
	opacity: 1;
}

/*dotnav*/
.uk-dotnav a {
    border: 2px solid rgb(223, 64, 90);
    width: 20px;
    height: 20px;
}

.uk-light .uk-dotnav>.uk-active>*{
	background: #df405a;
	transform: scale(1.1);
}


.uk-modal-header, .uk-modal-footer{
	background: #f7f7f7;
}


.uk-alert-danger {
	border: 1px solid #df405a;
	color: #df405a;
}
/*
.uk-checkbox:checked, .uk-checkbox:indeterminate, .uk-radio:checked {
	background-color: #44a4b0;
}
.uk-checkbox:focus, .uk-radio:focus {
	color: #df405a;
}
*/

.uk-link:hover, a:hover {
	color: #e20025;
	text-decoration: underline;
}
.uk-breadcrumb>:last-child>* {
	border-bottom: 1px solid #666;
}
.uk-input:focus, .uk-select:focus, .uk-textarea:focus {
	border-color: #df405a;
}
.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {
	margin: 0 10px;
}
.uk-accordion-title {
	font-size: 1rem;
}
.uk-accordion-title::after {
	position: absolute;
	right: 0;
}
a, .uk-link {
	text-decoration: none !important;
	color: #df405a;
}













html {
	font-family: Circe-Light, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Circe-Light, sans-serif;
}
.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
	font-family: Circe-Light, sans-serif;
}
.uk-tab>.uk-active>a {
	color: #333;
	border-color: #ff9b0d;
}
.uk-tab>*>a {
	border-bottom: 2px solid transparent;
}
.uk-button-primary {
	background-color: #ff9b0d;
}
.uk-button-primary:focus, .uk-button-primary:hover {
	background-color: rgb(255, 145, 45);
}







/*Раздел услуг*/
.mm-anim-blc1 {
	position: relative;
	width: 35px;
	height: 35px;
}
.mm-anim-blc1-img1 {
	-webkit-transition: -webkit-transform 0.5s;
	-moz-transition: -moz-transform 0.5s;
	-ms-transition: -moz-transform 0.5s;
	-o-transition: -o-transform 0.5s;
	transition: transform 0.5s;/* продолжительность поворота */
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.mm-box-uslugi:hover .mm-anim-blc1-img1 {
	-webkit-transform: rotateY( 180deg);
	-moz-transform: rotateY( 180deg);
	-ms-transform: rotateY( 180deg);
	-o-transform: rotateY( 180deg);
	transform: rotateY( 180deg);
}
.mm-anim-blc1 img {
	position: relative;
	display: block;
	top: 0px;
	left: 0px;
	width: 35px;
	height: 35px;
}
.mm-anim-img2 {
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
}
.mm-box-uslugi:hover .mm-anim-img2 {
	-webkit-transform: translate(5px, -5px);
	-moz-transform: translate(5px, -5px);
	-o-transform: translate(5px, -5px);
}
.mm-anim-img7 {
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
}
.mm-box-uslugi:hover .mm-anim-img7 {
	-webkit-transform: translate(0px, -10px);
	-moz-transform: translate(0px, -10px);
	-o-transform: translate(0px, -10px);
}
.mm-anim-img3 {
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-webkit-transition: 0.8s;
}
.mm-box-uslugi:hover .mm-anim-img3 {
	-webkit-transform: translate(0, 40px);
	-moz-transform: translate(0, 40px);
	-o-transform: translate(0, 40px);
}
.mm-anim-img4 {
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
}
.mm-box-uslugi:hover .mm-anim-img4 {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}
.mm-anim-blc5 {
	position: relative;
	width: 35px;
	height: 35px;
}
.mm-anim-blc5-img5 {
	-webkit-transition: -webkit-transform 0.5s;
	-moz-transition: -moz-transform 0.5s;
	-ms-transition: -moz-transform 0.5s;
	-o-transition: -o-transform 0.5s;
	transition: transform 0.5s;/* продолжительность поворота */
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.mm-box-uslugi:hover .mm-anim-blc5-img5 {
	-webkit-transform: rotateX( 180deg);
	-moz-transform: rotateX( 180deg);
	-ms-transform: rotateX( 180deg);
	-o-transform: rotateX( 180deg);
	transform: rotateX( 180deg);
}
.mm-anim-blc5 img {
	position: relative;
	display: block;
	top: 0px;
	left: 0px;
	width: 35px;
	height: 35px;
}
.mm-anim-img6 {
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
}
.mm-box-uslugi:hover .mm-anim-img6 {
	-webkit-transform: rotate(-20deg);
	-moz-transform: rotate(20deg);
	-o-transform: rotate(20deg);
}

.mm-box-uslugi>div>div>h3 {
	color: rgb(61, 61, 61);
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 4px;
}
.mm-box-uslugi>div>div>p {
	color: rgb(148, 148, 148);
	font-size: 14px;
	margin: 0px;
}

