@font-face {
  font-family: "Pragmatica Cond";
  src: url("src/PragmaticaCond-LightOblique.eot");
  src: local("Pragmatica Cond Light Oblique"), local("PragmaticaCond-LightOblique"), url("src/PragmaticaCond-LightOblique.eot?#iefix") format("embedded-opentype"), url("src/PragmaticaCond-LightOblique.woff2") format("woff2"), url("src/PragmaticaCond-LightOblique.woff") format("woff"), url("src/PragmaticaCond-LightOblique.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Pragmatica Extended";
  src: url("src/PragmaticaExtended-BookOblique.eot");
  src: local("Pragmatica Extended Book Oblique"), local("PragmaticaExtended-BookOblique"), url("src/PragmaticaExtended-BookOblique.eot?#iefix") format("embedded-opentype"), url("src/PragmaticaExtended-BookOblique.woff2") format("woff2"), url("src/PragmaticaExtended-BookOblique.woff") format("woff"), url("src/PragmaticaExtended-BookOblique.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Pragmatica Shadow";
  src: url("src/PragmaticaShadow-Oblique.eot");
  src: local("Pragmatica Shadow Oblique"), local("PragmaticaShadow-Oblique"), url("src/PragmaticaShadow-Oblique.eot?#iefix") format("embedded-opentype"), url("src/PragmaticaShadow-Oblique.woff2") format("woff2"), url("src/PragmaticaShadow-Oblique.woff") format("woff"), url("src/PragmaticaShadow-Oblique.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Pragmatica Cond";
  src: url("src/PragmaticaCond-ExtraLightObliqu.eot");
  src: local("Pragmatica Cond ExtraLight Oblique"), local("PragmaticaCond-ExtraLightObliqu"), url("src/PragmaticaCond-ExtraLightObliqu.eot?#iefix") format("embedded-opentype"), url("src/PragmaticaCond-ExtraLightObliqu.woff2") format("woff2"), url("src/PragmaticaCond-ExtraLightObliqu.woff") format("woff"), url("src/PragmaticaCond-ExtraLightObliqu.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Pragmatica";
  src: url("src/Pragmatica-ExtraLightOblique.eot");
  src: local("Pragmatica ExtraLight Oblique"), local("Pragmatica-ExtraLightOblique"), url("src/Pragmatica-ExtraLightOblique.eot?#iefix") format("embedded-opentype"), url("src/Pragmatica-ExtraLightOblique.woff2") format("woff2"), url("src/Pragmatica-ExtraLightOblique.woff") format("woff"), url("src/Pragmatica-ExtraLightOblique.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Pragmatica Cond";
  src: url("src/PragmaticaCond-Book.eot");
  src: local("Pragmatica Cond Book"), local("PragmaticaCond-Book"), url("src/PragmaticaCond-Book.eot?#iefix") format("embedded-opentype"), url("src/PragmaticaCond-Book.woff2") format("woff2"), url("src/PragmaticaCond-Book.woff") format("woff"), url("src/PragmaticaCond-Book.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Pragmatica Extended";
  src: url("src/PragmaticaExtended-Light.eot");
  src: local("Pragmatica Extended Light"), local("PragmaticaExtended-Light"), url("src/PragmaticaExtended-Light.eot?#iefix") format("embedded-opentype"), url("src/PragmaticaExtended-Light.woff2") format("woff2"), url("src/PragmaticaExtended-Light.woff") format("woff"), url("src/PragmaticaExtended-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Pragmatica";
  src: url("src/Pragmatica-ExtraBoldOblique.eot");
  src: local("Pragmatica ExtraBold Oblique"), local("Pragmatica-ExtraBoldOblique"), url("src/Pragmatica-ExtraBoldOblique.eot?#iefix") format("embedded-opentype"), url("src/Pragmatica-ExtraBoldOblique.woff2") format("woff2"), url("src/Pragmatica-ExtraBoldOblique.woff") format("woff"), url("src/Pragmatica-ExtraBoldOblique.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Pragmatica Extended";
  src: url("src/PragmaticaExtended-Medium.eot");
  src: local("Pragmatica Extended Medium"), local("PragmaticaExtended-Medium"), url("src/PragmaticaExtended-Medium.eot?#iefix") format("embedded-opentype"), url("src/PragmaticaExtended-Medium.woff2") format("woff2"), url("src/PragmaticaExtended-Medium.woff") format("woff"), url("src/PragmaticaExtended-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Pragmatica Extended";
  src: url("src/PragmaticaExtended-BlackOblique.eot");
  src: local("Pragmatica Extended Black Oblique"), local("PragmaticaExtended-BlackOblique"), url("src/PragmaticaExtended-BlackOblique.eot?#iefix") format("embedded-opentype"), url("src/PragmaticaExtended-BlackOblique.woff2") format("woff2"), url("src/PragmaticaExtended-BlackOblique.woff") format("woff"), url("src/PragmaticaExtended-BlackOblique.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Pragmatica Extended";
  src: url("src/PragmaticaExtended-Book.eot");
  src: local("Pragmatica Extended Book"), local("PragmaticaExtended-Book"), url("src/PragmaticaExtended-Book.eot?#iefix") format("embedded-opentype"), url("src/PragmaticaExtended-Book.woff2") format("woff2"), url("src/PragmaticaExtended-Book.woff") format("woff"), url("src/PragmaticaExtended-Book.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Pragmatica Extended";
  src: url("src/PragmaticaExtended-Black.eot");
  src: local("Pragmatica Extended Black"), local("PragmaticaExtended-Black"), url("src/PragmaticaExtended-Black.eot?#iefix") format("embedded-opentype"), url("src/PragmaticaExtended-Black.woff2") format("woff2"), url("src/PragmaticaExtended-Black.woff") format("woff"), url("src/PragmaticaExtended-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Pragmatica Extended";
  src: url("src/PragmaticaExtended-BoldOblique.eot");
  src: local("Pragmatica Extended Bold Oblique"), local("PragmaticaExtended-BoldOblique"), url("src/PragmaticaExtended-BoldOblique.eot?#iefix") format("embedded-opentype"), url("src/PragmaticaExtended-BoldOblique.woff2") format("woff2"), url("src/PragmaticaExtended-BoldOblique.woff") format("woff"), url("src/PragmaticaExtended-BoldOblique.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Pragmatica Cond";
  src: url("src/PragmaticaCond-Medium.eot");
  src: local("Pragmatica Cond Medium"), local("PragmaticaCond-Medium"), url("src/PragmaticaCond-Medium.eot?#iefix") format("embedded-opentype"), url("src/PragmaticaCond-Medium.woff2") format("woff2"), url("src/PragmaticaCond-Medium.woff") format("woff"), url("src/PragmaticaCond-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Pragmatica Extended";
  src: url("src/PragmaticaExtended-LightOblique.eot");
  src: local("Pragmatica Extended Light Oblique"), local("PragmaticaExtended-LightOblique"), url("src/PragmaticaExtended-LightOblique.eot?#iefix") format("embedded-opentype"), url("src/PragmaticaExtended-LightOblique.woff2") format("woff2"), url("src/PragmaticaExtended-LightOblique.woff") format("woff"), url("src/PragmaticaExtended-LightOblique.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Pragmatica";
  src: url("src/Pragmatica-LightOblique.eot");
  src: local("Pragmatica Light Oblique"), local("Pragmatica-LightOblique"), url("src/Pragmatica-LightOblique.eot?#iefix") format("embedded-opentype"), url("src/Pragmatica-LightOblique.woff2") format("woff2"), url("src/Pragmatica-LightOblique.woff") format("woff"), url("src/Pragmatica-LightOblique.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Pragmatica Extended";
  src: url("src/PragmaticaExtended-ExtraBoldObl.eot");
  src: local("Pragmatica Extended ExtraBold Oblique"), local("PragmaticaExtended-ExtraBoldObl"), url("src/PragmaticaExtended-ExtraBoldObl.eot?#iefix") format("embedded-opentype"), url("src/PragmaticaExtended-ExtraBoldObl.woff2") format("woff2"), url("src/PragmaticaExtended-ExtraBoldObl.woff") format("woff"), url("src/PragmaticaExtended-ExtraBoldObl.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Pragmatica";
  src: url("src/Pragmatica-Bold.eot");
  src: local("Pragmatica Bold"), local("Pragmatica-Bold"), url("src/Pragmatica-Bold.eot?#iefix") format("embedded-opentype"), url("src/Pragmatica-Bold.woff2") format("woff2"), url("src/Pragmatica-Bold.woff") format("woff"), url("src/Pragmatica-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Pragmatica";
  src: url("src/Pragmatica-BlackOblique.eot");
  src: local("Pragmatica Black Oblique"), local("Pragmatica-BlackOblique"), url("src/Pragmatica-BlackOblique.eot?#iefix") format("embedded-opentype"), url("src/Pragmatica-BlackOblique.woff2") format("woff2"), url("src/Pragmatica-BlackOblique.woff") format("woff"), url("src/Pragmatica-BlackOblique.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Pragmatica Extended";
  src: url("src/PragmaticaExtended-Bold.eot");
  src: local("Pragmatica Extended Bold"), local("PragmaticaExtended-Bold"), url("src/PragmaticaExtended-Bold.eot?#iefix") format("embedded-opentype"), url("src/PragmaticaExtended-Bold.woff2") format("woff2"), url("src/PragmaticaExtended-Bold.woff") format("woff"), url("src/PragmaticaExtended-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Pragmatica";
  src: url("src/Pragmatica-Black.eot");
  src: local("Pragmatica Black"), local("Pragmatica-Black"), url("src/Pragmatica-Black.eot?#iefix") format("embedded-opentype"), url("src/Pragmatica-Black.woff2") format("woff2"), url("src/Pragmatica-Black.woff") format("woff"), url("src/Pragmatica-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Pragmatica Cond";
  src: url("src/PragmaticaCond-ExtraBoldOblique.eot");
  src: local("Pragmatica Cond ExtraBold Oblique"), local("PragmaticaCond-ExtraBoldOblique"), url("src/PragmaticaCond-ExtraBoldOblique.eot?#iefix") format("embedded-opentype"), url("src/PragmaticaCond-ExtraBoldOblique.woff2") format("woff2"), url("src/PragmaticaCond-ExtraBoldOblique.woff") format("woff"), url("src/PragmaticaCond-ExtraBoldOblique.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Pragmatica Cond";
  src: url("src/PragmaticaCond-MediumOblique.eot");
  src: local("Pragmatica Cond Medium Oblique"), local("PragmaticaCond-MediumOblique"), url("src/PragmaticaCond-MediumOblique.eot?#iefix") format("embedded-opentype"), url("src/PragmaticaCond-MediumOblique.woff2") format("woff2"), url("src/PragmaticaCond-MediumOblique.woff") format("woff"), url("src/PragmaticaCond-MediumOblique.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Pragmatica";
  src: url("src/Pragmatica-Medium.eot");
  src: local("Pragmatica Medium"), local("Pragmatica-Medium"), url("src/Pragmatica-Medium.eot?#iefix") format("embedded-opentype"), url("src/Pragmatica-Medium.woff2") format("woff2"), url("src/Pragmatica-Medium.woff") format("woff"), url("src/Pragmatica-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Pragmatica";
  src: url("src/Pragmatica-BookOblique.eot");
  src: local("Pragmatica Book Oblique"), local("Pragmatica-BookOblique"), url("src/Pragmatica-BookOblique.eot?#iefix") format("embedded-opentype"), url("src/Pragmatica-BookOblique.woff2") format("woff2"), url("src/Pragmatica-BookOblique.woff") format("woff"), url("src/Pragmatica-BookOblique.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Pragmatica Cond";
  src: url("src/PragmaticaCond-BoldOblique.eot");
  src: local("Pragmatica Cond Bold Oblique"), local("PragmaticaCond-BoldOblique"), url("src/PragmaticaCond-BoldOblique.eot?#iefix") format("embedded-opentype"), url("src/PragmaticaCond-BoldOblique.woff2") format("woff2"), url("src/PragmaticaCond-BoldOblique.woff") format("woff"), url("src/PragmaticaCond-BoldOblique.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Pragmatica Cond";
  src: url("src/PragmaticaCond-ExtraBold.eot");
  src: local("Pragmatica Cond ExtraBold"), local("PragmaticaCond-ExtraBold"), url("src/PragmaticaCond-ExtraBold.eot?#iefix") format("embedded-opentype"), url("src/PragmaticaCond-ExtraBold.woff2") format("woff2"), url("src/PragmaticaCond-ExtraBold.woff") format("woff"), url("src/PragmaticaCond-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Pragmatica Extended";
  src: url("src/PragmaticaExtended-MediumObliqu.eot");
  src: local("Pragmatica Extended Medium Oblique"), local("PragmaticaExtended-MediumObliqu"), url("src/PragmaticaExtended-MediumObliqu.eot?#iefix") format("embedded-opentype"), url("src/PragmaticaExtended-MediumObliqu.woff2") format("woff2"), url("src/PragmaticaExtended-MediumObliqu.woff") format("woff"), url("src/PragmaticaExtended-MediumObliqu.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Pragmatica Cond";
  src: url("src/PragmaticaCond-BookOblique.eot");
  src: local("Pragmatica Cond Book Oblique"), local("PragmaticaCond-BookOblique"), url("src/PragmaticaCond-BookOblique.eot?#iefix") format("embedded-opentype"), url("src/PragmaticaCond-BookOblique.woff2") format("woff2"), url("src/PragmaticaCond-BookOblique.woff") format("woff"), url("src/PragmaticaCond-BookOblique.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Pragmatica Extended";
  src: url("src/PragmaticaExtended-ExtraLight.eot");
  src: local("Pragmatica Extended ExtraLight"), local("PragmaticaExtended-ExtraLight"), url("src/PragmaticaExtended-ExtraLight.eot?#iefix") format("embedded-opentype"), url("src/PragmaticaExtended-ExtraLight.woff2") format("woff2"), url("src/PragmaticaExtended-ExtraLight.woff") format("woff"), url("src/PragmaticaExtended-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Pragmatica";
  src: url("src/Pragmatica-MediumOblique.eot");
  src: local("Pragmatica Medium Oblique"), local("Pragmatica-MediumOblique"), url("src/Pragmatica-MediumOblique.eot?#iefix") format("embedded-opentype"), url("src/Pragmatica-MediumOblique.woff2") format("woff2"), url("src/Pragmatica-MediumOblique.woff") format("woff"), url("src/Pragmatica-MediumOblique.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Pragmatica";
  src: url("src/Pragmatica-ExtraBold.eot");
  src: local("Pragmatica ExtraBold"), local("Pragmatica-ExtraBold"), url("src/Pragmatica-ExtraBold.eot?#iefix") format("embedded-opentype"), url("src/Pragmatica-ExtraBold.woff2") format("woff2"), url("src/Pragmatica-ExtraBold.woff") format("woff"), url("src/Pragmatica-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Pragmatica Cond";
  src: url("src/PragmaticaCond-ExtraLight.eot");
  src: local("Pragmatica Cond ExtraLight"), local("PragmaticaCond-ExtraLight"), url("src/PragmaticaCond-ExtraLight.eot?#iefix") format("embedded-opentype"), url("src/PragmaticaCond-ExtraLight.woff2") format("woff2"), url("src/PragmaticaCond-ExtraLight.woff") format("woff"), url("src/PragmaticaCond-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Pragmatica";
  src: url("src/Pragmatica-Light.eot");
  src: local("Pragmatica Light"), local("Pragmatica-Light"), url("src/Pragmatica-Light.eot?#iefix") format("embedded-opentype"), url("src/Pragmatica-Light.woff2") format("woff2"), url("src/Pragmatica-Light.woff") format("woff"), url("src/Pragmatica-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Pragmatica Extended";
  src: url("src/PragmaticaExtended-ExtraLightOb.eot");
  src: local("Pragmatica Extended ExtraLight Oblique"), local("PragmaticaExtended-ExtraLightOb"), url("src/PragmaticaExtended-ExtraLightOb.eot?#iefix") format("embedded-opentype"), url("src/PragmaticaExtended-ExtraLightOb.woff2") format("woff2"), url("src/PragmaticaExtended-ExtraLightOb.woff") format("woff"), url("src/PragmaticaExtended-ExtraLightOb.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Pragmatica Cond";
  src: url("src/PragmaticaCond-Light.eot");
  src: local("Pragmatica Cond Light"), local("PragmaticaCond-Light"), url("src/PragmaticaCond-Light.eot?#iefix") format("embedded-opentype"), url("src/PragmaticaCond-Light.woff2") format("woff2"), url("src/PragmaticaCond-Light.woff") format("woff"), url("src/PragmaticaCond-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Pragmatica Cond";
  src: url("src/PragmaticaCond-BlackOblique.eot");
  src: local("Pragmatica Cond Black Oblique"), local("PragmaticaCond-BlackOblique"), url("src/PragmaticaCond-BlackOblique.eot?#iefix") format("embedded-opentype"), url("src/PragmaticaCond-BlackOblique.woff2") format("woff2"), url("src/PragmaticaCond-BlackOblique.woff") format("woff"), url("src/PragmaticaCond-BlackOblique.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Pragmatica Cond";
  src: url("src/PragmaticaCond-Bold.eot");
  src: local("Pragmatica Cond Bold"), local("PragmaticaCond-Bold"), url("src/PragmaticaCond-Bold.eot?#iefix") format("embedded-opentype"), url("src/PragmaticaCond-Bold.woff2") format("woff2"), url("src/PragmaticaCond-Bold.woff") format("woff"), url("src/PragmaticaCond-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Pragmatica Cond";
  src: url("src/PragmaticaCond-Black.eot");
  src: local("Pragmatica Cond Black"), local("PragmaticaCond-Black"), url("src/PragmaticaCond-Black.eot?#iefix") format("embedded-opentype"), url("src/PragmaticaCond-Black.woff2") format("woff2"), url("src/PragmaticaCond-Black.woff") format("woff"), url("src/PragmaticaCond-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Pragmatica Shadow";
  src: url("src/PragmaticaShadow-Book.eot");
  src: local("Pragmatica Shadow Book"), local("PragmaticaShadow-Book"), url("src/PragmaticaShadow-Book.eot?#iefix") format("embedded-opentype"), url("src/PragmaticaShadow-Book.woff2") format("woff2"), url("src/PragmaticaShadow-Book.woff") format("woff"), url("src/PragmaticaShadow-Book.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Pragmatica";
  src: url("src/Pragmatica-BoldOblique.eot");
  src: local("Pragmatica Bold Oblique"), local("Pragmatica-BoldOblique"), url("src/Pragmatica-BoldOblique.eot?#iefix") format("embedded-opentype"), url("src/Pragmatica-BoldOblique.woff2") format("woff2"), url("src/Pragmatica-BoldOblique.woff") format("woff"), url("src/Pragmatica-BoldOblique.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Pragmatica";
  src: url("src/Pragmatica-Book.eot");
  src: local("Pragmatica Book"), local("Pragmatica-Book"), url("src/Pragmatica-Book.eot?#iefix") format("embedded-opentype"), url("src/Pragmatica-Book.woff2") format("woff2"), url("src/Pragmatica-Book.woff") format("woff"), url("src/Pragmatica-Book.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Pragmatica";
  src: url("src/Pragmatica-ExtraLight.eot");
  src: local("Pragmatica ExtraLight"), local("Pragmatica-ExtraLight"), url("src/Pragmatica-ExtraLight.eot?#iefix") format("embedded-opentype"), url("src/Pragmatica-ExtraLight.woff2") format("woff2"), url("src/Pragmatica-ExtraLight.woff") format("woff"), url("src/Pragmatica-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Pragmatica";
  src: url("src/PragmaticaExtended-ExtraBold.eot");
  src: local("Pragmatica Extended ExtraBold"), local("PragmaticaExtended-ExtraBold"), url("src/PragmaticaExtended-ExtraBold.eot?#iefix") format("embedded-opentype"), url("src/PragmaticaExtended-ExtraBold.woff2") format("woff2"), url("src/PragmaticaExtended-ExtraBold.woff") format("woff"), url("src/PragmaticaExtended-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  margin: 0; /*-webkit-appearance:none; -webkit-tap-highlight-color:transparent;*/
}

*:after,
*:before {
  pointer-events: none;
}

HTML, BODY {
  width: 100%;
  height: 100%;
}

BODY {
  position: relative;
  font-family: Pragmatica, sans-serif;
  font-size: 18px;
  font-weight: normal;
  background: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow-x: hidden;
  overflow-y: hidden;
}

UL, LI {
  list-style: none;
}

/*INPUT, TEXTAREA, BUTTON	{ font-family:inherit; border:none; background:transparent; outline:none; appearance:none; -webkit-appearance:none; font-size:inherit; }
INPUT::placeholder { color:#9FA2B4; }
INPUT	{ background:#fff; border:1px solid #000; }*/
INPUT[type=radio],
INPUT[type=checkbox] {
  float: left;
}

TEXTAREA {
  overflow: hidden;
}

LABEL {
  display: block;
}

INPUT::-webkit-outer-spin-button,
INPUT::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

INPUT[type=number] {
  -moz-appearance: textfield;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.main_wrapper {
  position: relative;
  height: 100%;
}

.left_model {
  width: calc(100% - 500px);
  height: 100%;
  border: 1px dotted;
  position: relative;
  border: none;
}

.scene {
  height: 100%;
}

.right_interface {
  position: fixed;
  right: 0;
  top: 0;
  width: 500px;
  height: 100%;
  padding: 0px;
  z-index: 1;
  background: #fff;
  padding-left: 20px;
}

.interface_wrapper {
  height: 100%;
  overflow-y: auto;
  scrollbar-gutter: stable;
  padding: 20px 15px 20px 0;
}

.interface_wrapper::-webkit-scrollbar {
  width: 10px; /*border-top:1px solid #000; border-bottom:1px solid #000;*/
}

.interface_wrapper::-webkit-scrollbar-button {
  background: blue;
  display: none;
}

.interface_wrapper::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 0px;
}

.interface_wrapper::-webkit-scrollbar-thumb:hover {
  background: rgb(178, 16, 1);
}

.interface_wrapper::-webkit-scrollbar-corner {
  background: blue;
}

.wrap_content {
  padding: 0 10px;
}

.title {
  margin-bottom: 25px;
  font-weight: 500;
  line-height: 15px;
  font-size: 14px;
}

.range_wrapper-wrap {
  width: 100%;
  margin: 0 0 20px 0;
  clear: both;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 36px;
  padding: 0 117px 0 90px;
  position: relative;
}
.range_wrapper-wrap:last-child {
  margin-bottom: 10px;
}

.range_wrapper {
  position: static;
  width: 100%;
}

.range_wrapper LABEL {
  cursor: pointer;
  margin-bottom: 5px;
}

.range_caption {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  font-size: 16px;
  line-height: 10px;
}

.range_wrapper:hover .range_caption,
.range_wrapper.range_active .range_caption {
  color: rgb(178, 16, 1);
}

.range_val {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  width: 97px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.range_val input[type=text] {
  width: 71px;
  height: 40px;
  text-align: center;
  background: none;
  margin: 0;
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  border: 0;
  font-family: "Pragmatica";
  border-bottom: 1px solid #b5b5b5;
}

.range_input {
  font-family: Roboto;
  font-size: 16px;
  height: 22px;
  text-align: center;
  background: rgba(255, 255, 255, 0);
  border: 1px solid #575b71;
  width: 60px;
  outline: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  margin-right: 2px;
  color: #575b71;
  -webkit-transition: border-color 0.3s, background 0.3s;
  transition: border-color 0.3s, background 0.3s;
  padding-top: 1px;
}

.range_wrapper:hover .range_input,
.range_wrapper.range_active .range_input {
  border-color: rgb(178, 16, 1);
}

.range_val:hover .range_input {
  background: #fff;
}

.range_input:focus:hover,
.range_input:focus {
  background: rgba(178, 16, 1, 0.15);
  border-color: rgb(178, 16, 1);
}

.range_slider {
  margin-top: 5px;
  position: relative;
  cursor: pointer;
  padding: 0 10px;
  width: 100%;
}

.range_slide {
  position: relative;
  width: 100%;
  height: 8px;
  border: 2px; /*background:#fff; border:1px solid rgba(102, 55, 12, .1);*/
  border-radius: 4px;
}

.range_slide:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 98%;
  height: 1px;
  background: #575b71;
}

.range_wrapper:hover .range_slide:before,
.range_wrapper.range_active .range_slide:before {
  background: rgb(178, 16, 1);
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}

.range_control {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #1e1e1e;
}

.range_control:hover {
  border-color: rgb(178, 16, 1);
  background: #fff;
}

.range_active .range_control {
  background: rgb(178, 16, 1);
  border-color: rgb(178, 16, 1);
}

.radios_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  line-height: 30px;
  position: relative;
  margin-bottom: 20px;
}

.col_1_2 {
  width: 50%;
}

.block_title {
  font-size: 12px;
  height: 26px;
  line-height: 26px;
  font-weight: bold;
  color: #222;
}

.radios_wrap { /*overflow:hidden;*/
  width: 100%;
  height: 30px;
  -webkit-box-shadow: 0 0 10px 0 rgb(205, 200, 210);
          box-shadow: 0 0 10px 0 rgb(205, 200, 210);
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
  border-radius: 14px;
}

/*.radios_wrapper:hover .radios_wrap	{ box-shadow:0 0 10px 0 rgba(255, 200, 210, 1); }*/
.radios_caption {
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #222;
  width: 100px;
}

.radio_label {
  position: relative;
  display: block;
  float: left;
  text-align: center;
  cursor: pointer;
  height: 40px;
}

.radio_label.flat {
  display: none;
}

.radio_label .caption {
  display: block;
  vertical-align: middle;
  position: relative;
  background: #fff;
  -webkit-transition: background 0.3s, color 0.3s, -webkit-box-shadow 0.3s;
  transition: background 0.3s, color 0.3s, -webkit-box-shadow 0.3s;
  transition: background 0.3s, color 0.3s, box-shadow 0.3s;
  transition: background 0.3s, color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
}

.radio_label:first-child .caption {
  border-radius: 14px 0 0 14px;
  border-right: 1px solid rgb(205, 200, 210);
}

.radio_label:last-child .caption {
  border-radius: 0 14px 14px 0;
}

.radio_label .caption:hover {
  -webkit-box-shadow: 0 0 10px 0 rgb(255, 200, 210);
          box-shadow: 0 0 10px 0 rgb(255, 200, 210);
}

.radio_label INPUT:checked ~ .caption {
  background: rgb(178, 16, 1);
  color: #fff;
  -webkit-box-shadow: 0 0 10px 0 rgb(255, 200, 210);
          box-shadow: 0 0 10px 0 rgb(255, 200, 210);
}

.radio_label INPUT:not(:checked) ~ .caption:hover {
  color: rgb(178, 16, 1);
}

.radio_label .caption_text {
  font-family: Roboto;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.radio_label .caption:after {
  content: "";
  width: 0;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

INPUT[type=radio] {
  display: none;
}

/*INPUT[type="radio"] + .radio_icon	{ position:relative; width:16px; height:16px; border-radius:50%; border:1px solid rgba(0, 0, 0, 1); display:inline-block; transition:border-color .3s, background .3s; }
INPUT[type="radio"] + .radio_icon:after	{ content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:8px; height:8px; background:transparent; border-radius:50%; }
INPUT[type="radio"]:checked + .radio_icon:after	{ background:rgba(0, 0, 0, 1); transition:background .3s; }
.radio_label:hover INPUT[type="radio"] + .radio_icon	{ border-color:rgba(178, 16, 1, 1); background:#fff; }
.radio_label:hover INPUT[type="radio"]:checked + .radio_icon:after	{ background:rgba(178, 16, 1, 1); }
.radio_label:hover .caption_text	{ color:rgba(178, 16, 1, 1); }*/
.window_params {
  display: none;
}

.window_params.active {
  display: block;
}

.cable_params {
  display: none;
}

.cable_params.active {
  display: block;
}

.ventilation_params {
  display: none;
}

.ventilation_params.active {
  display: block;
}

.settings_btn {
  position: fixed;
  width: 44px;
  height: 44px;
  z-index: 1;
  cursor: pointer;
  -webkit-transition: border-color 0.3s, background 0.3s;
  transition: border-color 0.3s, background 0.3s;
  display: none;
}

.settings_ico {
  position: absolute;
  left: 20%;
  width: 60%;
  height: 2px;
  background: rgb(102, 55, 12);
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}

.settings_btn:hover .settings_ico {
  background: #575b71;
}

/*.show_settings .settings_btn .settings_ico	{ background:#fff; }*/
.settings_ico1 {
  top: 25%;
}

.settings_ico2 {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.settings_ico3 {
  bottom: 25%;
}

.settings_ico:after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 6px;
  height: 6px;
  border: 2px solid #575b71;
  border-radius: 4px;
  background: #575b71;
}

.settings_btn:hover .settings_ico:after {
  border-color: #575b71;
}

.settings_ico1:after {
  left: 10%;
  -webkit-transition: border-color 0.3s, background 0.3s, -webkit-transform 0.3s;
  transition: border-color 0.3s, background 0.3s, -webkit-transform 0.3s;
  transition: border-color 0.3s, background 0.3s, transform 0.3s;
  transition: border-color 0.3s, background 0.3s, transform 0.3s, -webkit-transform 0.3s;
}

.settings_ico2:after {
  left: 60%;
  -webkit-transition: border-color 0.3s, background 0.3s, -webkit-transform 0.3s;
  transition: border-color 0.3s, background 0.3s, -webkit-transform 0.3s;
  transition: border-color 0.3s, background 0.3s, transform 0.3s;
  transition: border-color 0.3s, background 0.3s, transform 0.3s, -webkit-transform 0.3s;
}

.settings_ico3:after {
  left: 22%;
  -webkit-transition: border-color 0.3s, background 0.3s, -webkit-transform 0.3s;
  transition: border-color 0.3s, background 0.3s, -webkit-transform 0.3s;
  transition: border-color 0.3s, background 0.3s, transform 0.3s;
  transition: border-color 0.3s, background 0.3s, transform 0.3s, -webkit-transform 0.3s;
}

.show_settings .settings_btn .settings_ico1:after {
  -webkit-transform: translate(12px, -50%);
          transform: translate(12px, -50%);
}

.show_settings .settings_btn .settings_ico2:after {
  -webkit-transform: translate(-10px, -50%);
          transform: translate(-10px, -50%);
}

.show_settings .settings_btn .settings_ico3:after {
  -webkit-transform: translate(6px, -50%);
          transform: translate(6px, -50%);
}

.save_btn {
  position: fixed;
  width: 44px;
  height: 44px;
  z-index: 0;
  cursor: pointer;
  -webkit-transition: border-color 0.3s, background 0.3s;
  transition: border-color 0.3s, background 0.3s;
  display: none;
  top: 0;
  left: 0;
}

.save_btn .save_ico {
  width: 100%;
  display: block;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}

.save_btn .save_ico .fill {
  fill: #575b71;
}

.accordion {
  overflow: hidden;
}

.accordion .accordion_item {
  margin-bottom: 10px;
  border: 1px solid #e9edf2;
}
.accordion .accordion_item:last-child {
  margin-bottom: 0;
}

.accordion .accordion_item .accordion_title {
  padding: 10px 10px; /*background:rgba(205, 200, 210, 1);*/
  background: transparent;
  cursor: pointer;
  -webkit-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
  cursor: pointer;
  background: #f5f5f7 url(img/arrow3.svg) no-repeat right 20px top 50%;
  padding: 15px 20px;
  font-size: 20px;
  font-weight: 500;
  line-height: 15px;
}

.accordion .accordion_item .accordion_title:hover {
  background: rgb(178, 16, 1);
  background: #f5f5f7 url(img/arrow3a.svg) no-repeat right 20px top 50%;
}

.accordion .accordion_item.active .accordion_title {
  background: rgb(178, 16, 1);
  background: #f5f5f7 url(img/arrow3a.svg) no-repeat right 20px top 50%;
}

.accordion .accordion_item .accordion_content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  _padding: 20px;
  overflow: hidden;
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
  background: #fff;
}

.accordion .accordion_item.active .accordion_content {
  _padding: 20px;
}

.accordion .accordion_item .accordion_content .content_wrapper {
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.accordion .accordion_item.p0 .accordion_content .content_wrapper {
  padding: 0;
}

/*.window_wrapper	{ display:none; }
.window_wrapper.active	{ display:block; }

.plusone	{ width:100%; height:35px; line-height:30px; text-align:center; font-weight:900; font-size:34px; border:2px solid rgba(178, 16, 1, 1); color:rgba(178, 16, 1, 1); background:rgba(178, 16, 1, .1); }*/
.window_wrapper,
.cable_wrapper,
.ventilation_wrapper {
  overflow: hidden;
}

.window_params,
.cable_params,
.ventilation_params {
  padding: 25px 20px;
  border-bottom: 1px solid #e9edf2;
}

.checkbox_wrapper LABEL {
  width: 100%;
  cursor: pointer;
  position: relative;
}

.checkbox_wrapper LABEL INPUT {
  display: none;
}

.checkbox_wrapper LABEL .checkbox_text {
  -webkit-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
  display: block;
  cursor: pointer;
  padding: 24px 20px 24px 50px;
  font-weight: 500;
  line-height: 15px;
  border-bottom: 1px solid #e9edf2;
  font-size: 14px;
}

.checkbox_wrapper LABEL INPUT:disabled ~ .checkbox_text {
  color: #888;
}

.checkbox_wrapper LABEL INPUT ~ .checkbox_icon {
  position: absolute;
  left: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url(img/checkbox.svg) no-repeat center;
}

.checkbox_wrapper LABEL INPUT ~ .checkbox_icon:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  background: transparent;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  border-radius: 2px;
}

.checkbox_wrapper LABEL:hover INPUT ~ .checkbox_icon:after {
  width: 20px;
  height: 20px;
  background: url(img/checkbox2.svg) no-repeat center;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}

.checkbox_wrapper LABEL INPUT:disabled ~ .checkbox_icon:after {
  width: 20px;
  height: 20px;
  background: url(img/checkbox.svg) no-repeat center;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}

.checkbox_wrapper LABEL INPUT:checked ~ .checkbox_icon:after {
  width: 20px;
  height: 20px;
  background: url(img/checkbox2.svg) no-repeat center;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}

.back__go {
  border: 1px solid #eaeaea;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  width: 150px;
  height: 48px;
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 2;
  line-height: 48px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
  color: #000;
  background: #fff;
}
.back__go img {
  vertical-align: middle;
  margin: -4px 4px 0 0;
}

.controls_wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-bottom: 10px;
  margin-bottom: 10px;
  border: 1px solid #eaeaea;
  display: inline-block;
  font-size: 0;
}

.controls_wrapper .control {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  width: 150px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
}

.controls_wrapper .control img {
  vertical-align: middle;
  margin: -4px 4px 0 0;
}

.controls_wrapper span {
  display: inline-block;
  width: 1px;
  height: 20px;
  background: url(img/dots.svg);
  vertical-align: middle;
}

.controls_wrapper .control:hover .control_caption {
  color: rgb(178, 16, 1);
  border-color: transparent;
}

.presets_wrapper {
  width: 100%;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  background: #f5f5f7;
  padding: 4px;
}

.presets_wrapper::-webkit-scrollbar {
  height: 10px;
}

.presets_wrapper::-webkit-scrollbar-button {
  background: blue;
  display: none;
}

.presets_wrapper::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 5px;
}

.presets_wrapper::-webkit-scrollbar-thumb:hover {
  background: rgb(178, 16, 1);
}

.presets_wrapper::-webkit-scrollbar-corner {
  background: blue;
}

.presets_wrapper .presets_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 100%;
}

.presets_wrapper .preset_item {
  cursor: pointer;
  width: 50%;
  text-align: center;
}
.presets_wrapper .preset_item.active .preset_caption {
  background: #fff;
  color: #000;
}

.presets_wrapper .preset_pict {
  width: 100px;
  display: block;
}

.presets_wrapper .preset_caption {
  height: 48px;
  line-height: 48px;
  text-align: center;
  cursor: pointer;
  color: rgba(30, 30, 30, 0.5);
  font-size: 12px;
  font-weight: 500;
}

.presets_wrapper .preset_item:hover .preset_caption {
  color: #000;
  border-color: transparent;
}

.presets_wrapper:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  -webkit-transform: translate(-50%, 9px);
          transform: translate(-50%, 9px);
  width: 75%;
  height: 1px;
  background: rgb(0, 0, 0);
}

.zoom_wrapper {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.zoom_wrapper .zoom {
  position: relative;
  width: 40px;
  height: 40px;
  margin: 5px 0;
  border-radius: 50%;
  border: 1px solid #575b71;
  background: rgba(255, 255, 255, 0.5);
  -webkit-transition: border 0.3s, background 0.3s;
  transition: border 0.3s, background 0.3s;
  cursor: pointer;
}

.zoom_wrapper .zoom:hover {
  background: rgb(178, 16, 1);
  border-color: rgb(178, 16, 1);
}

.zoom_wrapper .zoom.zoomout:before,
.zoom_wrapper .zoom.zoomin:before,
.zoom_wrapper .zoom.zoomin:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 50%;
  height: 2px;
  background: #575b71;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}

.zoom_wrapper .zoom.zoomin:after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}

.zoom_wrapper .zoom.zoomout:hover:before,
.zoom_wrapper .zoom.zoomin:hover:before,
.zoom_wrapper .zoom.zoomin:hover:after {
  background: #fff;
}

.collapse_btn {
  display: none;
}

.apply-btn {
  width: 100%;
  height: 67px;
  color: #fff;
  background: #000000;
  font-size: 16px;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

#watermark {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 180px;
  display: block;
  pointer-events: none;
}/*# sourceMappingURL=style.css.map */