html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, p{margin:0;padding:0;border:0;font-size:100%;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{display:block;}
a{outline:none;color:#333;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
html{height:100%;}
* { font-family: 'Geometria', Open Sans, Arial, sans-serif; }
body {
  font-weight: normal;
  font-style: normal;
  font-size: 12px;
  line-height: 18px;
  width: 100%;
  min-width: 320px;
  min-height:100%;
  overflow-x:hidden;
  background-color:#efefef;
}
img {
	height: auto;
}
img:not(.mw100p):not(.w-auto) {
    width: 100%;
}
@keyframes open { 0% {opacity: 0;} 100% {opacity: 1;} }
details[open] summary ~ * { animation: all .1s ease-in-out; }
summary { list-style-type: none; }
sup, sub { line-height: 1; font-size: .9em; }
summary::marker { display: none; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance:textfield; }
input[disabled] { cursor: default !important; }
:root {
  --main-color: rgb(20, 139, 207);
  --main-color-dark: rgb(13, 108, 163);
  --main-color-opacity: rgba(20, 139, 207, .8);
}
.header {
	max-width:1400px;
	width: 100%;
	margin: 0 auto;
	grid-area: header;
	-ms-grid-row: 1;
	-ms-grid-column: 1;
}
.middle {
	max-width:1400px;
	width: calc(100% - 60px);
	margin: 0 auto 30px;
	padding: 0 30px;
	grid-area: middle;
	display: grid;
	display: -ms-grid;
	grid-template-columns: 280px auto;
	grid-template-areas: "baner" "head" "sidebar . container";
	grid-template-rows: 0 130px 100%;
	-ms-grid-column-span: 3;
	-ms-grid-row: 0 130px 100%;
	-ms-grid-columns: 280px auto;	
	background: #fff;
  overflow-y: hidden;
	}
.middle div.head {
		grid-area: head;
		-ms-grid-row: 1;
		-ms-grid-column: 3;
		margin-bottom: 20px;
	}
.middle aside.left-sidebar {
		grid-area: sidebar;
		-ms-grid-row: 1;
		-ms-grid-column: 1;	
		margin: 0;
    /* height: fit-content; */
	}
.middle .container {
		grid-area: container;
		-ms-grid-row: 1;
		-ms-grid-column: 2;
		min-width: 0;
		margin: 0 0 20px;
    height: fit-content;
}
.middle #banner-block {
	-ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
	}
footer {
		grid-area: footer;
		-ms-grid-row: 3;
	}
.wrapper {
	position: relative;
	display: grid;
  display: -ms-grid;
	grid-template-areas:"header" "middle" "footer";
	grid-template-columns: 100%;
  grid-template-rows: auto;
  -ms-grid-columns: fit-content(100%);
	-ms-grid-rows: 225px 100% auto;
	justify-content: center;
  width: 100%;
  height: auto;
	margin:auto;
	padding: 0;
	background: #efefef;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}
.middle.cart {
  grid-template-columns: 100%;
  grid-template-rows: 100%;
  grid-template-areas: "container";
}
.floatClear{clear:both;}
.floatLeft{float:left;}
.floatRight{float:right;}
.floatNone{float:none;}
.fSize12{font-size:12px;}
.fSize13{font-size:13px;}
.fSize14{font-size:14px;}
.fSize16{font-size:16px;}
.fSize18{font-size:18px;}
.fSize20{font-size:20px;}
.fSize22{font-size:22px;}
.fSize24{font-size:24px;}
.fSize26{font-size:26px;}
.fSize28{font-size:28px;}
.fSize30{font-size:30px;}
.fSize32{font-size:32px;}
.fSize34{font-size:34px;}
.fSize36{font-size:36px;}
.fSize38{font-size:38px;}
.textDecNone{text-decoration:none;}
.fWbold{font-weight:bold;}
.fSitalic{font-style:italic;}
.fWnorm{font-weight:normal;}
.fUpper{text-transform:uppercase;}
.cLink{color:var(--main-color);}
.cRed{color:#F00;}
.cBlack{color:#000;}
.cGray{color:#999;}
.cLightGray{color:#9D9E9E;}
.cAzure{color:var(--main-color);}
.bgGray{background:#BCBCBC;}
.bgWhite{background:#fff;}
.bgDarkGray{background:#ccc;}
.bgBlue{background:var(--main-color);}
.bgDark{background:#fff;color:var(--main-color)}
.fColor{color:#FFF;}
.l-h1{line-height:1em;}
.l-h12{line-height:1.2em;}
.l-h13{line-height:1.3em;}
.l-h15{line-height:1.5em;}
.l-h2{line-height:2em;}
.m0-a{margin:0px auto;}
.m5-a{margin:5px auto;}
.m10-a{margin:10px auto;}
.m10-a-0{margin:10px auto 0px;}
.p5-0{padding:5px 0;}
.p10-0{padding:10px 0;}
.p20{padding:20px;}
.m10{margin:10px;}
.m20{margin:20px;}
.m50-0{margin:50px 0;}
.m10-20{margin:10px 20px;}
.m20-0{margin:20px 0px;}
.m20-10{margin:20px 10px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mr10{margin-right:10px;}
.ml10{margin-left:10px;}
.ml5{margin-left:5px;}
.mt5{margin-top:5px;}
.mt3{margin-top:3px;}
.m0-0-10{margin:0 0 0 10px;}
.m0-5{margin:0 5px;}
.m0-10{margin:0 10px;}
.p0-10{padding:0 10px;}
.alignCenter{text-align:center;}
.alignRight{text-align:right;}
.alignLeft{text-align:left;}
.alignJust{text-align:justify;}
.text-center{text-align:center!important;}
.text-left{text-align:left!important;}
.text-right{text-align:right!important;}
.w100p{width:100%;}
.w50p{width:50%;}
.w70p{width:70%;}
.w80p{width:80%;}
.w90p{width:90%;}
.w95p{width:95%;}
.w50{width:50px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
.w120{width:120px;}
.w150{width:150px;}
.w200{width:200px;}
.w250{width:250px;} 
.w295{width:295px;}
.w300{width:300px;}
.w350{width:350px;}
.w400{width:400px;}
.w450{width:450px;}
.w500{width:500px;}
.w550{width:550px;}
.w600{width:600px;}
.w650{width:650px;}
.h50{height:50px;}
.h100{height:100px;}
.h150{height:150px;}
.h200{height:200px;}
.h250{height:250px;}
.h300{height:300px;}
.h350{height:350px;}
.h400{height:400px;}
.h450{height:450px;}
.h500{height:500px;}
.h550{height:550px;}
.h600{height:600px;}
.h650{height:650px;}
.h-auto{height:auto;}
.mw100p {
	max-width: 100%;
}
.w-auto {
	width: auto;
}
.none{display:none;}
.in_bl{display:inline-block;}
.boxSiz {box-sizing: border-box;}
.borTopWhite{border-top:1px solid white;}
.borBottomWhite{border-bottom:1px solid white;}
.borRigh1 {border-right: 1px solid #ccc;}
.point {cursor:pointer;}
.relative{position:relative;}
.w40p, .w60p {	width:100%;}

@font-face {
	font-family: 'Geometria';
	src: local('Geometria Extra Light'),
		   url('/font/Geometria-ExtraLight.woff') format('woff'),
		   url('/font/Geometria-ExtraLight.ttf') format('truetype'),
       url('/font/Geometria-ExtraLight.eot') format('embedded-opentype');
	font-weight: lighter;
	font-style: normal;
  font-display: swap;
}
@font-face {
	font-family: 'Geometria';
	src: local('Geometria Extra Light Italic'),
		   url('/font/Geometria-ExtraLightItalic.woff') format('woff'),
		   url('/font/Geometria-ExtraLightItalic.ttf') format('truetype'),
       url('/font/Geometria-ExtraLightItalic.eot') format('embedded-opentype');
	font-weight: lighter;
	font-style: italic;
  font-display: swap;
}
@font-face {
	font-family: 'Geometria';
	src: local('Geometria'),
		   url('/font/Geometria.woff') format('woff'),
		   url('/font/Geometria.ttf') format('truetype'),
       url('/font/Geometria.eot') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
  font-display: swap;
}
@font-face {
	font-family: 'Geometria';
	src: local('Geometria Italic'),
		   url('/font/Geometria-Italic.woff') format('woff'),
		   url('/font/Geometria-Italic.ttf') format('truetype'),
       url('/font/Geometria-Italic.eot') format('embedded-opentype');
	font-weight: normal;
	font-style: italic;
  font-display: swap;
}
@font-face {
	font-family: 'Geometria';
	src: local('Geometria Medium'),
		   url('/font/Geometria-Medium.woff') format('woff'),
		   url('/font/Geometria-Medium.ttf') format('truetype'),
       url('/font/Geometria-Medium.eot') format('embedded-opentype');
	font-weight: 500;
	font-style: normal;
  font-display: swap;
}
@font-face {
	font-family: 'Geometria';
	src: local('Geometria Medium Italic'),
		   url('/font/Geometria-MediumItalic.woff') format('woff'),
		   url('/font/Geometria-MediumItalic.ttf') format('truetype'),
       url('/font/Geometria-MediumItalic.eot') format('embedded-opentype');
	font-weight: 500;
	font-style: italic;
  font-display: swap;
}
@font-face {
	font-family: 'Geometria';
	src: local('Geometria Bold'),
		   url('/font/Geometria-Bold.woff') format('woff'),
		   url('/font/Geometria-Bold.ttf') format('truetype'),
       url('/font/Geometria-Bold.eot') format('embedded-opentype');
	font-weight: bold;
	font-style: normal;
  font-display: swap;
}
@font-face {
	font-family: 'Geometria';
	src: local('Geometria Bold Italic'),
		   url('/font/Geometria-BoldItalic.woff') format('woff'),
		   url('/font/Geometria-BoldItalic.ttf') format('truetype'),
       url('/font/Geometria-BoldItalic.eot') format('embedded-opentype');
	font-weight: bold;
	font-style: italic;
  font-display: swap;
}
@font-face {
	font-family: 'Geometria';
	src: local('Geometria Extra Bold'),
		   url('/font/Geometria-ExtraBold.woff') format('woff'),
		   url('/font/Geometria-ExtraBold.ttf') format('truetype'),
       url('/font/Geometria-ExtraBold.eot') format('embedded-opentype');
	font-weight: 900;
	font-style: normal;
  font-display: swap;
}
@font-face {
	font-family: 'Geometria';
	src: local('Geometria Extra Bold'),
		   url('/font/Geometria-ExtraBoldItalic.woff') format('woff'),
		   url('/font/Geometria-ExtraBoldItalic.ttf') format('truetype'),
       url('/font/Geometria-ExtraBoldItalic.eot') format('embedded-opentype');
	font-weight: 900;
	font-style: italic;
  font-display: swap;
}