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

:focus {
  outline: -webkit-focus-ring-color auto 0px;
}

.up {
  text-transform: uppercase;
}

.none {
  text-decoration: none;
}

.th {
  font-weight: 100;
}

.el {
  font-weight: 200;
}

.l {
  font-weight: 300;
}

.reg {
  font-weight: 400;
}

.med {
  font-weight: 500;
}

.sb {
  font-weight: 600;
}

.bold {
  font-weight: 700;
}

.eb {
  font-weight: 800;
}

.black {
  font-weight: 900;
}

.un {
  text-decoration: underline;
}

.in {
  display: inline-block;
}

.vam {
  vertical-align: middle;
}

.rel {
  position: relative;
}

.bl {
  display: block;
}

.abs {
  position: absolute;
}

.tr {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.try {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.trx {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.tc {
  display: table-cell;
  vertical-align: middle;
}

.dn {
  display: none;
}

.tac {
  text-align: center;
}

.tal {
  text-align: left;
}

.tar {
  text-align: right;
}

.taj {
  text-align: justify;
}

.it {
  font-style: italic;
}

.sn {
  font-style: normal;
}

.popup {
  position: fixed;
  width: 120%;
  height: 100%;
  left: -10%;
  top: 0;
  overflow-y: scroll;
  background: rgba(1, 1, 1, 0.7);
  z-index: 11;
  display: none;
}

.b0 {
  border: 0;
}

.bn {
  background: none;
}

.w100 {
  width: 100%;
}

.h100 {
  height: 100%;
}

.wa {
  width: auto;
}

.p0 {
  padding: 0;
}

.m0 {
  margin: 0;
}

.poi {
  cursor: pointer;
}

.auto {
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
}

.noup {
  text-transform: none;
}

.fix {
  position: fixed;
}

.tn {
  -webkit-transform: none;
  transform: none;
}

.bf {
  background: #fff;
}

.cf {
  color: #fff;
}

.c0 {
  color: #000;
}

.ap {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

body,
html {
  width: 100%;
  height: 100%;
}

body {
  background: #fff;
  overflow-x: hidden;
}

body,
th,
td {
  font-family: "Pragmatica";
  font-size: 14px;
  color: #000;
}

body,
form,
object,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
}

img,
table {
  border: none;
}

table {
  border-collapse: collapse;
}

table td {
  padding: 0;
}

a {
  color: #000;
  cursor: pointer;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

a:hover {
  text-decoration: none;
}

input,
textarea,
button,
select {
  margin: 0;
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  border: 0;
  font-family: "Pragmatica";
}

button,
input[type=submit] {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  cursor: pointer;
  border: 0;
}

ol,
ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

img {
  max-width: 100%;
}

.an {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.box {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

section,
header,
footer,
nav,
main {
  display: block;
}

.wrap {
  margin: 0 auto;
  max-width: 1305px;
  padding: 0 30px;
  box-sizing: border-box;
  width: 100%;
}

.wrap-cases {
  max-width: 1305px;
  padding: 0 30px;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.index-first {
  height: 800px;
  background: url(img/pattern-red.png) #ee4823 center 450px;
  position: relative;
}
@media (min-width: 1152px) {
  .index-first {
    height: 694px;
  }
}
.index-first .animation-block {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.index-first--real::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(img/header-shadow.png) center bottom repeat-x;
}
.index-first--real::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(img/main-text.png) no-repeat calc(50% - 37px) 105px/70vw auto;
  z-index: 15;
}
@media (min-width: 768px) {
  .index-first--real::after {
    background: url(img/main-text.png) calc(50% - 99px) 105px no-repeat;
  }
}

.index-first .imgs {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all 0.3s cubic-bezier(1, 1.6, 0.4, 0.5);
}

.index-first .imgs.show {
  transform: scale(1) translateY(0);
  opacity: 1;
}

.index-first .img2 {
  background: url("img/header/main_header2.png") center/cover;
  transform: scale(0.8) translateY(400px);
  transition: all 0.4s cubic-bezier(1, 1.6, 0.4, 0.5) 0.3s;
  z-index: 10;
}

.index-first .img4 {
  background: url("img/header/main_header4.png") center/cover;
  transform: scale(0.8) translateY(400px);
  transition: all 0.3s cubic-bezier(1, 1, 0.4, 0.5) 0.5s;
  z-index: 10;
}

.index-first .img3 {
  background: url("img/header/main_header3.png") center/cover;
  transform: scale(0.8) translateX(-200px);
  transition: all 0.3s ease 0.9s;
}

.index-first .img5_1 {
  background: url("img/header/main_header5_1.png") center/cover;
  z-index: 5;
  transform: scale(0.8) translateX(150px);
  transition: all 0.3s ease 1.1s;
}

.index-first .img6_1 {
  background: url("img/header/main_header6_1.png") center/cover;
  transform: scale(0.8) translateX(-150px);
  transition: all 0.3s ease 1.4s;
}

.index-first .img5 {
  background: url("img/header/main_header5.png") center/cover;
  z-index: 5;
  transform: scale(0.8) translateX(150px);
  transition: all 0.3s ease 1.6s;
}

.index-first .img6 {
  background: url("img/header/main_header6.png") center/cover;
  transform: scale(0.8) translateX(100px);
  transition: all 0.3s ease 1.7s;
}

.index-first.inner {
  height: auto;
  background: url(img/pattern-red.png) #ee4823 center 450px;
}
.index-first.inner::after, .index-first.inner::before {
  display: none;
}

.index-first .header {
  padding: 20px 40px;
  position: relative;
  z-index: 51;
  min-height: 50px;
}

.index-first .header nav {
  padding-top: 25px;
}

.index-first .header nav .menu-button {
  display: inline-block;
  cursor: pointer;
  font-size: 24px;
  color: #fff;
  vertical-align: middle;
  display: none;
}

.index-first .header nav .menu {
  display: inline-block;
  vertical-align: middle;
}

.index-first .header nav .menu li {
  position: relative;
  display: inline-block;
  margin-right: 25px;
}

.index-first .header nav .menu li .submenu {
  position: absolute;
  width: 214px;
  left: 50%;
  margin-left: -107px;
  display: none;
  z-index: 100;
}

@media (hover: hover) {
  .index-first .header nav .menu li:hover .submenu {
    display: block;
  }
}

.index-first .header nav .menu li ul {
  margin-top: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.45);
}

.index-first .header nav .menu li ul li {
  display: block;
  margin: 0;
}

.index-first .header nav .menu li ul li a {
  display: block;
  background-color: #f14924;
  border-bottom: 1px solid #fff;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  padding: 10px 0;
  text-align: center;
}

.index-first .header nav .menu li ul li.last a {
  border-bottom: none;
}

.index-first .header nav .menu li ul li a:hover {
  background-color: #ed1c24;
  text-decoration: none !important;
}

.index-first .header nav .menu li:last-child {
  margin-right: 0;
}

.index-first .header nav .menu li a {
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  font-size: 19px;
}
@media (min-width: 992px) {
  .index-first .header nav .menu li a {
    font-size: 16px;
  }
}
@media (min-width: 1152px) {
  .index-first .header nav .menu li a {
    font-size: 19px;
  }
}

@media (min-width: 992px) {
  .ru .index-first .header nav .menu li a {
    font-size: 12px;
  }
}
@media (min-width: 1152px) {
  .ru .index-first .header nav .menu li a {
    font-size: 15px;
  }
}
@media (min-width: 1440px) {
  .ru .index-first .header nav .menu li a {
    font-size: 19px;
  }
}

@media (min-width: 992px) {
  .es .index-first .header nav .menu li a {
    font-size: 12px;
  }
}
@media (min-width: 1152px) {
  .es .index-first .header nav .menu li a {
    font-size: 15px;
  }
}
@media (min-width: 1440px) {
  .es .index-first .header nav .menu li a {
    font-size: 19px;
  }
}

.index-first .header nav .menu li a:hover {
  text-decoration: underline;
}

.index-first .header nav .langs {
  display: inline-block;
  vertical-align: middle;
  margin-top: 8px;
  margin-left: 35px;
}

.index-first .header nav .langs li {
  position: relative;
}

.index-first .header nav .langs li:hover a .fa {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.index-first .header nav .langs li:hover ul {
  display: block;
}

.index-first .header nav .langs li a {
  text-decoration: none;
  color: #fff;
  font-size: 20px;
}

.index-first .header nav .langs li a .fa {
  vertical-align: middle;
  margin: -10px 0 0 4px;
}

.index-first .header nav .langs li ul {
  position: absolute;
  top: 100%;
  left: -10px;
  background: #fff;
  padding: 5px 10px;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 53px;
  display: none;
}

.index-first .header nav .langs li ul li {
  padding: 4px 0;
}

.index-first .header nav .langs li ul li a {
  font-size: 0;
  display: block;
  padding: 0;
}

.fixed,
.index-first.inner.fixed {
  position: fixed;
  width: 100%;
  left: 0;
  top: -100px;
  z-index: 100;
  transition: all 0.6s ease;
  opacity: 0;
  overflow: visible;
}

.fixed .header {
  padding-top: 3px;
  padding-bottom: 3px;
}

.fixed.show,
.index-first.inner.fixed.show {
  opacity: 1;
  top: 0;
}

.bottom-block-link {
  width: 76px;
  height: 74px;
  background: url("img/bottom-block-link.png");
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -37px;
  z-index: 20;
}

.index-about {
  background: url(img/pattern-white.png) center 0;
  padding: 105px 0 45px;
}

.index-about .text {
  width: 20%;
  margin-bottom: 50px;
}

.index-about .text .name {
  font-weight: 700;
  text-transform: uppercase;
  color: #696a6d;
  font-size: 32px;
  margin-bottom: 20px;
}

.index-about .text p {
  font-size: 18px;
  color: #58595b;
  margin-bottom: 20px;
}

.index-about a.btn,
.index-about .text button {
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 36px;
  color: #fff;
  display: inline-block;
  line-height: 48px;
  text-align: center;
  text-decoration: none;
  width: 202px;
  height: 48px;
  margin: 20px 0 0 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#939598), to(#939598));
  background: linear-gradient(to bottom, #939598, #939598);
}

.index-about a.btn:hover,
.index-about .text button:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#fa0001), to(#cb0001));
  background: linear-gradient(to bottom, #fa0001, #cb0001);
}

.index-about .image {
  width: 69%;
  margin-bottom: 50px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.index-about .image:hover {
  -webkit-filter: none;
  filter: none;
}

.index-about .image.face:after {
  left: 5px;
}

.index-about .image img {
  border: 5px solid #ee1c24;
  border-radius: 24px;
}

.index-about .bottom-text {
  text-align: center;
}

.index-about .bottom-text .name {
  font-weight: 700;
  text-transform: uppercase;
  color: #696a6d;
  font-size: 32px;
  margin-bottom: 20px;
}

.index-about .bottom-text p {
  font-size: 18px;
  color: #58595b;
  margin-bottom: 20px;
}

.index-about .bottom-text button {
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 36px;
  color: #fff;
  width: 202px;
  height: 48px;
  background: -webkit-gradient(linear, left top, left bottom, from(#939598), to(#939598));
  background: linear-gradient(to bottom, #939598, #939598);
}

.index-about .bottom-text button:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#fa0001), to(#cb0001));
  background: linear-gradient(to bottom, #fa0001, #cb0001);
}

.face {
  position: relative;
}

.face:after {
  content: "";
  position: absolute;
  width: 55px;
  height: 87px;
  background: url("img/face.png");
  left: 0;
  bottom: 30px;
}

.index-map {
  position: relative;
  font-size: 0;
  background: url(img/pattern-red.png) #ee4823 center 0;
  padding: 50px 0;
}

.index-map img {
  width: 100%;
  display: block;
}

.index-services {
  text-align: center;
  background: url(img/pattern-white.png) center 0;
  padding-top: 105px;
}

.index-services--inner {
  background: 0;
  padding: 0;
}

@media (min-width: 992px) {
  .ru .index-services .name {
    font-size: 1.8vw;
  }
}

@media (min-width: 992px) {
  .es .index-services .name {
    font-size: 1.9vw;
  }
}

@media (min-width: 992px) {
  .en .index-services .name {
    font-size: 1.9vw;
  }
}

.index-services .name {
  font-weight: 700;
  text-transform: uppercase;
  color: #696a6d;
  font-size: 32px;
  margin-bottom: 20px;
}

.index-services p {
  font-size: 14px;
  color: #58595b;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .index-services p {
    font-size: 16px;
    margin-bottom: 30px;
  }
}

.index-services .item {
  width: 19.8%;
  position: relative;
  -ms-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  -webkit-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
}

.index-services .item img {
  -ms-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  -webkit-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
}

@media (min-width: 768px) {
  .index-services .item:active img,
.index-services .item:hover img {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    transform-style: preserve-3d;
    filter: grayscale(0);
  }
}

.index-services .item:hover .content {
  height: 100%;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
}

.index-services .item:hover .content .c {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
}
@media (min-width: 768px) {
  .index-services .item:hover .content .c {
    padding: 0 20px;
  }
}

@media (min-width: 768px) {
  .index-services .item:hover .content .name span {
    border-bottom: 5px solid transparent;
  }
}

.index-services .item .content {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  overflow: hidden;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
}
@media (min-width: 768px) {
  .index-services .item .content {
    padding: 0 20px;
  }
}

.index-services .item .content .name {
  color: #fff;
  margin-bottom: 5px;
}

.index-services .item .content .name span {
  display: inline-block;
  border-bottom: 5px solid #ff0000;
}

.index-services .item .content button {
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 36px;
  color: #fff;
  width: 202px;
  height: 48px;
  max-width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#939598), to(#939598));
  background: linear-gradient(to bottom, #939598, #939598);
}

.index-services .item .content button:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#fa0001), to(#cb0001));
  background: linear-gradient(to bottom, #fa0001, #cb0001);
}

.index-services .item .content p,
.index-services .item .content button {
  color: #fff;
  display: inline-block;
}
@media (min-width: 768px) {
  .index-services .item .content p,
.index-services .item .content button {
    display: none;
  }
}

.index-services .item:hover img {
  filter: grayscale(0%) brightness(0.7);
}

.index-services .item:hover .content p,
.index-services .item:hover .content button {
  display: inline-block;
}

.index-services .item img {
  width: 100%;
  filter: grayscale(100%) brightness(0.7);
  transition: all 0.43s ease;
}

.index-bottom-bg {
  background: url(img/pattern-white.png) center 0;
}

.safe-travel {
  display: block;
  max-width: 600px;
  margin: 30px auto;
  mix-blend-mode: darken;
  width: 100%;
}

.cases {
  padding-top: 90px;
  text-align: center;
}

.cases .name {
  font-weight: 700;
  text-transform: uppercase;
  color: #696a6d;
  font-size: 32px;
  margin-bottom: 20px;
}

.cases .item {
  margin-bottom: 12px;
  position: relative;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  overflow: hidden;
}

.cases .item.big {
  width: 100%;
}

.cases .item.small {
  width: 32.5%;
}

.cases .item.middle {
  width: 49.4%;
}

.cases .item:hover img {
  -webkit-filter: none;
  filter: none;
}

.cases .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.cases .item.big img {
  aspect-ratio: 1305 / 390;
}

.cases .item.middle img {
  aspect-ratio: 577 / 316;
}

.cases .item.small img {
  aspect-ratio: 379 / 317;
}

@media (max-width: 767px) {
  .cases .item.big img,
  .cases .item.middle img,
  .cases .item.small img {
    aspect-ratio: 580 / 400;
  }
}

.casesAndClients img {
  filter: grayscale(0) !important;
}

.inner-cases {
  padding-top: 0px;
}

.inner-cases .item.small {
  width: 32%;
}

.inner-cases .item.middle {
  width: 49%;
}

.inner-cases .item img {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  border: 6px solid #ee1c24;
  box-sizing: border-box;
  display: block;
}

.inner-cases .item .content {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  overflow: hidden;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
@media (min-width: 768px) {
  .inner-cases .item .content {
    height: 0px;
    padding: 0 20px;
  }
}

.inner-cases .item:hover .content {
  height: auto;
}

.inner-cases .item .content-bg {
  height: calc(100% - 3px);
  position: absolute;
  top: 0;
  width: 100%;
  border-radius: 24px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  background: rgba(100, 100, 100, 0.7);
}
@media (min-width: 768px) {
  .inner-cases .item .content-bg {
    position: relative;
    background: transparent;
  }
}

.inner-cases .item:hover .content-bg {
  position: absolute;
}

.inner-cases .item:hover .content-bg {
  background: rgba(100, 100, 100, 0.7);
}

.inner-cases .item .content .name {
  color: #fff;
  margin-bottom: 5px;
  display: none;
}
@media (min-width: 768px) {
  .inner-cases .item .content .name {
    display: block;
  }
}

.inner-cases .item .content .name span {
  display: inline-block;
  border-bottom: 5px solid #ff0000;
}

.inner-cases .item .content .introtext {
  color: #fff;
  font-family: Pragmatica;
  font-size: 14px;
  font-weight: 400;
  padding: 5px;
}
@media (min-width: 768px) {
  .inner-cases .item .content .introtext {
    font-size: 18px;
    font-weight: 700;
  }
}

.inner-cases .item .content .button {
  display: block;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 36px;
  color: #fff;
  width: 202px;
  line-height: 36px;
  max-width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#fa0001), to(#cb0001));
  background: linear-gradient(to bottom, #fa0001, #cb0001);
  margin-top: 14px;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
}
@media (min-width: 768px) {
  .inner-cases .item .content .button {
    margin-top: 24px;
    line-height: 48px;
  }
}

.pagination {
  margin: 30px 0;
}
.pagination ul {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination ul li {
  margin: 0 4px;
}
.pagination ul li.active a {
  background: #fa0001;
  color: #ffffff;
}
.pagination ul li a {
  width: 44px;
  height: 44px;
  border-radius: 100%;
  background: #939598;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  color: #ffffff;
  font-weight: 500;
  text-decoration: none;
}

.news {
  margin: 60px 0;
}
.news .name {
  font-weight: 700;
  text-transform: uppercase;
  color: #696a6d;
  font-size: 32px;
  margin-bottom: 20px;
  text-align: center;
}
.news__list {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 0 -20px;
}
.news__col {
  width: 100%;
  padding: 0 20px;
  margin-top: 50px;
}
@media (min-width: 768px) {
  .news__col {
    width: 50%;
  }
}
.news__social {
  margin: 50px 0;
}
.news__social .text {
  font-weight: 500;
  font-size: 24px;
  text-align: center;
}
.news__social .icons {
  margin-top: 10px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.news__social .icons a {
  margin: 0 4px;
  filter: grayscale(100%);
  transition: all 0.3s ease;
}
.news__social .icons a:active, .news__social .icons a:hover {
  filter: grayscale(0%);
}
.newsItem {
  display: block;
  width: 100%;
  text-decoration: none;
  position: relative;
  transition: none;
}
@media (min-width: 768px) {
  .newsItem {
    padding-left: 120px;
    padding-right: 20px;
  }
}
.newsItem:hover .newsItem__title {
  color: #fa0001;
}
.newsItem:hover .newsItem__image {
  border: 5px solid #ee1c24;
}
.newsItem:hover .newsItem__readmore button {
  background: linear-gradient(to bottom, #fa0001, #cb0001);
}
.newsItem__readmore {
  margin-top: 20px;
}
.newsItem__readmore button {
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 36px;
  line-height: 48px;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  cursor: pointer;
  width: 202px;
  height: 48px;
  background: linear-gradient(to bottom, #939598, #939598);
  transition: all 300ms ease !important;
  -webkit-transition: all 300ms ease;
}
.newsItem__image {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background: #ffffff;
  margin-bottom: 25px;
  border: 5px solid #494949;
  border-radius: 24px;
  overflow: hidden;
  height: 200px;
  transition: all 0.3s ease;
}
.newsItem__image img {
  max-width: 100%;
  max-height: 100%;
}
.newsItem__date {
  font-size: 13px;
  line-height: 1;
  color: #333333;
  letter-spacing: 0.1em;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .newsItem__date {
    position: absolute;
    top: 6px;
    left: 0;
  }
}
.newsItem__title {
  font-weight: 700;
  color: #696a6d;
  font-size: 20px;
  line-height: 1.2;
  transition: all 0.3s ease;
}
.newsItem__introtext {
  font-size: 15px;
  line-height: 1.5;
  margin-top: 20px;
  color: #666;
}

.footer {
  text-align: center;
  padding: 80px 0;
}

.footer .name {
  font-weight: 700;
  text-transform: uppercase;
  color: #696a6d;
  font-size: 32px;
  margin-bottom: 20px;
}

.footer p {
  font-size: 18px;
  color: #58595b;
}

.footer p a {
  text-decoration: none;
  color: #58595b;
}

.footer p a:hover {
  color: #f40202;
}

.footer .social {
  padding-top: 25px;
}

.footer .social * {
  vertical-align: middle;
}

.footer .social a {
  margin-right: 10px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  margin-bottom: 10px;
  display: inline-block;
}

.footer .social a:hover {
  -webkit-filter: none;
  filter: none;
}

.footer .social a.btn,
.footer .social button {
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 36px;
  line-height: 48px;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  padding: 0 15px;
  height: 48px;
  margin-left: 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(#939598), to(#939598));
  background: linear-gradient(to bottom, #939598, #939598);
}

.footer .social a.btn:hover,
.footer .social button:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#fa0001), to(#cb0001));
  background: linear-gradient(to bottom, #fa0001, #cb0001);
}

.inner-page {
  background: url(img/pattern-white.png) center 0;
  padding: 40px 0;
}

.about-page {
  color: #58595b;
}

.about-page h1 {
  text-align: center;
  font-weight: 700;
  font-size: 32px;
  color: #636466;
  margin-bottom: 50px;
}

.about-page h1 span {
  border-bottom: 5px solid #ee1c24;
}

.top-text p {
  margin: 0 0 1em;
}

.about-page .top-text {
  font-size: 29px;
  margin-bottom: 40px;
}

.about-page .top-text.other {
  text-align: center;
  font-size: 23px;
}

.about-page .top-text.other span {
  display: block;
  font-weight: 700;
  font-size: 32px;
  margin-bottom: 10px;
}

.about-page .block {
  padding-bottom: 40px;
}
@media (min-width: 768px) {
  .about-page .block {
    align-items: center;
  }
}

.about-page .block.other .text {
  text-align: right;
}

.about-page .block .text {
  font-size: 18px;
  width: 27%;
  margin-bottom: 30px;
}

.about-page .block .text .name {
  font-weight: 700;
  font-size: 29px;
  color: #636466;
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  .about-page .block .text .name {
    font-size: 32px;
  }
}

.about-page .block .text .name.bl {
  margin-bottom: 10px;
}

.about-page .block .text .name.bl span {
  display: block;
}

.about-page .block .text .name span {
  border-bottom: 5px solid #ee1c24;
}

.about-page .block .image {
  width: 69%;
  margin-bottom: 30px;
}

.about-page .block .image.face:after {
  left: 5px;
}

.about-page .block .image img {
  border: 5px solid #ee1c24;
  border-radius: 24px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
}

.about-page .block .image .arrow img {
  border: 0px solid #ee1c24;
  border-radius: 0px;
  position: absolute;
  top: 50%;
  margin-top: -28px;
  z-index: 10;
  cursor: pointer;
}

.about-page .block .image .arrow.prev img {
  left: 24px;
}

.about-page .block .image .arrow.next img {
  right: 24px;
}

.anchor {
  top: -200px;
  position: relative;
}

.about-page h2 {
  text-align: center;
  font-weight: 700;
  font-size: 26px;
  color: #636466;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .about-page h2 {
    font-size: 32px;
  }
}

.about-page h2 span {
  border-bottom: 5px solid #ee1c24;
}

.about-page .middle-text {
  padding: 0 80px;
}

.about-page .middle-text .item {
  width: 48%;
  margin-bottom: 40px;
}

.about-page .middle-text .item span {
  display: block;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 5px;
}

.about-page .middle-text .item p {
  font-size: 18px;
}

.about-page .team p {
  font-size: 18px;
  margin-bottom: 40px;
  padding: 0 160px;
  text-align: center;
}

.about-page .team .main-photo {
  margin-bottom: 40px;
}

.about-page .team .main-photo img {
  border: 5px solid #ee1c24;
  border-radius: 24px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.about-page .team .item {
  width: 15%;
  margin-bottom: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.about-page .team .item a {
  text-decoration: none;
}
.about-page .team .item a:hover .team__name {
  color: #fa0001;
}

.about-page .team .item img {
  border: 5px solid #ee1c24;
  border-radius: 24px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.about-page .team__name {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 500;
  color: #666666;
  transition: all 0.3s ease;
}

.contacts-page {
  color: #58595b;
}

.contacts-page h1 {
  text-align: center;
  font-weight: 700;
  font-size: 32px;
  color: #636466;
  margin-bottom: 50px;
}

.contacts-page h1 span {
  border-bottom: 5px solid #ee1c24;
}

.contacts-page .top-text {
  width: 100%;
  font-weight: 700;
  font-size: 18px;
}
@media (min-width: 768px) {
  .contacts-page .top-text {
    width: 31%;
    font-size: 22px;
  }
}
.contacts-page .top-text a {
  font-size: 18px;
  white-space: nowrap;
}

.contacts-page .top-text span {
  display: block;
  font-size: 32px;
}

.contacts-page .top-text a {
  text-decoration: none;
  color: #58595b;
}

.contacts-page .top-text a:hover {
  color: #ee1c24;
}

.contacts-page .photo {
  width: 100%;
  margin-bottom: 30px;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .contacts-page .photo {
    width: 65%;
    margin-top: 0;
  }
}

.contacts-page .photo img {
  border: 5px solid #ee1c24;
  border-radius: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.contacts-page h2 {
  text-align: center;
  font-weight: 700;
  font-size: 32px;
  color: #636466;
  margin-bottom: 30px;
}

.contacts-page .item {
  width: 100%;
  font-size: 18px;
  margin-bottom: 35px;
  padding: 0 15px;
}
@media (min-width: 768px) {
  .contacts-page .item {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .contacts-page .item {
    width: 350px;
  }
}

.contacts-page .item span {
  display: block;
  font-weight: 700;
}

.contacts-page .item a {
  color: #58595b;
  text-decoration: none;
  display: block;
}

.contacts-page .item a:hover {
  color: #f40202;
}

.fancybox-image {
  border: 5px solid #ee1c24;
  border-radius: 24px;
}

.fancybox-caption {
  background: none;
  font-size: 32px;
  font-weight: 700;
  color: #fff;
}

.our-services .item {
  width: 32%;
  margin: 0.5%;
}

.our-services .item img {
  border-radius: 20px;
  display: block;
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}

.fancybox-container .prev,
.fancybox-container .next {
  width: 56px;
  height: 57px;
  border: none;
  cursor: pointer;
  padding: 0;
  position: absolute;
  bottom: 50%;
  transform: translateY(50%);
}

.fancybox-container .next {
  right: -25px;
  background: url(img/btn-next.png) left top no-repeat;
}

.fancybox-container .prev {
  left: -25px;
  background: url(img/btn-prev.png) left top no-repeat;
}

.fancybox-button--close {
  width: 36px;
  height: 36px;
  border: none;
  cursor: pointer;
  padding: 0;
  position: absolute;
  background: url(img/close.png) no-repeat left top/cover;
  right: 15px;
  top: 15px;
}
@media (min-width: 768px) {
  .fancybox-button--close {
    width: 76px;
    height: 76px;
  }
}

.team-big {
  position: absolute;
  width: calc(100% - 10px);
  bottom: 0;
  background: rgba(100, 100, 100, 0.7);
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  text-align: center;
  color: #fff;
  padding: 20px;
  margin: 5px;
  opacity: 0;
}

.fancybox-stage .team-big {
  opacity: 1;
}

.fancybox-is-scaling .fancybox-button,
.fancybox-is-scaling .team-big {
  opacity: 0 !important;
}

.team-big .name {
  font-family: Pragmatica;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .team-big .name {
    font-size: 32px;
  }
}

.team-big p {
  font-family: PragmaticaLight;
  font-size: 15px;
  font-weight: 400;
}
@media (min-width: 768px) {
  .team-big p {
    font-size: 18px;
  }
}

@media (max-width: 1185px) {
  .index-first .header nav .menu li {
    margin-right: 10px;
  }
}
@media (max-width: 991px) {
  .menubg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(1, 1, 1, 0.7);
    z-index: 11;
    display: none;
  }

  .index-first .header nav .menu {
    position: fixed;
    width: 280px;
    height: 100%;
    top: 0;
    left: -280px;
    background: #fff;
    z-index: 12;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
  }

  .index-first .header nav .menu.opened {
    left: 0;
  }

  .index-first .header nav .menu li {
    display: block;
    margin: 0;
  }

  .index-first .header nav .menu li a {
    color: #000;
    padding: 10px 20px;
    border-bottom: 1px solid #ccc;
    display: block;
  }

  .index-first .header nav .menu-button {
    display: inline-block;
  }

  .index-first .header nav .langs {
    margin: 0 15px 0 0;
  }

  .index-about .text {
    width: 100%;
  }

  .index-about .image {
    width: 100%;
    border: 5px solid #ee1c24;
    border-radius: 24px;
    font-size: 0;
    overflow: hidden;
  }

  .index-about .image img {
    border: 0;
    border-radius: 0;
  }

  .about-page .block .image {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }

  .about-page .block .text {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    text-align: left !important;
  }

  .about-page .middle-text {
    padding: 0;
  }

  .about-page .team p {
    padding: 0;
  }

  .index-services .item {
    width: 49.8%;
    margin: 0 auto 1px auto;
  }
}
@media (max-width: 767px) {
  .wrap {
    width: auto;
    padding: 0 10px;
  }

  .index-first .header {
    padding: 10px;
  }

  .index-first {
    height: 400px;
  }

  .index-about .text button {
    margin-left: 0;
  }

  .index-services .item {
    width: 100%;
    margin: 0;
  }

  .cases .item.face:after {
    zoom: 0.5;
  }

  .cases .item.small,
.cases .item.middle {
    width: 100%;
  }

  .footer .social button {
    margin-left: 0;
    font-size: 15px;
  }

  .footer .social a {
    margin-right: 5px;
  }

  .about-page .top-text {
    font-size: 24px;
  }

  .about-page .top-text.other span {
    font-size: 26px;
  }

  .about-page .middle-text .item {
    width: 100%;
  }

  .about-page .team .item {
    width: 48%;
  }
}

/*# sourceMappingURL=style.css.map */