body {
    color: #333;
    background-color: #fff;
	font-family: Poppins, Verdana, Helvetica, Arial, sans-serif;
    font-size: 0.8em;
    line-height: normal;
    margin: 0; 
    padding-bottom: 12px;
    word-wrap: break-word;
    -webkit-print-color-adjust: exact;
}
h2,h3{margin-top:2em}
#wrap{
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	font-family: Poppins, Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: normal;
	-webkit-print-color-adjust: exact;
	color: #333;
	margin: 0 auto;
	max-width: 1152px;
	min-width: 625px;
	padding: 15px;
	background-color: #FFF;
	border-color: #E6E9ED;
}
ul{list-style-type:disc}
.logo {	
	padding: 1em 0 0 0;
	width:38%;	
	align-self: center;
}
.logo img{width:100%}

.site_logo {
	display: inline-block;
	width: 100%;
	height: 100%;
	background-size:100%
}

blockquote{    font-style: italic;    border-left: 2px solid #cecece;    margin-left: 0;    padding-left: 2em;}
/* Site description and logo */
#site-description{display:flex; flex-wrap:nowrap;justify-content: flex-start;align-content:flex-end;}
.site-description {	
	width:62%;	
	padding-top:0.5em;
	align-self: flex-end;
}
.site-description p{margin-bottom:0;}
#sitename  {/*text-shadow:2px 2px 4px #444;*/
	margin-right: 0;
/*	font-family: 'Russo One', sans-serif;    */
	font-size:2.2em;
	font-weight:400;
    letter-spacing:1px;
    word-spacing:7px;
	line-height:1em;
	text-align:center;
	color:#333;
	margin-top:1em;
}
.reserved{font-size:0.85em!important;color:#000!important;text-align:right;}
#menu-mob{display:none;position:fixed;right:0.5em;top:0.5em;z-index:1000;background-color:#fcfcfc;font-size:2.0em;box-shadow:2px 2px 2px #c0c0c0;}
.menu{font-size:1.3em;position:fixed;z-index:10; 
/*-webkit-box-shadow: 3px 3px 3px 3px rgb(165, 165, 165,0.5);
box-shadow: 3px 3px 3px 3px rgb(165, 165, 165,0.5);*/
width:100%;display:block;margin:auto;left:0;top:0px; text-align:center;
background: -moz-linear-gradient(left, rgb(255, 255, 255,0) 0%,rgb(255, 255, 255,0) 20%, #FFFFFF 30%, #FFFFFF 70%, rgb(255, 255, 255,0) 80%, rgb(255, 255, 255,0) 100%);
background: -webkit-linear-gradient(left, rgb(255, 255, 255,0) 0%,rgb(255, 255, 255,0) 20%, #FFFFFF 30%, #FFFFFF 70%, rgb(255, 255, 255,0) 80%, rgb(255, 255, 255,0) 100%);
background: linear-gradient(to right, rgb(255, 255, 255,0) 0%,rgb(255, 255, 255,0) 20%, #FFFFFF 30%, #FFFFFF 70%, rgb(255, 255, 255,0) 80%, rgb(255, 255, 255,0) 100%);
border-BOTTOM:2px solid transparent;
border-top:2px solid transparent;
border-image: linear-gradient(to right, rgb(255,255,255,0) 0% ,rgb(255,255,255,0) 20%, #000000 30%, #000000 70%,rgb(255,255,255,0) 80%,rgb(255,255,255,0) 100%);
-moz-border-image: -moz-linear-gradient(to right, rgb(255,255,255,0) 0% ,rgb(255,255,255,0) 20%, #000000 30%, #000000 70%,rgb(255,255,255,0) 80%,rgb(255,255,255,0) 100%);
-webkit-border-image: -webkit-linear-gradient(to right, rgb(255,255,255,0) 0% ,rgb(255,255,255,0) 20%, #000000 30%, #000000 70%,rgb(255,255,255,0) 80%,rgb(255,255,255,0) 100%);
border-image-slice: 1;background-color:rgb(243,243,243,0.98);
}
.menu a{display:inline-block;color:#000000;padding:5px 15px;font-family:'Arial';text-decoration:none;border-left:1px solid #00000021;   /* text-shadow: 2px 2px 4px #444;*/}
.menu a:hover{color:#002d87;background-color: rgb(238, 238, 238,1.0) !important; /* border-radius: 10px 10px 10px 10px;*/}
.menu a:first-child{border-left:none}

#podmenu{display:none;border:1px solid #d7d7d7;padding:0;position:absolute;top:1.8em;left:-0.02em;z-index:200;width:20.5em;background-color:#fbfbfbfb;box-shadow: 2px 2px 4px #cecece;text-align:left;}
#podmenu a{display:block;color:#000;padding:8px 10px;font-weight:300;border-bottom:1px solid #cecece;text-decoration:none}
#podmenu a:hover{padding:8px 10px;background-color:#eeeeee}


#content{font-size:1.2em;}
#content p,#content li{line-height:1.4em;}

figure img{display:inline-block;text-align:center}
.img25-50 figure,.img25-100 figure{width:22%;display:inline-block;text-align:center;margin:1%;padding:0;}
.b50-100{display:flex}
.b50-100 div{flex-basis:50%; justify-items: center;}

.viza{text-align:left;margin-left:50%}
.center{text-align:center}
.comment{font-size:0.8em;font-style:italic;}
.nomarker{list-style:none;padding-left:0}
.right{text-align:right}
.m{list-style-position:inherit;}
.net{list-style:none}
#content table, #content td{border-spacing:0;border-collapse: collapse ;border:1px solid #000;padding:0.2em}
#content .t_nb td{border:none;vertical-align:middle;text-align:center}
#content .t_nb {border:none;width:100%}
.tr_s{font-weight:bold;background-color:#EAEAEA;text-align:center}
.icons li{list-style:none;margin-bottom:1em;}
.icons i{font-size:1.5em;min-width:2em;color:#2e2e2e;float:left;}
.icons{border-left:3px solid #2e2e2e;}
.icons p{}

.wo{padding:1em;}
.wo input, .wo textarea {
    padding: 0.2em;
    background-color: #eef7ff;
    font-size: 1.2em;
    color: #000;
    width: 97%;
	border: 1px solid #cecece;
}
.wo button {
    font-size: 1.2em;
    padding: 0.5em;
}
.wo p{margin-top:1.8em}
input[type=checkbox], input[type=radio] {display: none;}

input[type=checkbox] + label:before {
    content: "\2713";
    color: transparent;
    display: inline-block;
    border: 1px solid #000;
    font-size: 15px;    
    line-height: 15px;
    margin: -5px 5px 0 0;
    height: 15px;
    width: 15px;
    text-align: center;
    vertical-align: middle;
    transition: color ease .3s;
	background-color:#eef7ff;
}

input[type=checkbox]:checked + label:before ,input[type=checkbox]:checked + label{
    color: #000; font-weight:bold;
}

input[type=radio] + label:before {
    content: "\26AB";
    border: 1px solid #000;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #000;
    font-size: 15px;    
    line-height: 15px;
    margin: -5px 5px 0 0;
    height: 15px;
    width: 15px;
    text-align: center;
    vertical-align: middle;
    font-size: 0;    
    transition: font-size ease .3s;
	background-color:#eef7ff;
}
input[type=radio]:checked + label:before {
    font-size: 15px; color:red;   
}
.catalog{
	display:flex;
	justify-content: space-between;
    align-items: normal;
    flex-grow: 1;    
    flex-wrap: wrap;
	justify-content:space-between;	
	}
.one_partner{
	flex-basis:45%;
	border:1px solid #c3c3c3;
	padding:1em;
	margin-bottom:1em;
	cursor:normal;
}	
.one_partner:hover{cursor:pointer;background-color:#f5f5f5;}
.reg{padding: 0.5em;
    border: 1px solid #000;
    text-decoration: none;
    background-color: #eaeaea;}
	.reg:hover{background-color: #f2fbfb;}

.vagno{
    padding: 1em;
    background-color: #f3f3f3;
    text-align: center;
border: 1px solid #c6c6c6;
border-left: 10px solid #10ceff;}
.vagno1{padding: 1em;
    background-color: #f3f3f3;
    text-align: left;
	border: 1px solid #c6c6c6;
	border-left: 10px solid #ff1010;}
.bl1{padding:0.5em;background-color:#f9f9f9;}
.bl2{padding:0.5em;background-color:#ffffff;}
.bl1,.bl2{margin-top:1em;}
.container-tovar{margin-left: 1em;
    border-left: 1px solid #dcdcdc;
    padding-left: 0.5em;}
.tovar{display:flex;flex-wrap:wrap;align-items:center;}
.col1{flex:1 1 30%;text-align:center}
.col25{flex:1 1 24%;text-align:center}
.col1 img, .col25 img{display:inline-block;width:80%;}
.col2{flex:1 1 70%;}
.one_poisk {  flex-basis: 30%;    box-shadow: 0px 0px 10px #cecece;    padding: 1em;    width: 30%;    display: block;}

@media (max-width: 900px) {	
body{font-size:1em;}
.nomob{display:none}
.img25-50 figure,.img25-100 figure{width:46%}
.logo{width:100%}
#wrap{min-width:unset;}
.menu{text-align:left}
#menu-no-mob{display:none;position:absolute;height:100vh;background-color:#fbfbfb;width:300px;left:-300px;border-right:1px solid #c0c0c0;box-shadow:2px 2px 2px #c7c7c7;overflow-y:scroll;}
#menu-mob{display:block;z-index:1000;}
#podmenu{display:block;position:relative;width:auto;margin-left:1em;background-color:transparent;box-shadow:none;border:none;top:0;color:#000;}
.menu a{border: none;        margin: 0.5em 0;        border-bottom: 1px solid #cecece;        width: 100%;        padding: 0 0 0.5em 0.5em;}
.tovar{display:block;}
.b50-100 div{flex-basis:100%;}
#poisk{flex-wrap:wrap;}
.one_poisk{width:100%;flex-basis:100%}
#usluga{width:100%}
}
