@charset "UTF-8";
@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&subset=cyrillic';


/*
желтый fceb01:f7ec59
*/


html, body {
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
}
body {
	font-family: 'Open Sans', Verdana, sans-serif;
	font-size: 11pt;
	color: #333;
	background: #f2f2f2;	
}
img {
	vertical-align: bottom;
	border: 0;
}
* {
	box-sizing: border-box;
}

.wrapper {
	display: flex;
	flex-direction: column;
	align-content: stretch;
	height:100%;
}
.wrap { 
	flex: 1 0 auto;
}

a {
	text-decoration: none;
	cursor: pointer;
	color: #666;
	border-bottom: 1px dashed #888;
}
a:hover {
	border-bottom: 1px solid #666;
}
a.button, a.button:hover {
	width: 350px;
	border: 0;
}
.fa-left {
	color: #222;
	margin-right: 5px;
}
.cl{clear:both;}
.tr{-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
.nowrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
h1, h2{margin:0;padding:0;}
h1 {}
.input-error{border:1px solid #e74c3c;
-webkit-box-shadow: 0px 0px 8px 0px rgba(231, 76, 60, 0.75);
-moz-box-shadow:    0px 0px 8px 0px rgba(231, 76, 60, 0.75);
box-shadow:         0px 0px 8px 0px rgba(231, 76, 60, 0.75);
}
.container {
	width: 100%;
	height: 100%;
	max-width: 1340px;
	padding: 0 2%;
	margin: 0 auto;	
}
.yes1200 {
	display: none;
}


#menu_top {
	background: #fff;	
}
#menu_top .content {
	height: 50px;
	font-weight: 600;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#menu_top a {
	color: #222;
	border: 0;		
}
#menu_top .pnkts a{
	color: #222;
	display: inline-block;
	margin-right: 20px;
}
#menu_top .contacts div {
	margin-right: 20px;
	display: inline-block;
}
#menu_top a:nth-last-child(1), #menu_top .contacts div:nth-last-child(1) {
	margin-right: 0;
}
#menu_top a:hover {
	color: #2987c6;	
}
#menu_top a.tel {
	color: inherit;
}

@media (max-width: 1200px) {	
	#menu_top .pnkts div{
		display: none;
	}		
}
@media (max-width: 600px) {	
	#menu_top .content {
		height: auto;
		padding: 10px;
	}
	#menu_top .contacts {
		width: 100%;
	}
	#menu_top .contacts div {
		width: calc((100% - 4px) / 2);
		margin-right: 0;
		display: inline-block;
	}
	#menu_top .contacts .aright {
		text-align: right;
	}	
}
@media (max-width: 400px) {	

	#menu_top .contacts .aright {
		margin-top: 10px;
		text-align: center;		
	}
}





#menu_main {
	background: #fff;
	-webkit-box-shadow: 0px 0px 6px -2px rgba(102,102,102,1);
	-moz-box-shadow: 0px 0px 6px -2px rgba(102,102,102,1);
	box-shadow: 0px 0px 6px -2px rgba(102,102,102,1);
	z-index: 999;
}
#menu_main .container {
	width: 100%;
	max-width: 1340px;
	padding: 0;
	margin: 0 auto;	
}
#menu_main .content {
	height: 60px;
	background: #222;
	
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;	
}
#menu_main a {
	border: 0;
}

#menu_main .logo {
	height: 100%;
	width: 22%;
	background: #fff;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 10px 0 0;	
}
#menu_main .logo p a{
	font-size: 1em;
	font-weight: 600;
	color: #222;
	text-transform: uppercase;
}
#menu_main .logo .logo_sticky {
	font-size: .9em;
	display: none;
}
#menu_main .logo img {
	max-height: 100%;
	margin-right: 10px;
}
#menu_main .pnkts {
	width: 35%;
	height: 100%;
}
#menu_main .pnkts a.pnkt {
	display: inline-block;
	width: 100%;
	height: 100%;
	line-height: 60px;
	text-transform: uppercase;
	font-weight: 600;
	color: #fff;
	text-align: center;
	border-right: 1px solid #444;
}
#menu_main .pnkts a.pnkt:hover {
	background: #444;
}
#menu_main .search {
	width: 35%;
	height: 100%;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;	
}
#menu_main .search input, #menu_main .search button {
	border: none;
	height: 100%;
	background: #444;
	outline: none;
}

#menu_main .search input{
	width: 77%;
	padding: 0 30px;
	font-size: 1em;
	color: #fff;
	text-transform: uppercase;	
}

#menu_main .search input::-webkit-input-placeholder {
	color: #fff;
}
#menu_main .search input::-moz-placeholder {
	color: #fff;
}
#menu_main .search input:-ms-input-placeholder {
	color: #fff;
}
#menu_main .search input:-moz-placeholder {
	color: #fff;
}
#menu_main .search button{
	width: 23%;
	text-align: center;
	cursor: pointer;
	color: #fff;
}
#menu_main .search button:hover {
	background: #222;	
}
#menu_main .lnav {
	width: 8%;
	display: -webkit-flex;
	display: flex;	
}
#menu_main .lnav .square {
	width: 100%;
	height: 100%;
	text-align: center;
	color: #fff;
}
#menu_main .lnav .square a {
	display: inline-block;
	width: 100%;
	height: 60px;
	line-height: 60px;
	color: #222;
	background: #fceb01;
}
#menu_main .lnav .square a:hover {
	background: #f7ec59;
}
#menu_main .lnav .square img {
	vertical-align: middle;
}

@media (max-width: 1200px) {	

	#menu_main .pnkts, #menu_main .search {
		display: none;
	}
	#menu_main .lnav {
		width: 20%;
	}
	#menu_main .lnav .square {
		width: 50%;
	}
	#menu_main .logo {
		width: 30%;
	}	
}
@media (max-width: 600px) {	
	#menu_main .lnav {
		width: 50%;
	}
	#menu_main .logo {
		width: 50%;
	}
	#menu_main .logo p a{
		font-size: 1.2em;
	}	
}



#menu_main_ham {
	background: #222;
	position: fixed;
	top: 0;
	bottom: 0;
	width: 100%;
	z-index: 99999;
	display: none;
}
#menu_main_ham .close-ham {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50%;
	text-align: center;
	background: rgba(255,255,255,.2);
	cursor: pointer;	
}
#menu_main_ham .close-ham .fa {
	color: #fff;
}
.ham-container {
	padding: 50px;
	color: #fff;
	text-align: center;
	height: 100%;	
	overflow-y: auto;
}
.ham-content .str{
	margin-bottom: 15px;
}
.ham-content input {
	background: rgba(255,255,255,.2);
	height: 36px;
	line-height: 36px;
	padding: 0 10px;
	border: 1px solid #fff;
	outline: none;
	color: #fff;
}
.ham-content input::-webkit-input-placeholder {
	color: #fff;
}
.ham-content input::-moz-placeholder {
	color: #fff;
}
.ham-content input:-ms-input-placeholder {
	color: #fff;
}
.ham-content input:-moz-placeholder {
	color: #fff;
}
.ham-content button {
	height: 36px;
	line-height: 36px;
	padding: 0 10px;
	background: rgba(255,255,255,1);
	border: 0;
	cursor: pointer;
}
.ham-content button:hover {
	background: rgba(255,255,255,.8);	
}
.ham-content a {
	border: 0;
	color: #fff;
	display: inline-block;
	width: 100%;
	color: #fceb01;
}
.ham-content a.main {
	font-weight: 600;
}
.ham-content hr {
	color: #fff;
	margin: 20px 0;
}
@media (max-width: 600px) {	

	.ham-container {
		padding: 90px 0 30px 0;
	}
	.ham-content {
		width: 90%;
		margin:  auto;
	}
}





#menu_slider {
	overflow: hidden;
}
.menu_list {
	position: relative;
	z-index: 999;
	background: #fff;
	max-height: 380px;
	overflow: auto;
	display: none;
	
	-webkit-box-shadow: 0px 0px 6px -2px rgba(102,102,102,1);
	-moz-box-shadow: 0px 0px 6px -2px rgba(102,102,102,1);
	box-shadow: 0px 0px 6px -2px rgba(102,102,102,1);	
}
.menu_list::-webkit-scrollbar {width:4px;}
.menu_list::-webkit-scrollbar-track{background:#ecf0f1;}
.menu_list::-webkit-scrollbar-thumb{background:#444;}
.menu_list::-webkit-scrollbar-thumb:window-inactive {background:#222;}
.menu_list a {
	display: inline-block;
	width: 100%;
	padding: 8px 15px;
	text-transform: uppercase;
}
.menu_list a:nth-child(2n) {
	background: #f8f8f8;
}
.menu_list a:hover {
	color: #2987c6;
}





#pluses {
	background: #fff;
	height: 80px;
	-webkit-box-shadow: 0px 0px 6px -2px rgba(102,102,102,1);
	-moz-box-shadow: 0px 0px 6px -2px rgba(102,102,102,1);
	box-shadow: 0px 0px 6px -2px rgba(102,102,102,1);	
}
#pluses .content {
	height: 100%;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
#pluses .box {
	width: 25%;
	padding: 0 1%;
	height: 100%;
	
	display: -webkit-flex;
	display: flex;
	justify-content: flex-start;
	align-items: center;	
}
#pluses .box .icon {
	width: 50px;
	height: 50px;
	line-height: 47px;
	border-radius: 25px;
	text-align: center;
	border: 2px solid #fceb01;
	color: #222;
	margin-right: 15px;
}
#pluses .box .icon_desc {
	font-weight: 600;
	font-size: .9em;
	width: calc(100% - 65px);
}

@media (max-width: 1200px) {
	#pluses {
		height: auto;
		padding: 20px;
	}	
	#pluses .box {
		font-size: .9em;
		width: 50%;
		padding: 1%;		
	}
}
@media (max-width: 400px) {
	#pluses .box {
		width: 100%;
		padding: 2%;		
	}
}



#main_cats {
	margin: 25px 0;
}
#main_cats h2 {
	margin-bottom: 25px;
}
#main_cats .content {
	height: 100%;
	display: -webkit-flex;
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}
#main_cats .box {
	width: 25%;
	min-height: 250px;
	background: #fff;
	padding: 20px;
	
	border-bottom: 2px solid #e5ebf0;
	border-right: 2px solid #e5ebf0;

	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;	
}
#main_cats .box a {
	border: 0;	
}
#main_cats .box:nth-child(4n) {
	border-right: 0;	
}
#main_cats .box .cat_thumb {
	text-align: center;
	margin-bottom: 20px;
}
#main_cats .box .cat_thumb img {
	width: 100%;
}
#main_cats .box .cat_title {
	margin: 10px 0;
	font-weight: 600;
	text-align: left;
}
#main_cats .box .cat_title a {
	color: #444;
	text-transform: uppercase;
}
#main_cats .box .cat_title a:hover {
	color: #222;
}
#main_cats .box .cat_desc {	
	font-size: .9em;
}
#main_cats .box .cat_brands {
	margin-top: 10px;
}
#main_cats .box .cat_brands a {
	color: #444;
	border-bottom: 1px solid #444;	
}
#main_cats .box .cat_brands a:hover {
	color: #222;
	border-bottom: 1px solid #222;
}
#main_cats .box_more {
	width: 25%;
}
#main_cats .box_more a {
	display: inline-block;
	height: calc(100% - 2px);
	width: 100%;
	background: url(../img/cat_more.png) no-repeat;
	background-size: cover;
	font-weight: 600;
	font-size: 1.2em;
	color: #222;
	border: 0;
}
#main_cats .box_more a div {
	height: 100%;
	width: 100%;
	background: rgba(252,235,1,.85);
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
#main_cats .box_more a div:hover {
	background: rgba(252,235,1,1);	
}
@media (max-width: 800px) {
	#main_cats h2 {
		font-size: 1.2em;
	}	
	#main_cats .box {
		width: 50%;
		height: auto;
	}
	#main_cats .box:nth-child(2n) {
		border-right: 0;	
	}	
	#main_cats .box_more {
		width: 50%;
	}
	#main_cats .box_more a {
		display: inline-block;
		height: calc(100% - 2px);
	}	
}	
@media (max-width: 400px) {
	#main_cats .box {
		width: 100%;
		min-height: auto;
		height: 400px;		
	}
	#main_cats .box:nth-child(1n) {
		border-right: 0;	
	}	
	#main_cats .box_more {
		width: 100%;	
	}
	#main_cats .box .cat_title a {
		font-size: 0.8em;
	}	
}

	

#main_service {
	margin: 25px 0;
}
#main_service a {
	border: 0;
}
#main_service h2 {
	margin-bottom: 25px;
}
#main_service .content {
	height: 100%;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}
#main_service .box {
	width: calc((100% - 40px) / 3);
	padding: 0;
	min-height: 370px;
	margin-right: 20px;
	
	display: -webkit-flex;
	display: flex;
	flex-direction: column;	
	justify-content: space-between;
}
#main_service .box_1 {
	background: url(../img/service_1.png) no-repeat center;	
}
#main_service .box_2 {
	background: url(../img/service_2.png) no-repeat center;	
}
#main_service .box_3 {
	background: url(../img/service_3.png) no-repeat center;	
}
#main_service .box:nth-last-child(1) {
	margin-right: 0;	
}
#main_service .box .area_icon {
	padding: 20px;
}
#main_service .box .area_icon div {
	background: rgba(0, 177, 106, .85);
	padding: 0 10px;
	display: inline-block;
	height: 34px;
	line-height: 34px;
	color: #fff;
	font-weight: 600;
}
#main_service .box .area_icon .fa{
	margin-right: 5px;
}
#main_service .desc {
	background: #444;
	padding: 20px;
	color: #fff;
}
#main_service .desc:hover {
	background: #222;
}
#main_service .desc h3 {
	font-size: 1.2em;
	margin-bottom: 10px;
	color: #fceb01;
}
@media (max-width: 800px) {
	#main_service h2 {
		font-size: 1.2em;
	}	
	#main_service .box {
		width: 100%;
		padding: 0;
		min-height: 370px;
		margin-right: 0;
		margin-bottom: 10px;
	}
	#main_service .box_1, #main_service .box_2, #main_service .box_3 {
		background-size: cover;
	}	
}


#main_info {
	margin-top: 35px;
	background: #fff;
	padding: 25px 0 50px 0;
}
#main_info a {
	border: 0;
}
#main_info .content {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}
#main_info .area_info {
	width: calc((100% - 40px) / 3 * 2);
}
#main_info h2 {
	margin-bottom: 25px;	
}
#main_info .area_content {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;	
}
#main_info .area_content p {
	width: 100%;
	margin-bottom: 10px;
}
#main_info .area_content a {
	color: #444;
	border-bottom: 1px solid #444;	
}
#main_info .area_content a:hover {
	color: #222;
	border-bottom: 1px solid #222;
}
#main_info .area_info ol {
	padding: 0 50px 15px 50px;
}	

#main_info .area_news {
	width: calc((100% - 40px) / 3);
} 
#main_info .area_news .area_content{
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-direction: column;			
}
#main_info .area_news .box {
	margin-bottom: 20px;	
}
#main_info .area_news .nws-box {
	position: relative;
	background: #999;
	height: 200px;
	margin-bottom: 10px;
	overflow: hidden;
}
#main_info .area_news .nws-box img {
	max-height: 100%;
}
#main_info .area_news .box .nws_preview {
	width: 100%;
	position: absolute;	
}
#main_info .area_news .box .nws_preview a {
	border: 0;
}
#main_info .area_news .box .title {
	font-weight: 600;
	position: absolute;
	bottom: 0;
	padding: 10px;
	width: 100%;
	color: #fff;
	background: rgba(0,0,0,.6);
}
#main_info .area_news .box .nws_snip {
	width: 100%;
}
#main_info .area_news .box:nth-last-child(1) {
	margin-bottom: 0;	
}
#main_info .area_news .box .date {
	font-size: .9em;
	color: #999;
}
#main_info .area_news .box .date .fa {
	margin-right: 5px;
}
@media (max-width: 800px) {
	#main_info h2 {
		font-size: 1.2em;
	}	
}
@media (max-width: 600px) {	
	#main_info .area_info {
		width: 100%;
	}	
	#main_info .area_news {
		margin-top: 30px;
		width: 100%;
	}
	#main_info .area_news .nws-box img {
		width: 100%;
		max-height: 100%;
	}	
}



#itemlist {
	margin: 25px 0;	
}
#itemlist .header {
	padding-left: 0%;
	padding-bottom: 25px;
}
#itemlist h1 {
	text-transform: uppercase;
}	
@media (max-width: 800px) {
	#itemlist h1 {
		font-size: 1.2em;
	}	
}


.pstrnav {
	width: 100%;
	padding: 30px 0;
	font-size: 1.8em;
}
.pstrnav .box {
	display: inline-block;
	margin-right: 10px;
}
.pstrnav a.box {
	color: #444;
	border: 0;
}
.pstrnav a.box:hover {
	color: #222;
	border: 0;
}

a.delete {
	border: 0;
	color: red;
}

a.link_page {
	display: inline-block;
	padding: 0 20px;
	width: 100%;
	height: 35px;
	line-height: 35px;
	border-bottom: 1px solid #e5ebf0;
	color: #2987c6;	
}
a.link_page:hover {
	border-bottom: 1px solid #e5ebf0;
	-webkit-box-shadow: inset 5px 0px 0px 0px rgba(0,177,106,1);
	-moz-box-shadow: inset 5px 0px 0px 0px rgba(0,177,106,1);
	box-shadow: inset 5px 0px 0px 0px rgba(0,177,106,1);
}



.service_content {
	background: #fff;
	padding: 20px;
	width: 75%;
	float: left;
}
.service_content p {
	margin-bottom: 10px;
}
.service_content .pluses {
	height: 100%;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-top: 50px;
}
.service_content .pluses .box {
	width: 25%;
	padding: 0 1%;
	height: 100%;
	text-align: center;
}
.service_content .pluses .box .icon {
	width: 100px;
	height: 100px;
	line-height: 115px;
	border-radius: 50px;
	text-align: center;
	border: 2px solid #e5ebf0;
	color: #00B16A;
	margin: 0 auto;
}
.service_content .pluses .box .icon_desc {
	font-weight: 600;
	font-size: .9em;
	width: 100%;
	margin-top: 20px;
}
.service_content ul, .service_content ol {
	margin: 10px;
}
.service_content li {
	margin-left: 30px;
}

@media (max-width: 1000px) {	
	.service_content {
		width: 100%;
		float: none;
	}
}
@media (max-width: 600px) {	
	.service_content .pluses .box {
		width: 50%;
		margin-bottom: 30px;
	}
}



.side_menu {
	float: right;
	width: calc(25% - 25px);
	margin-left: 25px;	
}
.side_menu .list_view {
	border-bottom: 1px solid #eee;
}
.side_menu .list_view a {
	display: inline-block;
	width: 50%;
	border: 0;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-right: 1px solid #eee;	
}
.side_menu .list_view a:nth-last-child(1) {
	border-right: 0;	
}
.side_menu .list_view a:hover, #itemlist .side_menu .list_view a.active {
	color: #00B16A;
}
.side_menu .content {
	width: 100%;
	background: #fff;
}
.sort_area {
	padding: 20px;
}
.sort_str {
	padding-bottom: 20px;
}
.sort_str p {
	font-size: .8em;
	font-weight: 600;
	margin-bottom: 5px;
}
.sort_str .sort_manufacturer {
	border: 1px solid #ccc;
	background: #fff;
	max-height: 200px;
	overflow: auto;
}
.sort_manufacturer::-webkit-scrollbar {width:5px;}
.sort_manufacturer::-webkit-scrollbar-track{background:#ecf0f1;}
.sort_manufacturer::-webkit-scrollbar-thumb{background:#2574A9;}
.sort_manufacturer::-webkit-scrollbar-thumb:window-inactive {background:#bdc3c7;}

.sort_str .manuf_str {
	padding: 5px 10px;
	font-size: .8em;
}
.sort_str .manuf_str:nth-child(2n) {
	background: #f8f8f8;
}
.sort_str button {
	width: 100%;
	height: 35px;
	line-height: 35px;
	cursor: pointer;		
}
@media (max-width: 1000px) {

	.side_menu {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-bottom: 20px;
		display: none;
	}	
	
}

#itemlist .side_menu .sort_slider {
	margin: 15px auto 0 auto;
	width: 94%;
}

#itemlist .side_menu .sort_data {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#itemlist .side_menu .sort_data .defis {
	width: 10%;
	text-align: center;
}
#itemlist .side_menu .sort_data input{
	width: 40%;
	height: 35px;
	line-height: 35px;
	outline: none;
	text-align: center;
	border: 1px solid #ccc;	
}
#itemlist .side_menu .sort_data input.to {

}
#itemlist .side_menu .sort_data button {
	width: 25%;
	height: 35px;
	line-height: 35px;
	cursor: pointer;	
}
.itemlist_content .filter_view {
	margin-bottom: 20px;
	width: 100%;
	display: none;	
}
.itemlist_content .filter_view button {
	height: 35px;
	line-height: 35px;
	width: 100%;
	cursor: pointer;
}
.itemlist_content h1 {
	margin: 0 50px;
}
.itemlist_content {
	float: left;
	width: 100%;
}
.itemlist_content .content {
	display: -webkit-flex;
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
}
.itemkist_info {
	padding: 20px;
	background: #f9e577;
	margin-bottom: 25px;
	position: relative;
}
.itemkist_info p{
	margin-top: 10px;	
}
.itemkist_info button {
	position: absolute;
	top: 0;
	right: 0;
	border: 0;
	height: 35px;
	line-height: 35px;
	width: 180px;
	background: #E9D460;
	cursor: pointer;
}
.itemkist_info button:hover {
	background: #e0c326;
}

.itemlist_filter {
	width: 100%;
	margin-bottom: 30px;
}
button.filter_clear {
	height: 35px;
	line-height: 35px;
	padding: 0 15px;
	cursor: pointer;
}
@media (max-width: 1000px) {
	.itemlist_content h1 {
		margin: 0 50px;
	}
	.itemlist_content {
		float: none;
		width: 100%;
	}
	.itemlist_content .filter_view {
		display: inherit;
	}
}




.itembox_list {
	width: 100%;	
	border-bottom: 2px solid #e5ebf0;	
	background: #fff;
	padding: 20px;
	
	display: -webkit-flex;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;	
}
.itembox_list a {
	border: 0;
}
.itembox_list .item_thumb {
	width: calc(25% - 20px);
	padding: 0px;
	margin-right: 20px;
	text-align: center;
}
.itembox_list .item_info {
	width: 75%;	
}
.itembox_list .item_thumb img {
	max-width: 100%;
	max-height: 300px;
}
.itembox_list .item_title {
	margin: 7px 0;
}
.itembox_list .item_title a {
	color: #444;
	font-weight: 600;
}
.itembox_list .item_title a:hover {
	color: #222;
}
.itembox_list .item_code {
	display: inline-block;
	color: #000;
	font-size: .8em;
}
.itembox_list .item_price {
	margin-top: 7px;	
}
.itembox_list .item_price span {
	font-size: 1.8em;
}
.itembox_list .item_cur {
	color: #999;
	font-size: .8em;	
}
.itembox_list .item_basket {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 180px;
	margin-top: 10px;		
}
.itembox_list .item_basket input {
	width: 50%;
	height: 35px;
	line-height: 35px;
	outline: none;
	text-align: center;
	border: 1px solid #ccc;
	border-right: 0;
}
.itembox_list .item_basket .but {
	width: 25%;
	height: 35px;
	line-height: 35px;
	cursor: pointer;	
}
.itembox_list .item_basket a {
	width: 25%;
	height: 35px;
	line-height: 35px;
	cursor: pointer;

	background: #fceb01;
	border: 0;
	color: #222;
	text-align: center;
}
.itembox_list .item_basket a:hover {
	background: #f7ec59;	
}
@media (max-width: 1000px) {
	
	.itembox_list .item_price span {
		font-size: 1em;
		font-weight: 600;
	}	
	
}
@media (max-width: 400px) {	
	.itembox_list .item_thumb {
		width: 100%;
		margin-bottom: 20px;
	}
	.itembox_list .item_info {
		width: 100%;
	}
	.itembox_list .item_basket {
		max-width: 100%;
		width: 100%;		
	}
}



.itembox_bar {
	width: calc(100% / 5);
	border-right: 2px solid #e5ebf0;	
	border-bottom: 2px solid #e5ebf0;	
	background: #fff;
	padding: 20px;
}
.itembox_bar a {
	border: 0;
}
.itembox_bar .item_thumb {
	padding: 0px;
	text-align: center;
	height: 200px !important;
}
.itembox_bar .item_thumb img {
	max-height: 100%;
	width: auto;
	max-width: 100%;
}
.itembox_bar .item_title {
	height: 45px;
	overflow: hidden;
	margin: 7px 0;
}
.itembox_bar .item_title a {
	color: #444;
	font-weight: 600;
}
.itembox_bar .item_title a:hover {
	color: #222;
}
.itembox_bar .item_code {
	color: #000;
	font-size: .8em;
}
.itembox_bar .item_price {
	margin: 7px 0;	
}
.itembox_bar .item_price span {
	font-size: 1.8em;
}
.itembox_bar .item_cur {
	color: #999;
	font-size: .8em;
	margin-bottom: 10px;	
}
.itembox_bar .item_basket {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 5px;	
}
.itembox_bar .item_basket input {
	width: 50%;
	height: 35px;
	line-height: 35px;
	outline: none;
	text-align: center;
	border: 1px solid #999;
	border-right: 0;
	border-left: 0;	
}
.itembox_bar .item_basket .but {
	width: 25%;
	height: 35px;
	line-height: 35px;
	cursor: pointer;	
}
.itembox_bar .item_basket a {
	width: 25%;
	height: 35px;
	line-height: 35px;
	cursor: pointer;
	
	background: #fceb01;
	border: 0;
	color: #222;
	text-align: center;
}
.itembox_bar .item_basket a:hover {
	background: #f7ec59;	
}

@media (max-width: 1000px) {
	.itembox_bar .item_price span {
		font-size: 1em;
		font-weight: 600;
	}		
}
@media (max-width: 600px) {	
	.itembox_bar {
		width: calc(100% / 2);
	}			
}
@media (max-width: 400px) {	
	.itembox_bar {
		width: 100%;
	}			
}



#main_enter {
	height: 400px;
	background: #444 url(../img/slide1.png) no-repeat center;
	background-size: cover;
}
#main_enter .container {
	display: -webkit-flex;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
#main_enter h1 {
	font-size: 3.5em;
	color: #fceb01;
}


#item .navi_cat {
	margin: 10px 0 20px 0;
}
#item .navi_cat a{
	font-size: .8em;
	border: 0;
	text-transform: uppercase;
}
#item .navi_cat a:hover {
	border-bottom: 1px solid #222;
}
#item h1 {
	text-transform: uppercase;	
}
#item .item_data {
	margin-top: 20px;
	background: #fff;
	
	display: -webkit-flex;
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;	
}
#item .item_data .img {
	padding: 20px;
	width: 440px;

	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: flex-start;	
}
#item .item_data .img img {
	max-width: 300px;
}
#item .item_data .buy {
	padding: 20px;
	width: 230px;
	border-right: 2px solid #e5ebf0;
	border-left: 2px solid #e5ebf0;	
}
#item .buy .price {
	padding: 20px 0 20px 0;
	position: relative;
}
#item .buy .price .price-cover {
	background: #eee;
	font-weight: 600;
	cursor: pointer;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;	
}
#item .buy .price span {
	font-size: 1.8em;
}
#item .plusminus {
	margin-top: 0;
	
	display: -webkit-flex;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
#item .plusminus input{
	width: calc(100% - 80px);
	height: 35px;
	line-height: 35px;
	outline: none;
	text-align: center;
	border: 1px solid #ccc;
	margin: 0 5px;
}
#item .plusminus span {
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 2em;
	cursor: pointer;
	background: #eee;
	border: 1px solid #ccc;		
}
#item .plusminus span:hover {
	background: #ccc;	
}
#item .plusminus button {
	margin-top: 5px;
	width: 100%;
	height: 35px;
	cursor: pointer;
	background: #fceb01;
	border: 0;
	color: #222;
	font-weight: 600;
}
#item .plusminus button:hover {
	background: #f7ec59;
}
#item .cur {
	color: #999;
	font-size: .8em;	
	padding-top: 5px;
	border-top: 1px solid #eee;	
}
#item .articul {
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
}
#item .articul span {
	font-weight: 600;	
}
#item .instock {
	color: #999;
	font-size: .8em;
	font-weight: 600;
	margin-top: 10px;	
}
#item .item_data .data {
	padding: 20px;
	width: calc(100% - 670px);	
}
#item .desc {
	padding: 10px 0;
}
#item .characters {
	padding-bottom: 10px;
}
#item .characters .str {
	background: #f8f8f8;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 10px;
	height: 35px;
	line-height: 35px;
}
#item .characters .str:nth-child(2n) {
	background: inherit;	
}
#item .doc-ttl {
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #ccc;
	font-weight: 700;
	font-size: 1.4em;
}
#item .doc {
	padding-top: 5px;
	margin-top: 10px;
	border-top: 1px solid #eee;		
}
#item .doc .fa {
	margin-right: 10px;
	color: #EC644B;
}
#item_cat {
	margin: 25px 0;
}
#item_cat .header {
	padding-left: 0%;
	padding-bottom: 25px;
}

@media (max-width: 1000px) {
	#item .item_data .img {
		width: 50%;
	}
	#item .item_data .img img {
		max-width: 100%;
	}
	#item .item_data .buy {
		width: 50%;
		border-right: 0;		
	}
	#item .item_data .data {
		width: 100%;
		border-top: 2px solid #e5ebf0;		
	}	
}
@media (max-width: 800px) {
	#item h1, #item_cat h2 {
		font-size: 1.2em;
	}		
}
@media (max-width: 600px) {
	#item .item_data .img {
		width: 100%;
		border-bottom: 2px solid #e5ebf0;			
	}
	#item .item_data .buy {
		width: 100%;
		border-left: 0;			
	}
	#item .plusminus {
		margin-top: 0px;
		width: 100%;
	}	
	#item .plusminus input{
		width: calc(60% - 85px);
	}
	#item .plusminus button {
		margin: 0 0 0 5px;
		width: 40%;	
	}		
	#item .desc {
		font-size: .9em;
	}
	#item .characters .str {
		width: 100%;
		padding: 0 10px;
		height: auto;
		line-height: auto;
		font-size: .9em;
		line-height: 150%;
		padding: 5px;
	}
	#item .characters .str .char_name {
		font-weight: 600;
	}	
}





.page_content {
	background: #fff;
	display: -webkit-flex;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;	
}
#contacts {
	padding: 25px 0;
}
#contacts .page_content {
	display: -webkit-flex;
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;	
}
#contacts .header {
	margin-bottom: 25px;
}
#contacts .map {
	min-height: 440px;
	width: 540px;
	padding: 20px;	
	border-right: 2px solid #e5ebf0;	
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;	
}
#contacts .map .img-box {
	height: 100%;
	padding: 30px 0;
}
#contacts .data {
	padding: 20px;
	width: calc(100% - 540px);
}
#contacts .area_data{
	width: 100%;
	margin-top: 20px;
}	
#contacts .area_data ul {
	padding: 10px 50px;
}
#contacts .area_data .str {
	width: 100%;
	background: #f8f8f8;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding: 0 10px;
	height: 35px;
	line-height: 35px;
}
#contacts .area_data .str:nth-child(2n) {
	background: inherit;	
}
#contacts .vac_data {
	margin-top: 20px;
}
#contacts .vac_data .vac-box {
	margin-bottom: 10px;
}
#contacts .vac_data .vac-box a {
	font-size: 1.3em;
}
#contacts .vac_data .desc1, #contacts .vac_data .desc2, #contacts .vac_data .desc3, #contacts .vac_data .desc4 {
	margin-top: 10px;
}
#contacts .vac-box-data {
	padding: 15px 0;
}



@media (max-width: 1200px) {	
	#contacts .map {
		width: 50%;
	}
	#contacts .map img {
		max-width: 100%;
	}
}
@media (max-width: 800px) {	
	#contacts h1, #contacts h2 {
		font-size: 1.2em;		
	}
	#contacts .map {
		width: 100%;
		min-height: auto;
	}
	#contacts .data {
		width: 100%;
	}	
}
@media (max-width: 600px) {
	#contacts .area_data .str {
		height: auto;
		line-height: auto;
	}	
	#contacts .char_name {
		width: 100%;
		font-weight: 600;
	}
	#contacts .char_val {
		width: 100%;
	}	
}





#basket {
	padding: 25px 0;
}
#basket .page_content {
	align-items: stretch;
}
#basket .header {
	margin-bottom: 25px;
}
#basket .content_about {
	padding: 20px;
}

#basket .str-data {
	width: 100%;
	display: -webkit-flex;
	display: flex;
}
#basket .yes600 .str-header {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	font-weight: 600;
	padding: 15px 20px;	
}
#basket .yes600 .str-basket .itemdata {
	width: 60%;
}
#basket .yes600 .str-basket .itemdata .str {
	font-size: .9em;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;	
}
#basket .str-basket {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;

	padding: 15px 20px;
	border-bottom: 1px solid #e5ebf0;
}
#basket .str-basket:nth-last-child(1) {
	border-bottom: 0;	
}
#basket .str-basket-data {
	width: 65%;
	
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;	
}
#basket .str-basket-data .str-basket {
	justify-content: flex-start;	
}
#basket .str-basket-data .name {
	width: 50%;
}
#basket .str-basket-data .input {
	width: 50%;	
}
#basket .str-basket-data .input input {
	width: 100%;
	height: 35px;
	line-height: 35px;
	outline: none;
	border: 1px solid #ccc;
	padding: 0 20px;	
}
#basket .str-basket-attent {
	width: 35%;
	padding: 20px;
	background: rgba(233, 212, 96, .7);
}
#basket .str-basket-attent ol {
	padding-left: 20px;
}
#basket .str-basket-attent li {
	margin-bottom: 15px;
}
#basket .str-basket-attent li:nth-last-child(1) {
	margin-bottom: 0;
}
#basket .str-basket-data .input button {
	background: #fceb01;
	font-weight: 600;
	width: 100%;
	height: 35px;
	line-height: 35px;
	outline: none;
	border: none;
	padding: 0 20px;
	color: #222;
	cursor: pointer;
}
#basket .str-basket-data .input button:hover {
	background: #f7ec59;	
}

#basket .str-basket .dbox {
	padding: 0 5px;
}
#basket .str-basket .thumb {
	width: 10%;
	text-align: center;
}
#basket .str-basket .thumb img {
	max-width: 100%;
}
#basket .str-basket .thumb a {
	border: 0;	
}
#basket .yes600 .str-basket .thumb {
	width: 40%;
	text-align: center;
}
#basket .str-basket .article {
	width: 15%;
}
#basket .str-basket .fabricator {
	width: 10%;
}
#basket .str-basket .title {
	width: 35%;
}
#basket .yes600 .str-basket .title {
	font-weight: 600;
}
#basket .str-basket .delete {
	width: 2%;
	text-align: right;
}
#basket .str-basket .quant {
	width: 12%;
	text-align: center;	
	
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;	
}
#basket .str-basket .quant input {
	width: calc(100% - 70px);
	height: 35px;
	line-height: 35px;
	outline: none;
	text-align: center;
	border: 1px solid #ccc;	
}
#basket .str-basket .quant button {
	width: 35px;
	height: 35px;
	line-height: 35px;
	outline: none;
	text-align: center;
	cursor: pointer;
}
#basket .str-basket .summa, #basket .str-basket .price {
	width: 12%;
	text-align: center;
	padding: 0 20px;
}
#basket .str-basket .itogo {
	width: 50%;
}
#basket .str-basket .refresh {
	width: 50%;
	text-align: right;	
}
#basket .str-basket .refresh button {
	height: 35px;
	line-height: 35px;
	padding: 0 20px;
	cursor: pointer;
}
#basket .str-basket .hbox {
	font-size: .8em;
	font-weight: 600;
}
#basket .bdsc {
	display: none;
}

@media (max-width: 1200px) {
	
	#basket .str-head {
		display: none;
	}
	#basket .str-basket .thumb {
		width: 20%;
	}
	#basket .str-basket .article {
		width: 20%;
	}
	#basket .str-basket .title {
		width: 50%;
	}
	
	#basket .str-basket .delete, #basket .str-basket .quant, #basket .str-basket .summa, #basket .str-basket .price {
		width: 25%;
		text-align: left;
		margin-top: 5px;
	}
	
}
@media (max-width: 800px) {
	
	#basket h1 {
		font-size: 1.2em;		
	}	
	
}
@media (max-width: 600px) {
	
	#basket .str-basket-data {
		width: 100%;
	}	
	#basket .str-basket .thumb, #basket .str-basket .article, #basket .str-basket .title {
		width: 100%;
		margin-top: 10px;
		padding: 0;
	}	
	#basket .str-basket .delete, #basket .str-basket .quant, #basket .str-basket .summa, #basket .str-basket .price {
		width: 100%;
		text-align: left;
		margin-top: 10px;
		padding: 0;
	}
	#basket .bdsc {
		display: inline;
		color: #ccc;
	}
	#basket .str-basket .itogo {
		width: 100%;
		text-align: right;		
	}
	#basket .str-basket .refresh {
		width: 100%;
		text-align: right;
		margin-top: 10px;
	}
	#basket .str-basket .refresh button {
		width: 100%;
	}
	#basket .str-basket .quant input {
		width: calc(100% - 105px);
	}	
}
@media (max-width: 400px) {
	
	#basket .str-basket-data .str-basket .name {
		width: 100%;
		margin-bottom: 5px;
	}	
	#basket .str-basket-data .str-basket .input {
		width: 100%;
	}
	
}




#done {
	padding: 10% 0;
}
#done .header {
	margin-bottom: 25px;
	text-align: center;
}




#news {
	padding: 25px 0;
}
#news .header {
	margin-bottom: 25px;
}
#news .content_news {
	display: -webkit-flex;
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;	
}
#news .content_news .box {
	background: #fff;
	width: calc((100% - 60px) / 3);
	margin: 10px;
}
#news .content_news .nws-box {
	position: relative;
	background: #999;
	height: 200px;
	overflow: hidden;
}
#news .content_news .nws-box img {
	min-height: 100%;
	min-width: 100%
}
#news .content_news .box .nws_preview {
	width: 100%;
	position: absolute;	
}
#news .content_news .box .nws_preview a {
	border: 0;
}
#news .content_news .box .title {
	font-weight: 600;
	position: absolute;
	bottom: 0;
	padding: 10px;
	width: 100%;
	color: #fff;
	background: rgba(0,0,0,.6);
}
#news .content_news .box .nws_snip {
	padding: 10px;
}
#news .content_news .box .date {
	font-size: .9em;
	color: #999;
}
@media (max-width: 800px) {	
	#news h1 {
		font-size: 1.2em;		
	}
	#news .content_news .box {
		width: calc((100% - 40px) / 2);
	}	
}
@media (max-width: 400px) {	
	#news .content_news .box {
		width: 100%;
	}
}




#news_view {
	padding: 25px 0;
}
#news_view .header {
	margin-bottom: 25px;
}
#news_view .content_news {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}
#news_view .content_nws {
	width: calc(100% / 3 * 2 - 20px);
	background: #fff;
	margin-right: 20px;
	padding: 20px;
}
#news_view .content_nws .nws_img {
	margin-bottom: 20px;
}
#news_view .content_nws .nws_img img{
	max-width: 100%;
}
#news_view .content_nws .nws_youtube {
	margin-top: 20px;
	background: #000;
	text-align: center;
}
#news_view .content_nws .nws_youtube iframe {
	width: 560px;
	height: 315px;
	vertical-align: bottom;
}
#news_view .content_nwslist {
	width: calc(100% / 3 * 1);
	background: #fff;
	padding: 20px;	
}
#news_view .content_nwslist span {
	color: #ccc;
}
#news_view .content_nwslist .str {
	margin-bottom: 10px;
}
#news_view .content_nwslist .str:nth-last-child(1) {
	margin-bottom: 0;
}
#news_view .nwslist {
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
	margin-bottom: 20px;
	font-weight: 600;	
}
#news_view .lnws {
	display: inline-block;
	padding: 3px 0;
}
@media (max-width: 800px) {	
	#news_view h1 {
		font-size: 1.2em;		
	}
}
@media (max-width: 600px) {	
	#news_view .content_nws {
		width: 100%;
		margin-right: 0;
		margin-bottom: 0;		
	}
	#news_view .content_nwslist {
		width: 100%;
	}
}



#about {
	padding: 25px 0;
}
#about .header {
	margin-bottom: 25px;
}
#about .content_about {
	padding: 20px;
}
#about .content_about ul, #about .content_about ol {
	margin: 10px;
}
#about .content_about li {
	margin-left: 30px;
}
#about .content_about p {
	margin-bottom: 10px;
}
@media (max-width: 800px) {	
	#about h1 {
		font-size: 1.2em;		
	}
}


#clients {
	margin-bottom: 25px;	
}
#clients .header {
	margin-bottom: 25px;
}
#clients .content {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;	
}
#clients .box {
	width: calc(100% / 9 - 5px);
	text-align: center;
	margin-bottom: 5px;
}
#clients .box img {
	max-width: 100%;
	filter: grayscale(100%);
}
#clients .box img:hover {
	filter: grayscale(0%);	
}
@media (max-width: 800px) {
	#clients h2 {
		font-size: 1.2em;
	}
	#clients .box {
		width: calc(100% / 6 - 5px);
		margin-bottom: 5px;
	}	
}
@media (max-width: 600px) {
	#clients .box {
		width: calc(100% / 3 - 5px);
		margin-bottom: 5px;
	}	
}



#partners {
	padding: 25px 0;
}
#partners .header {
	margin-bottom: 25px;
}
#partners .content_partners{
	background: #fff;
}

#partners .str {
	display: -webkit-flex;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	border-bottom: 2px solid #e5ebf0;	
}
#partners .logo {
	padding: 20px;
	width: 250px;
	text-align: center;
}
#partners .content {
	padding: 20px;
	width: calc(100% - 250px);
}
#partners .content .title {
	margin-bottom: 10px;
}
#partners .content .title span {
	font-weight: 600;
}
@media (max-width: 800px) {	
	#partners h1 {
		font-size: 1.2em;		
	}
}
@media (max-width: 600px) {	
	#partners .logo {
		padding: 20px;
		width: 100%;
		text-align: center;
	}
	#partners .content {
		padding: 20px;
		width: 100%;
	}
}



#reviews {
	margin: 50px 0;
}
#reviews .content {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;	
}
#reviews .box {
	width: 28%;
	text-align: center;
}
#reviews .box .img img {
	border-radius: 100px;
}
#reviews .box .title {
	font-size: 1.2em;
	margin: 10px 0;
}	
#reviews .box .title span {
	font-weight: 600;
}	
	

#footer {
	padding: 50px 0;
	background: #222;
	color: #888;
}
#footer .content {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	line-height: 180%;
}
#footer .col1 {
	width: 35%;
}
#footer .col2, #footer .col3 {
	width: 15%;
}
#footer .col4 {
	width: 35%;
	text-align: right;
}
#footer a {
	color: #888;
	border-bottom: 1px solid #888;
}
#footer a:hover {
	color: #ccc;
	border-bottom: 1px solid #ccc;	
}
#footer .col1 .head {
	font-size: 1.2em;
	font-weight: 600;
}
#footer a.social {
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #fceb01;
	color: #444;
	border: 0;
	border-radius: 25px;
	margin-right: 10px;	
}
#footer a.social:hover {
	background: #f7ec59;
	color: #222;	
}
#footer a.social:nth-last-child(1) {
	margin-right: 0;
}
@media (max-width: 600px) {	
	#footer {
		padding: 30px 0;
		text-align: center;
	}
	#footer .col1, #footer .col4 {
		width: 100%;
	}
	#footer .col4 {
		margin-top: 30px;
		text-align: center;		
	}
}



#mooltee {
	background: #000;
	padding: 5px 0;
	color: #555;
	font-size: .9em;
	font-weight: 600;
}
#mooltee a {
	color: #999;
	border: 0;
}

.overlay-modal {
	position: fixed;
	height: 100%;
	width: 100%;
    z-index: 99999;
	display: none;
}
.overlay-modal .container {
	height: 100%;
	width: 100%;
	
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0,0,0,.45);	
}
.card-modal {
	width: 500px;
	background: #fff;
	padding: 50px;
	text-align: center;
}
.str-close {
	text-align: right;
	color: #d50d1d;
	cursor: pointer;
}
.card-modal .head {
	font-size: 1.8em;
}
.card-modal .gotobasket {
	margin: 20px 0;
}
.card-modal .gotobasket a {
	display: inline-block;
	background: #fceb01;
	width: 100%;
	height: 35px;
	line-height: 35px;
	outline: none;
	border: none;
	padding: 0 20px;
	color: #222;
	cursor: pointer;
}
.card-modal .gotobasket a button:hover {
	background: #04cc7b;	
}


@media screen and (max-width: 1200px) {
    .yes1200 {display: inherit;}	
}
@media screen and (max-width: 600px) {
    .no600 {display: none;}	
}
@media (min-width: 600px) {
    .yes600 {display: none;}	
}