html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,time,mark,audio,video
{
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

@font-face {
  font-family: Circe;
  src: url(fonts/Circe_Light.otf);
}

@font-face {
  font-family: 'Circe';
    src: url("webfont.eot"); /* IE9 Compat Modes */
    src: url("webfont.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
         url("webfont.woff") format("woff"), /* Modern Browsers */
         url("webfont.ttf")  format("truetype"), /* Safari, Android, iOS */
         url("webfont.svg#svgFontName") format("svg"); /* Legacy iOS */
}

body, html {
    height: 100%;
}

body {
	margin:0 auto;
	padding:0;
	width:100%;
	height:100%;
	font-family: 'Jost';
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeSpeed;
}


.clear {
	float: none;
	clear: both;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;

}

input::-webkit-datetime-edit-text,
input::-webkit-datetime-edit-month-field,
input::-webkit-datetime-edit-day-field,
input::-webkit-datetime-edit-year-field {
   color:#3b3b3b;
   /*font-family: 'Circe';*/
 }

 input::-webkit-calendar-picker-indicator {opacity: 0;}



header {
	background-color: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.09);
    box-shadow: 0 1px 2px rgba(0,0,0,0.09);
    position: fixed;
    z-index: 11;
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
}

header .h-container {
        height: 90px;
	display: -webkit-flex; 
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 10px 30px;
	    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.09);
    box-shadow: 0 1px 2px rgba(0,0,0,0.09);
}

header .h-container .logo {
	max-width: 160px;
	flex: 1;
    float: left;
    width: 20;
}

header .h-container .logo img {
	max-width: 100%;
    height: auto;
    min-width: 120px;
 }

 header .h-container .logo .lnk {
	display: inline-block;
	position: relative;
	color: #d51920;
    text-decoration: none;
    font-size: 1.25em;
    padding:0;
    margin: 0;
}

 header .h-container .backet {
 	display: inline-block;
 	box-sizing: border-box;
 	flex: 2;
    -webkit-flex-basis: 300px;
    flex-basis: 300px;
	padding:0 1.5%;
    text-align: center;
    min-width: 300px;
    width: 30%;
}

header .h-container .search {

    display: inline-block;
    box-sizing: border-box;
    flex: 3;
    padding: 0 1.5%;
    text-align: center;
    -webkit-flex-basis: 150px;
    flex-basis: 150px;
    width: 30%;
 }

header .h-container .p-data {
    display: inline-block;
	-webkit-flex-basis: auto;
    flex: 4;
    -webkit-flex-basis: 160px;
    flex-basis: 160px;
    width: 20%;
 }


header .h-container .backet .b-counter {
    
    height: 28px;
    width: 28px;
    font-weight: 700;
    border-radius: 28px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fbf3e4;
    float:left;
}

header .h-container .backet .rouble {
    font-family: Conv_RUBSN, 'Open Sans', sans-serif;
    float:left;
    margin-top: 5px;
    margin-left: 5px;
}

header .h-container .backet .svg-icon-basket {
    fill: #ffd700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    float: left;
    padding-top: 12px;
   }
header .h-container .backet .buybtn {
	background: #d51920;
	display: inline-block;
	position: relative;
    box-sizing: border-box;
    width: 85px;
    height: 54px;
    margin: 0;
    border: 0;
    color: #fff;
    font: normal 0.60em;
    /*font: normal 0.60em "Circe";*/
    line-height: 1em;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 20px 4px 4px 4px;
    border-radius: 0;
    -webkit-appearance: none;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
}


 header .h-container .l-auth {
 	width: auto;
 }

 header .h-container .l-auth .p-name {
 	display: inline-block;
	position: relative;
	color: #000;
    text-decoration: none;
    font-size: 1.25em;
    padding:0;
    margin: 0;
 }

 header .h-container .l-auth a {
 	display: inline-block;
	position: relative;
	color: #000;
    text-decoration: none;
    font-size: .85em;
    line-height: 16px;
    padding:0;
    margin: 0;
    border-bottom: 1px solid #000;
 }

 header .h-container .p-exit {
 	max-width: 30px;
 	margin-left:10px;
 }

  header .h-container .p-exit img {
	max-width: 100%;
    height: auto;
 }

 .svg-icon {
    fill: #ffd700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

header .h-container .backet .bct_content {
    position: relative;
    float:left;
    border: 1px solid #fbf3e4;
    background-color: #fff;
    margin-left: 18px;
    padding: 12px;
    color: #26282c;
}
header .h-container .backet .bct_content:before {
    content: '';
    left: -8px;
    top: 50%;
    margin-top: -7px;
    position: absolute;
    height: 13px;
    width: 13px;
    background-color: #fff;
    border-left: 1px solid #fbf3e4;
    border-top: 1px solid #fbf3e4;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}



input[type=text]#sInp {
    width: 130px;
    height: 45px;
    box-sizing: border-box;
    border: 1px solid #fbf3e4;
    -webkit-border-radius:0em;
    -mox-border-radius:0em;
    border-radius:0em;
    /*font-family: 'Circe';*/
    font-size: 1em;
    background-color: white;
    background-image: url('images/search.svg');
    background-position: 5px;
    background-size: 20px 20px; 
    background-repeat: no-repeat;
    padding: 12px 20px 12px 40px;
    -webkit-transition: width .4s ease-in-out;
    transition: width .4s ease-in-out;
    -moz-transition: width .4s ease-in-out;
}

input[type=text]#sInp:focus {
    width: 100%;
     outline:0;
    -webkit-box-shadow:0;
    -moz-box-shadow:0;
    box-shadow:0;
}

/*mobile menu */

.openMenu {
    background: #ffd700;
    /*border: 2px solid #d51920;*/
    border-radius: 0;
    cursor: pointer;
    display: none;
    height: 36px;
    /*padding-left: 9.5px;
    padding-top: 13.5px;*/
    position: relative;
    transition: all .4s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 36px;
    margin: 0 10px 0 0;
    box-sizing: border-box;
	top: -8px;
	left: 5px;
    /* z-index: 12; */
}

.b-bun {
	background: #fff;
	position: relative;
	height: 2px;
	width: 25px;
	left: 6px;
}

.b-bun--top {
	top: 8px;
}
.b-bun--mid {
    top: 15px;
}
.b-bun--bottom {
    top: 22px;
}

input[type=text]#mbInp {
    min-width: 240px;
    width: 100%;
    height: 54px;
    box-sizing: border-box;
    border: 1px solid #fbf3e4;
    -webkit-border-radius:0em;
    -mox-border-radius:0em;
    border-radius:0em;
    /*font-family: 'Circe';*/
    font-size: 1em;
    background-color: white;
    background-image: url('images/search.svg');
    background-position: 5px;
    background-size: 30px 30px; 
    background-repeat: no-repeat;
    padding: 12px 20px 12px 40px;
    -webkit-transition: width .4s ease-in-out;
    transition: width .4s ease-in-out;
    -moz-transition: width .4s ease-in-out;
}

input[type=text]#mbInp:focus {
    width: 100%;
     outline:0;
    -webkit-box-shadow:0;
    -moz-box-shadow:0;
    box-shadow:0;
}

.mlogo {
	max-width: 160px;
	margin: 20px 0;
}

.mlogo img {
	max-width: 100%;
    height: auto;
 }

 .mlogo .lnk {
	display: inline-block;
	position: relative;
	color: #fff;
    text-decoration: none;
    font-size: 1.25em;
    padding:0;
}

.m-p-data {
    display: inline-block;
    box-sizing: border-box;
    padding: 2%;
    margin-bottom: 20px;
    width: 100%;
    background: #f2f2f2;
    border:4px solid #fff;
 }

 .m-p-data .m-l-auth {
 	width: auto;
 }

 .m-p-data .m-l-auth .m-p-name {
 	display: inline-block;
	position: relative;
	color: #d51920;
    text-decoration: none;
    font-size: 1.50em;
    padding:0;
    margin: 0;
 }

 .m-p-data .m-l-auth a {
 	display: inline-block;
	position: relative;
	color: #d51920;
    text-decoration: none;
    font-size: 1em;
    line-height: 16px;
    padding:0;
    margin: 0;
    border-bottom: 1px solid #d51920;
 }

  .m-p-data .m-p-exit {
 	max-width: 53px;
    right: 6%;
    position: absolute;
    padding-top: 7px;
 }

  .m-p-exit img {
	max-width: 100%;
    height: auto;
 }

.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: white;
    overflow-x: hidden;
    transition: 0.3s;
}

.overlay-content {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    top: 0;
    width: 100%;
    text-align: left;
    margin-top: 0;
    padding: 30px;
}

.overlay form {
	box-sizing: border-box;
    display: block;
    position: relative;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
}

.overlay .cls {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #fff;
    display: block;
    transition: 0.3s;
}

/*.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
} */

.overlay .closebtn {
	color: #ffd700;
    position: absolute;
    /*font-family: 'Circe';*/
    top: 25px;
    right: 0px;
    font-size: 50px;
    line-height: 55px;
    z-index: 2;
    text-decoration: none;
    display: block;
    padding: 8px;
}

/* mobile backet */

.m-backet {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding:5%;
	margin: 0 auto;
	background: #fff;
}

.m-backet .svg-icon-basket {
	fill: #ffd700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    float: left;
    padding-top: 12px;
}

.m-backet .bct_content {
    position: relative;
    float: left;
    border: 1px solid #fbf3e4;
    background-color: #fff;
    margin-left: 18px;
    padding: 12px;
    color: #26282c;
}

.m-backet .bct_content:before {
    content: '';
    left: -8px;
    top: 50%;
    margin-top: -7px;
    position: absolute;
    height: 13px;
    width: 13px;
    background-color: #fff;
    border-left: 1px solid #fbf3e4;
    border-top: 1px solid #fbf3e4;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.m-backet .b-counter {
    height: 28px;
    width: 28px;
    font-weight: 700;
    border-radius: 28px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fbf3e4;
    float: left;
}

.m-backet .rouble {
    font-family: Conv_RUBSN, 'Open Sans', sans-serif;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
  }

.m-backet .buybtn {
	background: #d51920;
    box-sizing: border-box;
    width: 85px;
    height: 54px;
    margin: 0;
    border: 1px;
    color: #fff;
    font: normal 0.60em;
    /*font: normal 0.60em "Circe";*/
    line-height: 1em;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 20px 2px 2px 2px;
    border-radius: 0;
    -webkit-appearance: none;
    text-transform: uppercase;
    text-align: center;
    float: left;
    text-decoration: none;
}

/* table content */

.table-content {
    display: block;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    /*padding-top: 220px;*/
    color: #000;
    overflow: hidden;
}

/* mobile filter */
.mob_flt {display: none;}

.inputclear{
	position: absolute;
	margin-left: -22px;
	margin-top: 15px;
	cursor: pointer;
	opacity: 0.3;
    -webkit-transition: opacity .1s ease-out;
    transition: opacity .1s ease-out;
}

.inputclear:hover{
	opacity: 0.8;
}

#sInp::-ms-clear {
    display: none;
}

#mbInp::-ms-clear {
    display: none;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 50px;
    top: 15px;
    right: 0px;
  }
}

@media only screen and (max-device-width: 667px) 
    and (-webkit-device-pixel-ratio: 2) {
    header .h-container .l-auth .p-name {font-size: 1em;}
}

@media only screen and 
(min-device-width : 360px) and 
(max-device-width : 640px) and 
(-webkit-min-device-pixel-ratio : 3) { 


} 

@media screen and (max-width:1024px) {
	header .h-container .l-auth .p-name {font-size: 1em;}
}

@media screen and (max-width:800px) {
    header .h-container {padding: 0 30px; height:76px;}
    header .h-container .p-data {display: none;}
    header .h-container .search {display: none;}
    .openMenu {display: inline-block;}
    .table-content {padding-top: 0px;}

/* mobile filter */

.mob_flt {
    display: block;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-top: 130px;
    color: #000;
    overflow: hidden;
}
}
@media screen and (max-width:600px) {
	header .h-container .logo {display: none;}
	.overlay-content {padding: 10px;}
	.m-p-data .m-p-exit {padding: 0;}
    .table-content {padding-top: 0px;}

}

@media screen and (max-width:430px) {
	header .h-container {padding: 10px 5px}
	header .h-container .backet {min-width: 200px;-webkit-flex-basis: 200px;flex-basis: 200px;}
	header .h-container .backet .buybtn {width: 54px;font-size: 0.5em;letter-spacing: 0px;}
	header .h-container .backet .rouble {font-size:0.9em;}
	header .h-container .backet .bct_content {margin-left: 10px;}
}


/* ORDER STYLE */



/* order content*/

.order-content {
    background-color: #f2f2f2;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    width: 100%;
    padding:10px 30px;
    margin: 0;
}

.order-content .order-block {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: stretch;
    align-items: stretch;
    padding: 0;
    box-sizing: border-box;
    width: 100%;
}

.order-content .order-block .b-buybtn {
    display: inline-block;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 5%;
    text-align: center;
}

.order-content .order-block .b-buybtn .buybtn {
    background: #d51920;
    box-sizing: border-box;
    display: inline-block;
    min-width: 85px;
    width: 240px;
    height: 54px;
    margin: 0;
    border: 1px;
    color: #fff;
    font: normal 0.75em;
    /*font: normal 0.75em "Circe";*/
    line-height: 1em;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 18px 2px 2px 2px;
    border-radius: 0;
    -webkit-appearance: none;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
}

.order-content .order-block .ch-partners {
    display: inline-block;
    box-sizing: border-box;
    float: left;
    width: 45%;
    padding: 0 2.5%;
    text-align: left;
}

.ch-partners form{
    display: flex;
}

.ch-partners input[type=text] {
  height: 45px;
  border: 1px solid #d3d3d3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  padding: 0 20px;
  color: #000;
  width: 89.9%;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  outline: none;
    appearance: none;
    border-radius: none;
    -webkit-appearance: none;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -webkit-border-radius: 0;
}

.ch-partners input[type=text]:focus {
    width: 89.9%;
     outline:0;
    -webkit-box-shadow:0;
    -moz-box-shadow:0;
    box-shadow:0;
    outline: none;
    appearance: none;
    border-radius: none;
    -webkit-appearance: none;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -webkit-border-radius: 0;
}

/*
.ch-partners button {
    color: #fff;
    font-size: 14px;
    background: #ffd700;
    text-align: center;
    height: 45px;
    width: 74px;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    line-height: 45px;
    border: none;
    float:right;
}
*/

.order-content .order-block .ch-datetime {
    display: inline-block;
    box-sizing: border-box;
    float: left;
    width: 50%;
    padding: 0 0 0 2.5%;
    text-align: left;
}

.order-content .order-block .ch-datetime .calend{
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    float:left;
    width: 45%;
    padding: 0;
    margin-right: 5%;
}
.order-content .order-block .ch-datetime .timer{
    display: inline-block;
    box-sizing: border-box;
    float:left;
    width: 50%;
}

.timer label {
    padding: 0 2px;
    font-size: 1em;
}


.order-content .calend input[type=date] {
  height: 45px;
  border: 1px solid #d3d3d3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  padding: 0 20px;
  color: #000;
  /*font-family: 'Circe';*/
  width: 100%;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  outline: none;
    appearance: none;
    border-radius: none;
    -webkit-appearance: none;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -webkit-border-radius: 0;
}

.order-content .calend input[type=date]:focus {
    width: 100%;
     outline:0;
    -webkit-box-shadow:0;
    -moz-box-shadow:0;
    box-shadow:0;
    outline: none;
    appearance: none;
    border-radius: none;
    -webkit-appearance: none;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -webkit-border-radius: 0;
}

.order-content .timer input[type=time] {
  height: 45px;
  border: 1px solid #d3d3d3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  padding: 0 8px;
  color: #000;
  width: 100%;
  max-width: 60px;
  font: normal 12px;
  /*font: normal 12px "Circe";*/
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
  outline: none;
    appearance: none;
    border-radius: none;
    -webkit-appearance: none;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -webkit-border-radius: 0;
}

.order-content .timer input[type=time]:focus {
    width: 100%;
     outline:0;
    -webkit-box-shadow:0;
    -moz-box-shadow:0;
    box-shadow:0;
    outline: none;
    appearance: none;
    border-radius: none;
    -webkit-appearance: none;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -webkit-border-radius: 0;
}

.svg-icon--datepicker {
    display: inline-block;
    pointer-events: none;
    position: absolute;
    top: 13px;
    right: 17px;
    width: 19px;
    height: 19px;
    fill: #cfd1d5;
}
.svg-icon__link {
    vertical-align: top;
    fill: inherit;
    width: inherit;
    height: inherit;
}



/* mobile */

.m-order-content {
    background-color: #f2f2f2;
    box-sizing: border-box;
    display: block;
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0 0 20px 0;
}

.m-order-content .order-block {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: stretch;
    align-items: stretch;
    padding: 10px;
}

.m-order-content .order-block .b-buybtn {
    display: inline-block;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 5%;
    text-align: center;
}

.m-order-content .order-block .b-buybtn .buybtn {
    background: #d51920;
    box-sizing: border-box;
    display: inline-block;
    min-width: 85px;
    width: 240px;
    height: 54px;
    margin: 0;
    border: 1px;
    color: #fff;
    font: normal 0.75em;
    /*font: normal 0.75em "Circe";*/
    line-height: 1em;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 18px 2px 2px 2px;
    border-radius: 0;
    -webkit-appearance: none;
    text-transform: uppercase;
    text-align: center;
}

.m-order-content .order-block .ch-partners {
    display: inline-block;
    box-sizing: border-box;
    float: left;
    width: 50%;
    padding: 0 2.5%;
    text-align: left;
}

.ch-partners form{
    display: flex;
}

.ch-partners input[type=text] {
  height: 45px;
  border: 1px solid #d3d3d3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  padding: 0 20px;
  color: #000;
  width: 89.9%;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  outline: none;
    appearance: none;
    border-radius: none;
    -webkit-appearance: none;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -webkit-border-radius: 0;
}

.ch-partners input[type=text]:focus {
    width: 89.9%;
     outline:0;
    -webkit-box-shadow:0;
    -moz-box-shadow:0;
    box-shadow:0;
    outline: none;
    appearance: none;
    border-radius: none;
    -webkit-appearance: none;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -webkit-border-radius: 0;
}

.ch-partners button {
    color: #000000;
    font-size: .9em;
    /*font-family: 'Circe';*/
    font-weight: 600;
    background: #ffd700;
    text-align: center;
    height: 45px;
    width: 74px;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    line-height: 45px;
    border: none;
}

.ch-partners button:hover{
    background: #ec971f;
}

.m-order-content .order-block .ch-datetime {
    display: inline-block;
    box-sizing: border-box;
    float: left;
    width: 50%;
    padding: 0 2.5%;
    text-align: left;
    margin: 20px 0;
}

.m-order-content .order-block .ch-datetime .calend{
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    float:left;
    width: 45%;
    padding: 0;
    margin-right: 5%;
}
.m-order-content .order-block .ch-datetime .timer{
    display: inline-block;
    box-sizing: border-box;
    float:left;
    width: 50%;
}

.timer label {
    padding: 0 2px;
}


.m-order-content .calend input[type=date] {
  height: 50px;
  border: 1px solid #d3d3d3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  padding: 0 20px;
  color: #000;
  /*font-family: 'Circe';*/
  width: 100%;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  outline: none;
    appearance: none;
    border-radius: none;
    -webkit-appearance: none;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -webkit-border-radius: 0;
}

.m-order-content .calend input[type=date]:focus {
    width: 100%;
     outline:0;
    -webkit-box-shadow:0;
    -moz-box-shadow:0;
    box-shadow:0;
}

.m-order-content .timer input[type=time] {
  height: 50px;
  border: 1px solid #d3d3d3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  padding: 0 18px;
  color: #000;
  /*font-family: 'Circe';*/
  width: 100%;
  max-width: 85px;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
  outline: none;
    appearance: none;
    border-radius: none;
    -webkit-appearance: none;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -webkit-border-radius: 0;
}

.m-order-content .timer input[type=time]:focus {
    width: 100%;
     outline:0;
    -webkit-box-shadow:0;
    -moz-box-shadow:0;
    box-shadow:0;
    outline: none;
    appearance: none;
    border-radius: none;
    -webkit-appearance: none;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -webkit-border-radius: 0;
}

.m-order-content .order-block .ch-datetime .calend .m-svg-icon--datepicker {
    display: inline-block;
    pointer-events: none;
    position: absolute;
    top: 16px;
    right: 17px;
    width: 19px;
    height: 19px;
    fill: #cfd1d5;
}
.m-order-content .order-block .ch-datetime .calend .m-svg-icon__link {
    vertical-align: top;
    fill: inherit;
    width: inherit;
    height: inherit;
}



@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 50px;
    top: 25px;
    right: 0px;
  }
}

@media only screen and (max-device-width: 667px) 
    and (-webkit-device-pixel-ratio: 2) {
    header .h-container .l-auth .p-name {font-size: 1em;}
}

@media only screen and 
(min-device-width : 360px) and 
(max-device-width : 640px) and 
(-webkit-min-device-pixel-ratio : 3) { 


} 

@media screen and (max-width:1024px) {
    header .h-container .l-auth .p-name {font-size: 1em;}
    .order-content .timer input[type=text] {font-size: 12px;max-width: 60px; padding: 0 10px;}
    .m-order-content .timer input[type=text] {font-size: 12px;max-width: 60px; padding: 0 10px;}
}

@media screen and (max-width:800px) {
    .order-content {display: none;}
    .m-order-content .order-block .ch-partners {float:none;width:100%;margin: 20px 0;}
    .m-order-content .order-block .ch-datetime {float:none;width:100%;margin: 20px 0;}
}
@media screen and (max-width:600px) {
    header .h-container .logo {display: none;}
    .overlay-content {padding: 10px;font-size: 12px;height: 100vh;}
  .m-order-content .order-block .ch-partners p { font-size: 1.25em; }
  .m-order-content .order-block .ch-datetime p { font-size: 1.25em; }
  .m-order-content .order-block .ch-datetime .calend {width:100%;float:none;margin:0 0 10px 0;}
  .m-order-content .order-block .ch-datetime .timer {width:100%;float:none;margin: 0;}
}

@media screen and (max-width:430px) {
    header .h-container {padding: 10px 5px}
    header .h-container .backet {min-width: 200px;-webkit-flex-basis: 200px;flex-basis: 200px;}
    header .h-container .backet .buybtn {width: 70px;font-size: 0.5em;letter-spacing: 0px;}
    header .h-container .backet .rouble {font-size:0.9em;}
    header .h-container .backet .bct_content {margin-left: 10px;}
}

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

.order-content .timer input[type=time] {font-size: 12px;max-width: 50px; padding: 0 6px;}
.m-order-content .timer input[type=time] {font-size: 12px;max-width: 50px; padding: 0 6px;}
.timer label {padding: 0 2px;font-size: 12px;}


}

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

.order-content .timer input[type=text] {font-size: 10px;max-width: 50px; padding: 0 6px;}
.m-order-content .timer input[type=text] {font-size: 10px;max-width: 50px; padding: 0 6px;}
.timer label {padding: 0 2px;font-size: 12px;}

}