@font-face { font-family:'Gilroy-MediumItalic';
	src:url('../fonts/Gilroy-MediumItalic.woff') format('woff'), url('../fonts/Gilroy-MediumItalic.ttf') format('truetype'); }
@font-face { font-family:'Gilroy-BoldItalic';
	src:url('../fonts/Gilroy-BoldItalic.woff') format('woff'), url('../fonts/Gilroy-BoldItalic.ttf') format('truetype'); }
@font-face { font-family:'Gilroy-ExtraBoldItalic';
	src:url('../fonts/Gilroy-ExtraBoldItalic.woff') format('woff'), url('../fonts/Gilroy-ExtraBoldItalic.ttf') format('truetype'); }

html { padding:0; margin:0; box-sizing:border-box; }
* { padding:0; margin:0; box-sizing:border-box; }
input, textarea, select, option, button { outline:none; font-size:15px; font-family: 'Roboto', sans-serif; }
a { outline:none; }
body { position:relatife; color:#333; font-size:15px; background:#fff; font-family:'Roboto', sans-serif; }
	
.width { padding:0 18px; max-width:1398px; margin:0 auto; position:relative; z-index:1; }
@media screen and (max-width:992px){ .width { padding:0 18px; } }
@media screen and (max-width:768px){ .width { padding:0 12px; } }
@media screen and (max-width:575px){ .width { padding:0 12px; } }

/*
display:flex; display:-webkit-flex;
flex-wrap:wrap; -webkit-flex-wrap:wrap;
align-content:center; -webkit-align-content:center; align-items:center; -webkit-align-items:center;
justify-content:center; -webkit-justify-content:center;
flex:1; -webkit-flex:1;
transform:rotate(45deg); -webkit-transform: rotate(45deg);
*/
.spacer { height:63px; }
.header { position:fixed; z-index:3; left:0; top:0; width:100%; background:#333; }
.header .width--logo-links { padding-top:12px; padding-bottom:12px; }
.header .logo-links { display:flex; display:-webkit-flex; }

.header .logo-links .logo { display:flex; display:-webkit-flex; }
.header .logo-links .logo .img { display:flex; display:-webkit-flex; align-content:center; -webkit-align-content:center; align-items:center; -webkit-align-items:center; }
.header .logo-links .logo .img img { width:42px; }
.header .logo-links .logo .name { display:flex; display:-webkit-flex; align-content:center; -webkit-align-content:center; align-items:center; -webkit-align-items:center; color:#fff; font-size:21px; font-weight:700; padding:0 0 0 21px; }

.header .logo-links .links { flex:1; -webkit-flex:1; display:flex; display:-webkit-flex; align-content:center; -webkit-align-content:center; align-items:center; -webkit-align-items:center; }
.header .logo-links .links .phone__outer { padding:0 0 0 57px; display:flex; display:-webkit-flex; align-content:center; -webkit-align-content:center; align-items:center; -webkit-align-items:center; flex:1; -webkit-flex:1; }
.header .logo-links .links .phone__outer .phone { display:flex; display:-webkit-flex; align-content:center; -webkit-align-content:center; align-items:center; -webkit-align-items:center; }
.header .logo-links .links .phone__outer .phone .ico { background:#fff; padding:8px; border-radius:33px; }
.header .logo-links .links .phone__outer .phone .ico img { width:21px; display:block; }
.header .logo-links .links .phone__outer .phone a { margin:0 0 0 24px; color:#fff; font-size:21px; text-decoration:none; font-weight:700; }

.header .logo-links .links .cart__outer { display:flex; display:-webkit-flex; align-content:center; -webkit-align-content:center; align-items:center; -webkit-align-items:center; }
.header .logo-links .links .cart__outer .cart { display:flex; display:-webkit-flex; align-content:center; -webkit-align-content:center; align-items:center; -webkit-align-items:center; }
.header .logo-links .links .cart__outer .cart a { }
.header .logo-links .links .cart__outer .cart a img { width:33px; display:block; }










.header .burger-width-menu .burger-ico { display:none; position:relative; z-index:2; }
.header .width-menu { background:rgba(0, 0, 0, 0) linear-gradient(to top, #f6f6f6, #fff); border-bottom:1px solid #e9e9e9; border-top:1px solid #ff6600; display:none; }
.header .menu { text-align:center; max-width:1350px; margin:0 auto; }
.header .menu a { display:inline-block; padding:5px 0; margin:0 60px; text-decoration:none; color:#333; font-size:12px; }
.header .menu a:hover { text-decoration:underline; }
.main { max-width:1350px; margin:0 auto; display:flex; display:-webkit-flex; }

.sidebar { width:300px; border-right:#d9d9d9 solid 1px; padding:18px 24px 18px 0; }
.main .center { flex:1; -webkit-flex:1; padding:18px 0 0 36px; }

.sidebar .menu { padding:12px 0 0 0; }
.sidebar .menu .item { padding:9px 0 9px 0px; border-bottom:1px solid #d9d9d9; }
.sidebar .menu .item a.ag { display:flex; display:-webkit-flex; text-decoration:none; }
.sidebar .menu .item a.ag img { width:21px; }
.sidebar .menu .item a.ag:hover { }
.sidebar .menu .item a.ag span { color:#3e77aa; flex:1; -webkit-flex:1; display:flex; display:-webkit-flex; align-content:center; -webkit-align-content:center; align-items:center; -webkit-align-items:center; padding-left:15px; font-size:17px; }
.sidebar .menu .item a.ag:hover span { color:#f84147; text-decoration:underline; }
.sidebar .menu .item .pd { color:#333; padding:3px 18px 0 36px; font-size:14px; line-height:1.8; }
.sidebar .menu .item .pd a { color:#3e77aa; text-decoration:none; }
.sidebar .menu .item .pd a:hover { color:#f84147; text-decoration:underline; }





.width-footer { border-top:#e9e9e9 solid 1px; padding-top:6px; padding-bottom:6px; display:none; }
.footer { max-width:1350px; margin:0 auto; display:flex; display:-webkit-flex; }
.footer .logo { display:flex; display:-webkit-flex; padding:0; }
.footer .logo .img { display:flex; display:-webkit-flex; align-content:center; -webkit-align-content:center; align-items:center; -webkit-align-items:center; }
.footer .logo .img img { width:42px; }
.footer .logo .name { padding:0 0 0 9px; display:flex; display:-webkit-flex; align-content:center; -webkit-align-content:center; align-items:center; -webkit-align-items:center; flex-wrap:wrap; -webkit-flex-wrap:wrap; letter-spacing:3px; }
.footer .logo .name .s1 { font-style:normal; font-size:36px; font-weight:700; color:#3e77aa; color:#333; }
.footer .logo .name .s2 { font-style:normal; font-size:21px; font-size:30px; font-weight:700; display:inline-block; margin:0; color:#333; }
.footer .logo .name .s3 { font-style:normal; font-size:15px; font-weight:700; color:#777; }
.footer .logo .info { padding:0 0 0 15px; }
.footer .logo .info .sl1 { font-size:21px; font-weight:700; }
.footer .logo .info .sl2 { font-size:21px; font-weight:700; }
.footer .menu { flex:1; -webkit-flex:1; display:flex; display:-webkit-flex; justify-content:flex-end; -webkit-justify-content:flex-end; align-content:center; -webkit-align-content:center; align-items:center; -webkit-align-items:center; }
.footer .menu div { margin:0 0 0 48px; }
.footer .menu div a { margin:0 0 0 6px; padding:0 0 2px 0; font-size:15px; font-weight:600; height:24px; line-height:24px; display:inline-block; color:#3e77aa; border-bottom:dashed #3e77aa 1px; text-decoration:none; }
.footer .menu div a:hover { border-bottom:transparent 1px; }




@media screen and (max-width:992px){
	.spacer { height:78px; }
	.header .logo-links .logo .name { display:none; }
	.sidebar { display:none; }
	.main .center { padding:0; }
	.width-footer { display:block; background:#fff; }
}

@media screen and (max-width:768px){
	.footer { display:block; max-width:768px; padding-top:20px; }
	.footer .logo { width:100%; justify-content:center; -webkit-justify-content:center; display:flex; display:-webkit-flex; }
	.footer .menu { display:block; width:100%; padding:12px 0; }
	.footer .menu div { text-align:center; font-size:15px; padding:6px 0; margin:0; }
	.footer .menu div a { font-size:15px; }
}





@media screen and (max-width:475px){
	.header .logo-links .links .phone__outer { padding:0; }
	.header .logo-links .links .phone__outer .phone .ico { display:none; }
}

@media screen and (max-width:350px){
	.header .logo-links .links .phone__outer .phone a { margin:0 0 0 12px; }
}