@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,700&display=swap');



.rub { font-family: "rouble"; }

* {
	-webkit-tap-highlight-color: rgba(0,0,0,0);

}


html,body {
	min-height:100vh;
	height:auto;
	padding:0px;
        max-width:2900px !important;
        margin:0 auto;
        font-family: "Trebuchet MS", Helvetica, sans-serif;
        //font-family: Helvetica, sans-serif;
        font-size:16px;
        font-family: 'Montserrat', sans-serif;

}

body {
        position:relative;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
        scroll-behavior: smooth;

        min-height: 100vh; 
        min-height: calc(var(--vh, 1vh) * 100);

}


body > div:nth-of-type(1) > div:nth-of-type(2) {
	font-weight:500;

}


main {
        position:relative;
        width:calc(100% - 0px);
	max-width:2900px;

	padding-top:130px;
	min-height:calc(100vh - 100px);
	

}

footer {
        width:calc(100% - 0px);
	max-width:2900px;
	//height:500px;
}


footer a {
	color:white;
	text-decoration:none;
}



/*catalog page */

[catalog-wrapper] {
        position:relative;
	display:flex;
	width:1170px;
	margin:0px auto 0px auto;
}

[catalog-wrapper] > aside:nth-of-type(1) {
	flex:0 0 205px;
	order:-1;
	position:relative;
	display:none;

}

[catalog-wrapper] > aside:nth-of-type(2) {
        flex:0 0 205px;
        display:none;
}

[catalog-wrapper] > [catalog] {
	flex:1;
}

[catalog] {
	display:flex;
	flex-wrap:wrap;
        justify-content:space-between;
	//justify-content:space-evenly;
	//background:#e8e8e8;


}



[catalog] > h1 {
	flex:0 0 100%;
	line-height:80px;
        font-size: 25px;
        text-shadow: 0px 0px 0.05px rgba(0,0,0,1);
}

[catalog] > article {
	flex:0 0 320px;
	margin-left:10px;
        margin-right:10px;
        margin-bottom:100px;
        min-height:480px;

        //background-color:rgba(0,0,0,0.035);
        //border-radius:3px;
        transition:all 0.25s ease-in-out;


        display:flex;
        flex-direction:column;

        flex-wrap:nowrap;
        justify-content:flex-start;

        //box-shadow:0 0 0 1px white, 0 0 0 2px rgba(0,0,0,0.1);

        //background:rgba(200,200,200,0.3);




}


[catalog] > article > * {
	/*border:2px solid red;*/
	
}


[catalog] > article > img {
	/*order:-2;
	min-height:320px;*/

}



[catalog] > article > [img-place] {
	order:-2;
	min-height:320px;
	padding-top:100%;
	
}

[catalog] > article > [img-place] > img {
        width:100%;
        display:block;
        position:absolute;
        top:0px;
        left:0px;
}









[catalog] > article:hover {
	box-shadow:0px 0px 0px 4px rgba(255,255,255,1), 0px 0px 0px 5px rgba(200,200,200,0.7);
}

@media screen and (max-width: 500px) {
	[catalog] > article:hover {
	box-shadow:none;
}
}


[catalog] > article > h2 {
	display:block;
	padding:0px;
	font-size:14px;
	font-weight:normal;
	flex:1;

	display:flex;

}

[catalog] > article > h2 > a {
	text-decoration:none;
	color:black;
	width:100%;
	height:100%;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	padding:0px;
	
}



[catalog] > article > h2 > span {
	white-space:nowrap;
        font-weight:bold;
}

[catalog] > article > span:nth-of-type(1) {

}


[catalog] > article > span:nth-of-type(2) {
	flex:0;
	font-size:14px;
	padding-left:0px;
	padding-right:0px;
        line-height:20px;
        flex:2;
        padding-top:10px;
        color:#707070;
}

[catalog] > article > span:nth-of-type(2) > span {
	display:block;

}

[catalog] > article > div:nth-of-type(2) {
	position:relative;
	height:320px;
}

[catalog] > article > div:nth-of-type(2) > div {
	position:absolute;
	width:320px;
	height:320px;
	left:0px;
}

[catalog] > article > div:nth-of-type(2) > div > img {
	border-radius:0 0 5px 5px;
}

[catalog] > article > div:nth-of-type(1) {
	flex:0;
	order:-1;
}


@media screen and (max-width: 500px) {

[catalog] > article > h2 {
	padding-left:10px;
        padding-right:10px;
}

[catalog] > article > span:nth-of-type(2) {
	padding-left:10px;
	padding-right:10px;
}

}






[artempty] {
	max-height:0px !important;
	min-height:0px !important;
        //visibility: hidden;
        margin-bottom:0px !important;
        opacity:0;

}



@media screen and (max-width: 1000px) {

[catalog] > article {
	flex:1 0 320px;
	max-width:560px;
}

[catalog] > article > img {
	width:100%;
}

[catalog] > article > h2 > a {
	font-size:22px;
}


[catalog] > article > span:nth-of-type(2) {
	flex:1;
}

}









@media screen and (max-width: 1200px) {

}




@media screen and (max-width: 500px) {

[catalog] > article {
	margin-left:0px;
	margin-right:0px;
}

}

/* меню */


@media screen and (max-width: 320px) {
[catalog] > article {
	border-left:0px;
        border-right:0px;
}	
}



[price] {
	display:flex;
	justify-content:flex-end;
	font-style:normal;
	margin-bottom:5px;
}

[price] i {
        font-style:normal;
}

[price] > i {
}


[price] > i:nth-of-type(1) {
	font-family: 'gothic';
	font-size:40px;
	line-height:40px;
	padding-right:5px;
}


[price] > i:nth-of-type(2) {
	display:flex;
	flex-direction:column;
}

[price] > i > i:nth-of-type(1) {
	padding-top:2px;
}

[price] > i > i {
	line-height:18px;
	font-size:14px;
}

[price] > i:nth-of-type(3) {
	order:-1;
	display:flex;
	justify-content:center;
	align-items:flex-end;
	margin-right:5px;

}

[wccolor] {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
        align-content:flex-end;
	align-items:flex-end;
	flex:1;
}

[ccolor] {
	width:28px;
	height:28px;
	margin-right:10px;
        margin-bottom:5px;
        margin-top:5px;
	/*border-radius:2px;*/
	box-shadow:0 0 0 1px white, 0 0 0 2px rgba(3,138,198,0.2);

	background-size:cover;
	background-position:50% 50%;
	transform:translate3d(2px,0px,0px);
}


@media screen and (max-width: 500px) {

[ccolor] {
	margin-left:10px;
	margin-right:0px;
}


}



[selkol] {
        position:relative;
        display:block;
	width:220px;
        display:flex;
        flex-wrap:wrap;
        //margin-top:50px;
        justify-content:space-between;
        margin-left:auto;
        margin-right:auto;


}


[selkol] > span:nth-of-type(3) {
        position:relative;
        display:flex;
	justify-content:center;
	align-items:center;
	font-weight:normal;
        font-size:14px;
        flex:1 0 100%;
        margin-top:10px;
}

[selkol] input[type="number"] {
        display:block;
	width:calc(100% - 2*44px - 30px);
	text-align:center;
	font-weight:bold;
	font-size:18px;
	transition:all 0.3s;


border:none;
box-shadow: 0 0 0 1px #e5e5e5, 0 0 0 2px white, 0 0 0 3px #d0d0d0;
outline: none;

height:40px;
border-radius:3px;

vertical-align:bottom;
margin-top:1px;

}


[selkol] > span:nth-of-type(1), [selkol] > span:nth-of-type(2) {

        position:relative;
        display:inline-block;

	height: 44px;

	flex:0 0 44px;

	border-radius: 3px;

	cursor: pointer;

	font-size:44px;
	font-weight:normal;

	display:flex;
	justify-content:center;
	align-items:center;

        user-select:none;

        color:white;
        color:#038ac6;
        

        box-shadow: 0 0 0 1px white, 0 0 0 2px #d0d0d0;
        background-color:white;


}

[selkol] > span:nth-of-type(1)  {
	color:black;
        font-size:30px;
}

[selkol] > span:nth-of-type(2)  {
	color:#057b08;
	font-size:5px;
	background-image:url(../images/bplus.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
}


[selkol] > span:nth-of-type(1) > span {
        display:block;
	margin-top:-2px;
	padding-left:0px;
}

[selkol] > span:nth-of-type(2) > span {
        display:block;
	margin-top:-2px;
	padding-left:2px;
        color:green;
}



[selkol] > span:nth-of-type(3) > span:nth-of-type(1) {
	position:absolute;
	bottom:0px;
	right:0px;
	z-index:1;
}

[selkol] > span:nth-of-type(3) > span:nth-of-type(2) {
	//margin-left:10px;
}

[selkol] > span:nth-of-type(1):active, [selkol] > span:nth-of-type(2):active {
	top:2px;
}










[rid_wrapper] {
	border:3px solid magenta;
	background-color:white;
	border:2px solid black;
	border-radius:5px;
	display:flex;
	justify-content:space-evenly;
	max-width:200px;
	flex-wrap:wrap;
	
}

[rid_wrapper] input[type="radio"]{
	display:none;
}

[rid_wrapper] input[type="radio"] label {
        display:block;
        position:relative;
	background-color:white;
	padding:5px;
	height:50px;
	
}

[rid_wrapper] input[type="radio"]:checked + label {
	background-color:black;
	color:white;
}


[dzb] {
	display:inline-block;
	//border:3px solid black;
	font-weight:bold;
	font-size:16px;
	letter-spacing:1px;
	height:40px;
	line-height:40px;
	text-align:center;
	padding-left:40px;
        padding-right:40px;
        user-select:none;
        cursor:pointer;
        background-color:black;
        color:white;
        //border-radius:3px;


background: #C33455;
background: -webkit-radial-gradient(center, #C33455, #038ac6);
background: -moz-radial-gradient(center, #C33455, #038ac6);
background: radial-gradient(ellipse at center, #C33455, #038ac6);

        transition: all 0.3s ease-in-out !important;

}

[dzb]:active {
	transform:translate3d(1px,1px,0px);
}

@media screen and (max-width: 380px) {
[dzb] {
	display:inline-block;
	//border:3px solid black;
	font-weight:bold;
	font-size:16px;
	letter-spacing:1px;
	height:40px;
	line-height:40px;
	text-align:center;
	padding-left:10px;
        padding-right:10px;
        user-select:none;
        cursor:pointer;
        background-color:black;
        color:white;
        //border-radius:3px;
        font-size:14px;
        




}

}

[zavesa] {
	position:fixed;
	width:100%;
	height:100vh;
	left:0px;
	top:0px;
	opacity:0;
        background:rgba(255,255,255,1);
	transition: opacity 0.6s ease-in-out;
	z-index:999;
	background-image:url(../images/milbg.png);
	display:flex;
	justify-content:center;
	align-items:center;
}


[loader] {
        position:absolute;
        width:64px;
        height:64px;
	background-image:url(../images/786.png);
	left:calc((100% - 64px)/2);
	top:calc((100vh - 64px)/2);

}

/*[do-zakaz-window] {	
	position:fixed;
	width:1050px;
	height:calc(100% - 2px);
	top:1px;
	left:calc((100% - 1050px)/2);
	//border:10px solid red;
	z-index:999;
	background-color:white;
        visibility:hidden;
	opacity:0;
	transition: all 0.3s;
	transform:scale(0.7);
        transform-origin:50% 50%;
	overflow:hidden;

	background-color:#e8e8e8;
        background-color:white;

        bakckground-image:url(../images/menu_logo.png);
	
box-shadow: 0px 0px 200px 200px rgba(200,200,200,0.7);


}*/


[do-zakaz-window] {	
	position:fixed;
	width:1170px;
	height:100vh;
	left:calc((100% - 1170px)/2);
	z-index:999;
	background-color:white;
	opacity:0;
	transition: all 0.3s ease-in;
	transition-delay:0.3s;
	transform:scale(1) translate3d(0px,300px,0px);
        transform-origin:50% 50%;
	overflow:hidden;

	display:flex;
	justify-content:center;
	align-items:center;

}


[do-zakaz-window-content] {
        position:relative;

	width:100%;

	height:calc(var(--vh, 1vh) * 100 - 100px);
	margin:100px 0px 0px 0px;

	padding:0px;
	opacity:1;
	transition:opacity 0.3s;
	background-color:inherit;
	
	overflow:hidden;
	transition:all 0.5s ease-in-out;

        display:flex;
	align-items:center;
	align-content:center;
}

@media screen and (max-width: 720px) {
[do-zakaz-window-content] {
        height:calc(var(--vh, 1vh) * 100 - 70px);
	margin:70px 0px 0px 0px;
	align-self:flex-start;
}
}


[lrr-content] {
	//max-height:calc(100vh - 20px);
	//transform:translate3d(0px,40px,0px);
	border:2px solid black;
}


[do-zakaz-window-content][dzwc-45], [do-zakaz-window-content][dzwc-personal] {
	width:600px;
}


[do-zakaz-window-content][dzwc-45] [lrr-content] {
	height:500px;
        
}

[do-zakaz-window-content][dzwc-45] [ig-input], [do-zakaz-window-content][dzwc-46] [ig-input], [do-zakaz-window-content][dzwc-personal] [ig-input], [do-zakaz-window-content][dzwc-47] [ig-input], [do-zakaz-window-content][dzwc-email] [ig-input] {
	min-width:280px;
}

[do-zakaz-window-content][dzwc-45] [igroup], [do-zakaz-window-content][dzwc-46] [igroup], [do-zakaz-window-content][dzwc-personal] [igroup], [do-zakaz-window-content][dzwc-47] [igroup], [do-zakaz-window-content][dzwc-email] [igroup] {
	min-width:280px;
        width:280px;
}

[do-zakaz-window-content][dzwc-45] [ig-bar], [do-zakaz-window-content][dzwc-46] [ig-bar], [do-zakaz-window-content][dzwc-personal] [ig-bar], [do-zakaz-window-content][dzwc-47] [ig-bar], [do-zakaz-window-content][dzwc-email] [ig-bar] {
  position: relative;
  display: block;
  width: 280px;
  min-width:280px;
}






[w47-text] {
	display:block;
	padding:0px 10px 0px 10px !important;
}


[log-45], [log-46], [log-47] {
	margin:0px auto 0px auto;
}


[do-zakaz-window-content][dzwc-korrzakaz] {
	width:500px;
	max-height:500px;
	border:2px solid red;
}


[do-zakaz-window-content][dzwc-46] {
	width:500px;
	max-height:620px;
}

[do-zakaz-window-content][dzwc-47] {
	width:500px;
	max-height:400px;
	margin:50px 0px 0px 0px;
	height:calc(100vh - 50px - 50px);
}

[do-zakaz-window-content][dzwc-lk] {
	width:600px;

}

[do-zakaz-window-content][dzwc-sd] {
	width:600px;
	height:auto;

}


[do-zakaz-window-content][dzwc-swin] {
	width:600px;

}

[do-zakaz-window-content][dzwc-swin] [lrr-content] {
	height:450px;
	align-items:center;
	align-content:center;
        
}

[do-zakaz-window-content][dzwc-swin] [lrr-content] > span {
	margin:10px 0px 10px 0px;
}


[do-zakaz-window-content][dzwc-swin] [lrr-content] > span:nth-of-type(4) {
	order:4;
}

[swin-comm] {
	font-size:14px;
	font-weight:500;
	display:block;
	padding:0px 20px 0px 20px !important;
	line-height:26px;
	max-width:500px;
}

@media screen and (max-width: 720px) {

[do-zakaz-window-content][dzwc-swin] [lrr-content] > span:nth-of-type(1) {
	order:3;
}

[do-zakaz-window-content][dzwc-swin] [lrr-content] > span:nth-of-type(2) {
	order:2;
}

[do-zakaz-window-content][dzwc-swin] [lrr-content] > span:nth-of-type(3) {
	order:1;
}



}


[do-zakaz-window-content][dzwc-swin] [ig-input] {
	min-width:280px;
}

[do-zakaz-window-content][dzwc-swin] [igroup] {
	min-width:280px;
        width:280px;
}

[do-zakaz-window-content][dzwc-swin] [ig-bar] {
  position: relative;
  display: block;
  width: 280px;
  min-width:280px;
}

[but-swin] {
        display:block;
	height:40px;
	line-height:40px;
	width:250px;
	border:1px solid #909090;
	background-color:white;
	color:#909090;
	text-align:center;
	user-select:none;
	cursor:pointer;
	font-size:14px;
	font-weight:700;
	margin:0px auto 0px auto;
	text-decoration:none;

}

[but-swin]:active {
	transform:translate3d(1px,1px,0px);
}

[but-swin][active] {
	border:1px solid #038ac6;
        color:#038ac6;
}




[do-zakaz-window-content][dzwc-email] {
	width:500px;
	max-height:700px;
	border:2px solid red;
}

[do-zakaz-window-content][dzwc-alert-list] {
	width:500px;
	margin:0px 0px 0px 0px;
	padding:0px 8px 0px 8px;
	height:300px;
}

[al-vz1] {
        display:block;
	font-weight:500;
	line-height:28px;
	font-size:18px;
	padding:0px 8px 0px 8px;
	max-width:720px;

}
[al-vz1] > span {
	font-size:24px;
	font-weight:700;
}

[sb5] {
	margin:0px auto 0px auto;
}

[do-zakaz-window-content][dzwc-mzs] {
	width:600px;
	height:400px;
	margin:50px 0px 0px 0px;
}


[do-zakaz-window-content][dzwc-bcl] {
	width:470px;

}

[do-zakaz-window-content][dzwc-step2] {
	width:600px;
	/*height:700px;*/
}

[do-zakaz-window-content][dzwc-step5] {
	width:600px;

}

[do-zakaz-window-content][dzwc-error] {
	width:600px;
	height:600px;
}

[do-zakaz-window-content][dzwc-zlist] {
	width:600px;
}



@media screen and (max-width: 700px) {

[do-zakaz-window-content][dzwc-mzs] {
	width:100%;
	height:300px;
	margin:50px 20px 0px 20px;
}

[do-zakaz-window-content][dzwc-bcl] {
	width:100%;
	height:300px;
        margin:50px 20px 0px 20px;
}

}








@media screen and (max-width: 1170px) {

[do-zakaz-window] {	
	width:calc(100% - 2px);
	left:1px;
}
	
}

[close-win] {
        position:absolute;
        right:8px;
        top:35px;
        background-color:#038ac6;
	width:40px;
	height:40px;
	border-radius:100px;
	cursor:pointer;
        z-index:22;

        background-image:url(../images/close.png);
        background-repeat:no-repeat;
        background-position:50% 50%;

        transition:all 0.5s ease-in-out;
}


[close-win]:hover {
	transform:translate3d(0px,0px,0px) rotate(180deg);	
}

[close-win]:active {
	transition:all 0s;
        transform:translate3d(2px,2px,0px) rotate(180deg);
	
}

@media screen and (max-width: 720px) {
[close-win] {
        right:8px;
        top:8px;
}
}










[zwr] {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-evenly;
	padding-top:0px;
        background-color:inherit;
}

[zi] {
        margin-bottom:100px;
        padding:0px;
        flex: 0 0 310px;
        min-width:310px;

        box-shadow: 0 0 0 1px white, 0 0 0 2px rgba(0,0,0,0.1);
        background-color: rgba(255,255,255,1);
        border-radius: 0px;

        display:flex;
        flex-direction:column;
        justify-content:space-between;
        justify-content:flex-start;

opacity:1;
transition:all 0.3s;
        
}





[zwr] > div:not(div:nth-of-type(1)) {
	flex:0 0 300px;
	max-width:300px;
	margin-left:5px;
	margin-right:5px;
        
        
}


[zw-title] {
	/*width:calc(100% - 30px);*/
        position: sticky;
	top:0px;
	z-index:10;
        font-size:16px;
	font-weight:bold;
	opacity:0;
	min-height:40px;
	line-height:24px;
	padding-top:8px;
	padding-bottom:8px;

	transition:all 0.3s;

	background-color:inherit;

	
	//box-shadow:0 0px 2px 0px rgba(0,0,0,0.5);
	flex:1 0 100%;
	max-width:auto;
	width:auto;
	z-index:10;
}

[zw-title2] {
        
        position: relative;
        position: sticky;
        top:50px;

        display:block;
        line-height:24px;
        padding-top:8px;
        padding-bottom:8px;
	overflow:hidden;
        transition:all 0.3s;
        font-size:20px;
        z-index:9;
        
        margin-bottom:8px;
        padding-top:40px;
}

[zw-title2] a {
	color:black;
	font-weight:normal;
}

[zw-title3] {
        font-size:20px;
        top:50px;
        padding-top:30px;
        padding-bottom:30px;
}



[zi-rbd] {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-evenly;
	margin-bottom:05px;
}

[zi-rbd] > span {

	flex:0 0 80px;
	
	white-space:nowrap;

	padding-left:3px;
	padding-right:3px;

        margin-left:3px;
	margin-right:3px;

	//border:1px solid red;
}

[zi-rbd] > span:nth-of-type(1) {
	flex:1 0 100%;
	font-size:14px;
	font-weight:normal;
	text-align:center;
	line-height:38px;
	height:36px;

}

[zi-rb] {
        
	/*border:1px solid #d0d0d0;*/

	position:relative;

        box-shadow: 0 0 0 1px white, 0 0 0 2px #d0d0d0;

	margin-bottom:10px;
	background-color:white;
	color:black;
	height:36px;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	line-height:36px;
	cursor:pointer;
	transition:transform 0.1s, background-color 0.5s, color 0.5s, box-shadow 0.5s;

	border-radius:3px;
	user-select:none;


}

[zi-rb]:active {
	transform:translate3d(1px,2px,0px);
}

.zi-rb-selected {
	background-color:black;
	color:white;
        box-shadow: 0 0 0 1px #white, 0 0 0 2px #000000;
}



.zi-slide {
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:center;
}

.zi-container {

height:calc(100% - 80px);


height:100%;

display:flex;
flex-direction:column;

transition:all 0.3s;



}

[zi-delim] {
        flex:1 !important;
}

.swiper-slide > span:nth-of-type(1) {
	font-size:14px;
	font-weight:bold;
}


[zi-op] {
	width:100%;
	display:flex;
	flex-wrap:wrap;
}

[zi-op] > span {
	display:flex;
	flex-direction:column;
}

[zi-op] > span:nth-of-type(3) {
        display:block;
	font-size:14px;
	font-weight:normal;
	text-align:center;
        height:32px;
        line-height:32px;


        //border:1px solid red;
        flex:1 0 100%;

}


[zi-op] > span:nth-of-type(1) {
	flex:1;
	max-width:33%;
	display:flex;
	justify-content:center;
	align-items:center;
	white-space:nowrap;
}

[zi-op] > span:nth-of-type(2) {
        flex:1;
        max-width:33%;
}

[zi-op] > span:nth-of-type(4) {
        flex:1;
        max-width:33%;
        order:-1;
}

[zi-op] > span:nth-of-type(4) > img {
	height:50px;
	width:50px;
	margin-left:auto;
	margin-right:auto;

	cursor:pointer;
}



[zi-op] > span:nth-of-type(1) > span:nth-of-type(1) {
        display:block;
	font-size:14px;
	font-weight:normal;
	text-align:center;
	line-height:22px;
        height:22px;
}

[zi-op] > span:nth-of-type(1) > span:nth-of-type(2) {
	font-size:16px;
	font-weight:bold;
	text-align:center;
	display:inline;
        line-height:22px;
        height:22px;
}

[zi-op] > span:nth-of-type(2) > span:nth-of-type(1) {

	font-size:18px;
	font-weight:normal;
	text-align:center;
	display:inline;
        line-height:18px;
}

[zi-op] > span:nth-of-type(2) > span:nth-of-type(2) {

	font-size:30px;
	font-weight:normal;
	text-align:center;
	display:inline;
        font-family: 'gothic';
        line-height:50px;
        height:50px;
}


b[vr], b[vk] {
	font-size:14px;
	font-weight:normal;
}

.old-price {
	color:#038ac6;
	text-decoration:line-through;
}

[zi-title] {
        
	height:40px;
        //height:44px !important;
	/*border-radius:5px 5px 0 0;*/
	background-size:cover !important;
	background-repeat:no-repeat !important;
	background-position:50% 50% !important;
	display:flex;
	justify-content:center;
	align-items:center;
	
	transition:all 0.3s ease-in-out;
	cursor:pointer;
}

[ztz]:active {
	height:140px !important;
}

[zi-title2] {
	left:5px;
	top:5px;
	font-size:16px;
	font-weight:bold;
	line-height:36px;
	padding-left:10px;
	padding-right:10px;

}

[ba] {
	height:50px;
	background-image:url(../images/lenta.jpg);
	display:flex;
	justify-content:center;
	align-items:center;

}

[ba] > a {
	display:inline-block  !important;
	background-color:black  !important;
	color:white !important;
	font-size:14px !important;
	font-weight:bold !important;
	padding-left:15px  !important;
	padding-right:15px !important;
	height:40px  !important;  
	flex:0 0 300px  !important;
	line-height:40px  !important;
	text-align:center  !important;
	border-radius:3px !important;
	user-select:none;
        transition:all 0.3s;
        cursor:pointer;
        font-family: "Trebuchet MS", Helvetica, sans-serif !important;
}

[ba] > a::first-letter {
	color:white !important;
}

[ba] > a:active {
	transform:translate3d(1px,2px,0px);
}



[zi-color] {
	background: rgb(0,0,0);
        background: linear-gradient(0deg, rgba(0,0,0,0.1923144257703081) 0%, rgba(0,0,0,0) 100%);	
}



[zi-title3] {
        display:inline-block;
	color: #FFF;
	//mix-blend-mode: luminosity;
	font-size:16px;
	font-weight:bold;
	background-color:rgba(255,255,255,0.85);
        //background-color:rgba(0,0,0,0.8);
	color:black;
        //color:white;
	padding-left:10px;
	padding-right:10px;
	border-radius:3px;
	text-align: center;
	height:36px;
	line-height:36px;
	box-shadow:0px 0px 2px 0px rgba(255,255,255,1);
        box-shadow:0px 0px 2px 0px rgba(0,0,0,1);
	min-width:80px;
}

[zrub] {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	//font-weight:normal;
	font-size:0.6em;
	margin-left:2px;
}

[ks] {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-weight:normal;
	font-size:0.6em;
}

[pricecat] {
        position:relative;
	height:40px;
	line-height:40px;
	font-size:30px;
	font-family:'gothic';
	text-align:right;
	padding-right:0px;
}

[ot] {
	font-size:0.6em;
}


[bsktrd2] {
	position:absolute;
	width:40px;
	height:40px;
        line-height:0px !important;
	left:0px;
	/*top:calc((100% - 40px)/2);*/
	bottom:-4px;
	
	cursor:pointer;
	text-align:left;
}


@media screen and (max-width: 500px) {

[pricecat] {
	padding-right:10px;
}

[bsktrd] {
	left:10px;
}

	
}


[zinfo] {
	width:100%;

	height:70px;

	display:flex;

}

.zinfo-wait {
	background-color:white;
	background-image:url(../images/vg.png), url(../images/kp.png);
	background-repeat:no-repeat;

	animation: zw 3s infinite linear;
        animation-play-state:  running, running;
}

@keyframes zw {

from {
	background-position:-45px 50%, 50% 50%;
}

30% {
	background-position:calc(100% + 45px) 50%, 50% 50%;	
}



to {
	background-position:calc(100% + 45px) 50%, 50% 50%;	
}

}


.zinfo-added {
	background-color:white;
	background-image:url(../images/pk.png);
	background-repeat:no-repeat;	
	background-position:50% 50%;
}


[zinfo] > span {
}

[zinfo] > span:nth-of-type(2) {
	flex:1 0 48px;
	max-width:48px;
}

[zinfo] > span:nth-of-type(1), [zinfo] > span:nth-of-type(3) {
	flex:1 0 calc((100% - 48px)/2);
	max-width:calc((100% - 48px)/2);
}


[zinfo] > span:nth-of-type(1), [zinfo] > span:nth-of-type(3) {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-content:center;
}

[zinfo] > span:nth-of-type(1) > span, [zinfo] > span:nth-of-type(3) > span {
	flex:1 0 100%;
        text-align:center;
}

[zinfo] > span:nth-of-type(3) > span {
	font-weight:bold;
}

[zinfo] > span > span {
	white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        max-width:120px;
}

[zi-kr], [zi-kr-red] {
	position:absolute;
	width:24px;
	height:22px;
	right:-5px;
	top:-7px;
	background-image:url(../images/v_zakaze.png);
}

[zi-kr-red] {
	background-image:url(../images/v_zakaze_red.png);
}


[rnav] {
        position:relative;
	border:1px solid red;
	height:24px;
}

[next-razmer], [prev-razmer] {
	position:absolute;
	width:50px;
	height:50px;
	border:2px solid purple;
}

[next-razmer] {
	right:0px;
	top:0px;
}

[prev-razmer] {
	left:0px;
	top:0px;
}


[krz], [krz-zinfo] {
	cursor:pointer;
	transition:all 0.1s ease-in-out, background-position 0s, color 0s;
}

[krz] [ks] {
	font-size:0.8em;
}

[zi-nav] {
	height:40px;
	display:flex;
	justify-content:space-evenly;
	border-top:1px solid #d0d0d0;
	align-items:center;
	//display:none;
        opacity:1;
        height:0px;
        margin-top:20px;
}

[zi-nav] > span {
	cursor:pointer;
	display:block;
	background-repeat:no-repeat;
	
	width:40px;
	height:40px;
}


.zi-p-add-1 {
	background-image:url(../images/zi-add-1.png);
        background-position:50% 50%;
}

.zi-p-add-2 {
	background-image:url(../images/zi-add-2.png);
        background-position:50% 50%;
}

.zi-p-list-1 {
	background-image:url(../images/zi-list-1.png);
        background-position:50% calc(50% - 2px);
}

.zi-p-list-2 {
	background-image:url(../images/zi-list-2.png);
        background-position:50% calc(50% - 2px);
}

[zi-zl] {
        position:relative;
	padding:15px;
	padding-top:0px;
	display:flex;
	flex-direction:column;
        height:calc(100% - 80px);
        padding-bottom:40px;
        display:none;
        width:100%;
        text-align:center;
}

[zi-zl-delim] {
	flex:1;
}

[zi-zl-itogo] {
	position:absolute;
	height:40px;
	bottom:0px;
	left:0px;
	width:100% !important;

        display:flex;
        justify-content:center;
        align-items:center;
	font-size:14px;
	font-weight:bold;
	background-color:#f9fdd8;
}


[zi-zl-cont] {
	min-height:40px;
}


[zi-zl-cont] > span {
	display:flex;
	flex-wrap:wrap;
	margin-top:20px;
        margin-bottom:20px;
}

[zi-zl-cont] > span > span:nth-of-type(1), [zi-zl-cont] > span > span:nth-of-type(2) {
	flex:1 0 50%;
	font-size:14px;
	font-weight:bold;
	line-height:28px;
	text-align:left;
}

[zi-zl-cont] > span > span:nth-of-type(2) {
	text-align:right;
}

[zi-zl-cont] > span > span:nth-of-type(3) {
	flex:1 0 100%;
	text-align:center;
        font-size:14px;
	font-weight:normal;
}


[zi-hide] {
	height:0px;
	padding:0px;
	box-shadow:none;
	margin:0px;
}






/*.work45_window {	
	position:fixed;
	width:500px;
	height:550px;
	left:calc((100% - 500px)/2);
        top:calc((100% - 550px)/2);
	z-index:999;
	background-color:white;
        visibility:hidden;
	opacity:0;
	transition: all 0.3s;
	transform:scale(0.7);
        transform-origin:50% 50%;
	overflow:hidden;

	background-color:white;
}*/


@media screen and (max-width: 720px) {
[new-work-window] {
	background-image:url(../images/milanko.jpg);
	background-repeat:no-repeat;
	background-position:8px 5px;
	background-size:126px 35px;
}	
}


[ph_tmp] {
	font-weight:700;	
	color:#038ac6;
}

.work46_window {	
	position:fixed;
	width:500px;
	max-height:720px;
        height:720px;
	left:calc((100% - 500px)/2);
        top:calc((100% - 720px)/2);
	z-index:999;
	background-color:white;
        visibility:hidden;
	opacity:0;
	transition: all 0.3s;
	transform:scale(0.7);
        transform-origin:50% 50%;
	overflow:hidden;

	background-color:white;
}

.personal_window {	
	position:fixed;
	width:500px;
	max-height:720px;
        height:720px;
	left:calc((100% - 500px)/2);
        top:calc((100% - 720px)/2);
	z-index:999;
	background-color:white;
        visibility:hidden;
	opacity:0;
	transition: all 0.3s;
	transform:scale(0.7);
        transform-origin:50% 50%;
	overflow:hidden;

	background-color:white;
}

.work47_window {	
	position:fixed;
	width:500px;
	height:380px;
	left:calc((100% - 500px)/2);
        top:calc((100% - 380px)/2);
	z-index:999;
	background-color:white;
        visibility:hidden;
	opacity:0;
	transition: all 0.3s;
	transform:scale(0.7);
        transform-origin:50% 50%;
	overflow:hidden;

	background-color:white;
}


.lk_window {	
	position:fixed;
	width:700px;
	height:580px;
	left:calc((100% - 700px)/2);
        top:calc((100% - 580px)/2);
	z-index:999;
	background-color:white;
        visibility:hidden;
	opacity:0;
	transition: all 0.3s;
	transform:scale(0.7);
        transform-origin:50% 50%;
	overflow:hidden;

	background-color:white;
}


.email_window {	
	position:fixed;
	width:600px;
	height:550px;
	left:calc((100% - 600px)/2);
        top:calc((100% - 550px)/2);
	z-index:999;
	background-color:white;
        visibility:hidden;
	opacity:0;
	transition: all 0.3s;
	transform:scale(0.7);
        transform-origin:50% 50%;
	overflow:hidden;

	background-color:white;
}


.zlist_window {
	position:fixed;
	width:720px;
	height:580px;
	left:calc((100% - 720px)/2);
        top:calc((100% - 580px)/2);
	z-index:999;
	background-color:white;
        visibility:hidden;
	opacity:0;
	transition: all 0.3s;
	transform:scale(0.7);
        transform-origin:50% 50%;
	overflow:hidden;

	background-color:white;
}



@media screen and (max-width: 540px) {
	
.work45_window {		
	width:calc(100% - 2px);
        left:1px;
}

.work46_window {
	width:calc(100% - 2px);
        left:1px;		
}

.personal_window {
	width:calc(100% - 2px);
        left:1px;		
}

.work47_window {		
	width:calc(100% - 2px);
        left:1px;
}

	
}



@media screen and (max-height: 730px) {

.work46_window {
	max-height:100vh;
        height:calc(100vh - 2px);
	top:1px;
	margin:0px;
}


}


@media screen and (max-height: 730px) {

.personal_window {
	max-height:100vh;
        height:calc(100vh - 2px);
	top:1px;
	margin:0px;
}




}


@media screen and (max-height: 620px) {

.work45_window {
	max-height:100vh;
        height:calc(100vh - 2px);
	top:1px;
	margin:0px;
}

.lk_window {
	max-height:100vh;
        height:calc(100vh - 2px);
	top:1px;
	margin:0px;
}


}


@media screen and (max-height: 420px) {

.work47_window {
	max-height:100vh;
        height:calc(100vh - 2px);
	top:1px;
	margin:0px;
}
}


@media screen and (max-height: 640px) {

.email_window {
	max-height:100vh;
        height:calc(100vh - 2px);
	top:1px;
	margin:0px;
        
}
}


@media screen and (max-width: 640px) {

.email_window {
	width:calc(100% - 2px);
        left:1px;
}



}

@media screen and (max-width: 750px) {

.zlist_window {
	width:calc(100% - 2px);
        left:1px;
}

}
@media screen and (max-width: 650px) {

.zlist_window [zl-span] {
	flex:1 0 100% !important;
}

.zlist_window {
	height:calc(100% - 2px);
	top:1px;
}

}


[lk-show1] {
	display:inline;
}

[lk-show2] {
	display:none;
	font-weight:bold;
}

@media screen and (max-width: 720px) {

.lk_window {		
	width:calc(100% - 2px);
        left:1px;
}

[lk-show1] {
	display:none;
}

[lk-show2] {
	display:inline;
}


}


[podsk] {
        display:block;
	font-size:12px;
	text-align:center;
	margin:0px auto 20px auto !important;
	max-width:500px;
	min-height:40px;

}

[podsk2] {
	//margin:5px auto 0px auto;
}

[igroup] {
  position: relative;
  display:inline-block;

}

[ig-input] {
  font-family: 'Montserrat', sans-serif;
  font-size: 22px;
  font-weight:500;
  padding: 10px;
  display: block;
  width: 280px;
  border: none;
  border-bottom: 1px solid #ccc;

  min-width:500px;
  letter-spacing:1px;
}

[ig-input]:focus {
  outline: none;
}


[ig-label] {

  color: #999;
  font-size: 16px;
  position: absolute;
  pointer-events: none;
  left: 10px;
  top: 15px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}

/* active state */
[ig-input]:focus ~ label:not([for="show_pass"]), [ig-input]:valid ~ label:not([for="show_pass"]) {
	top: -18px;
	left:0px;
	color: #505050;
	color:#038ac6;
	font-size:14px;
}

[show_pass555] {
	border:2px solid red;

}


[fch] {
	height:50px;
	text-align:left !important;
	justify-content:flex-start !important;
	max-width:480px;
	
}

[fch] label {
	font-weight:500;
	
}

[fch] input[type="checkbox"] {
	transform:scale(3,3);
	margin:0px 20px 0px 0px;
	
}

[ig-label2] {
	top: -18px;
	left:0px;
	color: #505050;
	font-size:14px;
	
}

[ig-input2] {
	background-color:#e8e8e8;
}

[ig-bar] {
  position: relative;
  display: block;
  width: 280px;
  min-width:500px;
}
[ig-bar]:before, [ig-bar]:after {
  content: "";
  height: 2px;
  width: 0;
  bottom: 0;
  position: absolute;
  background: black;
  transition: 0.2s ease all;
  -moz-transition: 0.4s ease all;
  -webkit-transition: 0.4s ease all;
}
[ig-bar]:before {
  left: 50%;
}
[ig-bar]:after {
  right: 50%;
}

/* active state */
input:focus ~ [ig-bar]:before,
input:focus ~ [ig-bar]:after {
  width: 50%;
}


[log-buttons] {
	display:flex;
	flex-direction:column;
	align-items:center;
	width:100%;
	display:flex;

}

[log-buttons] > a {
	width:140px;
	flex:0 0 40px;

	font-size:14px;

        line-height:40px;
	width:250px;

	color:black;
	border:1px solid black;

	text-align:center;
	user-select:none;
	cursor:pointer;
	font-weight:700;
}

[log-buttons] > a:active {
	transform:translate3d(1px,1px,0px);
}

[log-45], [log-46], [log-47], [pers-do], [eml-save] {
        display:block;
	height:40px;
	line-height:40px;
	width:250px;
	border:1px solid #038ac6;
	background-color:white;
	color:#038ac6;
	text-align:center;
	user-select:none;
	cursor:pointer;
	font-size:14px;
	font-weight:700;

}

[log-45]:active, [log-46]:active, [log-47]:active, [pers-do]:active, [eml-save]:active {
	transform:translate3d(1px,1px,0px);
}

[lrr-content-main] {
	width:100%;
	height:100%;
	overflow:auto;
}


[lrr-content-new] {
	width:100%;
	min-height:100%;
        display:flex;
        flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
	margin:auto;
	padding:0px 0px 40px 0px;
}

[lrr-content-new] > span {
	flex:0 0 100%;
	text-align:center;
        margin:10px 10px 10px 10px;
        display:flex;
        justify-content:center;
}

[lrr-content-new] [igroup] {
}

@media screen and (max-width: 720px) {

[lrr-content-new] [igroup] {
	min-width:280px;
        width:280px;
}

[lrr-content-new] [ig-input] {
	min-width:280px;
        width:280px;
}

[lrr-content-new] [ig-bar] {
	min-width:280px;
        width:280px;
}

}




[do-zakaz-window-content][dzwc-45] [ig-input], [do-zakaz-window-content][dzwc-46] [ig-input], [do-zakaz-window-content][dzwc-personal] [ig-input], [do-zakaz-window-content][dzwc-47] [ig-input], [do-zakaz-window-content][dzwc-email] [ig-input] {
	min-width:280px;
}

[do-zakaz-window-content][dzwc-45] [igroup], [do-zakaz-window-content][dzwc-46] [igroup], [do-zakaz-window-content][dzwc-personal] [igroup], [do-zakaz-window-content][dzwc-47] [igroup], [do-zakaz-window-content][dzwc-email] [igroup] {
	min-width:280px;
        width:280px;
}

[do-zakaz-window-content][dzwc-45] [ig-bar], [do-zakaz-window-content][dzwc-46] [ig-bar], [do-zakaz-window-content][dzwc-personal] [ig-bar], [do-zakaz-window-content][dzwc-47] [ig-bar], [do-zakaz-window-content][dzwc-email] [ig-bar] {
  position: relative;
  display: block;
  width: 280px;
  min-width:280px;
}


[dzwc-title] {
        display:block !important;
	font-size:20px;
	font-weight:500;
	text-align:center;
	flex:0 0 100%;
	padding:0px 8px 0px 8px !important;
	margin:0px 0px 20px 0px !important;
	line-height:32px !important;
	//max-width:720px;
	
}




















[lrr-content] {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	//overflow:auto;
	height:100%;
	flex:0 0 100%;
	display:flex;
	justify-content:center;
	align-items:center;
	align-content:center;
}



[dzwc-title][error] {
	color:#038ac6;
	color:black;
}


[lrr-content] > span {
	text-align:center;
	flex:1 0 100%;
	padding:20px 0px 0px 0px;
}

[lrr-content] > span:last-of-type {
	padding:20px 0px 20px 0px;
}

[log-shp] {
	display:flex;
	justify-content:center;
	align-items:center;
	padding:0px !important;
	height:40px !important;
	font-size:14px;
}

[log-shp] input[type="checkbox"]{
	transform:scale(1.8,1.8);
	margin-right:15px;
}

[log-shp2] > span:nth-of-type(2) {
	margin:0px 0px 0px 40px;
}

@media screen and (max-width: 720px) {

[log-shp2] {
	flex-wrap:wrap;
	height:auto !important;
	justify-content:flex-start !important;
}

[log-shp2] > span {
	flex:0 0 100%;
}

[log-shp2] > span:nth-of-type(1) {
	margin:20px 0px 0px 0px;
	text-align:left;
        padding:0px 0px 0px calc((100% - 240px)/2);

}

[log-shp2] > span:nth-of-type(2) {
	order:-1;
        margin:0px 0px 0px 0px;
        text-align:left;

        padding:0px 0px 0px calc((100% - 240px)/2);
}

}



[err-span] {
	
	height:40px !important;
	line-height:40px !important;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:red;
}

[lk-wr] {
	display:flex;
	flex-wrap:wrap;   

}

[lk-wr] > span:nth-child(odd) {
	flex:1 0 35%;
	display:flex;
	justify-content:center;

        margin-bottom:15px;
        margin-top:30px;
}

[lk-wr] > span:nth-child(even) {
	flex:1 0 65%;

        margin-bottom:15px;
        margin-top:30px;
        font-size:14px;
        padding-right:40px;
        display:flex;
        text-align:justify;
        align-items:center;
}

[lk-wr] > span:nth-child(odd) > a {
        display:block;
	width:150px;
	height:40px;
	border-radius:3px;
	background-color:black;
	color:white;
	font-size:14px;
	font-weight:bold;
	line-height:40px;
	text-align:center;
	cursor:pointer;
	user-select:none;
	display:flex;
	justify-content:center;
	align-items:center;

}


[lk-wr] > span:nth-child(odd) > a:active {
	transform:translate3d(1px,1px,0px);
}

[lk-pers] {
	padding-left:calc((35% - 150px)/2);
        padding-right:calc((35% - 150px)/2);
	font-weight:bold;
	margin-top:20px;
}


[lk-wr] > span:nth-child(odd) > a > span {
	font-weight:bold;
}



@media screen and (max-width: 720px) {

[lk-wr] > span:nth-child(odd) > a {
	width:300px;
        justify-content:space-between;
        padding-left:20px;
        padding-right:20px;

}





[lk-wr] > span:nth-child(even) {
	display:none;
}

[lk-wr] {
	width:320px;
	margin-left:auto;
	margin-right:auto;
}


[lk-pers] {
	padding-left:calc((100% - 300px)/2);
        padding-right:calc((100% - 300px)/2);

	font-weight:bold;
	margin-top:20px;
}


}


[do-zakaz-window] input {
	transition:all 0.5s;
}

[title-eml] {
	padding-left:20px;
	padding-right:20px;
	font-weight:bold;
        margin-bottom:10px;
}

[text-eml] {
	padding-left:20px;
	padding-right:20px;
	font-size:14px;
	text-align:justify;
}

[igroup_special] {
	margin:0px;
	display:flex;
	flex-wrap:wrap;
	width:280px;

	margin-left:auto;
	margin-right:auto;
	border-bottom:1px solid #cccccc;
	margin-top:-10px;


}

[igroup_special] > input {
	transform:scale(1.8,1.8) translate3d(0px,3px,0px);
	flex:0 0 30px;

}

[igroup_special] > label {
        flex:1 0 calc(280px - 70px);
        padding-bottom:10px;
        font-size:14px;
        text-align:left;
}

[igroup_special] > [ig-bar] {
	flex:1 0 280px;
}

[zl-a] {
	


}

[zl-a] > span {
	font-weight:bold;
}

[zl-a]:active {
	transform:translate3d(1px,1px,0px);
}

[zl-a-disabled] {


        
}

[zl-span] {
	flex:0 0 50% !important;
	margin:0px;
	padding:0px !important;
	display:flex;
	justify-content:center;
	align-items:center;
	height:auto !important;
	margin-top:5px;
	margin-bottom:25px;
}

[zl-span] > span  {
        flex:0 0 300px;
	display:flex;
	flex-wrap:wrap;
}



[zl-span] > span  > span {
        flex:0 0 100%;
        
}

[zl-span] > span  > span:nth-of-type(2)> span  {
	font-weight:bold !important;         
}





[ci-wrapper] {
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;

	justify-content:center;
	align-content:flex-start;
        align-items:flex-start;

        width:1170px;

        margin:30px auto 30px auto;
        padding:0px 0px 0px 0px;

        box-sizing: border-box;



}

[ci-wrapper] > * {
        box-sizing: border-box;
}












[ci-wrapper2] {
        position:relative;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;

	justify-content:center;
	align-content:flex-start;
        align-items:flex-start;

        width:1170px;

        margin:20px auto 60px auto;
        padding:0px 0px 0px 0px;

        box-sizing: border-box;


}




[ci-wrapper2] > * {
        box-sizing: border-box;
}




[nci1] {
        flex:0 0 calc(51.282051282051% + 10.238289390233%);

	padding:51.282051282051% 0px 0px 0px;
	z-index:9;
}

[nci2] {
	flex:0 0 calc(100% - (51.282051282051% + 10.238289390233%));
        padding:0px 0px 0px 35px;
        display:flex;
        flex-wrap:wrap;
        
}

[nci2] > * {
	flex:0 0 100%;
}

[nci2] > h1 {
	font-size:30px;	
	font-weight:500;
        
        padding:0px 0px 10px 0px;

        

}

[nci3] {
	margin:0px 0px 30px 0px;
	background-color:#f2f5fe;
	display:flex;
	align-items:center;
        line-height:40px;
        padding:0px 8px 0px 8px;
        cursor:pointer;
        text-decoration:none;
        color:black;
}

[nci3-1] {
	font-size:14px;
	font-weight:bold;	
	padding:0px 0px 0px 0px;

}

[nci-br] {
	display:none;
}



[nci3-3],[nci3-4] {
	font-size:30px;
	font-weight:bold;
	text-align:right;
	display:block;
	line-height:34px !important;
	white-space:nowrap;
	
}


@media screen and (max-width: 720px) {
[nci3-1] {
	display:block;
	line-height:22px;
}

[nci-br] {
	display:inline;
}

}

@media screen and (max-width: 350px) {

[nci3-3] {
	font-size:18px;
	
}

}

[nci3-3] {
	line-height:40px !important;
	margin:0px 8px 0px 0px;

	
}

[nci3-2] {
	display:block;
	flex:0 0 30px;
	height:30px;
	background-image:url(../images/nci3.png);
	background-repeat:no-repeat;
        background-position:15px 50%;
	flex:1;
}



[nci-photo] {
	position:absolute;
	width:calc(51.282051282051% + 10.238289390233%);
	left:0px;
	top:0px;

        display:flex;
	flex-wrap:wrap;
        transition:all 0s;
        justify-content:flex-start;

        padding:0px 0px 0px 0px;
}


[to-basket] {
	display:flex;
	justify-content:center;
	align-items:center;
        border:2px solid #038ac6;
        color:#038ac6;
        margin: 40px auto 60px auto !important;
	border: 2px solid #038ac6;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	width:240px;
	height:60px;
	cursor:pointer;
	user-select:none;
}

[to-basket]:active {
	transform:translate3d(1px,1px,0px);
}

@media screen and (max-width: 1020px) {
[to-basket] {
	display:none;
}
}





[nci-photo] > * {	
}

[nci-photo] > a {	
	flex:1 0 calc(100%*5/6);
        min-width:300px;
        min-height:300px;
}


[nci-photo] > div {
	max-width:calc(100% - (100%*5/6));
	flex:0 0 calc(100% - (100%*5/6));
	padding:0px !important;
	padding-bottom:50%;
	display:flex  !important;
	justify-content:flex-start  !important;
	order:-1;
}

[nci-pr] {
	
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-content:flex-start;
	align-items:flex-start;
        margin:15px 0px 25px 0px;
        position:relative;
}

[nci-pr] [red] {
	color:#038ac6 !important;	
}

@media screen and (max-width: 1020px) {
[nci-pr] {
	
        margin:45px 0px 25px 0px;
}
}

@media screen and (max-width: 720px) {
[nci-pr] {
	
        margin:25px 0px 25px 0px;
}
}

[nci-pr] > span {
	flex:0 0 100%;
}

[nci-pr] > span:nth-of-type(1) {
	font-size:30px;
	font-weight:700;
	color:#038ac6;
}

[nci-pr] > span:nth-of-type(3) {
	display:block;
	position:absolute;
	height:40px;
	line-height:40px;
	text-transform:uppercase;
	font-weight:bold;
	right:0px;
	top:calc((100% - 40px)/2);
	color:#0a9404;
}

@media screen and (max-width: 350px) {

[nci-pr] > span:nth-of-type(1) {
	font-size:18px;
}

}

[nci-pr] > span:nth-of-type(2) {
	font-size:14px;
	font-weight:700;
	color:black;
	line-height:18px;
}

[ci-prop] {
        display:block;
	font-size:16px;
	font-weight:500;
	margin:15px 0px 0px 0px;
	line-height:28px;
}

[ci-prop] > span:first-of-type {
	font-weight:700;

}

[ci-prop-text] {

        display:block;
	font-size:16px;
	font-weight:500;
	margin:45px 0px 0px 0px;
	line-height:32px;
	min-height:150px;
}

[sml-gal] {
}



@media screen and (max-width: 1170px) {

[ci-wrapper2] {
	width:100%;
	padding:0px 8px 0px 0px;
}	

[nci2] > h1 {
	font-size:24px;	
	font-weight:500;
	
}


[nci-photo] {
	width:calc(51.282051282051% + 10.238289390233% - 8px);
	left:8px;
}

}

@media screen and (max-width: 1170px) {

[nci2] > h1 {
	font-size:24px;	
	font-weight:500;
        border-bottom: 1px solid black;
        padding:0px 0px 10px 0px;
        text-align:center;
	
}
}


@media screen and (max-width: 1020px) {


[ci-wrapper2] {
	padding:0px 0px 0px 0px;
	justify-content:center;
}	

[nci1] {
	display:none;
}

[nci2] {
	flex:0 0 720px;
	padding:0px 0px 0px 0px;
        margin:0px 0px 0px 0px;
	justify-content:flex-start;
}


[nci2] h1 {
	order:-2;
	display:block;
        margin:0px auto 20px auto;
        font-size:20px;
        


}

[nci-photo] {
	position:relative;
	order:-1;
	flex:0 0 100%;
	left:0px;
	margin:0px auto 0px auto;
}


}


@media screen and (max-width: 720px) {


[ci-wrapper2] {
	padding:0px 8px 0px 8px;
	justify-content:center;
	margin:20px 0px 60px 0px;
}	


[nci2] {
	flex:0 0 100%;
}

[sml-gal] {
	height:0px;
	width:0px;
        flex:0 0 0px !important;
        overflow:hidden;
}

[nci-photo] > a {
	flex:1 0 100%;
}

}



[ci-wrapper3] {
	width:1170px;
	margin:0px auto 0px auto;

	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
        justify-content:space-evenly;
        box-sizing: border-box;

}

[ci-wrapper3] * {
	box-sizing: border-box;
}

[ciw3-item-1-item] {
	justify-content:center;
}

[ciw3-item-2-item] {
	justify-content:space-evenly;
}

[ciw3-title] {
	font-weight:500;
	font-size:30px;
	flex:0 0 100%;
	margin:0px 0px 30px 0px;
}

@media screen and (max-width: 1020px) {

[ciw3-title] {
	font-size:20px;
	text-align:center;
        background-color: #f2f5fe;
        padding:20px 8px 20px 8px;
}

}


[ciw3-item], [ciw3-item-empty] {
	min-width:300px;

	flex:0 0 30%;

        display:flex;
	flex-wrap:nowrap;
	flex-direction:column;

	margin:0px 0px 50px 0px;
	padding:0px 0px 30px 0px;

	border-bottom:2px solid black;
	position:relative;
	
}

[ciw3-t1] {
	position:absolute;
	width:100%;
	left:0px;
	top:0px;
	padding-top:calc(100% + 60px);
}

[ciw3-t2] {
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	cursor:pointer;
}

[ciw3-t3] {
	position:sticky;
	width:100%;
	top:130px;
	height:60px;
	background-color:white;
        font-size:18px;	
	letter-spacing:2px;
	font-weight:bold;
	text-align:center;
	line-height:60px;
        text-transform: uppercase;
        z-index: 9;
        cursor: default;
}

[ciw3-item-empty] {
	height:0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:none;
}

[ciw3-item] > span:first-of-type {
	font-size:18px;	
	letter-spacing:2px;
	font-weight:bold;
	text-align:center;
	flex:0 0 60px;

	line-height:60px;

	text-transform: uppercase;
	position:relative;
	display:block;
	//top:140px;
}


[ciw3-title2] {
        position:absolute;
	display:block;
	width:100%;
	padding-top:calc(100% + 60px);
	left:0px;
	top:0px;
}



[ciw3-item] > img {
	min-width:300px;
	min-height:300px;
	width:100%;
	flex:0 0 auto;
}



[ciw3-razmer-butts] {
	flex:0 0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

[ciw3-razmer-butts] > span:first-of-type {
	flex:0 0 100%;
	display:block;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:16px;
	font-weight:500;
}

[ciw3-butt] {
	border:1px solid black;
	flex:0 0 32% !important;
	max-width:160px !important;
	height:70px;
	margin:0px 0px 10px 0px;
        cursor:pointer;
        transition:transform 0.1s ease-in-out;
        user-select:none;
        position:relative;
        
}

[ciw3-butt]:active {
	transform:translate3d(1px,1px,0px);
}


[ciw3-butt-selected="ok"] {
	background-color:#038ac6;
	color:white;
        border:1px solid #038ac6;
}

[ciw3-butt-selected="ok"] [ciw3-old-price] {
	color:white !important;
}

[ciw3-green-icon] {
	position:absolute;
	width:20px;
	height:20px;
	right:-5px;
	top:-5px;
	background-image:url(../images/ciw3_green_icon.png);

}



[ciw3-butt-empty] {
        flex:0 0 32%;
	height:0px;
        //max-width:160px;
}

[ciw3-butt] {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;	
	align-items:center;
}

[ciw3-butt] > span {
	flex:0 0 100%;	
	text-align:center;
}

[ciw3-butt] > span:first-of-type {
        display:block;

        width:10px;
	font-size:20px;
	font-weight:700;
        height:35px;
        line-height:35px;
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
        padding:0px 5px 0px 5px;
        
}

[ciw3-butt] > span:last-of-type {

	display:flex;
        height:35px;
        line-height:35px;

}

[ciw3-butt] > span:last-of-type > span {
	flex:1;
	text-align:center;
	font-size:18px;
	font-weight:700;
}


[ciw3-butt] > span:last-of-type > [ciw3-old-price] {
	font-size:12px;
	font-weight:700;	
	color:#038ac6;
	text-decoration:line-through;


}

.swiper-container[item-container] {
	flex:0 0 auto !important;
	width:100% !important;


}

.swiper-container[item-container] .swiper-wrapper {
        box-sizing: content-box;
        
        overflow:hidden;
        perspective: 350px;


}


.swiper-container[item-container] .swiper-slide {
	display:flex;
	flex-wrap:wrap;
        margin:0px 0px 0px 0px !important;
        padding:0px 0px 0px 0px !important;

        flex:0 0 100%;
}

.swiper-slide[ciw3-num] > span {
	margin:0px 0px 0px 0px !important;
}


[ciw3-slide-text] {
	background-color:#f2f5fe;
	display:flex;
	flex-wrap:wrap;
	font-size:12px;
        font-family: 'Montserrat', sans-serif;
        width:100%;
        padding:15px 0px 15px 0px;
        flex: 0 0 auto;
}

[ciw3-slide-text] > [n1], [ciw3-slide-text] > [n3] {
	flex:0 0 60%;
	display:block;
	line-height:26px;
	

}

[ciw3-slide-text] > [n2], [ciw3-slide-text] > [n4] {
	flex:0 0 40%;
        display:block;
        line-height:26px;
}

[ciw3-slide-text] > span {
        display:block;
        height:24px;
        line-height:24px;
        font-weight:500;
}

[ciw3-slide-text] > [n1], [ciw3-slide-text] > [n3] {
	text-align:left;
	padding:0px 0px 0px 10px;

}

[ciw3-slide-text] > [n2], [ciw3-slide-text] > [n4] {
	text-align:right;	
        padding:0px 10px 0px 0px;
}


[ciw3-slide-text] > [n2] {
	position:relative;
}


[ciw3-slide-text] > [n1] {
	font-size:14px;	

}

[ciw3-slide-text] > span > [n11], [ciw3-slide-text] > span > [n22] {
        display:inline-block;
        vertical-align:bottom;
        transform:translate3d(0px,-3px,0px);
	font-size:20px;	
	font-weight:700;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

[ciw3-slide-text] > span > [n11] {
	max-width:calc(100% - 90px);
}

[ciw3-slide-text] > span > [n21] {
	font-size:12px;
	font-weight:700;	
	color:#038ac6;
	text-decoration:line-through;
	/*margin:0px 15px 0px 0px;*/

position:absolute;
display:block;
left:-20px;
top:0px;


}


[ciw3-slide-text2] {
        flex:0 0 auto;
        width:100%;
        line-height:26px;
        font-weight:500;
        font-size:14px;		
        margin:10px 0px 10px 0px;
	
}

[ciw3-input1], [ciw3-input2] {
	width:100%;
	width:100%;
	height:50px;
	display:flex;
	justify-content:center;
	align-items:center;
	align-content:center;
}

[ciw3-input1] > input {
	width:85px;
	height:40px;
	border:1px solid #d6d6d6;
	margin:0px 10px 0px 10px;
	padding-left:15px;
	padding-right:15px;
	text-align:center;
	
}

[ciw3-input1] > span {
        display:block;
	width:36px;
	height:36px;
        box-shadow:inset 0px 0px 0px 3px black;
        border-radius:100px;
        display:flex;
	justify-content:center;
	align-items:center;
	align-content:center;
	font-size:30px;
	font-weight:500;
	cursor:pointer;
	user-select:none;
        
}

[ciw3-input1] > span:nth-of-type(1) {
	padding-bottom:3px;
}

[ciw3-input1] > span:active {
	transform:translate3d(1px,1px,0px);
}


[ciw3-input2] {
	margin:10px 0px 20px 0px;
}





[ciw3-item-zlist] {
        flex:0 0 auto;



}

[ciw3-item-zlist] > span:not([zf2]):not([zf4]) {
	display:block;
	font-size:12px;
	display:flex;
        margin:0px 0px 0px 0px;
        line-height:28px;
        align-content:center;
        align-items:center;

}

[ciw3-item-zlist] > span:not([zf1]):not([zf2]):not([zf3]):not([zf4]) {
        cursor:pointer;

}

[ciw3-item-zlist] > span:not([zf1]):not([zf2]):not([zf3]):not([zf4]):hover {
	background-color:rgba(0,0,0,0.1) !important;

}

[ciw3-item-zlist] > span > span:nth-of-type(2) {
	flex:1;
	text-align:center;
}

[ciw3-item-zlist] > span:not([zf1]):not([zf2]):not([zf3]):not([zf4]) > span:nth-of-type(1), [ciw3-item-zlist] > span > span:nth-of-type(3) {
	font-weight:700;
	font-size:14px;
}

[ciw3-item-zlist] > span:not([zf1]):not([zf2]):not([zf3]):not([zf4]) > span:nth-of-type(1) {
	flex:0 0 70px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

[ciw3-item-zlist] > span:not([zf1]):not([zf2]):not([zf3]):not([zf4]) > span:nth-of-type(2) {
	text-align:left;
        overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-weight:500;
	
}

[ciw3-item-zlist] > span:not([zf1]):not([zf2]):not([zf3]):not([zf4]) > span:nth-of-type(3) {
	flex:0 0 95px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	text-align:right;

}

[ciw3-item-zlist] > [zf1] {
	font-size:14px !important;
	font-weight:500;
	margin:0px 0px 10px 0px !important;
}



[ciw3-item-zlist] > [zf2], [ciw3-item-zlist] > [zf4] {
	font-size:16px;
	font-weight:700;
	margin:0px 0px 0px 0px;
	text-align:right;
	display:block;
}

[ciw3-item-zlist] > [zf2] {
	margin:10px 0px 0px 0px;
}

[ciw3-item-zlist] > [zf3] {
	font-size:14px;
	justify-content:flex-end;
	font-weight:700;
	margin:0px 0px 0px 0px;
	color:#038ac6;
	
}

[ciw3-item-zlist] > span:nth-of-type(even):not([zf1]):not([zf2]):not([zf3]):not([zf4]) {
	background-color:#f2f5fe;
        
}

[ciw3-item-zlist] > [al45] {
	color:#038ac6;
}

[ciw3-item-zlist] > [al45] > span:nth-of-type(2) {
	background-image:url(../images/alert.png);
	background-position:0px 50%;
	background-repeat:no-repeat;
	padding-left:25px;
	font-weight:700 !important;
}

[zf0] {
	font-size:12px;
	font-weight:700;
        color:#038ac6;
        border:1px solid #038ac6;
        margin:0px 0px 10px 0px;
        padding:10px 10px 10px 10px;

}

@media screen and (max-width: 1220px) {

[ci-wrapper3] {
	width:100%;
	padding:0px 8px 0px 8px;
        justify-content:space-around;

}

[ciw3-item], [ciw3-item-empty] {
	flex: 0 0 48%;
	max-width:400px;
}
	
}

@media screen and (max-width: 900px) {

[ciw3-item], [ciw3-item-empty] {
	flex: 0 0 48%;
	max-width:360px;
}
	
}

@media screen and (max-width: 800px) {

[ciw3-item], [ciw3-item-empty] {
	flex: 0 0 95%;
	max-width:500px;
}
	
}

@media screen and (max-width: 550px) {

[ciw3-item], [ciw3-item-empty] {
	flex: 0 0 100%;
	max-width:420px;
}
	
}

@media screen and (max-width: 1170px) {

[ciw3-t3] {
	TOP:150px;
}
	
}


@media screen and (max-width: 720px) {

[ciw3-t3] {
	TOP:40px;
}
	
}



[vsnp], [vsnp2]  {
	display:flex;
	justify-content:center;
	align-items:center;
	flex:0 0 240px;
	height:40px;
	color:#038ac6;
	border:1px solid #038ac6;
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
	user-select:none;
	cursor:pointer;
	margin:0px 0px 5px 0px;

}

[vsnp2]  {
	margin:20px 0px 5px 0px;
}

[vsnp]:active, [vsnp2]:active {
	transform:translate3d(1px,1px,0px);
}

@media screen and (max-width: 720px) {
[vsnp] {
	margin:0px auto 5px auto;
}

[vsnp2] {
	margin:20px auto 5px auto;
}
	
}

[vsnp-win] > span {
	max-width:720px;
	font-weight:500;
	font-size:18px;
	
}

[vsnp-win] > span > span {
	max-width:720px;
	font-weight:500;
	padding:0px 8px 0px 8px;
	
}

[sk-curr] {
        color:#038ac6;
}

[vsnp-table] tr td:nth-of-type(1) {
	position:relative;	
}

[vsnp-table] tr td:nth-of-type(1) > div {
        position:absolute;
	width:40px;
	height:100%;
	left:-50px;
	top:0px;
}

[vsnp-table] tr[sk-curr] td:nth-of-type(1) > div {
	background-image:url(../images/palets.png);
	background-repeat:no-repeat;
	background-position:0% 50%;
}


[vsnp-table] tr td {
	border:1px solid black;
	line-height:40px;
	padding:0px 8px 0px 8px;
}

[vsnp-table] tr:nth-of-type(1) {
	background-color:#e8e8e8;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
}

[vsnp-table] tr td {
	font-weight:bold;
        font-size:12px;
	//text-transform:uppercase;
	font-weight:bold;
}



[ciw3-sk] {
	flex:0 0 calc(100% - 16px);
	margin:10px auto -7px auto;
	background-color:white;
	min-height:40px;
	display:flex !important;
	align-items:center;
	cursor:pointer;
	
}

[ciw3-sk] > span:nth-of-type(1) {
	display:block;
	line-height:18px;
	text-align:left;
	padding:0px 0px 0px 8px;
	font-weight:700;

}

[ciw3-sk] > span:nth-of-type(2) {
        display:block;
        height:100%;
	flex:1;
        background-image:url(../images/nci3.png);
	background-repeat:no-repeat;
        background-position:15px 50%;

}

[ciw3-sk] > span:nth-of-type(3) {
	padding:0px 8px 0px 0px;
}









[bread] {
        max-width:1440px;
	flex:1 0 100%;
	order:-10;
	margin-bottom:10px;
	font-size:14px;
}





[ci-price] {
}

[ci-pr] {
	background-color:black;
	color:white;
	padding-left:20px;
	padding-right:20px;
	border-radius:3px;
}



[sml-gal] {
        flex:0 0 120px;
        max-width:120px;
}









[ci-pic-tbl] {
	left:0px;
	top:0px;
	height:36px;
        line-height:36px;
	font-weight:bold;
	line-height:36px;
	background-color:white;
	color:black;

        padding-left:10px;
	padding-right:10px;
	border-radius:0px;
	text-align: center;
	height:36px;
	line-height:36px;
	box-shadow:0px 0px 2px 0px rgba(255,255,255,1);
        box-shadow:0px 0px 2px 0px rgba(0,0,0,1);
	min-width:110px;


	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}


@media screen and (max-width: 600px) {

[ci-pic-tbl] {
	font-size:12px;
        min-width:60px;
        padding-left:3px;
	padding-right:3px;
}

}

[ci-pic] {
	display:flex !important;
	justify-content:center;
	align-items:center;
        text-decoration:none;
        border-radius:0px;
        box-shadow:0px 0px 0px 1px white, 0px 0px 0px 2px #d0d0d0;
}





	
	

[mz-al] {
	position:absolute;
	top:calc((100% - 100px)/2);
	left:0px;
	z-index:10;
	height:100px;
	width:60px;
        background-image:url(../images/mz-al.png);
	background-position:3px 50%;
        background-repeat:no-repeat;
        cursor:pointer;
}

[mz-ar] {
	position:absolute;
	top:calc((100% - 100px)/2);
	z-index:10;
	height:100px;
	width:60px;
        background-image:url(../images/mz-ar.png);
	background-position:calc(100% - 3px) 50%;
        background-repeat:no-repeat;
        cursor:pointer;
}


#ci-zoom {
	position:relative;
}


:not(:root):-webkit-full-screen::backdrop {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: rgba(0,0,0,1);
}

#ci-zoom .mz-figure img {
	width:100% !important;
	height:100% !important;
	max-width:100% !important;
}


[dbg] {
        position:fixed;
        left:0px;
        top:0px;
	border:1px solid red;
	z-index:99999999999999999999999;
	background:red;
	color:white;
}












[ci-color-wr] {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;

transition:all 0.3s ease-in-out;


/*--------*/

}

#ci-clop:checked ~ [ci-color-wr] {
}


[ci-color] {
	border-radius:0px;
	height:80px;
        flex-wrap:wrap;
        background-size:cover;
        background-position:50% 50%;
        background-repeat:no-repeat;
        cursor:pointer;

transition:all 0.3s ease-in-out;

/*--------*/
height:28px;


}

#ci-clop:checked ~ [ci-color-wr] [ci-color] {
	height:80px;
}



[zi2] {
        flex:0 0 48%;
	margin-bottom:20px;
        max-width:300px;

        padding:0px;

        box-shadow: 0 0 0 1px white, 0 0 0 2px rgba(0,0,0,0.1);
        background-color: rgba(255,255,255,1);
        border-radius: 0px;

        display:flex;
        flex-direction:column;
        justify-content:flex-start;
        transition:all 1s;

transition:all 0.3s ease-in-out;


/*--------*/
flex:1;
max-width:100px;
min-width:100px;
margin-bottom:30px;
margin-right:10px;
}

#ci-clop:checked ~ [ci-color-wr] [zi2] {
	margin-right:0px;
        margin-bottom:20px;
        max-width:300px;
        min-width:200px;
        flex:0 0 48%;
}


@media screen and (max-width: 500px) {

[zi2] {
        max-width:80px;
	min-width:80px;
}
}

@media screen and (max-width: 600px) {


#ci-clop:checked ~ [ci-color-wr] {
	justify-content:center;
}

#ci-clop:checked ~ [ci-color-wr] [zi2] {
	margin-right:0px;
        margin-bottom:20px;
        max-width:300px;
        min-width:220px;
        flex:1 0 100%;
}
	
}


[zi2] > span {
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
	font-size:16px;
	line-height:20px;
	margin-top:0px;
        margin-bottom:0px;


transition:all 0.3s ease-in-out, background-color 0.5s ease-in-out;

/*--------*/

margin:0px;
	
}

#ci-clop:checked ~ [ci-color-wr] [zi2] > span {
	padding-top:2px;
        padding-bottom:2px;
	
}


[zi2] > span:hover {
	background-color:#dadada !important;
}


[zi2] > span > span {
	
	font-size:14px;

transition:all 0.3s ease-in-out;

/*--------*/
//display:none;
overflow:hidden;
height:0px;
font-size:0px;

}

#ci-clop:checked ~ [ci-color-wr] [zi2] > span > span {
	height:34px;
        line-height:34px;
        font-size:16px;
}


[zi2] > span > span:nth-of-type(1) {
        white-space:nowrap;
}

[zi2] > span > span:nth-of-type(2) {
	text-align:center !important;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        flex:1 0 calc((100% - 35px)/2);


}

[zi2] > span > span:nth-of-type(3) {
	flex:0 0 35px;
	background-image:url(../images/basket_add.png);
	background-repeat:no-repeat;
	background-position:calc(100% - 5px) 50%;
	cursor:pointer;
}

[zi2] [zop2] {
	background-image:url(../images/basket_add_gray.png) !important;
	cursor:default !important;
}

[zi2] > span:nth-of-type(1) > span:nth-of-type(3) {
	background-image:none;
        white-space:nowrap;
        text-align:right;

}

[zi2] > span:nth-of-type(1) > span {
	flex:0 0 33%;
	font-size:10px !important;

}

[zi2] > span > span:nth-of-type(1) {
	padding-left:5px;

transition:all 0.3s ease-in-out;

/*--------*/
}

[zi2] > span > span:nth-of-type(2) {
	text-align:right;
	padding-right:5px;

transition:all 0.3s ease-in-out;

/*--------*/
}

[ci-bull] {
	opacity:0;
        font-size:0px;
        transition:all 0.1s 0.1s ease-in;
}

#ci-clop:checked ~ [ci-color-wr] [ci-bull] {
	opacity:1;
        font-size:16px;
}


[ci-pic-tbl] {
	min-width:auto;
	font-size:12px;
	padding-left:0px;
        padding-right:0px;
	height:20px;
	line-height:20px;
	transform:translate3d(0px,26px,0px);
        box-shadow: 0px 0px 2px 0px rgba(0,0,0,0);
	font-weight:normal;
	border-radius:3px;

transition:all 0.3s ease-in-out, line-height 0s;

}

#ci-clop:checked ~ [ci-color-wr] [ci-pic-tbl] {
	font-size:16px;
        font-weight:bold;
        padding-left:10px;
        padding-right:10px;
        height:38px;
        line-height:38px;
        transform:translate3d(0px,0px,0px);
        box-shadow: 0px 0px 2px 0px rgba(0,0,0,1);
        min-width:110px;
        
}



[zi2-no] {
	box-shadow:none;
	margin-bottom:0px !important;
	margin-top:0px !important;

}


[nal-col-red] {
	//background-color:#f4d2da;
}

#ci-clop {
	display:none;
}

[prline] {
	display:flex;
	align-items:center;
        justify-content:space-between;
        margin-top:15px;
}

[prline] > span:nth-of-type(1) {
	align-self:flex-end;
	margin-bottom:6px;
}

[prl1] {
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	
}

[prl1] > span {
	text-align:center;

}

[ci-price] {
	font-size:50px;
	font-family:'gothic';
	line-height:50px;
}

[prl1] > span:nth-of-type(2) {
	margin-top:-10px;
}

[zw-title-basket] {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	line-height:40px;
        padding:0px;
        height:50px;
        padding-bottom:10px !important;

	
}

[zw-title-basket] > span {
	flex:1 0 100%;
	height:50px;
	display:flex;
        justify-content:space-between;
        align-items:center;
}


[zw-title-basket] > span:nth-of-type(1) {
	justify-content:flex-start;
	width:100%;
	
}


[zw-title-basket] > span:nth-of-type(2) {
	justify-content:space-evenly;
	width:100%;
	display:none;
	
}

[zw-title-basket] > span > span {
	//font-weight:bold;
	background-repeat:no-repeat;
	background-position:0px 50%;
	padding-left:40px;
        font-weight:bold;
        

}

[zw-title-basket] > span:nth-of-type(1) > span:nth-of-type(1) {
	padding-left:0px;
	display:none;
}

[zw-title-basket] > span:nth-of-type(1) > span:nth-of-type(2) {
	background-image:url(../images/basket_colors.png);
	background-position:0% 5px;
	font-size:25px;
	padding-left:40px;
}


.krz_green {
	background-position:0% -37px !important;
}

.krz_red {
	background-position:0% -83px !important;
}


[zw-title-basket] > span:nth-of-type(1) > span:nth-of-type(2) [ks]{
	font-size:0.8em;	
}


[zw-title-basket] > span:nth-of-type(2) > span {
	flex:0;
	white-space:nowrap;
}



[zw-title-basket] > span:nth-of-type(2) > span:nth-of-type(1) {
	background-image:url(../images/basket_go.png);
        cursor:pointer;
}

[zw-title-basket] > span:nth-of-type(2) > span:nth-of-type(2) {
	background-image:url(../images/basket_edit.png);
        cursor:pointer;
}

[zw-title-basket] > span:nth-of-type(2) > span:nth-of-type(3) {
	background-image:url(../images/basket_list.png);
        cursor:pointer;
}

[zw-title-basket] > span:nth-of-type(2) > span:nth-of-type(4) {
	background-image:url(../images/basket_del.png);
	cursor:pointer;
}





[oform-wrapper] {
	position:fixed;
	left:0px;
	bottom:0px;
	width:100%;
	height:60px;
	z-index:1;
	color:white;
	line-height:40px;
	text-align:center;
	font-weight:bold;
	background-color:white;
	display:flex;
	justify-content:center;
	align-items:center;


        

}

[oform-wrapper] > a {

        width:320px;
        font-size:16px;

	background: #C33455;
        background: -webkit-radial-gradient(center, #C33455, #038ac6);
        background: -moz-radial-gradient(center, #C33455, #038ac6);
        background: radial-gradient(ellipse at center, #C33455, #038ac6);
}


[zwl] {
	margin-left:30px;
	margin-right:30px;
        padding-top:0px;
        padding-bottom:20px;
        width:100%;
        padding-left:10px;
        padding-right:10px;
        margin-left:auto;
        margin-right:auto;
}

[zwl] [zrub] {
	font-size:0.8em;
	
}

[zwl-title] {
	font-size:16px !important;
	font-weight:bold;
	//height:40px;
	line-height:24px;
	margin-top:20px;
	padding-top:8px;
	padding-bottom:8px;
	
}

[zwl-wr] {
        position:relative;
	display:flex;
	margin-left:25px;
	margin-bottom:20px;
}

[zwl-wr]:after {
	content:"";
	position:absolute;
	width:100%;
	height:10px;
	left:0px;
	bottom:-10px;
	border-bottom:1px solid rgba(0,0,0,0.2);
	display:none;
}


[zwl-wr] > span {
}

[zwl-wr] > span:nth-of-type(1) {
	flex:0 0 200px;
	height:80px;
	display:flex;
	justify-content:center;
	align-items:center;
        box-shadow: 0 0 0 1px white, 0 0 0 2px rgba(0,0,0,0.1);
}

[zwl-wr] > span:nth-of-type(1) > div {
	height:38px;
	line-height:38px;
	background-color:white;
        padding-left: 10px;
        padding-right: 10px;
        box-shadow: 0px 0px 2px 0px rgba(0,0,0,1);
        min-width: 120px;
        text-align:center;
        font-weight:bold;
        border-radius:3px;


}

[zwl-wr] > span:nth-of-type(2) {
	display:flex;
	flex-wrap:wrap;
	flex:1;

}

[zwl-wr] > span:nth-of-type(2) > span {
	flex:1 0 100%;
	display:flex;
	justify-content:space-between;
	height:40px;
	padding-left:10px;
	margin-left:0px;
	
        
}






[zwl-wr] > span:nth-of-type(2) > span > span {
	line-height:40px;
	font-size:14px;
	
}


[zwl-wr] > span:nth-of-type(2) > span > span:nth-of-type(1) {
	flex:1 0 23%;
	white-space:nowrap;
	font-weight:bold;
}

[zwl-wr] > span:nth-of-type(2) > span > span:nth-of-type(1) > span:nth-of-type(1) {
	font-size:10px;
}

[zwl-wr] > span:nth-of-type(2) > span > span:nth-of-type(2) {
	flex:1 0 calc(47% - 40px);
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
}

[zwl-wr] > span:nth-of-type(2) > span > span:nth-of-type(3) {
	flex:1 0 20%;
	text-align:right;
	padding-right:30px;
        font-weight:bold;
}

[zwl-wr] > span:nth-of-type(2) > span > span:nth-of-type(4) {
	flex:1 0 40px;
        background-image:url(../images/basket_edit.png);
        background-position:50% 50%;
        background-repeat:no-repeat;
        cursor:pointer;

}

[sgr1] {
	background-color:rgba(200,200,200,0.2);
}


@media screen and (max-width: 1000px) {

[zwl] {
	padding:10px;
}


[zwl-wr]:after {
	display:none;
}

[zw-title-basket] > span:nth-of-type(2) > span {
	display:block;
	overflow:hidden;
	text-indent:30px;
	background-position:50% 50%;
}

[zwl-wr] {
	flex-wrap:wrap;
	margin-left:0px;
}

[zwl-wr] > span:nth-of-type(1) {
	height:40px;
	flex:0 0 300px;
	margin-bottom:10px;
}

[zwl-wr] > span:nth-of-type(1) > div {
	font-size:14px;
	min-width:50px;
}

[zwl-wr] > span:nth-of-type(2) {
	flex:1 0 100%;
}

[zwl-wr] > span:nth-of-type(2) > span {
        margin-left:0px;
        padding-left:0px;
}

	
}

@media screen and (max-width: 560px) {

[zwl-wr] > span:nth-of-type(1) {
	flex:1 0 100%;
}


[zwl-wr] > span:nth-of-type(2) > span {
	flex-wrap:wrap;
	height:60px;
	margin-bottom:20px;
}

[zwl-wr] > span:nth-of-type(2) > span > span:nth-of-type(1) {
	order:1;
	flex:1 0 50%;
        line-height:30px;
        height:30px;
        display:block;
}

[zwl-wr] > span:nth-of-type(2) > span > span:nth-of-type(1) > span:nth-of-type(1) {
	font-size:14px;
	font-weight:bold;

}




[zwl-wr] > span:nth-of-type(2) > span > span:nth-of-type(2) {
	order:3;
        flex:1 0 calc(100% - 50px);
        line-height:30px;
        height:30px;
        display:block;
}

[zwl-wr] > span:nth-of-type(2) > span > span:nth-of-type(3) {
	order:2;
        flex:1 0 50%;
        padding-right:10px;
        line-height:30px;
        height:30px;
        display:block;
}

[zwl-wr] > span:nth-of-type(2) > span > span:nth-of-type(4) {
	order:4;
        flex:1 0 50px;
        line-height:30px;
        height:30px;
        display:block;
        background-position:calc(100% - 15px) calc(50% - 0px);
}


}


[zdel-wr] {
        poistion:relative;
	width:100%;
	height:200px;
	display:flex;

	border:2px solid red;
}

[zwl2] {
	height:calc(100vh - 120px);
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
	
}

[zwl2] > span {
        flex:1 0 100%;
	text-align:center;
	margin:30px;
	font-weight:bold;
}


[zwl2] > span > a {
        display:inline-block;
	height:40px;
	width:250px;
	color:white;
	background-color:black;
	line-height:40px;
	font-weight:bold;
	font-size:14px;
	transition:all 0.3s;
	cursor:pointer;
	user-select:none;
}

[zwl2] > span:nth-of-type(2) > a {
        display:inline-block;
	height:40px;
	width:250px;
	color:black;
	background-color:white;
	line-height:40px;
	font-weight:bold;
	font-size:14px;
	transition:all 0.3s;
	cursor:pointer;
	user-select:none;
	border:1px solid #cccccc;
}

[zwl2] > span > a:active {
	transform:translate3d(1px,1px,0px);
}

[zwl-title] > a {
        position:relative;
	color:black;
	font-size:16px;
}













[zl2-wr] {
	margin-left:20px;
	margin-right:20px;
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	
	
}

[zl2-gr] {
        display:flex;
	flex-wrap:wrap;
	margin-bottom:30px;
}

[zl2-gr] > span:nth-of-type(1) {
	display:flex;
        font-size:20px;
        flex:1 0 100%;
        position:sticky;
        top:0px;
        background-color:transparent;
        background-image:url(../images/zl2-gr-bgr.png);
        z-index:9;
        padding-top:30px;
        padding-bottom:30px;

        background-size:contain;

        

}


[zl2-shtora] {
	border:10px solid black;
	width:100%;
	height:300px;
	z-index:8;
        position:absolute;
        top:0px;
        left:0px;
}

[zl2-gr] > span:nth-of-type(1) > span {
	//border:5px solid black;
	font-size:16px;
}


[zl2-gr] > span:nth-of-type(1) > span:nth-of-type(1) {
	order:3;
        flex:0 0 420px;
}

[zl2-gr] > span:nth-of-type(1) > span:nth-of-type(1)  a {
	color:black;
	font-size:16px;
}

[zl2-gr] > span:nth-of-type(1) > span:nth-of-type(2) {
	order:2;
	flex:0 0 50px;
	text-align:right;
	padding-right:5px;

}

[zl2-gr] > span:nth-of-type(1) > span:nth-of-type(3) {
	order:1;
	flex:0 0 125px;
}

[zl2-gr] > span:nth-of-type(1) > span:nth-of-type(3) img {
	width:125px;
	height:125px;
	cursor:pointer;
}

[zl2-rpic] {
	flex:1 0 100%;
	margin-top:0px;
        margin-bottom:10px;
	
}

[zl2-rpic] > span {
        position:relative;
	width:300px;
	height:40px;
	display:flex;
	justify-content:center;
	align-items:center;
        align-content:center;
	cursor:pointer;

	background-size:cover;
	background-repeat:no-repeat;
	background-position:50% 50%;

	transition:all 0.3s ease-in-out;
	user-select:none;
}

[zl2-rpic] > span:active {
	width:100%;
	padding-top:30%;
}

[zl2-rpic] > span > span {
	display:block;
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	display:flex;
	justify-content:center;
	align-items:center;
}


[zl2-rpic] > span > span div {
	height: 36px;
    line-height: 36px;
    background-color: white;
    padding-left: 10px;
    padding-right: 10px;
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,1);
    //max-width: 120px;
    min-width: 120px;
    font-weight: bold;
    border-radius: 3px;
    font-size:14px;
    white-space:nowrap;
    text-align:center;
}

[zl2-line] {
	flex:1 0 100%;
	display:flex;

}
    
[zl2-line] > span {
	height:40px;
	line-height:40px;
	font-size:14px;
}

[zl2-line] > span:nth-of-type(1) {
	flex:0 0 20%;
	white-space:nowrap;
	padding-left:10px;

}
[zl2-line] > span:nth-of-type(2) {
	flex:0 0 calc(40% - 80px);
	text-align:right;
	white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;

}
[zl2-line] > span:nth-of-type(3) {
	flex:0 0 20%;
        text-align:right;
        padding-right:30px;
        font-weight:bold;



        
}
[zl2-line] > span:nth-of-type(4) {
	flex:0 0 40px;
        background-image:url(../images/basket_edit.png);
        background-position:50% 50%;
        background-repeat:no-repeat;
        cursor:pointer;
}
[zl2-line] > span:nth-of-type(5) {
	flex:0 0 40px;
        background-image:url(../images/basket_del.png);
        background-position:50% 50%;
        background-repeat:no-repeat;
        cursor:pointer;
}

[zl2-line] > span:nth-of-type(6) {
	order:-1;
	white-space:nowrap;
        flex:0 0 20%;
        font-weight:bold;
}


[zl2-line] b {
	font-weight:bold;
}


[zl2-line-alert] {
	//background-image:url(../images/alert_bgr.png);
	color:red;
}



@media screen and (max-width: 900px) {

[zl2-wr] {
	margin-left:10px;
	margin-right:10px;

}


[zl2-rpic] > span {
	width:100%;
}



[zl2-line] {
	flex-wrap:wrap;
        padding-top:15px;
	padding-bottom:15px;
}


[zl2-line] > span {
}


[zl2-line] > span:nth-of-type(1) {
	flex:1 0 calc(100% - 200px);
	padding-left:0px;
}

[zl2-line] > span:nth-of-type(2) {
	order:10;
        flex:0 0 100%;
        text-align:left;
        height:24px;
        line-height:24px;

}


[zl2-line] > span:nth-of-type(3) {
	flex:1 0 100px;
}


[zl2-line] > span:nth-of-type(4) {
}

[zl2-line] > span:nth-of-type(5) {
}
[zl2-line] > span:nth-of-type(6) {
	display:none;
}


[ost] {
	display:inline-block;	
	margin-left:10px;
}

	
}


@media screen and (max-width: 550px) {


[zl2-line] > span:nth-of-type(1) {
	flex:1 0 auto;
	width:auto;
}

[zl2-line] > span:nth-of-type(3) {
        flex:0 0 auto;
	width:auto;
        padding:0px;
        padding-right:10px;

}


[ost] {
	display:block;	
        margin-left:0px;
}

	
}






[ko-list2], [ko-list3] {
        display:block;
	border:1px solid #cccccc;
	width:170px;
	height:40px;
	line-height:40px;
	padding-left:0px !important;
	padding-right:0px !important;
	text-align:center;
	margin-left:30px;
	font-weight:normal !important;
	font-size:14px;
	cursor:pointer;
	user-select:none;
	border-radius:3px;
	background-color:red !important;
	color:white !important;
}

[ko-list3] {
	margin-left:0px;
	transition:none;
}






[zwt-zaplat] {
        position:fixed;
        top:50px;
        left:0px;
	background:black;
	width:100%;
	height:100px;
	z-index:1;
}


@media screen and (max-width: 900px) {

[ko-edit] {
        position:relative;
	width:50px;
	height:50px;
	text-indent:-5000px;
	white-space:nowrap;

        background-image:url(../images/basket_edit.png);
        background-position:50% 5px !important;
        background-repeat:no-repeat;
        border:none;


}

[ko-list] {
        position:relative;
	width:50px;
	height:50px;
	text-indent:-5000px;
	white-space:nowrap;

        background-image:url(../images/basket_list.png);
        background-position:50% 5px !important;
        background-repeat:no-repeat;
        border:none;


}






}

@media screen and (max-width: 660px) {









[zw-title-basket] > span:nth-of-type(1) > span:nth-of-type(2) {
        padding-left:0px;
        padding-top:32px !important;
        line-height:0px;
        height:1px;
        background-position:calc(50% - 4px) calc(50% - 4px) !important;
        font-size:14px !important;

}




[zw-title-basket] {
	height:90px;
}

[zw-title2] {
	top:90px;
}

[zl2-gr] > span:nth-of-type(1) {
	top:0px;
}

[zw-title3] {
        top:90px;
}


[zw-title-basket] > span:nth-of-type(1) {
	flex-wrap:wrap;
	justify-content:space-evenly;
	padding-left:0px;
	
	
}

[zw-title-basket] > span:nth-of-type(1) > span {
	margin:0px;
	
}

[zw-title-basket] > span:nth-of-type(1) > span:nth-of-type(2) {
	order:10;
	flex:1 0 100%;
	background-image:none;
	text-align:center;
	line-height:40px;
	padding-top:0px !important;
	height:40px;
	font-size:20px !important;

	
}

[zw-title-basket] {
	padding-left:0px !important;
        padding-right:0px !important;
}


[zl2-gr] > span:nth-of-type(1) {
}

[zl2-gr] > span:nth-of-type(1) ol {
	font-size:14px;
}

[zl2-gr] > span:nth-of-type(1) > span:nth-of-type(3) {
	flex:0 0 60px;
}

[zl2-gr] > span:nth-of-type(1) > span:nth-of-type(3) img {
	width:60px;
	height:60px;
}

[zl2-gr] > span:nth-of-type(1) > span:nth-of-type(1) {
	flex:1;
}

[zl2-gr] > span:nth-of-type(1) > span:nth-of-type(1) a {
	font-size:14px;
}

[zl2-gr] > span:nth-of-type(1) > span:nth-of-type(2) {
        flex:0 0 15px;
	margin-right:20px;
}

[zw-title2] a {
	font-size:16px;

}

[zw-title2] {
	padding-top:40px;
	top:50px;
}

[zw-title3] {
	top:50px;
}

[zw-title3] a {
	font-size:16px;

}

}




[ci-bottom] {
	border:2px solid red;
        width:100%;
        max-width:1440px;
        margin-left:auto;
        margin-right:auto;
        border-box:box-sizing;
        padding-left:20px;
        padding-right:20px;

        position:relative;
        display:flex;

}

[ci-bottom] > span {
	flex:1 0 100%;
}


[bback] {
	display:none;
}

[bart] {
	display:none;
}

[bbuts] {
	width:50%;
	border:5px solid black;
	display:flex;
	justify-content:space-evenly;
}


@media screen and (max-width: 1100px) {

[bottom-trigger]:checked ~ [ciw] [ci-bottom] [bback] {
	display:block;
}

[bottom-trigger]:checked ~ [ciw] [ci-bottom] [bbut]:not([active="1"]) {
	display:none;
}

[bottom-trigger]:checked ~ [ciw] [ci-wrapper] {
	min-height:auto;
}

[bottom-trigger]:checked ~ [ciw] [ci-wrapper] [ci1] > *:not(h1):not([prline]) {
	display:none;	
}

[bottom-trigger]:checked ~ [ciw] [ci-wrapper] [ci2] {
	display:none;	
}

}

[rs] {
	font-size:10px;
}



[alert-bgr] {
	background:red;
}

[zw-ramka] {
	height:calc(100% - 50px);
	overflow:auto;
	//border:5px solid black;
}

[ost] {
	line-height:18px;
	color:black;
}

[ols] {
	display:flex;
	justify-content:flex-start;
	align-items:center;
}

[zlp] {
	width:100%;
}

[ci-hint] {
	background-color:white !important;
	left:0px !important;
	bottom:50px !important;
	width:100% !important;
	height:50px !important;
	color:black !important;
	line-height:50px !important;
	text-align:left !important;
	border:5px solid black !important;
}

[my-hint] {
	z-index:999;
	bottom:0px;
	left:0px;
	position:absolute;
	width:100%;
	height:25px;
	font-size:14px;
	font-weight:700;
	line-height:25px;
	text-align:center;
        background-color: rgba(50,50,50,0.9);
        color:black;
        background-color: rgba(255,255,255,0.7);

        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        padding-left:5px;
        padding-right:5px;
}


.mz-expand [my-hint] {
	z-index:999;
	bottom:-30px;
	left:0px;
	position:absolute;
	width:100%;
	height:25px;
	font-size:14px;
	font-weight:500;
	line-height:25px;
	text-align:center;
        background-color: transparent;
        color:white;

        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        padding-left:5px;
        padding-right:5px;
}

[zl-gal] {
	border:1px solid red;
	display:none;
}

.move_to_krz {
        animation: mtk 0.65s linear;
}



@keyframes mtk {

from {
	transform:translate3d(0px,0px,0px) scale(1,1) rotate(0deg);
	border-radius:0px;
	opacity:1;
}

25% {
	transform:translate3d(0px,0px,0px) scale(2.2,2.2) rotate(0deg);
        border-radius:0px;
        opacity:1;
}

50% {
	transform:translate3d(0px,0px,0px) scale(2.2,2.2) rotate(-180deg);
        border-radius:100px;
        opacity:1;
}

90% {
	transform:translate3d(var(--x_delta),var(--y_delta),0px) scale(0.5,0.5) rotate(-270deg);
        border-radius:100px;
        opacity:1;
}

100% {
        transform:translate3d(var(--x_delta),var(--y_delta),0px) scale(0.5,0.5) rotate(-360deg);
        border-radius:100px;
	opacity:0;
}
}






/* новое меню */


header {
	position:fixed;

	left:0px;
	top:0px;
	width:100%;
	height:130px;
	background-color:white;
        box-shadow:3px 3px 10px 0px rgba(0,0,0,0);
        transition:box-shadow 0.5s ease-in-out;
        z-index:99;
}

header:after, header:before{
	content:"";
	position:absolute;
	left:0px;
	top:130px;
	width:100%;
	height:0px;
	border-top:1px solid #efe9f3;
        z-index:9;
}

header:before {
	top:90px;
}






[shdw="1"] {
	box-shadow:3px 3px 10px 0px rgba(0,0,0,0.3);
}

header > div:nth-of-type(1) {
        position:relative;
	max-width:1170px;
	height:100%;
	margin:0 auto 0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	background-color:white;
	
}

header > div:nth-of-type(1) > * {
	/*border:2px solid red;*/
}


header > div > nav {
	flex:1 0 100%;
        height:40px;
        padding:0 0 0 0;

}


header > div > span:nth-of-type(1) {
	flex:1 0 100%;
	display:block;
	height:0px;
}


header > div:nth-of-type(2) {
	position:absolute;
	width:50px;
	height:40px;
	right:calc((100% - 1170px)/2);
	bottom:0px;
	background-image:url(../images/lupa.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	cursor:pointer;

}

header > div:nth-of-type(3), header > div:nth-of-type(4) {
	display:none;
}

[ch1] {display:none;}



/* шапка */
[bl3] {
	text-transform:uppercase;
        font-weight:500;

	
}


body > div:nth-of-type(1) {
	position:fixed;
	z-index:9999;
	left:calc((100% - 1170px)/2);

        display:flex;
	justify-content:flex-start;
	align-items:center;
	
	height:90px;

	width:480px;
}

body > div:nth-of-type(1) h1 {
	font-weight:500;
	font-size:14px;
}

body > div:nth-of-type(1) > a {
	flex:0 0 180px;
	height:50px;
}


body > div:nth-of-type(1) > div:nth-of-type(1) {
	background-color:#d8d8d8;
	width:2px;
	height:40px;
	margin:0 10px 0 10px;
        transform:translate3d(0px,5px,0px);


} 

body > div:nth-of-type(1) > div:nth-of-type(2) {
	flex:0 0 270px;
        transform:translate3d(0px,8px,0px);
        font-size:14px;
}

body > div:nth-of-type(1) > div:nth-of-type(3) {
	display:none;
}




header > div:nth-of-type(1) > div:nth-of-type(1) h1 {
	font-weight:500;

}

header > div:nth-of-type(1) > div:nth-of-type(1) {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	
	height:90px;
	flex:0 0 480px;

} 

header > div:nth-of-type(1) > div:nth-of-type(1) > a {
	flex:0 0 180px;
	
}


header > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) {
	background-color:#d8d8d8;
	width:2px;
	height:40px;
	margin:0 10px 0 10px;
        transform:translate3d(0px,5px,0px);


} 

header > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(2) {
	flex:0 0 270px;
        transform:translate3d(0px,8px,0px);
        font-size:14px;
}


header > div:nth-of-type(1) > * {
}

header > div:nth-of-type(1) > div:nth-of-type(2)  {
	display:flex;
        flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
	font-size:14px;
	padding-top:0px 0 0 0;
	transform:translate3d(0px,6px,0px);
}

header > div:nth-of-type(1) > div:nth-of-type(2) a {
	font-size:18px;
	font-weight:500;
	color:black;
	text-decoration:none;
}

header > div:nth-of-type(1) > div:nth-of-type(3) {
	background-image:url(../images/head.png);
	background-repeat:no-repeat;
	background-position:0% 50%;
	
	
	max-width:220px;
	line-height:90px;
}

[hg] {
	//background-image:url(../images/head_green.png) !important;
}

header > div:nth-of-type(1) > div:nth-of-type(3) a {


        display:block;


        padding:0px 0px 0px 40px;


	font-size:14px;
	font-weight:500;
	color:black;

        overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}


header > div:nth-of-type(1) > div:nth-of-type(4) {
        position:relative;
	display:flex;
	justify-content:flex-end;
	align-items:center;
	
	padding-left:65px;
	flex: 0 0 142px;
	max-width:142px;

}

header > div:nth-of-type(1) > div:nth-of-type(4) a {
        position:relative;
	font-size:14px;
	font-weight:700;
	color:#3e8ef0;
	white-space:nowrap;
}

header > div:nth-of-type(1) > div:nth-of-type(4) > div {

        position:relative;
        order:-1;
        margin:0px 5px 0px 0px;

        /*position:absolute;
        left:24px;
        top:30px;*/
	width:30px;
	height:30px;
	background-color:#038ac6;
	color:white;
	font-size:12px;
	border-radius:15px;
	line-height:30px;
	text-align:center;
	font-weight:700;
	min-width:30px;

	transform:translate3d(0px,-4px,0px);
	cursor:pointer;
}

header > div:nth-of-type(1) > div:nth-of-type(4) > a:after {
	content:"";
	position:absolute;
	width:30px;
	height:35px;
	left:-58px;
	top:-14px;
        background-image:url(../images/bag_red.png);
	background-repeat:no-repeat;
	background-position:0% 50%;

}


body > div:nth-of-type(1) > a > img {
        width:180px;
	height:50px;
	font-size:10px;
}

/* шапка */



@media screen and (max-width: 1170px) {

body > div:nth-of-type(1) h1 {
	font-size:12px;
}


header > div:nth-of-type(2) {
	right:0px;
	
	
}

header:after {
	top:110px;
}

header:before {
	top:150px;
}







main {
	padding-top:150px;
}




header {
	height:150px;
}

header > div:nth-of-type(1) {
        
}

nav {
}


header > div:nth-of-type(1) > div {
	/*border:2px solid red;*/
}



body > div:nth-of-type(1) {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:flex-start;
        align-content:flex-start;



	width:240px;
	top:0px;
	left:0px;

        height:110px;
        padding:5px 0 0 10px;
	

} 

body > div:nth-of-type(1) > a {
	flex:0 0 187px;
	
}

body > div:nth-of-type(1) > div {
	transform:translate3d(0px,0px,0px) !important;
	flex:1 !important;
	padding-top:2px;
}




body > div:nth-of-type(1) > div:nth-of-type(1) {
	display:none;


} 

body > div:nth-of-type(1) > div:nth-of-type(2) {
	flex:0 0 40px;
        transform:translate3d(0px,8px,0px);
        font-size:12px;
}







header > div:nth-of-type(1) > div:nth-of-type(1) {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:flex-start;
        align-content:flex-start;


	flex:0 0 240px;
        height:110px;
        padding:5px 0 0 10px;
	

} 

header > div:nth-of-type(1) > div:nth-of-type(1) > a {
	flex:0 0 187px;
	
}

header > div:nth-of-type(1) > div:nth-of-type(1) > div {
	transform:translate3d(0px,0px,0px) !important;
	flex:1 !important;
	padding-top:2px;
}




header > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) {
	display:none;


} 

header > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(2) {
	flex:0 0 40px;
        transform:translate3d(0px,8px,0px);
        font-size:12px;
}



header > div:nth-of-type(1) > div:nth-of-type(2)  {
	display:flex;
        flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
	font-size:12px;
	padding:20px 0 0 10px;
	flex:0 0 200px;
        height:110px;
        transform:translate3d(0px,0px,0px);
}


header > div:nth-of-type(1) > div:nth-of-type(3) {
	background-image:url(../images/head.png);
	background-repeat:no-repeat;
	background-position:50% 24px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	width:150px;
	//line-height:calc(110px);
        height:110;
	text-align:center;
}

header > div:nth-of-type(1) > div:nth-of-type(3) a {
        display:block;
	font-size:12px;
	transform:translate3d(0px,24px,0px);
        overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
        padding:0px 0px 0px 0px;
}


header > div:nth-of-type(1) > div:nth-of-type(4) {
        position:relative;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-content:center;
	align-items:center;
	
	padding-left:0px;
	padding:0 0px 0 0px;
        height:110px;


        flex:0 0 90px;
        min-width:90px;
}

header > div:nth-of-type(1) > div:nth-of-type(4) a {
	font-size:12px;
	font-weight:500;
	color:#3e8ef0;
        transform:translate3d(0px,10px,0px);
        flex:0 0 90px;
        min-width:90px;
        text-align:center;
        padding:0px 0px 0px 0px;
        font-weight:700;
}

header > div:nth-of-type(1) > div:nth-of-type(4) > div {
	//top:27px;
	//left:calc(50% + 9px);
	margin:0px 0px 0px 0px;
	transform:translate3d(12px,-4px,0px);

	
}


header > div:nth-of-type(1) > div:nth-of-type(4) > a:after {
	left:18px;
	top:-48px;
}
	
}


[lk7] {
        position:absolute;
	display:none;
	background-image:url(../images/lk7.png);
	background-repeat:no-repeat;
	background-position:50% calc(50% - 1px);
	cursor:pointer;
}

[lk7_ok] {
	background-image:url(../images/lk7_ok.png);
	background-position:calc(50% + 2px) calc(50% + 2px);
}


@media screen and (max-width: 720px) {


body > div:nth-of-type(1) h1 {
	font-size:14px;
}

header {
	height:40px;
        background-color:#038ac6 !important;
        z-index:99;
}

header:after, header:before {
	display:none;
}



main {
	padding-top:40px;
}


header > div:nth-of-type(1) {
        position:absolute;
	width:100%;
	height:calc(100vh - 40px);
	margin:0 auto 0 auto;
	display:flex;
	flex-direction:column;
	flex-wrap:nowrap;
	justify-content:flex-start;
	top:100%;
	left:-100%;
	color:white;
	transition:transform 0.6s ease-in-out;
	overflow:auto;
	background-color:#037eb5;
	
}


body > div:nth-of-type(1) {
        position:absolute;
	width:100%;
	align-items:center;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	top:80px;
	z-index:0;
	padding:0px 0px 0px 0px;
}



body > div:nth-of-type(1) > img {
	margin:0px 0px 10px 0px;
}

body > div:nth-of-type(1) > a {
        font-size:0px;
	height:60px;
	overflow:auto;
	text-align:center;
}



body > div:nth-of-type(1) > div:nth-of-type(1) {
	flex:1 0 100% !important;
	height:0px;
	display:block;
	background-color:white;
	
}


body > div:nth-of-type(1) > div:nth-of-type(2) {
	flex:0 0 270px !important;
	font-size:14px;
	text-align:center;
}

body > div:nth-of-type(1) > div:nth-of-type(3) {
        display:block;
	flex:0 0 100% !important;
	font-size:14px;
	text-align:center;
	margin-top:15px;
}

body > div:nth-of-type(1) > div:nth-of-type(3) > span {
	font-size:18px;
	font-weight:500;
}

body > div:nth-of-type(1) > div:nth-of-type(3) > span > a {
	font-size:18px;
	font-weight:700;
	text-decoration:none;
	color:black;
}

main {
	margin-top:230px;
}


header > div:nth-of-type(1) > div:nth-of-type(1) {
	display:none;
}


header > div:nth-of-type(1) > div:nth-of-type(2)  {
	display:flex;
        flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
	font-size:14px;
	padding:0px 8px 0 8px;
	flex:0 0 70px;
}

header > div:nth-of-type(1) > div:nth-of-type(2) a {
	font-size:28px;
	font-weight:500;
	color:white;
	text-decoration:none;
}


header > div:nth-of-type(1) > div:nth-of-type(3) {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	background-image:url(../images/head_white.png);
	background-repeat:no-repeat;
	background-position:8px 50%;
	padding-left:55px;
        flex:0 0 70px;
        width:100%;
        max-width:100%;
        
}

header > div:nth-of-type(1) > div:nth-of-type(3) a {
	font-size:18px;
	font-weight:500;
	color:white;
        transform:translate3d(-50px,0px,0px);
        padding:0px 20px 0px 50px;
        height:60px;
        line-height:60px;

}


header > div:nth-of-type(1) > div:nth-of-type(4) {
        position:relative;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	background-image:url(../images/bag_white.png);
	background-repeat:no-repeat;
	background-position:8px 50%;
	padding-left:80px;
        flex:0 0 70px;
        transition:all 0s;


}

header > div:nth-of-type(1) > div:nth-of-type(4) a {
	font-size:18px;
	font-weight:500;
	color:white;
        transform:translate3d(-10px,0px,0px);
}

header > div:nth-of-type(1) > div:nth-of-type(4) a:after {
	background-image:none;
}

header > div:nth-of-type(1) > div:nth-of-type(4) > div {
        position:absolute;
        left:19px;
        top:26px;
	width:30px;
	height:30px;
	background-color:white;
	color:#038ac6;
	font-size:12px;
	border-radius:15px;
	line-height:30px;
	text-align:center;
	font-weight:700;
	
}












[ch1]:checked ~ [mm] {
	transform:translate3d(100%, 0px, 0px);
        transition:transform 0.6s ease-in-out;
}

header > div > * {
	width:100%;
}


header > div > span:nth-of-type(1) {
	flex:0;

}




header > div > nav {
	flex:0;
	order:-1;
	display:block;
	position:relative;
	height:auto;
	background-color:#038ac6;
	padding:10px 0  22px 0;
	

}

header > div > div:nth-of-type(1) {
	order:-2;
}

header > div > div:nth-of-type(2) {
	order:1;
}


header > div:nth-of-type(2) {
	top:0px;
	right:140px;
        background-image:url(../images/lupa_white.png);
        background-position:50% 10px;
	
}


header > div {
	background-color:#038ac6;
}


header > div:nth-of-type(3) {
	display:block;
	position:absolute;
	width:50px;
	height:100%;
	right:0px;
	top:0px;
        background-image:url(../images/bag_small.png);
        background-position:50% calc(50% - 1px);
        background-repeat:no-repeat;
        cursor:pointer;

}


[lk7] {
	display:block;
	position:absolute;
	width:50px;
	height:100%;
	right:70px;
	top:0px;
}

header > div:nth-of-type(4) {
	display:block;
	position:absolute;
	width:50px;
	height:100%;
	left:0px;
	top:0px;
	display:flex;
	justify-content:center;
	align-items:center;

}



header > div:nth-of-type(4) > div {
        position:relative;
	width:24px;
	height:3px;
	background-color:white;
        border-radius:10px;
}

header > div:nth-of-type(4) > div:before, header > div:nth-of-type(4) > div:after{
        content:"";
        position:absolute;
        left:0px;
	width:100%;
	height:100%;
	background-color:white;
        border-radius:10px;
	
}

header > div:nth-of-type(4) > div:before {
	top:9px;
        transform:rotate(0deg);
        transition:transform 0.2s ease-in-out, top 0.2s ease-in-out;
        transition-delay:0s, 0.2s;
}

header > div:nth-of-type(4) > div:after {
	bottom:9px;
        transform:rotate(0deg);
        transition:transform 0.2s ease-in-out, bottom 0.2s ease-in-out;
        transition-delay:0s, 0.2s;
}




[moc] > div {
	transition:transform 0.2s ease-in-out;
	transition-delay:0s;
	transform:rotate(0deg);
	cursor:pointer;
}


[ch1]:checked ~ [moc] > div {
	transform:rotate(45deg);
        transition-delay:0.2s;
}

[ch1]:checked ~ [moc] > div:before {
        content:"";
	transform:rotate(-90deg);
	top:0px;
        transition-delay:0.2s, 0s;
}

[ch1]:checked ~ [moc] > div:after {
        content:"";
	transform:rotate(-90deg);
	bottom:0px;
        transition-delay:0.2s, 0s;
}

	
}





[ul1] {
	display:flex;
        justify-content:space-between;
	justify-content:space-evenly;
	height:100%;
	width:calc(100% - 200px);
	margin:0 auto 0 auto;
	

}

[li1] > span, [li1] > a, [li1] noindex > span, [li1] noindex > a {
        position:relative;
        display:block;
        font-size:16px;
	font-weight:500;
	height:100%;
	display:flex;
	align-items:center;
	padding:0 5px 0 5px;
	cursor:pointer;
	text-decoration:none;
	color:black;

}

[li1] > a:before, [li1] > a:after{
        content:"";
	position:absolute;
	background-color:#038ac6;
	width:0px;
	height:2px;
	bottom:7px;
	transition:width 0.5s ease-in-out;
}

[li1] > a:before {
	left:50%;
}

[li1] > a:after {
	right:50%;
}

[li1]:hover > a:before, [li1]:hover > a:after {
	width:50%;
}





[ul2] {
     display:block;
     position:absolute !important;
     left:-5000px;
     top:100%;
     width:1170px;
     padding:0 50px 50px 50px;

     min-height:calc(100vh/4) !important;
     max-height:calc(100vh/2) !important;
     opacity:0;
     transition:left 0s, opacity 0.5s ease-in-out;
     transition-delay:0.5s, 0.5s;
     z-index:99;
     overflow:auto;


}


[ul2][op] {
	left:0px;	
	opacity:1;
}

@media screen and (max-width: 1170px) {
[ul2] {
	width:calc(100vw - 70px);
}

[ul2][op] {
	left:35px;	
}





}



[li2] {
        display:block;
	width:230px;
	margin:10px;
}

[li2] > span {
        display:block;
	background-color:white;
	color:#038ac6;
	font-weight:500;
	line-height:32px;
	font-size:12px;
	padding:0 10px 0 10px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	border-radius:3px;
	text-transform:uppercase;
}

[li2] > span > a {
	color:black;
	text-decoration:none;
}

[li3] {
	line-height:26px;
        padding:0 10px 0 10px;
        font-size:14px;
        overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

[li3] > a, [li3] noindex > a {
	color:black;
	text-decoration:none;
	font-weight:400;
	font-size:14px;
}

[li3] > a  b, [li3] noindex > a  b {
	font-weight:700;
}

[li3] > a:hover, [li3] noindex > a:hover {
	color:#038ac6;
}



[big-menu-background] {
	background-color:white;
	position:absolute;
	z-index:98;
	left:-5000px;
	transition:left 0s, height 0s;
	transition-delay:0.5s, 0.5s;
        top:130px;
        //box-shadow:3px 5px 10px 0px rgba(0,0,0,0.5);
        box-shadow:0px 3px 10px 0px rgba(0,0,0,0.3);

        background-image:url(../images/menu_logo3.png);
        background-position:50% 100%;
        background-repeat:no-repeat;
}

[big-menu-background][op] {
	left:0px;
	
}

@media screen and (max-width: 1170px) {


[ul1] {
	width:calc(100% - 70px);
}

[li1] > span, [li1] > a {
        font-size:14px;
}

[big-menu-background][op] {
	left:35px;
	
}

[li2] {
        display:block;
	width:200px;
	margin:10px;
}

[big-menu-background] {
        top:150px;
}


}



@media screen and (max-width: 900px) {

[li2] {
	width:190px;
}	
	
}



@media screen and (max-width: 720px) {

[ul1] {
        position:relative;
        display:block;
	width:100%;
	

}

[li1] {
	display:block;
	border-bottom:1px solid white;
        margin:0 8px 0 8px;
	
}


[li1] > span, [li1] > a, [li1] noindex > a {
        position:relative;
        display:block;
	font-weight:500;
	height:50px;
        line-height:50px;
	padding:0 2px 0 2px;
	cursor:pointer;
	font-size:20px;
	font-weight:500;
	color:white;
}

[li1] > span:before, [li1] > span:after, [li1] > a:before, [li1] > a:after, [li1] noindex > a:before, [li1] noindex > a:after {
	display:none;
}


[ul2] {
     display:block;
     position:relative !important;
     left:0px;
     top:0px;
     width:100%;
     padding:0 0px 0px 0px;

     height:auto;
     min-height:inherit !important;
     max-height:inherit !important;
     opacity:1;
     transition:none;
     z-index:99;
     overflow:hidden;
     cursor:pointer;
     display:none;


}

[li2] {
        display:block;
	width:100%;
	margin:0px;	
}

[ul2] [li2]:last-of-type {
	margin-bottom:10px;
}


[li2] > span {
        display:block;
	background-color:transparent;
	color:white;
	font-weight:700;
	line-height:50px;
	font-size:14px;
	padding:0 10px 0 40px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	text-transform:uppercase;
}

[ul3] {
	display:block;
	left:0px;
	display:none;
}


[li3] {
        position:relative;
        display:block !important;
	line-height:40px;
        padding:0 10px 0 60px;
        font-size:16px;
        font-weight:500;
        overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

[ul3] [li3]:last-of-type {
	margin-bottom:10px;
}

[li3] a { 
	color:white !important;
}

[li3]:hover a {
	color:white;
}


[li3] > a, [li3] noindex > a {
	font-size:16px;
}
	
}



/* новое меню */




/* observer */
[k5] {
	opacity:0;
	transition:opacity 0.5s ease-in-out;
}

[k5][move] {
	opacity:1;
}
/* observer */


/* main banner */
/*main banner wrapper*/


[mbp] {
	position:relative;

        width:1170px;
	height:400px;

	margin:20px auto 0px auto;
	z-index:1;
        

}

[bcon] {
      position:relative;
      width: 100%;
      height: 100%;
      overflow:hidden;
    }


[bcon] img {
      width: 100%;
      height: 100%;
    }



[ban_but] {
	position:absolute;
	display:block;
	left:100px;
	top:100px;

        width:158px;
	height:40px;
	background-color:transparent;
	font-size:16px;
	font-weight:500;
	border:1px solid white;
	color:white;
	z-index:1;
	opacity:0;
        transform:scale(0,0);
	transition:opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
	transition-delay:1s,1s;
	display:flex;
	justify-content:center;
	align-items:center;

	
}

[ban_but][move] {
	opacity:1;
        transform:scale(1,1);
}


[shadow-bgr] {
        position:absolute;
	
        width:706px;
	height:706px;
	left:-253px;
	top:-153px;

        animation-delay:3s, 5s;

	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	opacity:0;
	border-radius:2000px;
}


[shadow-bgr][move2] {
	animation:shadow-bgr-rotate 400s linear infinite, shadow-bgr-opacity 2s ease-in-out forwards;
}


@-webkit-keyframes shadow-bgr-rotate {
0% {
	transform:rotate(0deg);
}

100% {
	transform:rotate(360deg);
}
}

@-webkit-keyframes shadow-bgr-opacity {
0% {
  opacity:0;
}

20% {
	opacity:0;
}

100% {
	opacity:1 !important;
}
}


[shadow] {
	position:absolute;

	width:706px;
	height:706px;
	left:-253px;
	top:-153px;

	background-color:rgba(0,0,0,0.5);
	border-radius:2000px;
	opacity:0;
	/*transform:scale(10,10);*/

        box-shadow:5px 0px 15px 0px rgba(255,255,255,0.2);
}

@keyframes shadow-move {
0% {
	left:-1400px;	
	opacity:0.5;
	transform:scale(3,3);
}
100% {
	left:-253px;
	opacity:1;
        transform:scale(1,1);
}
}





.swiper-slide {
      position:relative;
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      overflow:hidden;
    }

[mbp] .swiper-slide:active [ban_but] {
        transition:transform 0s;
	transform:translate3d(1px,1px,0px) !important;
}

.swiper-pagination-bullet {
      width: 15px  !important;
      height: 15px  !important;
      text-align: center;
      line-height: 20px;
      font-size: 12px;
      color:#000;
      opacity: 1 !important;
      background: white !important;
    }
    .swiper-pagination-bullet-active {
      color:black  !important;
      background: #038ac6 !important;
      box-shadow:inset 0px 0px 0px 4px white;
    }

.swiper-pagination {
        display:flex !important;
	position:absolute;
	display:inline-block;
	left:0px !important;
	bottom:0px;
	justify-content:center !important;
	height:15px !important;
	width:100%;
	
}

@media screen and (max-width: 1170px) {
	


}


.swiper-button-prev {
        width:15px !important;
        height:24px !important;
	left:-30px !important;
        outline: 0;
        background-image:url(../images/mba_left.png) !important;
        background-size:15px 24px !important;
        margin-top:-12px !important;
}

.swiper-button-next  {
        width:15px !important;
        height:24px !important;
	right:-30px !important;
        outline: 0;
        background-image:url(../images/mba_right.png) !important;
        background-size:15px 24px !important;
        margin-top:-12px !important;
}


.swiper-button-prev .swiper-button-disabled {
	background-image:url(../images/mba_left_disabled.png) !important;
}

.swiper-button-next .swiper-button-disabled {
	background-image:url(../images/mba_right_disabled.png) !important;
}

@media screen and (max-width: 1250px) {
.swiper-button-prev, .swiper-button-next {
	display:none;
}
}



@media screen and (max-width: 1170px) {

[mbp] {
	width:720px;
	height:246px;

	width:100%;
	height:auto;
	padding-top:34.188034188034188034188034188034%;


}

[bcon] {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}


[shadow-bgr] {
	width:434px;
	height:434px;
	left:-156px;
	top:-94px;


width:60.34188034188034188034188034188%;

	height:176.5%;

	left:-21.623931623931623931623931623932%;
	top:-38.25%;

}

[shadow] {
	width:434px;
	height:434px;
	left:-156px;
	top:-94px;

        width:60.34188034188034188034188034188%;

	height:176.5%;

	left:-21.623931623931623931623931623932%;
	top:-38.25%;

}

@keyframes shadow-move {
0% {
	left:-1400px;	
	opacity:0.5;
	transform:scale(3,3);
}
100% {
	left:-156px;
        left:-21.623931623931623931623931623932%;
	opacity:1;
        transform:scale(1,1);
}

}

.swiper-button-prev {
	left:-25px !important;
	display:none;
}

.swiper-button-next  {
	right:-25px !important;
	display:none;
}

}

@media screen and (max-width: 720px) {

[mbp] {
	display:none;	
}

	
}


/* main banner */



/* 6 icons */

[i6] {
	width:1170px;
	margin:20px auto 0px auto;
	display:flex;
	flex-wrap:nowrap;

}

[i6] > span {
	display:block;
	flex:0 0 calc((100% - 220px)/5);
	text-align:center;
	font-size:14px;
	font-weight:500;
	padding:93px 0 15px 0;
	background-position:50% 24px;
	background-repeat:no-repeat;
	opacity:0;
	transform:scale(0.01,0.01) translate3d(0px,100px,0px);
	transition:all 0.5s, transform 0.5s ease-in-out, opacity 0.5s ease-in-out;

	min-height:160px;

	
}

[i6] > span:before, [i6] > span:after{
        content:"";
	position:absolute;
	background-color:black;
	width:0px;
	height:2px;
	bottom:0px;
	transition:width 0.5s ease-in-out;
	transition-delay:1s;
}

[i6] > span:before {
	left:50%;
}

[i6] > span:after {
	right:50%;
}

[i6] > span[move]:before, [i6] > span[move]:after {
	width:41px;	
}



[i6br] {
	display:none;
}

[i6] > span[bg5="1"]:nth-of-type(4) {
	white-space:nowrap;
	flex:0 0 220px;
        background-image:url(../images/i4.png);
        transition-delay:0s,0.5s,0.5s;

}

[i6] > span[bg5="1"]:nth-of-type(1) {
	background-image:url(../images/i1.png);
        transition-delay:0s,0.2s,0.2s;
}
[i6] > span[bg5="1"]:nth-of-type(2) {
	background-image:url(../images/i2.png);
        transition-delay:0s,0.3s,0.3s;
}
[i6] > span[bg5="1"]:nth-of-type(3) {
	background-image:url(../images/i3.png);
        transition-delay:0s,0.4s,0.4s;
}
[i6] > span[bg5="1"]:nth-of-type(5) {
	background-image:url(../images/i5.png);
        transition-delay:0s,0.6s,0.6s;
}
[i6] > span[bg5="1"]:nth-of-type(6) {
	background-image:url(../images/i6.png);
        transition-delay:0s,0.7s,0.7s;
}

[i6] > span[move] {
	transform:scale(1,1) translate3d(0px,0px,0px);	
}


@media screen and (max-width: 1170px) {

[i6] {
	width:100%;
	flex-wrap:wrap;
}


[i6] > span {
	flex:0 0 calc(100%/3) !important;

}

}

@media screen and (max-width: 720px) {

[i6] > span {
        display:block;
        position:relative;
	flex:0 0 calc(100%/2) !important;
}


[i6] > span:nth-of-type(3) {
	align-self:flex-start;
}




[i6br] {
	display:inline;
}




[i6] > span {
        transition-delay:0s,0.2s,0.2s !important;

}


[i6] > span:before, [i6] > span:after{
	transition-delay:0.5s;
}



}

/* 6 icons */








/* 5 banners */


[b5] { 
	width: 1170px; 
	margin: 0px auto 0px; 
	display: flex; 
	flex-wrap: wrap; 
	justify-content: space-between; 
	overflow: hidden; 
}

[b5][b5-2] { 
	justify-content: space-evenly; 
}

[b5] > a { 
	position: relative; 
	flex: 0 0 calc((100% - 36px) / 3); 
	display: flex; 
	flex-flow: column wrap; 
	align-items: center; 
	line-height: 70px; 
	font-size: 18px; 
	font-weight: 500; 
	text-transform: uppercase; 
	min-width: 200px; 
	overflow: hidden; 
	box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 0px 0px; 
	transition: opacity 0.5s ease-in-out 0s, 
	transform 0.5s ease-in-out 0s; 
	cursor: pointer; 
	color: black; 
	text-decoration: none; 
}

[b5] > a:hover { 
	box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 30px 3px; 
}

[b5] > a:nth-of-type(1), [b5] > a:nth-of-type(2), [b5] > a:nth-of-type(3) { 
	margin: 0px 0px 30px; 
	transform: scale(0.8, 0.8); 
}

[b5] > a[move]:nth-of-type(1), [b5] > a[move]:nth-of-type(2), [b5] > a[move]:nth-of-type(3) { 
	transform: scale(1, 1); 
}

[b5] > a:nth-of-type(4), [b5] > a:nth-of-type(5), [b5] > a:nth-of-type(6), [b5] > a:nth-of-type(7) { 
	border-bottom: none; 
	box-shadow: none; 
}

[b5] > a:nth-of-type(4) { 
	transform: translate3d(-100px, 0px, 0px) scale(0.5, 0.5); 
}

[b5] > a:nth-of-type(5) { 
	transform: translate3d(100px, 0px, 0px) scale(0.5, 0.5); 
}

[b5] > a:nth-of-type(6) { 
	transform: translate3d(-100px, 0px, 0px) scale(0.5, 0.5); 
}

[b5] > a:nth-of-type(7) { 
	transform: translate3d(100px, 0px, 0px) scale(0.5, 0.5); 
}

[b5] > a[move]:nth-of-type(4), 
[b5] > a[move]:nth-of-type(5), 
[b5] > a[move]:nth-of-type(6), 
[b5] > a[move]:nth-of-type(7) { 
	transform: translate3d(0px, 0px, 0px) scale(1, 1); 
}

[b5] > a > span { 
	position: relative; 
	display: block; 
	width: 100%; 
	padding-top: 100%; 
}

[b5] > a > span > img { 
	position: absolute; 
	display: block; 
	left: 0px; top: 0px; 
	right: 0px; 
	bottom: 0px; 
	width: 100%; 
	height: 100%; 
}

[b5] > span { 
	width: 18px; 
}

[b5] > a:nth-of-type(4), [b5] > a:nth-of-type(5) { 
	flex: 1 0 calc((100% - 18px) / 2); 
}

[b5] > a:nth-of-type(4) > span, [b5] > a:nth-of-type(5) > span { 
	position: relative; 
	display: block; 
	width: 100%; 
	padding-top: 32.3077%; 
	height: 0px; 
}

[b5] > a > span:nth-of-type(2) { 
	position: absolute; 
	display: block; 
	width: 66.9722%; 
	height: 200%; 
	left: -15%; 
	top: -50%; 
	border-radius: 2000px; 
}

[b5] > a:nth-of-type(1)::before, 
[b5] > a:nth-of-type(2)::before, 
[b5] > a:nth-of-type(3)::before, 
[b5] > a:nth-of-type(1)::after, 
[b5] > a:nth-of-type(2)::after, 
[b5] > a:nth-of-type(3)::after { 
	content: ""; 
	position: absolute; 
	bottom: 0px; 
	width: 0px; 
	height: 2px; 
	background-color: rgb(3, 138, 198); 
	transition: width 0.5s ease-in-out 0s; 
}

[b5] > a::before, [b5] > a::after { 
	right: 50%; 
}

[b5] > a::before { 
	left: 50%; 
}

[b5] > a:hover::before, [b5] > a:hover::after { 
	width: 50%; 
}

[b5_empty] { 
	display: block; 
	height: 0px; 
	margin: 0px !important; 
}

[b5_empty][b5-2] { 
	display: none !important; 
}

[b5] > a > span[num] { 
	padding: 0px; 
	color: white; 
	line-height: 32px; 
	text-transform: none; 
	position: absolute !important; 
	display: block !important; 
	left: 0px !important; 
	top: 0px !important; 
	height: auto !important; 
}

[b5] [ban_but] { 
	position: absolute; 
	width: calc(20.4861%); 
	height: calc(21.0526%); 
	border: 1px solid white; 
	font-size: 16px; 
	display: flex; 
	place-content: center; 
	align-items: center; 
	text-transform: none; 
	font-weight: 500; 
}

[b5] > a[b3] { 
	display: block; 
}

[b5] > a[b4] { 
	display: none; 
}

@media screen and (max-width: 1170px) {

[b5] { 
	width: 100%; 
}

}

@media screen and (max-width: 720px) {
[b5] > a[b3] { 
	display: none; 
}

[b5] > a[b4] { 
	display: block; 
}

[b5] { 
	padding: 0px 8px; 
}

[b5] > a { 
	position: relative; 
	flex: 0 0 100%; 
	margin-bottom: 30px; 
	box-shadow: rgb(221, 222, 227) 0px 0px 0px 1px inset; 
}

[b5] > a:nth-of-type(4), 
[b5] > a:nth-of-type(5), 
[b5] > a:nth-of-type(6), 
[b5] > a:nth-of-type(7) { 
	flex: 1 0 100%; 
	margin-top: 0px; 
}

[b5] > a:nth-of-type(1) > span > img, 
[b5] > a:nth-of-type(2) > span > img, 
[b5] > a:nth-of-type(3) > span > img { 
	height: 100%; 
}

[b5] > span { 
	display: none; 
}

[b5] > a:nth-of-type(4) > span, 
[b5] > a:nth-of-type(5) > span { 
	padding-top: 46.0526%; 
}

[b5] > a:nth-of-type(6) > span, 
[b5] > a:nth-of-type(7) > span { 
	padding-top: 46.0526%; 
}

[b5] > a:nth-of-type(4) > span > img, 
[b5] > a:nth-of-type(5) > span > img { 
	height: 100%; 
}

[b5] > a:nth-of-type(6) > span > img, 
[b5] > a:nth-of-type(7) > span > img { 
	height: 100%; 
}

[b5] > a > span:nth-of-type(2) { 
	width: 100%; 
	height: 200%; 
	left: -40%; 
	top: -50%; 
}

[b5] > a:hover { 
	box-shadow: rgb(221, 222, 227) 0px 0px 0px 1px inset; 
}

[b5_empty] { 
	margin-bottom: 0px !important; 
}

}

[b5] > a:active > [ban_but] {
        transition:transform 0s;
        transition-delay:0s,0s;
	transform:translate3d(1px,1px,0px);
}

/* 5 banners */

[rubl] {
        display:inline;
	font-family:'rouble';
	width:auto;
	height:auto;
}

[rubl-2] {
	transform:translate3d(0px,-2px,0px);
}

[rubl-3] {
	transform:translate3d(0px,-3px,0px);
}

[rubl-4] {
	transform:translate3d(0px,-4px,0px);
}


/* карусели начало */

[c5] {
	position:relative;
	width:1170px;
	margin:50px auto 0px auto;
	height:60px;
	line-height:60px;
	font-size:30px;
	font-weight:500;
	border-bottom:1px solid black;
}


[c5] [cnext], [c5] [cprev] {
	position:absolute;
	top:300px;
	
	width:15px;
	height:24px;

        background-size: 15px 24px !important;
        cursor:pointer;

}



[c5] [cnext] {
	background-image: url(../images/mba_right.png);
        right:-30px;
}

[c5] [cprev] {
	background-image: url(../images/mba_left.png);	
	left:-30px;
}


@media screen and (max-width: 1250px) {
[c5] [cnext], [c5] [cprev] {
	display:none;
}
}

@media screen and (max-width: 620px) {
[c5] [cnext], [c5] [cprev] {
	display:block;
	z-index:9;
}


[c5] [cnext] {
	right:10px;
}

[c5] [cprev] {
	left:10px;
}


}

[c4] {
	position:relative;
	width:1170px;
	margin:20px auto 0px auto;
	min-height:520px;
	overflow:hidden;
	

}

[c4] .swiper-slide {
        position:relative;
	//min-height:520px;
	display:flex;
	justify-content:center;
	align-items:flex-start;
	align-content:flex-start;
	flex-wrap:wrap;
	margin:20px 0px 0px 0px;
	//background-color:rgba(0,0,0,0.2);
        text-decoration:none;

}

[c4] .swiper-slide:after {
        content:"";
	position:absolute;
	width:280px;
	height:2px;
	background-color:black;
	bottom:0px;
	left:calc((100% - 280px)/2);


}

[c4] .swiper-slide > * {
	flex:0 0 150px !important;
	max-width:280px;
	min-width:280px;

}

[c4] .swiper-slide > img {
	height:280px;

}

[c4] .swiper-slide > span:nth-of-type(1) {
	display:block;
	text-align:left;
	font-size:16px;
	font-weight:500;
	line-height:22px;
	color:black;
	margin:15px 0px 0px 0px;
	max-height:75px;
        min-height:75px;
	overflow:hidden;



}

/*[c4] .swiper-slide > span:nth-of-type(2) {*/
[c67] {
	font-size:14px;
	color:#818181;
	text-align:left;
	margin:15px 0px 15px 0px;
}



@media screen and (max-width: 1170px) {

[c5], [c4] {
	width:calc(100% - 16px);
}
	
}

@media screen and (max-width: 620px) {

[c4] {
	width:calc(100% - 100px);
}
	
}

@media screen and (max-width: 470px) {

[c4] {
	width:calc(100% - 16px);
}
	
}

[c4] .swiper-slide {
	height:auto;
	
}

[c4_loader] {
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	background-color:rgba(255,255,255,0.95);
	background-image:url(../images/786.png);
	background-position:center;
	background-repeat:no-repeat;
	z-index:1;
}

[c4] .swiper-button-prev {
        width:15px !important;
        height:24px !important;
	left:-30px !important;
        outline: 0;
        background-image:url(../images/mba_left.png) !important;
        background-size:15px 24px !important;
        margin-top:-12px !important;
}

[c4] .swiper-button-next  {
        width:15px !important;
        height:24px !important;
	right:-30px !important;
        outline: 0;
        background-image:url(../images/mba_right.png) !important;
        background-size:15px 24px !important;
        margin-top:-12px !important;
}

/* карусели конец */



[price-bag] {
	height:42px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	font-weight:bold;
	font-size:18px;
	margin:10px 0px 0px 0px;
}

[price-bag]  > span:nth-of-type(1) {
	font-weight:bold;
	font-size:18px;
	color:black;
}

[price-bag]  > span:nth-of-type(2) {
	margin-right:25px;
}

[price-bag]  > span:nth-of-type(2) > img {
	overflow:hidden;
	width:37px;
	height:42px;
}


/* ролик youtube на главной начало */

[y1] {
	width:1170px;
	margin:70px auto 0px auto;
	display:flex;
	justify-content:center;	
	overflow:hidden;
	flex-wrap:wrap;
}

@media screen and (max-width: 1170px) {
[y1] {
	width:calc(100% - 16px);
}
}


[y1] > span {
	font-size:30px;
	font-weight:500;
	flex:0 0 100%;
	text-align:center;

} 

[y1] iframe {
	transform:translate3d(150px,0px,0px) scale(0.8,0.8);
	transition:opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
	transform-origin:50% 0%;
        margin:30px 0px 0px 0px;

}

[y1] iframe[move] {
	transform:translate3d(0px,0px,0px) scale(1,1);
}

/* ролик youtube на главной конец */



/* текст начало */

[a1] {
	
	width:1170px;
	margin:25px auto 0px auto;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;	
	overflow:hidden;
	flex-wrap:wrap;
	height:750px;
}



[a1] article {

	width:576px;	
	line-height:30px;
	font-size:16px;
        margin:45px 20px 0px auto;
        padding:0px 0px 0px 0px;
        transition:transform 0.7s ease-in-out, opacity 1s ease-in-out;
        font-weight:500 !important;
        color:black !important;
        background-color:white !important;
}

[a1] article:nth-child(1) {
	//transform:translate3d(-40px,0px,0px) scale(0.8,0.8);
}

[a1] article:nth-child(2), [a1] article:nth-child(3) {
	//transform:translate3d(40px,0px,0px) scale(0.8,0.8);
}


[a1] article[move] {
	//transform:translate3d(0px,0px,0px) scale(1,1);
}





[a1] article li {
	    list-style: disc inside none;
	    padding-left:20px;  	
}

[a1] article li > span {
	position:relative;
	left:-10px;
	font-style:italic;
        font-weight:500;
        background-color:white;
}

[a1] article li > a {
	position:relative;
        font-weight:500;
        text-decoration:underline;
        color:black;
}

[a1] article h3 {
	font-size:30px;
	font-weight:500;
	line-height:50px;
	color:black;
	background-color:white;
}


@media screen and (max-width: 1170px) {
[a1] {
	width:calc(100% - 16px);
	flex-direction:row;
	height:auto;
	justify-content:center;
	height:auto;

}

[a1] article {
	width:100%;
        margin:45px 0px 0px auto;
	
}

[a1] article h3 {
	text-align:center;
	font-size:26px;
	line-height:36px;
	margin-bottom:20px;
}

}
/* текст конец */

/* footer начало */

[f4] {
	width:100%;
	margin:50px 0px 0px 0px;
	padding:60px 0px 0px 0px;
        background: rgb(0,0,0);
        background: linear-gradient(0deg, rgba(57,48,74,1) 230px, rgba(84,109,128,1) 230px);
        min-height:520px;
        color:white;

}

[f5] {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	width:1170px;
	margin:0px auto 0px auto;
        box-sizing:border-box;
        

}

[f5] * {
	box-sizing:border-box;
}

[f5] > div {
}

[f5] > div:nth-of-type(1) {
	flex:0 0 720px;
}

[f5] > div:nth-of-type(2) {
	flex:0 0 450px;
}

[f5] > div:nth-of-type(3) {
	flex:0 0 400px;
}
[f5] > div:nth-of-type(4) {
	flex:0 0 400px;
}

[f5] > div:nth-of-type(5) {
	flex:0 0 370px;
}

[f5] > div:nth-of-type(6) {
	flex:1;
}


[f5] > div:nth-of-type(1) {
	display:flex;
	justify-content:space-evenly;
	padding:0px 0px 35px 5px;
}

[f5] > div:nth-of-type(1) > span {
	flex:0 0 22%;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:flex-start;
	align-content:flex-start;

}

[f5] > div:nth-of-type(1) > span > * {
	flex:0 0 100%;
        font-size:12px;
        line-height:26px;

}

[f5] > div:nth-of-type(1) > span > span:nth-of-type(1) {
	font-size:16px;
	font-weight:bold;
	margin:0px 0px 10px 0px;
}

[f5] > div:nth-of-type(2) > span:last-of-type img {
	border-radius:1000px;
	margin:0px  10px 0px 10px;
	height:51px;

}

[f5] > div:nth-of-type(2) {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
	margin:-40px 0px 0px 0px;
}


[f5] > div:nth-of-type(2) > img {
	height:50px;
	width:180px;
}

[f5] > div:nth-of-type(2) > img:nth-of-type(2) {
	display:none;
}

[f5] > div:nth-of-type(2) > span {
	flex:0 0 100%;
	font-size:14px;
	line-height:30px;
	font-weight:500;
	text-align:center;
	margin:15px 0px 0px 0px;
}


[f5] > div:nth-of-type(3) {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
	padding:30px 0px 40px 10px;
	
}

[f5] > div:nth-of-type(3) > span {
	flex:0 0 100%;
}

[f5] > div:nth-of-type(3) > span:nth-of-type(1) {
	font-size:28px;
	margin:0px 0px 20px 0px;
}
[f5] > div:nth-of-type(3) > span:nth-of-type(2) {
	font-size:16px;
	font-weight:500;
	line-height:20px;
}

[f5] > div:nth-of-type(4), [f5] > div:nth-of-type(5) {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:flex-start;
	padding:20px 0px 0px 10px;
	
}

[f5] > div:nth-of-type(4) > span:nth-of-type(1), [f5] > div:nth-of-type(5) > span:nth-of-type(1) {
	font-size:16px;
	font-weight:700;
	line-height:20px;
	flex:0 0 100%;
}

[f5] > div:nth-of-type(4) > span:not(:nth-of-type(1)), [f5] > div:nth-of-type(5) > span:not(:nth-of-type(1)) {
	display:block;
	width:72px;
	height:75px;
	border:1px solid white;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain;
	border-radius:10px;
	flex:0 0 75px;
	margin:0px 0px 0px 0px; 

}

[f5] > div:nth-of-type(4) > span:not(:nth-of-type(1)):not(:last-of-type), [f5] > div:nth-of-type(5) > span:not(:nth-of-type(1)):not(:last-of-type) {
	margin:0px 8px 0px 0px; 
}

[f5] > div:nth-of-type(4) > span[bg5="1"]:nth-of-type(2) {
	background-image:url(../images/icon_mir.png);
	
}
[f5] > div:nth-of-type(4) > span[bg5="1"]:nth-of-type(3) {
	background-image:url(../images/mastercard.png);
}
[f5] > div:nth-of-type(4) > span[bg5="1"]:nth-of-type(4) {
	background-image:url(../images/icon_visa.png);
}
[f5] > div:nth-of-type(4) > span[bg5="1"]:nth-of-type(5) {
	background-image:url(../images/icon_jcb.png);
}

[f5] > div:nth-of-type(5) > span[bg5="1"]:nth-of-type(2) {
	background-image:url(../images/icon_kit2.png);
}

[f5] > div:nth-of-type(5) > span[bg5="1"]:nth-of-type(3) {
	background-image:url(../images/icon_pek.png);
}

[f5] > div:nth-of-type(5) > span[bg5="1"]:nth-of-type(4) {
	background-image:url(../images/icon_pr.png);
}

[f5] > div:nth-of-type(6) {
	font-size:10px;
	font-weight:400;
	line-height:14px;
	text-align:center;
}


@media screen and (max-width: 1170px) {

[f5] {
	width:100%;
}

[f5] > div:nth-of-type(1) {
	padding:0px 0px 50px 10px;
	
}

[f5] > div:nth-of-type(1), [f5] > div:nth-of-type(2) {
	flex:0 0 100%;
}

[f5] > div:nth-of-type(3) {
	flex:0 0 34.7222%;
	background-color:#39304a;
}

[f5] > div:nth-of-type(4) {
	flex:0 0 36.6666%;
        background-color:#39304a;
}

[f5] > div:nth-of-type(5) {
	flex:0 0 28.6112%;
        background-color:#39304a;
}



[f5] > div:nth-of-type(2) {
	background-color:#39304a;
	justify-content:flex-start;
	margin:0px 0px 0px 0px;
	padding:30px 0px 30px 10px;
}

[f5] > div:nth-of-type(2) > img {
	flex:0 0 180px;
        transform:translate3d(0px,-5px,0px);
}


[f5] > div:nth-of-type(2) > img:nth-of-type(1) {
	display:none;
}

[f5] > div:nth-of-type(2) > img:nth-of-type(2) {
	display:block;
}

[f5] > div:nth-of-type(2) > span:nth-of-type(1) {
	flex:0 0 360px;
	margin:0px 0px 0px 0px;
	font-size:12px;
	text-align:left;
	padding:0px 0px 0px 20px;
	line-height:16px;
}

[f5] > div:nth-of-type(2) > span:nth-of-type(2) {
	flex:0 0 150px;
        margin:0px 0px 0px 0px;
        line-height:0px;
}
[f5] > div:nth-of-type(2) > span:nth-of-type(2) > img {
	
}


[f5] > div:nth-of-type(3) > span:nth-of-type(1) {
	font-size:20px;
}


[f5] > div:nth-of-type(4) > span:not(:nth-of-type(1)), [f5] > div:nth-of-type(5) > span:not(:nth-of-type(1)) {

flex:0 0 60px;
        width:60px;
        height:60px;

}

[f5] > div:nth-of-type(4) > span:not(:nth-of-type(1)):not(:last-of-type), [f5] > div:nth-of-type(5) > span:not(:nth-of-type(1)):not(:last-of-type) {
	margin:0px 2px 0px 0px;
}

}

@media screen and (max-width: 720px) {

[f4] {
	padding:20px 0px 0px 0px;
}

[f5] > div:nth-of-type(1) {
	flex-wrap:wrap;
        padding:0px 4px 0px 4px;
        justify-content:space-evenly;
}

[f5] > div:nth-of-type(1) > span {
	flex:0 0 50%;
	margin:0px 0px 20px 0px;
	padding-left:calc( (100vw - 320px)/(720 - 320) * (50 - 2) + 2px);



	
}


[f5] > div:nth-of-type(2) {
	padding:20px 0px 30px 0px;
	background-color:#546d80;
	justify-content:center;
}


[f5] > div:nth-of-type(2) > img {
	transform:translate3d(0px,0px,0px);
}

[f5] > div:nth-of-type(2) > img:nth-of-type(1) {
	display:block;
}

[f5] > div:nth-of-type(2) > img:nth-of-type(2) {
	display:none;
}

[f5] > div:nth-of-type(2) > span:nth-of-type(1) {
	flex:0 0 100%;
	margin:20px 0px 20px 0px;
	font-size:14px;
	text-align:center;
	padding:0px 0px 0px 0px;
	line-height:30px;
}


[f5] > div:nth-of-type(3), [f5] > div:nth-of-type(4), [f5] > div:nth-of-type(5) {
	flex:0 0 100%;
}

[f5] > div:nth-of-type(3) {
	padding:30px 0px 30px 0px;
}


[f5] > div:nth-of-type(3) > span {
	padding:0px 0px 0px 0px;
	text-align:center;
}

[f5] > div:nth-of-type(3) > span:nth-of-type(1) {
	font-size:28px;
}



[f5] > div:nth-of-type(4), [f5] > div:nth-of-type(5) {
	justify-content:center;
	padding:20px 0px 30px 0px;
}

[f5] > div:nth-of-type(4) > span:nth-of-type(1), [f5] > div:nth-of-type(5) > span:nth-of-type(1) {
	text-align:center;
	padding:0px 0px 20px 0px;
}

[f5] > div:nth-of-type(4) > span:not(:nth-of-type(1)), [f5] > div:nth-of-type(5) > span:not(:nth-of-type(1)) {

	flex:0 0 70px;
        width:70px;
        height:70px;

}

[f5] > div:nth-of-type(4) > span:not(:nth-of-type(1)):not(:last-of-type), [f5] > div:nth-of-type(5) > span:not(:nth-of-type(1)):not(:last-of-type) {
	margin:0px 7px 0px 0px;
}


[f5] > div:nth-of-type(1) > span > * {
	line-height:48px;
}

}



/* footer конец*/



.MagicScrollK5 {
	border:5px solid red;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
	display:none !important;
}

[pic-wait] {
	position:absolute;
	background-color:rgba(255,255,255,0.65);
	background-image:url(../images/786.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	z-index:9;


}


[right-butt-wr] {
	position:absolute;
	width:80px;
	//left:calc(50% + (1170px/2) + 120px);
	right: calc((100% - 1170px)/2 - 120px - 100px);
	top:0px;
	height:calc(100% - 620px);

}

@media screen and (max-width: 1635px) {

[right-butt-wr] {
	right: 10px;
}

}

@media screen and (max-width: 1430px) {

[right-butt-wr] {
	display:none;
}

}

[right-butt-wr2] {
        position:sticky;
	width:100%;
        top:calc(130px + 50px);
}

[right-butt-wr2] > span {
	display:block;
	width:80px;
	height:80px;
	border-radius:200px;
	background-color:#c4cce1;
	margin:0px 0px 20px 0px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	transform:scale(0.2,0.2);
	opacity:0;
	transition:transform 0.5s ease-in-out;
}


[right-butt-wr2] > span[move] {
        opacity:0;
	animation: rbwr2 0.4s ease-in-out forwards;
}

@keyframes rbwr2{

0% {
	transform:scale(0.2,0.2);
	opacity:0;
}



100% {
	transform:scale(1,1);
	opacity:1;
}

}


[right-butt-wr2] > span:nth-of-type(1) {
	background-image:url(../images/right_phone.png);
	animation-delay:0s;
}

[right-butt-wr2] > span:nth-of-type(2) {
	background-image:url(../images/right_letter.png);
        animation-delay:0.2s;
        background-size:42px 32px;
        
        
        
}

[right-butt-wr2] > span:nth-of-type(2) > a, [logspan] {
        display:block;
        width:100%;
        height:100%;
	font-size:52px;
        font-weight:700;
        text-shadow:0px 0px 10px rgba(255,255,0,0.3);
        display:flex;
        justify-content:center;
        align-items:center;
        text-decoration:none;
        color:#038ac6;
        cursor:pointer;

}

[right-butt-wr2] > span[new-letter]:nth-of-type(2) {
	animation: new-letter 1s infinite ease-in-out;
        animation-play-state:  running, running;
}

@keyframes new-letter {
0% {background-size:42px 32px;transform:scale(1,1);opacity:1;}	
50% {background-size:21px 16px;transform:scale(1,1);
	opacity:1;}
100% {background-size:42px 32px;transform:scale(1,1);
	opacity:1;}	
}

[right-butt-wr2] > span:nth-of-type(3) {
        display:block;
	background-image:url(../images/right_docs.png);
        animation-delay:0.4s;

}

[right-butt-wr2] > span:nth-of-type(3) > a {
	display:block;
	width:100%;
	height:100%;
	border-radius:100px;
	
}

[right-butt-wr2] > span:nth-of-type(4) {
        display:block;
	background-image:url(../images/right_soc.png);
	background-position:11px calc(50% - 2px);
        animation-delay:0.6s;
        cursor:pointer;

}

[right-butt-wr2] > span:nth-of-type(4) > a {
	display:block;
	width:100%;
	height:100%;
	border-radius:100px;
	
}


[right-butt-wr2] > span:nth-of-type(5) {
	background-color:#038ac6;
	display:flex;
	flex-wrap:wrap;
	color:white;
	justify-content:center;
	align-items:center;
	align-content:center;
        animation-delay:0.8s;
}


[right-butt-wr2] > span:nth-of-type(5) > a {
	display:flex;
        justify-content:center;
	align-items:center;
	align-content:center;
	flex-wrap:wrap;
	
	width:80px;
	height:80px;
	text-decoration:none;
	color:white;
}

[right-butt-wr2] > span:nth-of-type(5) > a > span {
	flex: 0 0 100%;
	display:block;
	text-align:center;
	font-size:14px;
	font-weight:500;
	line-height:16px;
}

[right-butt-wr2] > span:nth-of-type(5) > a > span:nth-of-type(3) {
	font-size:26px;
	line-height:32px;
        font-weight:700;
}

[right-butt-wr2] > span[move2]:nth-of-type(5) {

	animation: rbwr2 0.4s ease-in-out forwards;	
        animation-delay:0.8s;
}

[right-butt-wr2] > span[move2]:after, [right-butt-wr2] > span[move2]:before {

        content:"";
        position:absolute;
        left:0px;
        top:0px;
        width:100%;
        height:100%;
        border-radius:100px;

	animation: newdisc 1s ease-in-out forwards;	
        animation-delay:0s;
}

[right-butt-wr2] > span[move2]:before {
        animation: newdisc 1s ease-in-out forwards;	
	animation-delay:0.6s;	
}

@keyframes newdisc {
0% {
        opacity:0;
	box-shadow:0px 0px 0px rgba(181,41,68,1);
	left:0%;
	top:0%;
        width:100%;
	height:100%;
	filter:blur(0px);
}

50% {
        opacity:1;
	box-shadow:0px 0px 100px 10px rgba(181,41,68,1);
	left:-25%;
	top:-25%;
	width:150%;
	height:150%;
        filter:blur(20px);
}

100% {
        opacity:0;
	box-shadow:0px 0px 0px 0px rgba(181,41,68,1);
	left:0%;
	top:0%;
	width:100%;
	height:100%;
        filter:blur(0px);
}



}


/* корзина начало */

[bas-wr] {
        position:relative;
	width:1170px;
	margin:0px auto 0px auto;
	padding:0px 0px 50px 0px;
}

[bas-wr-buttons] {
	position:absolute;
	height:60px;
	width:100%;
	position:absolute;
	left:0px;
	top:0px;
	display:flex;
	justify-content:flex-end;
	align-items:center;

	border:1px solid red;

}


[bas-wr-buttons] > span {
        position:relative;
	display:block;
	width:180px;
	height:40px;
	border:1px solid #038ac6;
	font-size:14px;
	font-weight:500;
	color:#038ac6;
	display:flex;
	justify-content:center;
	align-items:center;
	cursor:pointer;
	user-select:none;


}

[bas-wr-buttons] > span:first-of-type {
	margin:0px 18px 0px 0px;
}

[bas-wr-buttons] > span:active {
	transform:translate3d(1px,1px,0px);
}


[ko-of-disabled] {
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	background-color:white;
	background-image:url(../images/786.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:contain;
	z-index:1;

}


[bas-wr] h1 {
        position:relative;
        display:block;
	font-size:30px;
	line-height:60px;
	font-weight:500;
	margin:30px 0px 30px 0px;
	border-bottom:1px solid black;

	display:flex;
	justify-content:flex-start;
	align-items:center;
	flex-wrap:wrap;
}








[gritem] {
	display:flex;
        flex-wrap:wrap;

}



[gritem] > * {
}

[gritem] > span:nth-of-type(1) {
	flex:0 0 100px;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:20px;
	font-weight:500;
	height:180px;
	
}

[gritem] > div:nth-of-type(1) {
	flex:0 0 180px;
	height:180px;
	cursor:pointer;
}

[gritem] > span:nth-of-type(2) {
        position:relative;
	flex:1;
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	align-content:flex-start;
	padding:0px 0px 0px 20px;
}

[gritem] > span:nth-of-type(2) > * {
	flex:0 0 100%;

}

[gritem] > span:nth-of-type(2) > h2 {
	font-size:25px;
	font-weight:500;
	line-height:28px;
	margin:0px 0px 15px 0px;
}

[gritem] > span:nth-of-type(2) > span {
        display:block;
	font-size:14px;
	font-weight:500;
	line-height:22px;
	height:auto;
}

[gritem] > span:nth-of-type(2) > span > span:nth-of-type(1) {
	font-weight:700;
}

[gritem] > span:nth-of-type(2) > h2 > a {
	text-decoration:none;
	color:black;
}

[gritem] > span:nth-of-type(3) {
	flex:0 0 285px;
	display:flex;
	flex-wrap:wrap;
	align-content:flex-start;
	padding:0px 0px 0px 20px;

}




[gritem] > span:nth-of-type(2) > span:last-of-type {
	position:absolute;
	left:calc(100% + 30px);
	top:0px;
	width:200px;

}





[gritem] > span:nth-of-type(2) > span:last-of-type > * {
	flex:0 0 100%;	
	display:block;
}

[gritem] > span:nth-of-type(2) > span:last-of-type > [s0] {
	font-size:16px;
	font-weight:700;
	color:black;
	line-height:16px;
	text-decoration:line-through;
}


[gritem] > span:nth-of-type(2) > span:last-of-type > [s1] {
	font-size:30px;
	font-weight:700;
	color:#038ac6;
	line-height:32px;
}

[gritem] > span:nth-of-type(2) > span:last-of-type > [s2] {

	font-size:14px;
	font-weight:500;
	color:black;
	line-height:16px;
}

[razm-error] {	
	color:rgba(181,41,68,1);
	font-weight:700;
}

[gritem] > span:nth-of-type(4) {
	flex: 1 0 100%;
	font-size:20px;
	font-weight:500;
	margin:20px 0px 20px 0px;
	padding:0px 8px 0px 8px;
}





[katitem] {
        position:relative;
	border-bottom:2px solid black;
	margin:0px 0px 20px 0px;
	padding:0px 0px 20px 0px;
	display:flex;

}

[katitem] > span {
}

[katitem][katitem-alert] > span:nth-of-type(3) {
	background-color:#e6b4be;
	padding:10px 8px 10px 8px;
}


[katitem] > span:nth-of-type(1) {
	flex:0 0 100px;	
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:16px;
	font-weight:500;
}

[katitem] > img {
	width:94px;
	height:94px;
	cursor:pointer;
}

[katitem] > span:nth-of-type(2) {
	flex:0 0 250px;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:flex-start;
	align-content:flex-start;
	padding:0px 0px 0px 20px;
}

[katitem] > span:nth-of-type(2) > span {
	flex:0 0 100%;
	font-weight:500;
}

[katitem] > span:nth-of-type(2) > span:nth-of-type(2) {
        font-size:20px;
	font-weight:700;
}

[katitem] > span:nth-of-type(2) > span:nth-of-type(3) > span {
        display:block;
        font-size:12px;
	font-weight:500;
}

[katitem] > span:nth-of-type(2) > span:nth-of-type(3) {
        font-size:20px;
	font-weight:700;
        white-space:nowrap !important;
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
}

[katitem] > span:nth-of-type(2) > span:nth-of-type(4) {
        font-size:12px;
	font-weight:500;
}



[katitem] > span:nth-of-type(3) {
	flex:0 0 350px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:flex-start;
	align-content:flex-start;
	padding:0px 0px 0px 0px;
	
}


[katitem] > span:nth-of-type(3) > span:first-of-type {
	font-size:16px;
	font-weight:500;	
}

[br5] {
	display:none;
}

[katitem] > span:nth-of-type(3) > span:not(:first-of-type) {
	display:flex;	
        font-size:16px;
	font-weight:500;
	flex:0 0 100%;
	justify-content:center;
}

[katitem] > span:nth-of-type(3) > span:nth-of-type(2) {
	display:flex;	
	margin:10px 0px 0px 0px;
	
}

[katitem] > span:nth-of-type(3) > span:nth-of-type(2) > span {
	display: block;
	width: 36px;
	height: 36px;
	box-shadow: inset 0px 0px 0px 2px black;
	border-radius: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	font-size: 30px;
	font-weight: 500;
	cursor: pointer;
	user-select: none;
	margin:2px 0px 0px 0px;
}

[katitem] > span:nth-of-type(3) > span:nth-of-type(2) > span:nth-of-type(1) {
	padding-bottom:3px;
}

[katitem] > span:nth-of-type(3) > span:nth-of-type(2) > span:active {
	transform:translate3d(1px,1px,0px);
}


[katitem] > span:nth-of-type(3) > span:nth-of-type(2) > input {
	width: 85px;
	height: 40px;
	border: 1px solid #d6d6d6;
	margin: 0px 10px 0px 10px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
	font-weight:700;
}



[katitem] > span:nth-of-type(4) {
	flex:1;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
	padding:0px 0px 0px 0px;
	
}

[katitem] > span:nth-of-type(4) > span {
        display:block;
	flex:0 0 25%;
	height:100%;
}

[katitem] > span:nth-of-type(4) > span:nth-of-type(1) {
	flex:0 0 50%;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}

[katitem] > span:nth-of-type(4) > span:nth-of-type(1) > span {
	flex:0 0 100%;
	text-align:center;
	font-size:20px;
	font-weight:700;
}



[katitem] > span:nth-of-type(4) > span:nth-of-type(1) > span:nth-of-type(2) {
	flex:0 0 100%;
	text-align:center;
	font-size:12px;
	font-weight:700;
	color:#038ac6;
}

[katitem] > span:nth-of-type(4) > span:nth-of-type(2), [katitem] > span:nth-of-type(4) > span:nth-of-type(3)  {
	flex:0 0 40px;
	height:40px;
	background-image:url(../images/bag_red_edit.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	cursor:pointer;
}

[katitem] > span:nth-of-type(4) > span:nth-of-type(3)  {
	background-image:url(../images/bag_red_del.png);
}

[katitem] > span:nth-of-type(4) > span:nth-of-type(2):active, [katitem] > span:nth-of-type(4) > span:nth-of-type(3):active {
	transform:translate3d(1px,1px,0px);
}

[basket-recount] {
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100vh;
	background-color:rgba(255,255,255,0.90);
	z-index:999;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}

[basket-recount] > span {
	flex:0 0 100%;
	text-align:center;
	font-size:25px;
        color:#038ac6;
        font-weight:700;
        line-height:40px;
	
}

[basket-recount] > span:nth-of-type(2) {
	font-size:120px;
	font-weight:700;
	margin:40px 0px 40px 0px;
}

[ss44] {
	text-decoration:line-through;
	color:black;
	font-weight:400 !important;
	font-size:14px !important;

}

[basket-itogo] {
	width:380px;
	margin:0px auto 0px auto;
	background-color:#f2f5fe;

	display:flex;
	flex-wrap:wrap;
	padding:20px 0px 20px 0px;

}

[basket-itogo] > span {
	flex:0 0 100%;
	text-align:center;
	font-size:20px;
	font-weight:700;
	line-height:28px;
}

[ss45] {
	color:#038ac6;
	font-size:14px !important;
	font-weight:700;
}

[itg1] {
        display:block;
	font-size:40px;
	font-weight:500;	
}


[ko-del], [ko-of] {
        position:relative;
        display:block;
	border:1px solid #038ac6;
	color:#038ac6;
	width:170px !important;
	flex:0 0 170px !important;
	height:40px;
	line-height:40px;
	font-size:14px;
	cursor:pointer;
	user-select:none;
        display:flex;
	justify-content:center;
	align-items:center;
	cursor:pointer;
	margin:0px 0px 0px 0px;
	background-color:white;

}

[ko-of] {
	border:2px solid #038ac6;	
	font-weight:700;

}

[ko-of2] {
	margin:20px auto 10px auto;
	font-size:14px !important;
	
}

[ko-del] {
}

[ko-del]:active, [ko-of]:active {
	transform:translate3d(1px,1px,0px);
}

[ko-of]:after, [ko-del]:after {
	content:"Оформить заказ";
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	display:flex;
	justify-content:center;
	align-items:center;
	text-transform:uppercase;

}

[ko-del]:after {
	content:"Очистить корзину";
        text-transform:none;
}

[bas-butt] {
        display:flex;
        justify-content:space-between;
	align-items:center;
	margin:20px 0px 40px 0px;

}


@media screen and (max-width: 1170px) {

[bas-wr] {
	width:100%;

}

[bas-wr] h1 {
	margin:30px 8px 30px 8px;
}

[bas-butt] {
	padding:0px 8px 0px 8px;

}


[gritem] > span:nth-of-type(1) {
	height:250px;
}

[gritem] > div:nth-of-type(1) {
	flex:0 0 250px;
	height:250px;
}

[gritem] > span:nth-of-type(3) {
	flex:0 0 0px;
	align-content:flex-start;
	padding:0px 0px 0px 0px;

}


[gritem] > span:nth-of-type(2) {
	padding:0px 20px 0px 20px;
        min-width:250px;        
}

[gritem] > span:nth-of-type(2) > h2 {
	font-size:23px;
}

[gritem] > span:nth-of-type(2) > span:last-of-type {
	position:relative;
	left:auto;
	top:auto;
	width:auto;
	margin:15px 0px 0px 0px;

}



[katitem] {
	width:calc(100% - 16px);
	margin:0px 8px 20px 8px;
}

[katitem] > * {
}

[katitem] > span:nth-of-type(1) {
	flex:0 0 30px;
	font-size:14px;
}

[katitem] > span:nth-of-type(2) {
	padding:0px 0px 0px 8px;
	font-size:14px;
	flex:1;
}

[katitem] > span:nth-of-type(3) {
	flex:1;
}

[katitem] > span:nth-of-type(3) > span:first-of-type {
	text-align:center;
	font-size:14px;
}

[br5] {
	display:inline;
}




[katitem] > span:nth-of-type(4) {
	min-width:235px;
}

[katitem] > span:nth-of-type(4) > span:first-of-type {
	min-width:140px;
}

[katitem] > span:nth-of-type(4) > span:nth-of-type(2) {
}


}



@media screen and (max-width: 900px) {
[bas-wr] h1 {
	font-size:24px;
	line-height:32px;
	margin:15px 8px 40px 8px;
	text-align:center;
	justify-content:center;
}

}





@media screen and (max-width: 850px) {

[katitem] > span:nth-of-type(2) > span:nth-of-type(3) {
	max-width:150px;
}

}


@media screen and (max-width: 720px) {


[gritem] > span:nth-of-type(1) {
	align-items:flex-start;
	height:50px;
	flex:0 0 20%;
}


[gritem] > div:nth-of-type(1) {
        position:relative;
	flex:1;
	height:auto;
	flex:0 0 80%;
	max-width:calc(80% - 8px);
        margin:0px 0px 20px 0px;
}

[gritem] > div:nth-of-type(1) > div {
        position:relative;
	height:auto;
	padding-top:100%;
}

[gritem] > div:nth-of-type(1) > div > img {
	width:100%;
	height:100%;
	position:absolute;
	display:block;
	left:0px;
	top:0px;
}

[gritem] > span:nth-of-type(2) {
	width:100%;
	padding:0px 8px 0px 8px;
}

[gritem] > span:nth-of-type(2) > h2 {
	font-size:16px;
	line-height:22px;
}

[gritem] > img {
	flex:0 0 320px;
	height:320px;
	cursor:pointer;
}


[gritem] > span:nth-of-type(2) {
	
}


[basket-itogo] {
	width:100%;
}


[gritem] > span:nth-of-type(2) > h2 {
	font-size:16px;	
	font-weight:700;
	order:-2;
}


[gritem] > span:nth-of-type(2) > span:nth-of-type(5) {
	order:-1;
	margin:0px 0px 15px 0px;
}

[gritem] > span:nth-of-type(4) {
	font-size:16px;	
	font-weight:700;
}


[katitem] {
	width:calc(100% - 16px);
	margin:0px 8px 20px 8px;

	flex-wrap:wrap;
}

[katitem] > span:nth-of-type(2) > span:nth-of-type(3) {
	max-width:200px;
}

[katitem] > span:nth-of-type(4) {

	flex:1 0 100%;
	margin:10px 0px 0px 0px;

	justify-content:center;
}

[katitem] > span:nth-of-type(4) > span {
	margin:0px 20px 0px 20px;
}

[katitem] > span:nth-of-type(4) > span:nth-of-type(1) {
	flex:0;
}

[katitem] > span:nth-of-type(3) {
	white-space:nowrap;
}
	
[br5] {
	display:none;
}

[katitem] > span:nth-of-type(3) {
	margin:0px 0px 0px 0px;
}

[katitem] > span:nth-of-type(3) > span:nth-of-type(1) {
	font-size:14px;
}

}

@media screen and (max-width: 650px) {
[katitem] > span:nth-of-type(2) > span:nth-of-type(3) {
        max-width:160px !important;
}
}

@media screen and (max-width: 600px) {

[katitem] > span:nth-of-type(3) {
	flex:1 0 100%;
        margin:25px 0px 25px 0px;
}

[katitem] > span:nth-of-type(3) > span:nth-of-type(1) {
	font-size:16px;
}


[katitem] > span:nth-of-type(2) > span:nth-of-type(3) {
	max-width:180px !important;
}

[katitem] > span:nth-of-type(4) {
	justify-content:space-around;
}

[katitem] > span:nth-of-type(4) > span {
	margin:0px 0px 0px 0px;
}


	
}


@media screen and (max-width: 450px) {

[ko-of], [ko-del] {
	width:120px !important;
	flex:0 0 120px !important;
}


[ko-of]:after {
	content:"Оформить";
}

[ko-del]:after {
	content:"Очистить";
}
	
}




@media screen and (max-width: 380px) {
[katitem] > span:nth-of-type(2) > span:nth-of-type(3) {
        overflow:hidden;
        flex:0 0 100%;
        width:50px !important;
}

[katitem] > span:nth-of-type(2) {
	flex:0 0 calc(100% - 20px - 105px);
	padding:0px 0px 0px 5px;
}

[br5] {
	display:inline;
}

}


[db] {
	background-color: #f2f5fe;
	margin:0px 0px 40px 0px;
	padding:10px 10px 10px 10px;
	line-height:32px;
	font-weight:500;
}

[db] > div {
	font-weight:500;
}

[db] > div b {
	font-weight:700;
}

[db] > a {
	font-weight:700;
	margin:20px 0px 0px 0px;
	background-color:white;
}

/* корзина конец */


/* новый каталог */

[cat2] {
        position:relative;
        margin:30px auto 30px auto;

	width:1170px;

	display:flex;
	justify-content:space-between;
	//align-content:flex-start;
	//align-items:flex-start;
	flex-wrap:wrap;  
}

[cat2] h1, [cat2] h2[cp_ci] {
	font-size:30px;
	line-height:60px;
	font-weight:500;
	margin:0px 0px 30px 0px;
	border-bottom:1px solid black;	
	flex:1 0 100%;

}


[cat2] > a, [cat2] > section {
        position:relative;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-content:flex-start;
        align-items:flex-start;
	flex:0 0 380px;

	margin:0px 0px 60px 0px;
	padding:0px 0px 30px 0px;

        text-decoration:none;
        color:black;
        border-bottom:2px solid black;
        cursor:pointer;
}

[cat2] > span[cat2-empty] {

        display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-content:flex-start;
        align-items:flex-start;
	min-height:500px;
	flex:0 0 380px;
	margin:0px 0px 60px 0px;


	height:0px;
        min-height:0px;
        border:none;
}


[cat2] > a > div:first-of-type, [cat2] > section > div:first-of-type {
        position:relative;
	flex:0 0 100%;
	width:100%;
	padding-top:100%;
}


[cat2] > a > div:first-of-type > img, [cat2] > section > div:first-of-type > img {
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
}


[mp1] {
        position:relative;
	flex:0 0 28px;
	height:28px;
	overflow:hidden;
	margin:0px 10px 0px 0px;
        box-shadow:0 0 0 1px white, 0 0 0 2px rgba(3,138,198,0.2);
}

/*[mp1]:after {
	position:absolute;
	width:32px;
	height:32px;

}*/

[cat2] > a > span:not([mp1]), [cat2] > section > span:not([mp1]) {
	flex:0 0 100%;
	font-size:14px;
	font-weight:500;
	line-height:22px;
}






[cat2] > a > span:not([mp1]) > span:nth-of-type(1), [cat2] > section > span:not([mp1]) > span:nth-of-type(1) {
	font-weight:700;
}

[cat2] > a > span:not([mp1]):nth-of-type(1), [cat2] > section > span:not([mp1]):nth-of-type(1) {
	margin:15px 0px 0px 0px;
}


[cat2] > a > h2, [cat2] > section > h2 {
	flex:0 0 100%;
	font-size:18px;
	font-weight:500;
	margin:15px 0px 15px 0px;
}

[cat2] > section > h2 > a {
	color:black;
	text-decoration:none;
	line-height:26px;
}

[cc2] {
	text-transform:uppercase;
	text-align:center;
}

a[cc2] {
	text-transform:upeercase;
	text-align:center;
	padding:0px 0px 20px 0px;
}

a[cc2] h2 {
	margin:20px 0px 0px 0px;
}


[cat2] > a > div:nth-of-type(2), [cat2] > section > div:nth-of-type(2) {
        position:relative;
	flex:0 0 100%;
	margin:15px 0px 0px 0px;
}

[cat2] > a > div:nth-of-type(2) > span, [cat2] > section > div:nth-of-type(2) > span {
        position:relative;
	display:block;
	

}

[cat2] > a > div:nth-of-type(2) > [s0], [cat2] > section > div:nth-of-type(2) > [s0] {
	color:#038ac6;
	font-size:18px;
	font-weight:700;
        text-decoration:line-through;
}

[cat2] > a > div:nth-of-type(2) > [s1], [cat2] > section > div:nth-of-type(2) > [s1] {
	font-size:25px;
	font-weight:700;
}

@media screen and (max-width: 720px) {

[cat2] > a > div:nth-of-type(2) > [s1], [cat2] > section > div:nth-of-type(2) > [s1] {
	font-size:18px;
}

}

[cat2] > a > div:nth-of-type(2) > [s2], [cat2] > section > div:nth-of-type(2) > [s2] {
	font-size:16px;
	font-weight:500;
}

[cat2] > a > div:nth-of-type(2) > [s3], [cat2] > section > div:nth-of-type(2) > [s3] {
	position:absolute;
	right:30px;
	top:calc((100% - 42px)/2 + 5px);
}



[cat2] > a > span[gri1-1], [cat2] > a > span[gri1-1] > b, [cat2] > a > span[gri10-1], 
[cat2] > section > span[gri1-1], [cat2] > section > span[gri1-1] > b, [cat2] > section > span[gri10-1] {
	flex:0 0 50% !important;
	margin:20px 0px 0px 0px !important;
	font-size:24px  !important;
	font-weight:700  !important;
	color:#038ac6;
}

[ppc-2] {
	margin:20px 0px 0px 0px;
}

[gri1-1], [gri1-2] {
	text-align:left;
}

[gri10-1], [gri10-2] {
	text-align:right;
	padding:0px 20px 0px 0px;
}

[cat2] > a > span[gri1-2], [cat2] > a > span[gri1-2] > b, [cat2] > a > span[gri10-2],
[cat2] > section > span[gri1-2], [cat2] > section > span[gri1-2] > b, [cat2] > section > span[gri10-2] {
	flex:0 0 100% !important;
	margin:20px 0px 20px 0px !important;
	font-size:24px  !important;
	font-weight:700  !important;
	color:#038ac6;
}


@media screen and (max-width: 1170px) {
[cat2] {
	width:calc(100% - 16px);
	margin:0px auto 0px auto;
        justify-content:space-around;
        justify-content:space-evenly;
}	

[cat2] h1, [cat2] h2[cp_ci]  {
	font-size:24px;
	line-height:30px;
	padding:15px 0px 15px 0px;
	font-weight:500;
	margin:0px 0px 30px 0px;
	border-bottom:1px solid black;	
	flex:1 0 100%;

}


[cat2] > a, [cat2] > section {
	flex:0 0 calc(100%/2 - 16px);
	max-width:500px;
}

[cat2] > span[cat2-empty] {
	flex:0 0 calc(100%/2 - 16px);	
        max-width:500px;

}

}

@media screen and (max-width: 720px) {
[cat2] > a, [cat2] > section {
	flex:0 0 calc(100% - 16px);
	max-width:500px;
}

[cat2] h1, [cat2] h2[cp_ci]  {
	font-size:20px;
        padding:5px 0px 5px 0px;
        text-align:center;
}

}


[ppc] {
	background-color:#f2f5fe;
	display:block;
	min-height:40px;
	display:flex;
	align-items:center;
	padding:0px 8px 0px 8px;

}

[ppc1] {
        display:block;
	line-height:22px !important;
}

[ppc2] {
	display:block;
	flex:0 0 30px;
	height:30px;
	background-image:url(../images/nci3.png);
	background-repeat:no-repeat;
	background-position:15px 50%;
	flex:1;
}

[ppc3] {
	font-size:25px;
	font-weight:700;
	padding:0px 5px 0px 5px;
}

@media screen and (max-width: 720px) {

[ppc3] {
	font-size:18px;
}

}


/* новый каталог*/

[open-alert] {
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100vh;
	background-color:rgba(255,255,255,0.85);
	display:flex;
	justify-content:center;
	align-content:center;
        align-items:center;
        z-index:9999;
}

[al55] {
	color:#038ac6;
	font-weight:700 !important;
}

[site-butt] {
        display:block;
	border:1px solid #038ac6;
	color:#038ac6;
	font-weight:500;
	text-align:center;
	flex:0 0 240px;
	max-width:240px;
	height:40px;
        line-height:40px;
        cursor:pointer;
        user-select:none;
        width:240px;
        font-size:14px;
        text-decoration:none;
}

[site-butt]:active {
	transform:translate3d(1px,1px,0px);
}

[mzs2] {
	justify-content:center;
}

[nwrp] {
	white-space:nowrap;
}

[bld] {
	font-weight:700;
}

[katitem-del] {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,0.8);
	display:flex;
	justify-content:flex-end;
	align-items:center;
}

[katitem-del] > [site-butt] {
	flex:0 0 200px;		
}

@media screen and (max-width: 720px) {

[katitem-del] {
	
	justify-content:center;
	align-items:flex-end;
	
}

}

@media screen and (max-width: 600px) {

[katitem-del] > [site-butt] {
	margin:0px 0px 20px 0px;
}

}

[a-order-reg] {
        display:block;
	visibility: hidden;
        position: absolute;
        top:0;
}

/* оформление заказа начало */
[o7] {
	position:relative;
	display:flex;
	flex-wrap:wrap;
}

[o7] > div:nth-of-type(1), [o7] > div:nth-of-type(2), [o7] > div:nth-of-type(3) {
	flex:0 0 calc(100%/3);
	display:flex;
	align-items:flex-start;
	align-content:flex-start;
	flex-wrap:wrap;
}




[o7] > div:nth-of-type(1) > *, [o7] > div:nth-of-type(2) > *, [o7] > div:nth-of-type(3) > * {
	flex:0 0 100%;
}

[o7] > div:nth-of-type(4) {
	flex:0 0 100%;
	margin:50px 0px 0px 0px;
}

[o7] > div:nth-of-type(5) {
	flex:0 0 100%;
        margin:50px 0px 0px 0px;
}

[o7] > div > h2 {
	text-align:center;
	font-size:24px;
	font-weight:500;
	flex:0 0 100%;
        height:60px;
}



[o7] > div:nth-of-type(1), [o7] > div:nth-of-type(3), [o7] > div:nth-of-type(4) {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}

[o7] > div > span:nth-of-type(1) {
        display:block;
	flex:0 0 calc(100% - 0px);
	text-align:center;
	height:100px;
        line-height:100px;
        font-weight:500;
        font-size:18px;
        font-style:italic;
        color:#707070;
        margin:0px auto 20px auto;
}


[o7] > div > span:nth-of-type(1) a {
}

[o7] > div:not(:nth-of-type(2)) > span:nth-of-type(1) {
	background-color:#f2f5fe;
}




[o7] > div:nth-of-type(1) > span:not(:first-of-type), [o7] > div:nth-of-type(3) > span:not(:first-of-type), [o7] > div:nth-of-type(4) > span:not(:first-of-type) {
        position:relative;
	flex:0 0 100px;
	height:100px;

	display:flex;
	justify-content:center;
	align-items:flex-end;
	user-select:none;
	font-size:12px;
	font-weight:700;
	text-align:center;
	margin:0px 10px 20px 10px;
	
}

[o7] > div:nth-of-type(4) > span[big-height] {
	height:115px;
}


[o7] > div:nth-of-type(4) > span:not(:first-of-type) {
	margin:0px 25px 20px 25px;
}

@media screen and (max-width: 720px) {

[o7] > div:nth-of-type(1) > span:not(:first-of-type), [o7] > div:nth-of-type(3) > span:not(:first-of-type), [o7] > div:nth-of-type(4) > span:not(:first-of-type) {
	margin:0px 20px 20px 20px;
	
}

}


[o7] > div:nth-of-type(4) > span:not(:first-of-type) > span {
	position:relative;
	font-weight:700;
}

[o7] > div:nth-of-type(4) > span:not(:first-of-type) > span > [tk-zv] {
        position:absolute;
	top:-10px;
	right:-10px;
	font-size:24px;
	height:20px;
	font-weight:700;
        color:#038ac6;

}

[o7] > div:nth-of-type(3) > span:not(:first-of-type) {
	height:115px;
}



[o7] > div:nth-of-type(1) > span:not(:first-of-type):after, [o7] > div:nth-of-type(3) > span:not(:first-of-type):after, [o7] > div:nth-of-type(4) > span:not(:first-of-type):after {
	content:"";
	position:absolute;
	width:75px;
	height:75px;
	left:calc((100% - 75px)/2);
	top:0px;
	border:1px solid black;
	border-radius:10px;
	cursor:pointer;
}



[o7] > div:nth-of-type(1) > span:active:not(:first-of-type), [o7] > div:nth-of-type(3) > span:active:not(:first-of-type), [o7] > div:nth-of-type(4) > span:active:not(:first-of-type) {
	transform:translate3d(1px,1px,0px);
}

[o7] > div:nth-of-type(1) > span:nth-of-type(2):after {
	background-image:url(../images/o7-fiz.jpg);
}

[o7] > div:nth-of-type(1) > span:nth-of-type(3):after {
	background-image:url(../images/o7-ip.jpg);
}

[o7] > div:nth-of-type(1) > span:nth-of-type(4):after {
	background-image:url(../images/o7-ooo.jpg);
}

[o7] > div:nth-of-type(3) > span:nth-of-type(2):after {
	background-image:url(../images/o7-bk.jpg);
}
[o7] > div:nth-of-type(3) > span:nth-of-type(3):after {
	background-image:url(../images/o7-bp.jpg);
}


[o7] > div:nth-of-type(4) > span:nth-of-type(2):after {

	background-image:url(../images/o7-pr2.jpg);
	background-size:cover;
}[o7] > div:nth-of-type(4) > span:nth-of-type(3):after {

	background-image:url(../images/o7-pr2.jpg);
	background-size:cover;
}[o7] > div:nth-of-type(4) > span:nth-of-type(4):after {

	background-image:url(../images/o7-pr.jpg);
	background-size:cover;
}[o7] > div:nth-of-type(4) > span:nth-of-type(5):after {

	background-image:url(../images/o7-pek.jpg);
	background-size:cover;
}[o7] > div:nth-of-type(4) > span:nth-of-type(6):after {

	background-image:url(../images/o7-dl.jpg);
	background-size:cover;
}[o7] > div:nth-of-type(4) > span:nth-of-type(7):after {

	background-image:url(../images/o7-kit.jpg);
	background-size:cover;
}[o7] > div:nth-of-type(4) > span:nth-of-type(8):after {

	background-image:url(../images/o7-bs.jpg);
	background-size:cover;
}[o7] > div:nth-of-type(4) > span:nth-of-type(9):after {

	background-image:url(../images/o7-en.jpg);
	background-size:cover;
}[o7] > div:nth-of-type(4) > span:nth-of-type(10):after {

	background-image:url(../images/o7-jel.jpg);
	background-size:cover;
}[o7] > div:nth-of-type(4) > span:nth-of-type(11):after {

	background-image:url(../images/o7-pl.jpg);
	background-size:cover;
}[o7] > div:nth-of-type(4) > span:nth-of-type(12):after {

	background-image:url(../images/o7-sam.jpg);
	background-size:cover;
}
[o7] > div:nth-of-type(4) > span:not(:first-of-type) {
	white-space:nowrap;
	text-transform:uppercase;
	width:100px;
}



[o7] > div:nth-of-type(4) > h2, [o7] > div:nth-of-type(5) > h2 {
	text-align:left;
	padding:0px 0px 0px 60px;
}

[o7] > div:nth-of-type(4) > span:nth-of-type(1) {
	text-align:left;
	padding:0px 0px 0px 60px;
}


@media screen and (max-width: 720px) {

[o7] > div:nth-of-type(4) > span:nth-of-type(1) {
	text-align:left;
	padding:0px 8px 0px 8px;
}

[tk-big] {
	text-align:center;
}

}

[o7] > div:nth-of-type(5) > span:nth-of-type(1) {
	text-align:left;
	padding:0px 0px 0px 60px;
}


[o7] > div:nth-of-type(4) > span[data-exists]:nth-of-type(1), [o7] > div:nth-of-type(5) > span[data-exists]:nth-of-type(1) {
	justify-content:flex-start;
	align-items:center;
	padding:20px 0px 20px 60px;
	height:auto;

}

[o7] > div > h2 > b {
	font-size:40px;
	font-weight:400;
	color:rgba(0,0,0,1);
	
}


[o7] > div {
	position:relative;	
	padding:0px 0px 40px 0px;
}




[o7] > div:after {
        content:"";
	position:absolute;
	bottom:0px;
	left:50%;
	width:0px;
	height:2px;
	background-color:black;
	transition:width 0.5s ease-in-out;
}

[o7] > div:before{
        content:"";
	position:absolute;
	bottom:0px;
	right:50%;
	width:0px;
	height:2px;
        background-color:black;
        transition:width 0.5s ease-in-out;
}

[o7] > div[move]:before, [o7] > div[move]:after {
	width:calc(50% - 20px);
}

[o7] > div[move]:nth-of-type(1):before, [o7] > div[move]:nth-of-type(1):after {
	transition-delay:0.1s;
}

[o7] > div[move]:nth-of-type(2):before, [o7] > div[move]:nth-of-type(2):after {
	transition-delay:0.2s;
}

[o7] > div[move]:nth-of-type(3):before, [o7] > div[move]:nth-of-type(3):after {
	transition-delay:0.3s;
}

[o7] > div[move]:nth-of-type(4):before, [o7] > div[move]:nth-of-type(4):after {
	transition-delay:0.4s;
}

[o7] > div[move]:nth-of-type(5):before, [o7] > div[move]:nth-of-type(5):after {
	transition-delay:0.5s;
}

[err67] {
	color:#038ac6;
	font-weight:700;
}

[o7] > a {
        display:block;
	border:2px solid #038ac6;
	font-weight:700;
	color:#038ac6;
	height:60px;
	width:300px;
	font-size:16px;
	line-height:60px;
	text-align:center;
	margin:60px 0px 50px 20px;
	user-select:none;
	cursor:pointer;
}


[o7] > a[regzak-grey] {
        display:block;
	border:2px solid #a8a8a8;
	font-weight:700;
	color:#a8a8a8;
	height:60px;
	width:300px;
	font-size:20px;
	line-height:60px;
	text-align:center;
	margin:60px 0px 50px 20px;
	user-select:none;
	cursor:pointer;

        background-image:url(../images/786-grey.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:contain;
}


[o7] > [o7-end] {
	flex:1;
	padding:40px 60px 40px 60px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;

}



[o7] > [o7-end] > a {
        display:block;
	border:2px solid #038ac6;
	font-weight:700;
	color:#038ac6;
	height:60px;
	width:300px;
	font-size:16px;
	line-height:60px;
	text-align:center;
	user-select:none;
	cursor:pointer;
	margin:0px 0px 0px 0px;
}


[o7] > [o7-end] > a[regzak-grey] {
        display:block;
	border:2px solid #a8a8a8;
	font-weight:700;
	color:#a8a8a8;
	height:60px;
	width:300px;
	font-size:16px;
	line-height:60px;
	text-align:center;
	user-select:none;
	cursor:pointer;

        background-image:url(../images/786-grey.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:contain;
}


[o7] > [o7-end] > [add-remove-tovar] {
	border:1px solid #038ac6;
	font-weight:400;
	font-size:14px;
	height:40px;
	line-height:40px;
}


@media screen and (max-width: 720px) {

[o7] > [o7-end] {
	flex:1;
	padding:40px 0px 40px 0px;
	display:flex;
	justify-content:center;
	align-items:center;

}

[o7] > [o7-end] > [add-remove-tovar] {
	order:-2;
	margin:0px 0px 40px 0px !important;
}


[o7] > [o7-end] > [o7-end-delim] {
        order:-1;
	flex:0 0 100%;
	height:0px;
	background-color:red;
}

}


[o7] > a:active {
	transform:translate3d(1px,1px,0px);
}


[o7] > div > span[data-exists]:nth-of-type(1) {
	color:black;
	font-style:normal;
	font-weight:700;
	line-height:32px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:flex-start;
        padding:30px 0px 50px 0px;
        min-height:100px;

}


[o7] > div:nth-of-type(2) > span[data-exists]:nth-of-type(1) {
	color:black;
	font-style:normal;
	
	line-height:32px;
	display:flex;
	justify-content:center;
	align-items:flex-start;
	align-content:flex-start;
	flex-wrap:wrap;
	padding:30px 0px 0px 0px;
	overflow:hidden;
	height:auto;
}

[o7] > div:nth-of-type(2) > span[data-exists]:nth-of-type(1) > span {
	flex:0 0 100%;
        font-weight:700;
}


[o7] > div:nth-of-type(5) > span[data-exists]:nth-of-type(1) {
	flex-wrap:wrap;
}

[o7] > div:nth-of-type(5) > span[data-exists]:nth-of-type(1) > span {
	flex:0 0 100%;
        font-weight:700;

}

@media screen and (max-width: 900px) {
[o7] > div:nth-of-type(1), [o7] > div:nth-of-type(2), [o7] > div:nth-of-type(3) {
	flex:0 0 100%;	
}

[o7] > div {
	position:relative;	
	padding:10px 0px 0px 0px;
}

[o7] > div > h2 {
        height:auto;
}

[o7] > div:nth-of-type(4) > h2, [o7] > div:nth-of-type(5) > h2 {
	padding:20px 8px 20px 8px;
	text-align:center;
}

[o7] > div:nth-of-type(4) {
	margin:0px 0px 0px 0px;
	padding:0px 0px 20px 0px;
}

[o7] > div:nth-of-type(5) {
	
	margin:0px 0px 0px 0px;
        padding:0px 0px 20px 0px;
}


[o7] > div:nth-of-type(4) > span[data-exists]:nth-of-type(1), [o7] > div:nth-of-type(5) > span[data-exists]:nth-of-type(1) {
	padding:20px 8px 20px 8px;
	justify-content:center;
}

[tk-info] {
	justify-content:center;	
	text-align:center;
}

[o7] > div:nth-of-type(4) > div:nth-of-type(2) {
    padding: 0px 8px 0px 20px !important;
}

[o7] > div:nth-of-type(5) > span[data-exists]:nth-of-type(1) > span {
	text-align:center;
}

[o7] > div:nth-of-type(5) > span:nth-of-type(2) {
    padding: 0px 8px 0px 8px !important;
    text-align:center;
}

[o7] > div:nth-of-type(5) > span:nth-of-type(2) > span > a {
    display: inline-block;
    margin: 0px 0px 0px 0px !important;
}


[o7] > a, [o7] > a[regzak-grey] {
	margin: 60px auto 50px auto;
}

[o7] > div:nth-of-type(1) > span:nth-of-type(1), [o7] > div:nth-of-type(3) > span:nth-of-type(1) {
	    margin: 10px auto 20px auto !important;
}

[o7] > div:nth-of-type(4) > div:nth-of-type(1) {
    width: 100%;
    padding: 0px 8px 0px 8px !important;
    text-align: center !important;
    font-size: 24px;
    margin:20px 0px 40px 0px;
}


[err67] {
	text-align:center;
}

}

@media screen and (max-width: 600px) {

[o7] > div:nth-of-type(5) > span:nth-of-type(2) > span > a {
    margin: 10px 20px 10px 20px !important;
}


[o7] > div:nth-of-type(5) {
	//display:none;
}





}


[ciw3-green-icon2] {
	position:absolute;
	width:20px;
	height:20px;
	right:5px;
	top:-5px;
	background-image:url(../images/ciw3_green_icon.png);
	z-index:1;

}

.suggestions-suggestions {
        font-weight:700 !important;
	text-align:left;
}


[butt-plat] {
	margin:0px auto 0px auto;
}

[o7] > div:nth-of-type(2) > span:nth-of-type(1) [butt-plat] {
	margin:30px 0px 0px 0px;
}

[o7] > div:nth-of-type(2) > span:nth-of-type(2) {
}

[tk-big] {
	text-transform:uppercase;	
	font-weight:700;
}


[o7] > div:nth-of-type(4) > div:nth-of-type(1) {
	width:100%;
	padding:0px 0px 20px 60px;
	font-weight:500;
	text-align:left;
	font-size:24px;
}

[o7] > div:nth-of-type(4) > div:nth-of-type(2) {
	width:100%;
	padding:0px 0px 0px 60px;
	font-weight:500;
	font-size:14px;
}

[tk2] {
	text-transform:none;	
}


[o7] > div:nth-of-type(5) > span:nth-of-type(2) {
        display:block;
        padding:0px 0px 0px 60px;
	width:100%;
	
}

[o7] > div:nth-of-type(5) > span:nth-of-type(2) > span {
	display:block;
}

[o7] > div:nth-of-type(5) > span:nth-of-type(2) > span > a {
	display:inline-block;
	margin:0px 20px 0px 0px;
}

[sb-yes], [sb-no] {
        display:inline-block;
	width:240px;
	flex:0 0 240px;
	margin:0px 20px 0px 20px;
}


[recip-type] {
	display:flex;
	justify-content:center;
	width:100%;

}


[recip-type] > span {
position:relative;
	flex:0 0 100px;
	height:100px;

	display:flex;
	justify-content:center;
	align-items:flex-end;
	user-select:none;
	font-size:12px;
	font-weight:700;
	text-align:center;
	margin:0px 5px 20px 5px;
}

[recip-type] > span:after {
content:"";
	position:absolute;
	width:75px;
	height:75px;
	left:calc((100% - 75px)/2);
	top:0px;
	border:1px solid black;
	border-radius:10px;
	cursor:pointer;
}

[recip-type] > span:active {
	transform:translate3d(1px,1px,0px);
}

[recip-type] > span:nth-of-type(1):after {
	background-image:url(../images/o7-fiz.jpg);
}

[recip-type] > span:nth-of-type(2):after {
	background-image:url(../images/o7-ip.jpg);
}

[recip-type] > span:nth-of-type(3):after {
	background-image:url(../images/o7-ooo.jpg);
}

[pol-small] {
	font-size:14px;
	font-weight:500;
}

[tk-info] {
	flex:0 0 100%;
	display:flex;
	flex-wrap:wrap;
	

}

[tk-info] > * {
	flex:0 0 100%;
        font-weight:700;
}

[err-no-wrap] {
	white-space:nowrap;
	font-weight:700;
}

[regok] {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	padding:0px 8px 0px 8px;
}

[regok] > * {
	flex:0 0 100%;
}


[regok] > div:nth-of-type(1) {
	font-weight:500;
	font-size:24px;
	margin:0px 0px 20px 0px;

}

[regok] > div:nth-of-type(1) > span{
	font-size: 40px;
	font-weight: 400;	
}

[regok] > span:nth-of-type(1) {
	font-weight:700;
	font-size:24px;
	margin:0px 0px 20px 0px;

}

[regok] > span:nth-of-type(2) {
	font-weight:700;
	font-size:16px;
        margin:0px 0px 20px 0px;
}

[regok] > span:nth-of-type(3) {
	font-weight:500;
	font-size:16px;
}


[regok2] > div:nth-of-type(1) {
	flex:0 0 100%;
        margin:0px 0px 0px 0px;
}
[regok2] > div:nth-of-type(2) {
	font-weight:500;
	font-size:24px;
	margin:0px 0px 20px 0px;

}

[regok2] > span:nth-of-type(1), [regok2] > span:nth-of-type(2) {
	font-weight:500;
	font-size:16px;
	margin:20px 0px 20px 0px;

}






/* оформление заказа конец */

[basket-ves] {
	margin:20px 0px 0px 0px;
}


[el] {
	display:flex;
	flex-wrap:wrap;

}

[el] > span {
        display:block;
	flex:0 0 100%;
	margin:0px 0px 20px 0px;
	font-weight:500;
	height:40px;
}

/* страница заказа начало */

[za] {
	display:flex;
	flex-wrap:wrap;
	margin:0px 8px 0px 8px;


}

[za] > div {
	flex:0 0 100%;
	position:relative;
}

@media screen and (max-width: 900px) {
[za] > div {
	margin:0px 0px 40px 0px;
}

}



[za] > div:before {
        content:"";
	position:absolute;
	left:50%;
	bottom:0px;
	width:0%;
	height:0px;
	border-bottom:2px solid black;
	transition:width 0.5s ease-in-out;
	
}

[za] > div:after {
        content:"";
	position:absolute;
	right:50%;
	bottom:0px;
	width:0%;
	height:0px;
	border-bottom:2px solid black;
        transition:width 0.5s ease-in-out;
}


[za] > div[move]:before, [za] > div[move]:after {
	width:calc(50% - 20px);
} 


[za] > div:not(:nth-of-type(4)) {
	flex:0 0 calc(100%/3);
}

@media screen and (max-width: 900px) {
[za] > div:not(:nth-of-type(4)) {
	flex:0 0 100%;
}

[za] > div:nth-of-type(2) {
	order:-1;
}

}



[za] > div:nth-of-type(1) {
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;

}

[za] > div:nth-of-type(1) [za-span2] {
	text-decoration:none;
	color:black;
}


[za] > div:nth-of-type(2) > div:nth-of-type(1) {
	margin:0px 0px 20px 0px;
}


[za] > div:nth-of-type(1) > div:nth-of-type(2), [za] > div:nth-of-type(2) > div:nth-of-type(2), [za] > div:nth-of-type(3) > div:nth-of-type(2) {
	padding:0px 0px 40px 0px;
}

[za] > div:nth-of-type(1) > div:nth-of-type(1), [za] > div:nth-of-type(2) > div:nth-of-type(1), [za] > div:nth-of-type(3) > div:nth-of-type(1) {
	flex:1;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;

}

[za] > div:nth-of-type(1) > div:nth-of-type(2), [za] > div:nth-of-type(2) > div:nth-of-type(2), [za] > div:nth-of-type(3) > div:nth-of-type(2) {
	flex:0 0 100px;
	display:flex;
	justify-content:center;
	align-items:center;
}




[za] > div:nth-of-type(1) > span:nth-of-type(1), [za] > div:nth-of-type(1) > span:nth-of-type(2) {
	//transform:translate3d(0px,20px,0px);
}

[za-span1] {
	flex:0 0 70px;
	height:70px;
	border:1px solid black;
	border-radius:5px;
	background-image:url(../images/shet.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
}

[za-span2] {
	font-size:24px;
	font-weight:700;
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0px 0px 0px 20px;
        height:70px;

}

[za-span3] {
	order:-1;
	flex:0 0 100%;
	text-align:center;
}

[site-butt3] {
	margin:0px auto 40px auto !important;
        border:2px solid #038ac6;
        font-size:18px;
        font-weight:700;
        text-transform:uppercase;
}


[za] > div:nth-of-type(1) > div:nth-of-type(1) {
}


[za-butt1] {
	margin:0px 0px 0px 0px !important;
}




[za] > div:nth-of-type(2) {
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
}


[za] > div > div:nth-of-type(1) {
	align-items:center;
	align-content:center;
	padding:0px 0px 20px 0px;
}



[za] > div:nth-of-type(2) > div:nth-of-type(1) > span {
	flex:0 0 50%;
	
}


[za] > div:nth-of-type(2) > div:nth-of-type(1) {
	background-color:#f2f5fe;
	padding:0px 0px 0px 0px;
}



[za] > div:nth-of-type(2) > div:nth-of-type(1) > span:nth-child(odd):not(:last-of-type) {
	text-align:left;
	font-weight:500;
	padding:10px 0px 10px 20px;
}

[za] > div:nth-of-type(2) > div:nth-of-type(1) > span:nth-child(even) {
	text-align:right;
	font-size:20px;
	font-weight:700;
        padding:10px 20px 10px 0px;
}

[opldo] {
	flex:0 0 40%;
}

[opldo] {
	flex:0 0 60%;
}

[za] [site-butt] {
	align-self:flex-end;
	margin:40px 0px 40px 0px;
}


[za-bron-error] {
	color:#038ac6;
	font-weight:700;
	margin:40px 0px 0px 0px;
}

[za] > div:nth-of-type(3) {
        position:relative;
        display:flex;
	flex-wrap:wrap;
	flex-direction:column;
}


[za] > div:nth-of-type(3) > div {
}


[za] > div:nth-of-type(3) > div > div {
        position:relative;
	width:100px;
	height:120px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-content:flex-start;
	transform:translate3d(0px,20px,0px);
}

[za] > div:nth-of-type(3) > div > div > span:nth-of-type(1) {
        position:relative;
	display:block;
	flex:0 0 70px;
	height:70px;
	border:1px solid black;
	border-radius:10px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:70px 70px;
}

[za] > div:nth-of-type(3) > div > div > span:nth-of-type(2) {
	flex:0 0 100px;
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
	text-align:center;
	margin:10px 0px 0px 0px;
        word-break: break-word;

}


[za] > div:nth-of-type(4) {
	padding:20px 0px 40px 20px;
}



[za] > div:nth-of-type(4) > span:not([site-butt]) {
	display:block;
	font-size:18px;
	font-weight:500;
	margin:20px 0px 0px 0px;
}

[za] > div:nth-of-type(4) > span > span:nth-of-type(1) {
	font-size:14px;
	font-weight:500;
}

[za] > div:nth-of-type(4) [site-butt] {
	margin:40px 0px 0px 45px;	
	
}


@media screen and (max-width: 900px) {
[za] > div {
	margin:0px 0px 40px 0px;
}


[za] > div:nth-of-type(4) {
    padding: 0px 0px 40px 0px;
    text-align:center;
}

[za] > div:nth-of-type(4) [site-butt] {
	margin:40px auto 0px auto;	

	
}

}


/* страница заказа конец */

[abu] {

position:fixed;
width:100%;
height:50px;
background-image:url(../images/abu.jpg);
z-index:9;
display:flex;
justify-content:center;
align-items:center;

top:130px;

width:1170px;


}

@media screen and (max-width: 1170px) {
[abu] {
	top:150px;	
	width:100%;
}
}

@media screen and (max-width: 900px) {
[abu] {
	height:30px;
}

[abu] > span {
	height:25px !important;
	line-height:25px;
}

}

@media screen and (max-width: 720px) {
[abu] {
	top:40px;	
}
}

[abu] > span {
	display:block;
	height:40px;
	background-color:#038ac6;
	color:white;
	font-weight:700;
	font-size:14px;

}

[span-hidden] {
	display:none;
}

[ztb-main] {
	font-size:16px;
	font-weight:400;
	max-width:720px;
	line-height:32px;
}

[ztb-main] > div {
	font-weight:500;
	font-size:16px;
	text-align:center;
}

[ztb-main] > div > span:nth-of-type(1) {
	font-weight:700;
	font-size:16px;
}

[ztb-main] > div {
	margin:0px 0px 20px 0px;
}

[ztb-nowrap] {
	white-space:nowrap;
	font-weight:700;
}

[ztb-main] > div:nth-of-type(1) {
	font-weight:700;
	font-size:20px;
}

@media screen and (max-width: 720px) {
[ztb-main] {
	padding:0px 15px 0px 15px;
}

[ztb-main] > div {
	font-size:16px;
}

[ztb-main] > div:nth-of-type(1) {
	font-size:18px;
}

[lrr-content][lrr-ztb] {
	height:600px !important;
	align-content:flex-start;
}

}

@media screen and (max-width: 450px) {

[lrr-content][lrr-ztb] {
	height:650px !important;
}

}


[ztb-go] {
        position:relative;
	margin:0px 0px 0px 0px;
}

[lk-span1] {
	font-size:18px;
        text-transform:uppercase;
        font-weight:700;
        flex:0 0 100%;
        text-align:center;


}

[lk-c] {
	justify-content:center;
	align-content:center;
	height:300px;
}

[lk-span2], [lk-span3], [lk-span4], [lk-span5] {
        display:block;
	flex:0 0 140px !important;
	max-width:140px;
	height:150px;
        padding:0px 0px 0px 0px;
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        align-items:flex-start;
        align-content:flex-start;

}


[lk-span3] > a {
	text-decoration:none;
	color:black;
}


@media screen and (max-width: 720px) {


[lk-c] {
	height:auto;
}

[lk-span2], [lk-span3], [lk-span4], [lk-span5] {
	flex:0 0 calc(100%/2 - 20px) !important;
	max-width:500px !important;
}

}


[lk-span2]:active, [lk-span3]:active, [lk-span4]:active, [lk-span5]:active {
	transform:translate3d(1px,1px,0px);
}

[lk-span2] > a:nth-of-type(1) {
	background-image:url(../images/lk-zakaz.jpg);
}
[lk-span3] > a:nth-of-type(1) {
	background-image:url(../images/lk-mail.jpg);
}
[lk-span4] > a:nth-of-type(1) {
	background-image:url(../images/lk-pers.jpg);
}
[lk-span5] > a:nth-of-type(1) {
	background-image:url(../images/lk-exit.jpg);
}

[lk-span2] > a:nth-of-type(2) , [lk-span3] > a:nth-of-type(2) , [lk-span4] > a:nth-of-type(2) , [lk-span5] > a:nth-of-type(2)  {

	font-size:12px;
	text-transform:uppercase;
	font-weight:700;
	flex:0 0 100%;
	margin:10px 0px 0px 0px;

}

[lk-span6] {
        display:block;
	flex:0 0 100%;
	display:flex;
	text-align:center;
        justify-content:center;
}

[lk-c] > span:not(:last-of-type) > a {
	cursor:pointer;
}
[lk-c] > span:not(:last-of-type) > a:nth-of-type(1) {
        display:block;
	width:70px;
	height:70px;
	border-radius:10px;
	border:1px solid black;
}


[lrr-zlist] {
	justify-content:flex-start;
        align-items:flex-start;
        align-content:flex-start;
        height:calc(100% - 240px);
}

[zlist-wr] {
        display:block;
	width:720px;
	margin:0px auto 0px auto;
}

[zlist-list] {
	//border-bottom:2px solid black;
	position:relative;
	font-size:18px;
	font-weight:500;
	margin:20px 20px 20px 20px;
	padding:0px 0px 20px 0px;
	display:flex;
	justify-content:space-between;
	align-items:center;

}

[zlist-list]:after {
	content:"";
	position:absolute;
	bottom:0px;
	left:2.5%;
	width:95%;
	border-bottom:1px solid black;
}




[zlist-list] > span:nth-of-type(2) > span {
	font-size:14px;
        font-weight:bold;
}
[zlist-newtitle] {
	padding:20px 0px 20px 0px;
	font-size:18px;
	font-weight:700;
	flex:0 0 100%;
        display:flex;
	justify-content:center;
}

[zlist67] {
	flex:0 0 100%;
	text-align:center;
	display:flex;
	justify-content:center;
	margin:40px 0px 0px 0px;
}

[zlist-empty] {
        flex:0 0 100%;
        display:flex;
	justify-content:center;
	margin:40px 0px 40px 0px;
}

@media screen and (max-width: 720px) {

[zlist-wr] {
	width:calc(100% - 16px);
        margin:0px auto 0px auto;
}

[zlist-list] {
	flex-wrap:wrap;
	
	
	
}

[zlist-list] > span {
	flex:0 0 100%;
	text-align:center;
}

[zlist-list] > span:nth-of-type(1) {
	display:flex;
	justify-content:center;

}

[zlist-list] > span:nth-of-type(2) {
	margin:20px 0px 0px 0px;
}


}


[opgo-div] {
	font-size:20px;
	font-weight:500;
	text-align:center;
	line-height:100px;
}

[opgo-err] {
	font-size:20px;
	font-weight:500;
}

[opl-info] {
	font-size:20px;
	font-weight:500;
	text-align:center;
}


/* блок УТП */
[i7] {
        position:relative;
	width:1170px;
	margin:20px auto 0px auto;
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	height:690px;
	justify-content:flex-start;
	align-items:flex-end;
	padding:40px 0px 0px 0px;
}

[i7] b {
	font-weight:700;
	font-size:20px;
}


[i7] > div {
	width:calc(100%/2 - 10px);
	display:flex;
	margin:0px 0px 50px 0px;
	/*transform:scale(0,0);
	transition:transform 0s ease-in-out;*/
}

[i7] > div[move] {
        /*transform:scale(1,1);*/
}





[i7] > div > img {
	flex:0 0 60px;
	height:60px;
	margin:0px 20px 0px 0px;
	font-size:10px;
	overflow:hidden;
}

[i7] > div > article {
	font-size:14px;
	font-weight:500;
	line-height:24px;
}

[i7] > div > article > h2 {
	font-size:20px;
	font-weight:500;
	margin:0px 0px 10px 0px;
	color:#038ac6;
}

[i7] > div > article[at2] {
	display:flex;
	flex-wrap:wrap;
}

[i7] > div > article[at2] > h2 {
	flex:0 0 100%;

}

[i7] > div > article[at2] > span {
	flex:0 0 50%;
        font-size:14px;
	font-weight:500;
}


[i7] > div:nth-of-type(1) {
	transition-delay:0s;
}

[i7] > div:nth-of-type(2) {
	transition-delay:0.1s;
}

[i7] > div:nth-of-type(3) {
	transition-delay:0.2s;
}

[i7] > div:nth-of-type(4) {
	transition-delay:0.3s;
}

[i7] > div:nth-of-type(5) {
	transition-delay:0.4s;
}

[i7] > div:nth-of-type(6) {
	transition-delay:0.5s;
}

[i7] > div:nth-of-type(7) {
	transition-delay:0.6s;
}


@media screen and (max-width: 1170px) {
[i7] {
	width:100%;
	height:auto;
        flex-direction:row;
        justify-content:space-between;
        align-items:flex-start;
}

[i7] > div {
	flex:0 0 calc(100%/2 - 50px);
}


[i7] > div > img {
	flex:0 0 60px;
	height:60px;
	width:60px;
	margin:0px 20px 0px 0px;
}

[i7] > div:nth-of-type(1) {
	order:1;
}
[i7] > div:nth-of-type(2) {
	order:2;
}
[i7] > div:nth-of-type(3) {
	order:4;
}
[i7] > div:nth-of-type(4) {
	order:3;
}
[i7] > div:nth-of-type(5) {
	order:1;
}
[i7] > div:nth-of-type(6) {
	order:6;
}
[i7] > div:nth-of-type(7) {
	order:7;
	flex:0 0 100%;
}


[i7] > div > article[at2] > span {
	flex:0 0 100%;
}

}

@media screen and (max-width: 900px) {

[i7] {
	padding:40px 0px 20px 0px;
        margin:0px 0px 0px 0px;

}

[i7] > div {
	flex:0 0 600px !important;
	margin:0px auto 20px auto;
        transition-delay:0s !important;
}


[i7] > div:nth-of-type(2) {
	order:1;
}

}

@media screen and (max-width: 620px) {

[i7] {
	padding:20px 8px 20px 8px;

}

[i7] > div {
	flex:0 0 100% !important;
}
}

/* блок УТП */




/* переписка */

[mail-wrapper] {
	flex:0 0 100%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;

}

[mail-wrapper] > span {
	display:block;
	flex:0 0 calc(100%/3 - 20px);
	height:250px;
	position:relative;
	opacity:1 !important;
	
}




[mail-wrapper] > span:after, [mail-wrapper] > span:before{
        content:"";
	position:absolute;
	width:0%;
	bottom:-40px;
	height:2px;
        transition:width 0.5s ease-in-out;
        background-color:black;
}

[mail-wrapper] > span[move]:after, [mail-wrapper] > span[move]:before{
	width:50%;
}

[mail-wrapper] > span:after {
	left:50%;
}

[mail-wrapper] > span:before{
	right:50%;
}


@media screen and (max-width: 1170px) {
[mail-wrapper] {
	padding:0px 8px 0px 8px;
}	
}

@media screen and (max-width: 900px) {
[mail-wrapper] > span {
	flex:0 0 100%;
	height:150px;
	margin:0px 0px 40px 0px;
}

[mail-wrapper] > span:nth-of-type(3) {
	height:250px;
}

[mail-wrapper] > span:after, [mail-wrapper] > span:before{
	bottom:-20px;
}


}



[mail-wrapper] > span:nth-of-type(2) {
	background-color:#f2f5fe;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
}

[mail-wrapper] > span:nth-of-type(2) > span {
	flex:0 0 100%;
}

[mail-wrapper] > span:nth-of-type(3) {
	display:flex;
	justify-content:center;
	align-items:center;
}

[mail-wrapper] > span:nth-of-type(3) > a {
	
    margin: 0px auto 0px auto !important;
    border: 1px solid #038ac6;
    font-size: 16px;
    font-weight: 500;
    /*text-transform: uppercase;*/
    width:280px !important;
    max-width:280px !important;
    background-color:white;

}

[mail-wrapper] > span:nth-of-type(1) > textarea {
	width:100%;
	height:100%;
	padding:10px 10px 10px 10px;
	font-weight:700;
        resize: none;
        outline: none;

}

[mail-wrapper] > span:nth-of-type(2) > input[type="file"] {
	display:none;
}

[mail-wrapper] > span:nth-of-type(2) label {
	flex:0 0 100%;
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
        justify-content:space-evenly;
	
	
}

[mail-wrapper] > span:nth-of-type(2) label > * {
}

[mail-wrapper] > span:nth-of-type(2) label > span:nth-of-type(1) {
	display:block;
	text-align:center;
	text-transform:uppercase;
	font-size:14px;
	font-weight:700;
	margin:0px 0px 0px 0px;
	line-height:26px;
	height:52px;
}

[mail-wrapper] > span:nth-of-type(2) label > span:nth-of-type(2) {
	display:block;
	width:70px;
	height:70px;
	border:1px solid black;
	margin:0px auto 0px auto;
	border-radius:10px;
	background-image:url(../images/load.jpg);
	background-position:50% 50%;
	background-repeat:no-repeat;
}

[mail-wrapper] > span:nth-of-type(2) label > span:nth-of-type(2):active {
	transform:translate3d(1px,1px,0px);
}

[mail-wrapper] > span:nth-of-type(2) label > span:nth-of-type(3) {
	display:block;
	text-align:center;
	text-transform:uppercase;
	font-size:14px;
	font-weight:700;
        margin:0px 0px 0px 0px;
        overflow:hidden;
        height:52px;
        display:flex;
        justify-content:center;
        align-items:center;
}

[mail-form] {
	flex:0 0 100%;
}


[mail-wrapper] > span:nth-of-type(3) {
	display:flex;
	flex-wrap:wrap;
}

[mail-wrapper] > span:nth-of-type(3) > span {
	flex:0 0 100%;
	text-align:center;
}

[mail-wrapper] > span:nth-of-type(3) > span:nth-of-type(1) {
	font-weight:500;
}


[mail-wrapper] > span:nth-of-type(3) > span:nth-of-type(2) {
	font-size:12px;
}

[mail-wrapper] > span:nth-of-type(3) > a {
	opacity:1;
        transition:opacity 2s ease-in-out;
	
}

[mail-wrapper] > span:nth-of-type(3) > a[no-active] {
	opacity:0;
        transition:opacity 0s ease-in-out;
}

[mail-wrapper] > span:nth-of-type(3) > span {
	opacity:1;
        transition:opacity 2s ease-in-out;
	
}


[mail-wrapper] > span:nth-of-type(3) > span[no-active] {
	opacity:0;
        transition:opacity 0s ease-in-out;
}

[mail-wrapper] > span[mail-loader]:nth-of-type(3) {
	background-image:url(../images/786.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
}


[korr-content] {
	width:1170px;
	margin:80px auto 0px auto;
}

@media screen and (max-width: 1170px) {
[korr-content] {
	width:100%;
}
}

[new-message] {
	width:52px;
	height:39px;
        animation: newm 1s infinite ease-in-out;
        animation-play-state:  running, running;
        opacity:1;
        background-image:url(../images/new_mess.png);
        background-repeat:no-repeat;
        margin:10px 0px 0px 0px;
}

@keyframes newm {
0% {opacity:1;}
50% {opacity:0;}
100% {opacity:1;}

}

[mwr] {
        position:relative;
	display:flex;
	margin:0px 0px 70px 0px;

	

}

[mwr2] {
        position:relative;
	margin:0px 0px 40px 0px;
	display:flex;
	justify-content:center;
}

[add-korr]:active {
	transform:translate3d(1px,1px,0px);
}

[mwr]:after {
        content:"";
	position:absolute;
	left:0px;
	bottom:-40px;
	right:0px;
	border-bottom:1px solid black;
}

[mwr] > div {
	line-height:26px;

}

[mwr] > div:nth-of-type(1) {
	display:flex;
	flex-wrap:wrap;
	flex:0 0 300px;
        background-color: #f2f5fe;
        align-content:flex-start;
        padding:10px 10px 10px 10px;
        

}




[mwr] > div:nth-of-type(1) > span {
	flex:0 0 100%;
}


[mwr] > div:nth-of-type(2) {
	flex:1;
	padding:10px 10px 10px 10px;
	font-weight:500;
        

}







[mwr-cl], [mwr-adm] {
	font-weight:500;

}

[mwr-adm] {
	color:#038ac6;	
}


[korrz] [dzwc-title] {
	height:40px;
	line-height:40px;
}

[korrz] [korrz1] {
	height:calc(100% - 40px);
	width:100%;
	overflow:auto;
}

[mail-wrapper] > span:nth-of-type(3) > span:nth-of-type(2) {
	max-width:700px;
}


@media screen and (max-width: 900px) {

[mwr] > div:nth-of-type(1) {
	flex:0 0 200px;

}

[mwr] > div:nth-of-type(1) > span {
	font-size:14px;

}
}


@media screen and (max-width: 720px) {

[mwr] {
	flex-wrap:wrap;
}

[mwr] > div {
	flex:0 0 100% !important;
}
	
}


/* переписка */


[gri21-1], [gri21-1] b, [gri210-1], [gri210-1] b, [gri21-2], [gri21-2] b, [gri210-2] {
	font-size:16px;
	font-weight:700;
        color:#038ac6;	
        margin:10px 0px 5px 0px;

}

[gri21-1] {
        display:block;
	flex:0 0 50%;
	text-align:left;
}
[gri210-1] {
        display:block;
        flex:0 0 50%;
        text-align:right;
        transform:translate3d(-25px,0px,0px);
}

[gri21-2] {
        display:block;
	flex:0 0 100%;
	text-align:left;
}
[gri210-2] {
        display:block;
        flex:0 0 100%;
        text-align:right;
        transform:translate3d(-20px,0px,0px);
}

[gri3] {
	display:flex;
}


/* документы и сертификаты */

[docs] {
	width:1170px;
	margin:0px auto 0px auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:stretch;

}

[docs] > div {
	flex:0 0 300px;
	position:relative;
	margin:0px 8px 80px 8px;
        display:flex;
        flex-direction:column;
}


[docs-empty] {
        flex:0 0 300px;
	height:0px;
	margin:0px 0px 0px 0px;
}

[docs] > div:not([docs-empty]):after, [docs] > div:not([docs-empty]):before {
        content:"";
	position:absolute;
	width:20%;
	bottom:-40px;
	border-bottom:2px solid black;

}

[docs] > div:not([docs-empty]):after{

	left:50%;
	width:0%;

}

[docs] > div:not([docs-empty]):before {

	right:50%;
	width:0%;

}

[docs] > div[move]:not([docs-empty]):after, [docs] > div[move]:not([docs-empty]):before {
	width:calc(50% - 20px);
	transition:width 0.5s ease-in-out;
	
}

[docs] > div > span:nth-of-type(1) {
	display:block;
	width:100%;
        display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	line-height:32px;
	font-weight:500;
	flex:1;
        background-color: #f2f5fe;
        padding:10px 10px 10px 10px;
}


[docs] > div > div {
	height:80px;
	display:flex;
	justify-content:center;
	align-items:flex-start;
	
}

[docs] > div > div > a {
        position:relative;
	display:block;
	width:70px;
	height:70px;
	border:1px solid black;
	border-radius:10px;
        margin:10px 20px 10px 20px;
        cursor:pointer;
        background-position:50% 50%;
        background-repeat:no-repeat;
        color:black;
        text-decoration:none;
}

[docs] > div > div > a:active {
	transform:translate3d(1px,1px,0px);
}

[docs] > div > div > a:nth-of-type(1) {
	background-image:url("../images/icon_load.jpg");
}

[docs] > div > div > a:nth-of-type(2) {
	background-image:url("../images/icon_view.jpg");
}

[docs] > div > div > a > div {
	position:absolute;
	width:100px;
	left:-15px;
	bottom:-25px;
	height:20px;
	line-height:20px;
	font-size:12px;
	text-transform:uppercase;
	font-weight:700;
	text-align:center;
}

/* документы и сертификаты */


/* условия работы */

[usl] {
	width:1000px;
	margin:0px auto 0px auto;
}

[usl] > article {
        position:relative;
	display:block;
	margin:0px 0px 40px 0px;
	padding:0px 0px 0px 20px;
	font-weight:500;
	line-height:32px;
}

[usl] > article:after {
        content:"";
	position:absolute;
	left:5px;
	top:12px;
	width:5px;
	height:5px;
	background-color:black;
	border-radius:100px;
}

[usl] > article a {
	color:black;
}

[usl] > article table {
	margin:20px 0px 0px 0px;
}

[usl] > article table tr:nth-of-type(1) {
	background-color:#e8e8e8;
}

[usl] > article table tr:nth-of-type(1) td {
	font-size:16px;
	text-transform:uppercase;
	font-weight:700;
	text-align:center;
}

[usl] > article table tr td {
	font-size:16px;
	font-weight:700;
	text-align:center;
	padding:5px 20px 5px 20px;
	border:1px solid rgba(0,0,0,0.3);
}

[usl] > article table tr:not(:nth-of-type(1)) td:nth-of-type(2) {
	font-size:20px;
}


[usl] > article table[tab2] tr:not(:nth-of-type(1)) td:nth-of-type(2) {
	font-size:16px;
}



@media screen and (max-width: 600px) {

[usl] > article table[tab2] tr:not(:nth-of-type(1)) td:nth-of-type(2) {
	font-size:12px;
}

[usl] > article table[tab2] tr td {
	font-size:14px;

	padding:5px 3px 5px 3px !important;
	line-height:22px;
	vertical-align:middle;
}
}



@media screen and (max-width: 400px) {

[usl] > article table tr td {
	padding:5px 5px 5px 5px;
	font-size:14px;
}
	
}


@media screen and (max-width: 860px) {

[usl] {
	width:100%;
}

[usl] > article {
	padding:0px 0px 0px 0px;
}

[usl] > article:after {
	display:none;
}



}


[usl] > article > h2 {
	font-size:16px;
	text-transform:uppercase;
	font-weight:700;
}



[vot] {
	display:flex;
        box-sizing:border-box;
        margin:0px;
        padding:0px;
        justify-content:space-evenly;
        margin-top:15px;

}

[vot] * {
        box-sizing:border-box;

}

[vot] li {
	display:inline;	
	flex:0 0 25%;
	max-width:150px;
	display:flex;
	flex-direction:column;
	padding-top:80px;
	background-size:calc(100% - 30px);
	background-position:50% 0%;
	background-repeat:no-repeat;

	justify-content:center;
	align-items:center;
	line-height:20px;
	text-align:center;
	font-weight:700;
}

[vot] [li1] {
	background-image:url(../images/logo_mir.png);
        background-position:50% 20px;
}

[vot] [li2] {
	background-image:url(../images/logo_visa.png);
}

[vot] [li3] {
	background-image:url(../images/logo_mastercard.png);
}

[vot] [li4] {
	background-image:url(../images/logo_jcb.png);
}


@media screen and (max-width: 860px) {
[vot] li {
	padding-top:60px;
}
}

@media screen and (max-width: 730px) {
[vot] li {
	padding-top:80px;
}
}


@media screen and (max-width: 550px) {
[vot] li {
	font-size: calc(14px + (16 - 8) * ( (100vw - 480px) / ( 1024 - 480) ));
        padding-top:60px;
        margin:20px 0px 20px 0px;
        padding:80px 0px 0px 0px;

}
}

@media screen and (max-width: 450px) {
[vot] li {
        padding-top:40px;
}
}



[opq2] {
        display:block;
	font-size:18px;
	line-height:32px;
	font-weight:500;
	max-width:720px;
	text-align:justify !important;
	padding:0px 8px 0px 8px;

}

@media screen and (max-width: 720px) {
[opq2] {
	text-align:left !important;
}
}



/* условия работы */



@media screen and (max-width: 900px) {

[do-zakaz-window-content][dzwc-step2], [do-zakaz-window-content][dzwc-step5] {
    width: 300px;
}

[do-zakaz-window-content][dzwc-step2] [ig-input], [do-zakaz-window-content][dzwc-step5] [ig-input] {
	min-width:280px !important;
}

[do-zakaz-window-content][dzwc-step2] [igroup], [do-zakaz-window-content][dzwc-step5] [igroup] {
	min-width:280px  !important;
        width:280px  !important;
}

[do-zakaz-window-content][dzwc-step2] [ig-bar], [do-zakaz-window-content][dzwc-step5] [ig-bar] {
  position: relative !important;
  display: block !important;
  width: 280px !important;
  min-width:280px !important;
}

[do-zakaz-window-content][dzwc-step2] [podsk], [do-zakaz-window-content][dzwc-step5] [podsk] {
	width:280px;
}

[do-zakaz-window-content][dzwc-step2] [igroup], [do-zakaz-window-content][dzwc-step5] [igroup] {
	max-width:280px;
	text-align:right;
}

[do-zakaz-window-content][dzwc-step2] [site-butt], [do-zakaz-window-content][dzwc-step5] [site-butt] {
	transform:translate3d(20px,0px,0px) !important;
}

}

[err167] {
	font-weight:500;
	font-size:18px;

}

[debug] {
	position:fixed;
	z-index:9999999;
	left:0px;
	top:200px;
	width:200px;
	height:50px;
	border:5px solid black;
	background-color:white;
}








/* страница контакты */

[co1] {
	flex:0 0 100%;
	display:flex;
	flex-wrap:wrap;

}

[co1] > div {
        position:relative;
	flex:0 0 calc(100%/3);
	display:flex;
	flex-direction:column;
}




[co1] > div:after,  [co1] > div:before {
        content:"";
	position:absolute;
	bottom:-40px;
	width:0%;
	border-bottom:2px solid black;
	transition:width 0.5s ease-in-out;
}

[co1] > div:after {
	left:50%;
}

[co1] > div:before {
	right:50%;	
}

[co1] > div[move]:after,  [co1] > div[move]:before {
	width:calc(50% - 20px);
}



[co1] > div > span:nth-of-type(1) {
        position:relative;
	display:block;
	width:70px;
	height:70px;
	border:1px solid black;
	margin:0px auto 60px auto;
	border-radius:10px;
}

[co1] > div:nth-of-type(1) > span:nth-of-type(1) {
	background-image:url(../images/icon_rek.jpg);
}
[co1] > div:nth-of-type(3) > span:nth-of-type(1) {
	background-image:url(../images/icon_phone.jpg);
}
[co1] > div:nth-of-type(2) > span:nth-of-type(1) {
	background-image:url(../images/icon_mail.jpg);
}

[co1] > div > span:nth-of-type(2)  {
	flex:1;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
	padding:0px 8px 0px 8px;
}


[co1] > div:nth-of-type(2) > span:nth-of-type(2)  {

	background-color: #f2f5fe;
}



@media screen and (max-width: 900px) {

[co1] > div {
	flex:0 0 100%;
	margin:0px 0px 70px 0px;
	
}

[co1] > div:nth-of-type(2) > span:nth-of-type(2)  {

	padding:20px 0px 0px 0px;
}


}


[co1] > div > span:nth-of-type(2) > span {
	display:block;
	margin:0px 0px 20px 0px;
	text-align:center;
	font-weight:500;
	line-height:24px;
	flex:0 0 100%;


}

[co1] > div > span:nth-of-type(2) > span a {
	color:black;
	font-weight:700;
}

[co1] > div > span:nth-of-type(1) > div {
	position:absolute;
	width:140px;
	height:20px;
	left:-35px;
	bottom:-25px;
	text-transform:uppercase;
	font-size:14px;
	font-weight:700;
	text-align:center;
}

[co1] > div:nth-of-type(1) > span:nth-of-type(2) > span:nth-of-type(1) {
	font-weight:700;
}

[co1] > div:nth-of-type(3) > span:nth-of-type(2) > span:nth-of-type(1) {
	font-weight:700;
	font-size:24px;
}


/* страница контакты */


/* персональные данные */

[pd1] > p {
	margin:0px 0px 40px 0px;
        font-weight:500;	
        line-height:28px;
	
}

[pd1] > p b {
	font-weight:700;
}

[pd1] > p a {
	font-weight:700;
	color:black;
}

[pd1]  div[t2] p {
	font-weight:500;
	margin:0px 0px 20px 0px !important;
}

[pd1]  p[t] {
	font-weight:700 !important;	
        margin:40px 0px 20px 0px;
}

[pd1]  div[t2] {
	background-color: #f2f5fe !important;
	padding:20px 20px 1px 20px;
        line-height:28px;
        margin:0px auto 40px auto;
        max-width:900px;
}

[pd1]  div[t2] p[t] {
	margin:0px 0px 20px 0px;
}








/* персональные данные */

[regpol] {
	display:block !important;
	max-width:720px;
	padding:0px 8px 0px 8px;
	font-size:12px;
	font-weight:500;
}

[regpol] a {
	color:black;
	font-weight:700;
}

[vss] {
        display:block !important;
	position:absolute !important;
	width:240px;
	height:40px;
	border:1px solid #038ac6 !important;
	left:calc(50% - 120px);
	top:110px;
	color:#038ac6 !important;
	cursor:pointer;
	
}

[vss]:after {
	content:"Выгрузка в соцсети";
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	text-align:center;
	line-height:40px;
	font-weight:500;
}

[vss]:active {
	transform:translate3d(1px,1px,0px);
}

[cat2] h1 {
	
}

#sliza-wgt-button {
	//transform:translate3d(-5000px,0px,0px);
}

#sliza-wgt-button.opened {
        //transform:translate3d(0px,0px,0px) !important;
}

[err-text-span] {
	max-width:720px;
	line-height:28px;
}

[minzakaz-dzwc] {
	max-width:720px;
}

[add-basket-to-zakaz] {
	position:relative;	
}
[add-basket-to-zakaz][move]:after {
	content:"";
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:white;
        background-image:url(../images/786.png);
        background-position:50% 50%;
        background-repeat:no-repeat;
        background-size:contain;
}

[tbl-size-span] {
	width:100%;
	max-width:500px;
	display:flex;
	flex-wrap:wrap;
	margin:0px 8px 0px 8px;
        border:1px solid black;
        background-color: #f2f5fe;
}

[tbl-size-span] > span {
	flex:0 0 50%;
	border:1px solid black;
	line-height:20px;
	padding:20px 8px 20px 8px;
        display:flex;
        align-items:center;
        

}

[tbl-size-span] > span:nth-child(even) {
	font-size:24px;
	font-weight:700;
	justify-content:flex-end;
}

[tbl-size-span] > span:nth-child(odd) {
	font-weight:500;
	justify-content:flex-start;
	text-align:left;
}

/* pretty price */

[pp40m] {
	font-size:40px;
	font-weight:500;
}
[pp30m] {
	font-size:30px;
	font-weight:500;
}

[pp30b] {
	font-size:30px;
	font-weight:700;
}

[pp25b] {
	font-size:25px;
	font-weight:700;
}

[pp20b] {
	font-size:20px;
	font-weight:700;
}

[pp18b] {
	font-size:18px;
        font-weight:700;
}

[pp16b] {
	font-size:16px;
        font-weight:700;
}

[pp14b] {
	font-size:14px;
        font-weight:700;
}

[pp14] {
	font-size:14px;
        font-weight:400;
}

[pp12b] {
	font-size:12px;
        font-weight:700;
}

[pp12] {
	font-size:12px;
        font-weight:400;
}

[rubl] {
	margin:0px 0px 0px 3px;
}

@media screen and (max-width: 350px) {
[pp30b] {
	font-size:20px;
}

[pp18b] {
	font-size:15px;
}

[pp25b] {
	font-size:20px;
}

}

/* pretty price */

[vsnp-span1] {
	display:block !important;
	padding:8px 8px 8px 8px;
	background-color:#f2f5fe;
}

[vsnp-span2] {
	padding:0px 8px 0px 8px;
	display:flex;
	flex-wrap:wrap;
}

[vsnp-span2] > span {
	flex:0 0 140px;
	margin:0px 0px 20px 0px;
	user-select:none;
	cursor:pointer;

}

[vsnp-span2] > span:active {
	transform:translate3d(1px,1px,0px);
}

[vsnp-span2] > span > div {
	display:block;
	margin:0px auto 0px auto;

}

[vsnp-span2] > span > div:nth-of-type(1) {
	width:70px;
	height:70px;
	border:1px solid black;
	border-radius:10px;
	display:flex;
	justify-content:center;
	align-items:center;
	font-weight:700;
	font-size:36px;
}

[vsnp-span2] > span > div:nth-of-type(2) {
	font-size:12px;
	font-weight:700;
	padding:10px 0px 0px 0px;
}

[vsnp-proc] {
	font-size:14px;
	font-weight:700;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px !important;

}

[vsnp-curr] {
	color:#038ac6 !important;
}

/* 404 */

body > div[\p404]:nth-of-type(1) {
        position:fixed !important;
        left:calc(50% - 1170px/2) !important;
        height:100vh;
        top:0px !important;
	
	
	background-image:url(../images/milanko.jpg), url(../images/404.jpg);
	background-repeat:no-repeat, no-repeat;
	background-position:10px 10px, 100% 100%;
	background-size:180px 50px, contain;

	width:1170px !important;
	display:block !important;
	padding:0px 0px 0px 0px !important;
	
}


[p404-2] {
	margin:90px 0px 0px 0px;
	width:280px;
        height:calc(100vh - 100px) !important;
        overflow:auto !important;
}

[p404-2] > a {
        position:relative
	display:block;
	width:240px;
	height:40px;
	z-index:99999;
	display:flex;
	justify-content:center;
	align-items:center;
	border:2px solid #038ac6;
	color:#038ac6;
	text-decoration:none;
	user-select:none;
	font-weight:700;

	margin:0px 0px 20px 0px;
}

[empty404] {
	display:block;
	width:240px;
}


[p404-2] > a:active {
	transform:translate3d(1px,1px,0px);
}


@media screen and (max-width: 1170px) {
body > div[p404]:nth-of-type(1) {
	width:100% !important;
	left:0px !important;
}
}

@media screen and (max-width: 1020px) {

body > div[\p404]:nth-of-type(1) {
	background-position:10px 10px, 100% 100%;
	background-size:90px 25px, contain;
}


[p404-2] {
	width:auto;
	height:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
        justify-content:space-evenly;
        align-items:flex-start;
        align-content:flex-start;
        margin:55px 0px 0px 0px;

}

[p404-2] > a, [empty404] {
	margin:0px 10px 20px 10px;
	width:200px;
}

}


@media screen and (max-width: 920px) {

[p404-2] > a {
	margin:0px 10px 10px 10px;
	width:150px;
	height:30px;
	font-size:14px;
}

[empty404] {
	margin:0px 10px 10px 10px;
	width:150px;
}

}

@media screen and (max-width: 500px) {

[p404-2] > a {
	margin:0px 5px 10px 5px;
	width:140px;
	height:30px;
	font-size:13px;

}

[empty404] {
	margin:0px 5px 10px 5px;
	width:140px;
}

}

/* 404 */

[cl-p] {
	display:none;
}


/* breadcrumbs */

#breadcrumbs {
	width:1170px;
	margin:15px auto 10px auto;
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	padding:0px 8px 0px 8px;

}

#breadcrumbs a, #breadcrumbs span {
        position:relative;
	display:inline-block;
	line-height:26px;
	color:black;
	text-decoration:none;
	margin:0px 0px 0px 0px;
	font-size:14px;
}

#breadcrumbs a span, #breadcrumbs span span {
	font-weight:500;
}

#breadcrumbs > span:nth-of-type(1) a:after, #breadcrumbs > span:nth-of-type(1) span:after, #breadcrumbs > span:nth-of-type(2) a:after, #breadcrumbs > span[bread2]:nth-of-type(3) a:after {
        content:"";
	position:absolute;
	right:-30px;
	width:30px;
	height:100%;
	text-align:center;
	font-size:20px;
	background-image:url(../images/bread_arrow.png);
	background-repeat:no-repeat;
	background-position:50% calc(50% + 1px);
}

#breadcrumbs > span:nth-of-type(1) a, #breadcrumbs > span:nth-of-type(1) > span, #breadcrumbs > span:nth-of-type(2) a, #breadcrumbs > span[bread2]:nth-of-type(3) a {
	margin:0px 30px 0px 0px;
}

@media screen and (max-width: 1170px) {
#breadcrumbs {
	width:100%;

}	
}

@media screen and (max-width: 720px) {

#breadcrumbs {
	margin:0px auto 20px auto;
}


#breadcrumbs span {
	display:block;
	text-align:center;
	flex:0 0 100%;
	
}


#breadcrumbs > span:nth-of-type(1) a {
	display:none;
}


#breadcrumbs > span:nth-of-type(1) a, #breadcrumbs > span:nth-of-type(2) a, #breadcrumbs > span:nth-of-type(3) a {
	margin:0px 0px 0px 0px !important;
}

#breadcrumbs > span:nth-of-type(1) a:after, #breadcrumbs > span:nth-of-type(2) a:after, #breadcrumbs > span:nth-of-type(3) a:after {
	display:none;
}

}

[perel] {
	display:flex;
	justify-content:flex-start;
	width:1170px;
	margin:0px auto 0px auto;
        padding:0px 8px 0px 8px;
}

[perel] > a {
	display:flex;
	justify-content:center;
	align-items:center;
	width:50px;
	height:50px;
	border-radius:10px;
	background-color:#c4cce1;
	margin:0px 20px 0px 0px;
}




@media screen and (max-width: 1170px) {
[perel] {
	width:100%;
}
}

@media screen and (max-width: 720px) {
[perel] {
	justify-content:space-between;
        justify-content:space-evenly;
}

[perel] a {
	margin:0px 0px 0px 0px;
}

}


.mcs-button-arrow-prev {
	display:none !important;
}

/* breadcrumbs */


[gri-timer] {
	text-align:right;
	color:#038ac6;
	font-weight:700 !important;
}

@media screen and (max-width: 720px) {
[gri-timer] {
	text-align:center;
}
}


[tab-size-pic] {
	max-width:300px;
	display:flex;
	justify-content:center;
	align-items:center;
	margin:10px 0px 40px 0px;
}

[tab-size-pic] > img {
	max-width:300px;	
}

[skidki-menu] {
	font-weight:bold;
}

[sale] > span {
	font-size:16px;
}


[video-div] {
        position:absolute;
	background-color:white;
	width:100%;
	height:100%;
	z-index:999;
	left:0px;
	top:0px;
	opacity:1;
	transition:opacity 0.5s ease-in-out;


}

[video-div][rmv] {
	opacity:0;
}

[you-butt] {
        position:absolute;
        left:0px;
        top:0px;
        
}

[video-a][video-butt]:before {
        content:"";
        position:absolute;
        left:calc(50% - 25px);
        top:calc((100% - 25px)/2 - 25px);
        width:50px;
        height:50px;
	z-index:99;
	background-image:url(../images/video.png);

-webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.8);
-moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.8);
box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.8);
border-radius:25px;

}

[video-a][video-butt]:active:before {
	transform:translate3d(1px,1px,1px);

-webkit-box-shadow: 1px 1px 2px 0px rgba(34, 60, 80, 0.5);
-moz-box-shadow: 1px 1px 4px 0px rgba(34, 60, 80, 0.5);
box-shadow: 1px 1px 2px 0px rgba(34, 60, 80, 0.5);
border-radius:25px;

}

[video-a][video-butt][you-butt-down]:before {
	top:calc((100%)/2 - 25px);
}


[po-win] {
        position:absolute;
        left:0px;
        top:0px;
	width:100%;
	height:calc(100vh - 100px);
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
}



@media screen and (max-width: 720px) {
[po-win] {
	height:calc(100vh - 70px);
}

[po-win] [dzwc-title] {
	margin:0px 0px 0px 0px !important;
}

}


[vid-win] {
	width:100%;
	flex:1;
	display:flex;
	justify-content:center;
}

[vid-select-win] {
	flex:0 0 60px;
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
}

[vid-select-win] [site-butt] {
	margin:0px 10px 0px 10px;
	font-size:16px;
}

[vid-select-win] [site-butt][move] {
	color:white;
	background-color:#038ac6;
}

@media screen and (max-width: 720px) {
[vid-select-win] [site-butt] {
	max-width:calc( (100vw - 320px)/(720 - 320) * (240 - 130) + 130px);

}
}



[po-win] > [dzwc-title] {
	flex:0;
}

[igroup][hide-input] {
	position:relative;
}

[igroup][hide-input]:after {
        content:"";
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,0.8);
	left:0px;
	top:0px;

}

[podsk3] {
	display:none !important;
}


#ecom-widget-courier {
	max-width:720px;
}

[ak1] {
	font-size:16px;
}

[tk-comment] {
	text-transform:none;
	color:#038ac6;
	font-weight:500;
}

[not-tk] {
	line-height:32px;
	color:black;
	padding:20px 0px 0px 0px;
}

[not-tk] [massa], [not-tk] [tk-big] {
	font-style:normal;
	color:black;
}

[massa-small] {
	font-size:14px;
	font-weight:700;
}

[tk-text-delim] {
        position:relative;
        display:block;
	flex:0 0 100%;
	margin:20px 0px 20px 0px;
	padding:30px 50px 0px 50px !important;
	text-align:center;
	display:flex;
	justify-content:center;
	font-size:22px !important;
	font-weight:500;
}

[tk-text-delim][delim-ok]:before {
	content:"";
	position:absolute;
	left:50%;
	width:0px;
	height:1px;
	background-color:black;
	transition:width 0.5s 0.5s ease-in-out;
	top:0px;

}

[tk-text-delim][delim-ok]:after {
	content:"";
	position:absolute;
	right:50%;
	width:0px;
	height:1px;
	background-color:black;
        transition:width 0.5s 0.5s ease-in-out;
        top:0px;

}

[tk-text-delim][delim-ok][move]:before {
	width:calc(50% - 30%);
}
[tk-text-delim][delim-ok][move]:after {
	width:calc(50% - 30%);
}

@media screen and (max-width: 720px) {

[tk-text-delim] {
	margin:0px 0px 20px 0px;	
        padding:0px 8px 0px 8px !important;
        font-size:calc( (100vw - 320px)/(720 - 320) * (22 - 16) + 16px) !important;
        font-weight:500;
}

[tk-text-delim][delim-ok] {
	padding:20px 8px 0px 8px !important;
}

[tk-text-delim][delim-ok][move]:before {
	width:calc(50% - 15%);
}
[tk-text-delim][delim-ok][move]:after {
	width:calc(50% - 15%);
}

}

[vnimanie-oformlenie] {
	color:red;
	font-weight:700;
	font-size:16px;
	margin:10px 0px 0px 0px;
}

[docs-mp] {
	margin:-30px 0px 0px 0px;
}

[docs-mp-b] {
	font-weight:700;
}

[site-butt33] {
	margin:0px 0px 0px 0px !important;
}

[sale-date] {
	font-size:16px;
}

[black-friday] {
	color:yellow;
	text-transform:uppercase;
	font-weight:700;
	padding:5px 5px 5px 5px;
	background-color:black;
	text-shadow:2px 2px 2px red,2px 2px 2px red,2px 2px 2px red,2px 2px 2px red;
}

[menu-bold] {
	font-weight:700;
}