/***********************PORSCHE_NEXT_FONTS***********************/ @font-face { font-family: "PorscheNextWLa"; font-weight: 100; font-style: normal; src: url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-Thin.eot"); src: url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-Thin.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-2-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-Thin.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-Thin.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/OT-TTF-Web/Porsche Next WebLatin/Fonts/PorscheNextWLa-Thin.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/SVG-PS/Porsche Next WebLatin/Fonts/PorscheNextWLa-Thin.svg#PorscheNextWLa-Thin") format("svg"); } @font-face { font-family: "PorscheNextWLa"; font-weight: 100; font-style: italic; src: url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-ThinItalic.eot"); src: url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-ThinItalic.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-2-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-ThinItalic.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-ThinItalic.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/OT-TTF-Web/Porsche Next WebLatin/Fonts/PorscheNextWLa-ThinItalic.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/SVG-PS/Porsche Next WebLatin/Fonts/PorscheNextWLa-ThinItalic.svg#PorscheNextWLa-ThinItalic") format("svg"); } @font-face { font-family: "PorscheNextWLa"; font-weight: normal; font-style: normal; src: url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-Regular.eot"); src: url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-2-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-Regular.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-Regular.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/OT-TTF-Web/Porsche Next WebLatin/Fonts/PorscheNextWLa-Regular.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/SVG-PS/Porsche Next WebLatin/Fonts/PorscheNextWLa-Regular.svg#PorscheNextWLa-Regular") format("svg"); } @font-face { font-family: "PorscheNextWLa"; font-weight: normal; font-style: italic; src: url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-Italic.eot"); src: url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-Italic.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-2-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-Italic.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-Italic.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/OT-TTF-Web/Porsche Next WebLatin/Fonts/PorscheNextWLa-Italic.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/SVG-PS/Porsche Next WebLatin/Fonts/PorscheNextWLa-Italic.svg#PorscheNextWLa-Italic") format("svg"); } @font-face { font-family: "PorscheNextWLa"; font-weight: bold; font-style: normal; src: url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-Bold.eot"); src: url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-2-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-Bold.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-Bold.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/OT-TTF-Web/Porsche Next WebLatin/Fonts/PorscheNextWLa-Bold.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/SVG-PS/Porsche Next WebLatin/Fonts/PorscheNextWLa-Bold.svg#PorscheNextWLa-Bold") format("svg"); } @font-face { font-family: "PorscheNextWLa"; font-weight: bold; font-style: italic; src: url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-Bold.eot"); src: url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-2-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-Bold.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-TT/Porsche Next WebLatin/Fonts/PorscheNextWLa-Bold.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/OT-TTF-Web/Porsche Next WebLatin/Fonts/PorscheNextWLa-Bold.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/SVG-PS/Porsche Next WebLatin/Fonts/PorscheNextWLa-Bold.svg#PorscheNextWLa-Bold") format("svg"); } @font-face { font-family: "PorscheNextWCy"; font-weight: 100; font-style: normal; src: url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebCyril/Fonts/PorscheNextWCy-Thin.eot"); src: url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebCyril/Fonts/PorscheNextWCy-Thin.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-2-TT/Porsche Next WebCyril/Fonts/PorscheNextWCy-Thin.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-TT/Porsche Next WebCyril/Fonts/PorscheNextWCy-Thin.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/OT-TTF-Web/Porsche Next WebCyril/Fonts/PorscheNextWCy-Thin.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/SVG-PS/Porsche Next WebCyril/Fonts/PorscheNextWCy-Thin.svg#PorscheNextWCy-Thin") format("svg"); } @font-face { font-family: "PorscheNextWCy-Thin"; font-weight: 100; font-style: normal; src: url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebCyril/Fonts/PorscheNextWCy-Thin.eot"); src: url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebCyril/Fonts/PorscheNextWCy-Thin.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-2-TT/Porsche Next WebCyril/Fonts/PorscheNextWCy-Thin.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-TT/Porsche Next WebCyril/Fonts/PorscheNextWCy-Thin.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/OT-TTF-Web/Porsche Next WebCyril/Fonts/PorscheNextWCy-Thin.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/SVG-PS/Porsche Next WebCyril/Fonts/PorscheNextWCy-Thin.svg#PorscheNextWCy-Thin") format("svg"); } @font-face { font-family: "PorscheNextWCy"; font-weight: 100; font-style: italic; src: url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebCyril/Fonts/PorscheNextWCy-ThinItalic.eot"); src: url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebCyril/Fonts/PorscheNextWCy-ThinItalic.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-2-TT/Porsche Next WebCyril/Fonts/PorscheNextWCy-ThinItalic.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-TT/Porsche Next WebCyril/Fonts/PorscheNextWCy-ThinItalic.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/OT-TTF-Web/Porsche Next WebCyril/Fonts/PorscheNextWCy-ThinItalic.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/SVG-PS/Porsche Next WebCyril/Fonts/PorscheNextWCy-ThinItalic.svg#PorscheNextWCy-ThinItalic") format("svg"); } @font-face { font-family: "PorscheNextWCy"; font-weight: normal; font-style: normal; src: url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebCyril/Fonts/PorscheNextWCy-Regular.eot"); src: url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebCyril/Fonts/PorscheNextWCy-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-2-TT/Porsche Next WebCyril/Fonts/PorscheNextWCy-Regular.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-TT/Porsche Next WebCyril/Fonts/PorscheNextWCy-Regular.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/OT-TTF-Web/Porsche Next WebCyril/Fonts/PorscheNextWCy-Regular.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/SVG-PS/Porsche Next WebCyril/Fonts/PorscheNextWCy-Regular.svg#PorscheNextWCy-Regular") format("svg"); } @font-face { font-family: "PorscheNextWCy"; font-weight: normal; font-style: italic; src: url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebCyril/Fonts/PorscheNextWCy-Italic.eot"); src: url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebCyril/Fonts/PorscheNextWCy-Italic.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-2-TT/Porsche Next WebCyril/Fonts/PorscheNextWCy-Italic.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-TT/Porsche Next WebCyril/Fonts/PorscheNextWCy-Italic.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/OT-TTF-Web/Porsche Next WebCyril/Fonts/PorscheNextWCy-Italic.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/SVG-PS/Porsche Next WebCyril/Fonts/PorscheNextWCy-Italic.svg#PorscheNextWCy-Italic") format("svg"); } @font-face { font-family: "PorscheNextWCy"; font-weight: bold; font-style: normal; src: url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebCyril/Fonts/PorscheNextWCy-Bold.eot"); src: url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebCyril/Fonts/PorscheNextWCy-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-2-TT/Porsche Next WebCyril/Fonts/PorscheNextWCy-Bold.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-TT/Porsche Next WebCyril/Fonts/PorscheNextWCy-Bold.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/OT-TTF-Web/Porsche Next WebCyril/Fonts/PorscheNextWCy-Bold.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/SVG-PS/Porsche Next WebCyril/Fonts/PorscheNextWCy-Bold.svg#PorscheNextWCy-Bold") format("svg"); } @font-face { font-family: "PorscheNextWCy"; font-weight: bold; font-style: italic; src: url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebCyril/Fonts/PorscheNextWLa-Bold.eot"); src: url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebCyril/Fonts/PorscheNextWLa-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-2-TT/Porsche Next WebCyril/Fonts/PorscheNextWLa-Bold.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-TT/Porsche Next WebCyril/Fonts/PorscheNextWLa-Bold.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/OT-TTF-Web/Porsche Next WebCyril/Fonts/PorscheNextWLa-Bold.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/SVG-PS/Porsche Next WebCyril/Fonts/PorscheNextWLa-Bold.svg#PorscheNextWLa-Bold") format("svg"); } @font-face { font-family: "PorscheNextWGr"; font-weight: 100; font-style: normal; src: url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebCyril/Fonts/PorscheNextWGr-Thin.eot"); src: url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebCyril/Fonts/PorscheNextWGr-Thin.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-2-TT/Porsche Next WebCyril/Fonts/PorscheNextWGr-Thin.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-TT/Porsche Next WebCyril/Fonts/PorscheNextWGr-Thin.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/OT-TTF-Web/Porsche Next WebCyril/Fonts/PorscheNextWGr-Thin.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/SVG-PS/Porsche Next WebCyril/Fonts/PorscheNextWGr-Thin.svg#PorscheNextWGr-Thin") format("svg"); } @font-face { font-family: "PorscheNextWGr"; font-weight: 100; font-style: italic; src: url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebCyril/Fonts/PorscheNextWGr-ThinItalic.eot"); src: url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebCyril/Fonts/PorscheNextWGr-ThinItalic.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-2-TT/Porsche Next WebCyril/Fonts/PorscheNextWGr-ThinItalic.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-TT/Porsche Next WebCyril/Fonts/PorscheNextWGr-ThinItalic.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/OT-TTF-Web/Porsche Next WebCyril/Fonts/PorscheNextWGr-ThinItalic.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/SVG-PS/Porsche Next WebCyril/Fonts/PorscheNextWGr-ThinItalic.svg#PorscheNextWGr-ThinItalic") format("svg"); } @font-face { font-family: "PorscheNextWGr"; font-weight: normal; font-style: normal; src: url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebCyril/Fonts/PorscheNextWGr-Regular.eot"); src: url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebCyril/Fonts/PorscheNextWGr-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-2-TT/Porsche Next WebCyril/Fonts/PorscheNextWGr-Regular.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-TT/Porsche Next WebCyril/Fonts/PorscheNextWGr-Regular.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/OT-TTF-Web/Porsche Next WebCyril/Fonts/PorscheNextWGr-Regular.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/SVG-PS/Porsche Next WebCyril/Fonts/PorscheNextWGr-Regular.svg#PorscheNextWGr-Regular") format("svg"); } @font-face { font-family: "PorscheNextWGr"; font-weight: normal; font-style: italic; src: url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebCyril/Fonts/PorscheNextWGr-Italic.eot"); src: url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebCyril/Fonts/PorscheNextWGr-Italic.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-2-TT/Porsche Next WebCyril/Fonts/PorscheNextWGr-Italic.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-TT/Porsche Next WebCyril/Fonts/PorscheNextWGr-Italic.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/OT-TTF-Web/Porsche Next WebCyril/Fonts/PorscheNextWGr-Italic.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/SVG-PS/Porsche Next WebCyril/Fonts/PorscheNextWGr-Italic.svg#PorscheNextWGr-Italic") format("svg"); } @font-face { font-family: "PorscheNextWGr"; font-weight: bold; font-style: normal; src: url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebCyril/Fonts/PorscheNextWGr-Bold.eot"); src: url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebCyril/Fonts/PorscheNextWGr-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-2-TT/Porsche Next WebCyril/Fonts/PorscheNextWGr-Bold.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-TT/Porsche Next WebCyril/Fonts/PorscheNextWGr-Bold.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/OT-TTF-Web/Porsche Next WebCyril/Fonts/PorscheNextWGr-Bold.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/SVG-PS/Porsche Next WebCyril/Fonts/PorscheNextWGr-Bold.svg#PorscheNextWGr-Bold") format("svg"); } @font-face { font-family: "PorscheNextWGr"; font-weight: bold; font-style: italic; src: url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebCyril/Fonts/PorscheNextWGr-Bold.eot"); src: url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/EOT-TT/Porsche Next WebCyril/Fonts/PorscheNextWGr-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-2-TT/Porsche Next WebCyril/Fonts/PorscheNextWGr-Bold.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/WOFF-TT/Porsche Next WebCyril/Fonts/PorscheNextWGr-Bold.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/OT-TTF-Web/Porsche Next WebCyril/Fonts/PorscheNextWGr-Bold.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Gr-Cyr_Web/SVG-PS/Porsche Next WebCyril/Fonts/PorscheNextWGr-Bold.svg#PorscheNextWGr-Bold") format("svg"); } @font-face { font-family: "PorscheNextWAr"; font-weight: normal; font-style: normal; src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebArabic/Fonts/PorscheNextWAr-Regular.eot"); src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebArabic/Fonts/PorscheNextWAr-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-2-TT/Porsche Next WebArabic/Fonts/PorscheNextWAr-Regular.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-TT/Porsche Next WebArabic/Fonts/PorscheNextWAr-Regular.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Arabic_Web/OT-TTF-Web/Porsche Next WebArabic/Fonts/PorscheNextWAr-Regular.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/SVG-PS/Porsche Next WebArabic/Fonts/PorscheNextWAr-Regular.svg#PorscheNextWAr-Regular") format("svg"); } @font-face { font-family: "PorscheNextWPa"; font-weight: normal; font-style: normal; src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebPashto/Fonts/PorscheNextWPa-Regular.eot"); src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebPashto/Fonts/PorscheNextWPa-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-2-TT/Porsche Next WebPashto/Fonts/PorscheNextWPa-Regular.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-TT/Porsche Next WebPashto/Fonts/PorscheNextWPa-Regular.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Arabic_Web/OT-TTF-Web/Porsche Next WebPashto/Fonts/PorscheNextWPa-Regular.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/SVG-PS/Porsche Next WebPashto/Fonts/PorscheNextWPa-Regular.svg#PorscheNextWPa-Regular") format("svg"); } @font-face { font-family: "PorscheNextWPe"; font-weight: normal; font-style: normal; src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebPersian/Fonts/PorscheNextWPe-Regular.eot"); src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebPersian/Fonts/PorscheNextWPe-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-2-TT/Porsche Next WebPersian/Fonts/PorscheNextWPe-Regular.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-TT/Porsche Next WebPersian/Fonts/PorscheNextWPe-Regular.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Arabic_Web/OT-TTF-Web/Porsche Next WebPersian/Fonts/PorscheNextWPe-Regular.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/SVG-PS/Porsche Next WebPersian/Fonts/PorscheNextWPe-Regular.svg#PorscheNextWPe-Regular") format("svg"); } @font-face { font-family: "PorscheNextWUr"; font-weight: normal; font-style: normal; src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebUrdu/Fonts/PorscheNextWUr-Regular.eot"); src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebUrdu/Fonts/PorscheNextWUr-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-2-TT/Porsche Next WebUrdu/Fonts/PorscheNextWUr-Regular.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-TT/Porsche Next WebUrdu/Fonts/PorscheNextWUr-Regular.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Arabic_Web/OT-TTF-Web/Porsche Next WebUrdu/Fonts/PorscheNextWUr-Regular.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/SVG-PS/Porsche Next WebUrdu/Fonts/PorscheNextWUr-Regular.svg#PorscheNextWUr-Regular") format("svg"); } @font-face { font-family: "PorscheNextWAr"; font-weight: bold; font-style: normal; src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebArabic/Fonts/PorscheNextWAr-Bold.eot"); src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebArabic/Fonts/PorscheNextWAr-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-2-TT/Porsche Next WebArabic/Fonts/PorscheNextWAr-Bold.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-TT/Porsche Next WebArabic/Fonts/PorscheNextWAr-Bold.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Arabic_Web/OT-TTF-Web/Porsche Next WebArabic/Fonts/PorscheNextWAr-Bold.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/SVG-PS/Porsche Next WebArabic/Fonts/PorscheNextWAr-Bold.svg#PorscheNextWAr-Bold") format("svg"); } @font-face { font-family: "PorscheNextWPa"; font-weight: bold; font-style: normal; src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebPashto/Fonts/PorscheNextWPa-Bold.eot"); src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebPashto/Fonts/PorscheNextWPa-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-2-TT/Porsche Next WebPashto/Fonts/PorscheNextWPa-Bold.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-TT/Porsche Next WebPashto/Fonts/PorscheNextWPa-Bold.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Arabic_Web/OT-TTF-Web/Porsche Next WebPashto/Fonts/PorscheNextWPa-Bold.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/SVG-PS/Porsche Next WebPashto/Fonts/PorscheNextWPa-Bold.svg#PorscheNextWPa-Bold") format("svg"); } @font-face { font-family: "PorscheNextWPe"; font-weight: bold; font-style: normal; src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebPersian/Fonts/PorscheNextWPe-Bold.eot"); src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebPersian/Fonts/PorscheNextWPe-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-2-TT/Porsche Next WebPersian/Fonts/PorscheNextWPe-Bold.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-TT/Porsche Next WebPersian/Fonts/PorscheNextWPe-Bold.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Arabic_Web/OT-TTF-Web/Porsche Next WebPersian/Fonts/PorscheNextWPe-Bold.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/SVG-PS/Porsche Next WebPersian/Fonts/PorscheNextWPe-Bold.svg#PorscheNextWPe-Bold") format("svg"); } @font-face { font-family: "PorscheNextWUr"; font-weight: bold; font-style: normal; src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebUrdu/Fonts/PorscheNextWUr-Bold.eot"); src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebUrdu/Fonts/PorscheNextWUr-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-2-TT/Porsche Next WebUrdu/Fonts/PorscheNextWUr-Bold.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-TT/Porsche Next WebUrdu/Fonts/PorscheNextWUr-Bold.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Arabic_Web/OT-TTF-Web/Porsche Next WebUrdu/Fonts/PorscheNextWUr-Bold.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/SVG-PS/Porsche Next WebUrdu/Fonts/PorscheNextWUr-Bold.svg#PorscheNextWUr-Bold") format("svg"); } @font-face { font-family: "PorscheNextWAr"; font-weight: normal; font-style: italic; src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebArabic/Fonts/PorscheNextWAr-Regular.eot"); src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebArabic/Fonts/PorscheNextWAr-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-2-TT/Porsche Next WebArabic/Fonts/PorscheNextWAr-Regular.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-TT/Porsche Next WebArabic/Fonts/PorscheNextWAr-Regular.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Arabic_Web/OT-TTF-Web/Porsche Next WebArabic/Fonts/PorscheNextWAr-Regular.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/SVG-PS/Porsche Next WebArabic/Fonts/PorscheNextWAr-Regular.svg#PorscheNextWAr-Regular") format("svg"); } @font-face { font-family: "PorscheNextWPa"; font-weight: normal; font-style: italic; src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebPashto/Fonts/PorscheNextWPa-Regular.eot"); src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebPashto/Fonts/PorscheNextWPa-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-2-TT/Porsche Next WebPashto/Fonts/PorscheNextWPa-Regular.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-TT/Porsche Next WebPashto/Fonts/PorscheNextWPa-Regular.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Arabic_Web/OT-TTF-Web/Porsche Next WebPashto/Fonts/PorscheNextWPa-Regular.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/SVG-PS/Porsche Next WebPashto/Fonts/PorscheNextWPa-Regular.svg#PorscheNextWPa-Regular") format("svg"); } @font-face { font-family: "PorscheNextWPe"; font-weight: normal; font-style: italic; src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebPersian/Fonts/PorscheNextWPe-Regular.eot"); src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebPersian/Fonts/PorscheNextWPe-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-2-TT/Porsche Next WebPersian/Fonts/PorscheNextWPe-Regular.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-TT/Porsche Next WebPersian/Fonts/PorscheNextWPe-Regular.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Arabic_Web/OT-TTF-Web/Porsche Next WebPersian/Fonts/PorscheNextWPe-Regular.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/SVG-PS/Porsche Next WebPersian/Fonts/PorscheNextWPe-Regular.svg#PorscheNextWPe-Regular") format("svg"); } @font-face { font-family: "PorscheNextWUr"; font-weight: normal; font-style: italic; src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebUrdu/Fonts/PorscheNextWUr-Regular.eot"); src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebUrdu/Fonts/PorscheNextWUr-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-2-TT/Porsche Next WebUrdu/Fonts/PorscheNextWUr-Regular.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-TT/Porsche Next WebUrdu/Fonts/PorscheNextWUr-Regular.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Arabic_Web/OT-TTF-Web/Porsche Next WebUrdu/Fonts/PorscheNextWUr-Regular.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/SVG-PS/Porsche Next WebUrdu/Fonts/PorscheNextWUr-Regular.svg#PorscheNextWUr-Regular") format("svg"); } @font-face { font-family: "PorscheNextWAr"; font-weight: bold; font-style: italic; src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebArabic/Fonts/PorscheNextWAr-Bold.eot"); src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebArabic/Fonts/PorscheNextWAr-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-2-TT/Porsche Next WebArabic/Fonts/PorscheNextWAr-Bold.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-TT/Porsche Next WebArabic/Fonts/PorscheNextWAr-Bold.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Arabic_Web/OT-TTF-Web/Porsche Next WebArabic/Fonts/PorscheNextWAr-Bold.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/SVG-PS/Porsche Next WebArabic/Fonts/PorscheNextWAr-Bold.svg#PorscheNextWAr-Bold") format("svg"); } @font-face { font-family: "PorscheNextWPa"; font-weight: bold; font-style: italic; src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebPashto/Fonts/PorscheNextWPa-Bold.eot"); src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebPashto/Fonts/PorscheNextWPa-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-2-TT/Porsche Next WebPashto/Fonts/PorscheNextWPa-Bold.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-TT/Porsche Next WebPashto/Fonts/PorscheNextWPa-Bold.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Arabic_Web/OT-TTF-Web/Porsche Next WebPashto/Fonts/PorscheNextWPa-Bold.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/SVG-PS/Porsche Next WebPashto/Fonts/PorscheNextWPa-Bold.svg#PorscheNextWPa-Bold") format("svg"); } @font-face { font-family: "PorscheNextWPe"; font-weight: bold; font-style: italic; src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebPersian/Fonts/PorscheNextWPe-Bold.eot"); src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebPersian/Fonts/PorscheNextWPe-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-2-TT/Porsche Next WebPersian/Fonts/PorscheNextWPe-Bold.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-TT/Porsche Next WebPersian/Fonts/PorscheNextWPe-Bold.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Arabic_Web/OT-TTF-Web/Porsche Next WebPersian/Fonts/PorscheNextWPe-Bold.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/SVG-PS/Porsche Next WebPersian/Fonts/PorscheNextWPe-Bold.svg#PorscheNextWPe-Bold") format("svg"); } @font-face { font-family: "PorscheNextWUr"; font-weight: bold; font-style: italic; src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebUrdu/Fonts/PorscheNextWUr-Bold.eot"); src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebUrdu/Fonts/PorscheNextWUr-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-2-TT/Porsche Next WebUrdu/Fonts/PorscheNextWUr-Bold.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-TT/Porsche Next WebUrdu/Fonts/PorscheNextWUr-Bold.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Arabic_Web/OT-TTF-Web/Porsche Next WebUrdu/Fonts/PorscheNextWUr-Bold.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/SVG-PS/Porsche Next WebUrdu/Fonts/PorscheNextWUr-Bold.svg#PorscheNextWUr-Bold") format("svg"); } @font-face { font-family: "PorscheNextWAr"; font-weight: 100; font-style: italic; src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebArabic/Fonts/PorscheNextWAr-Regular.eot"); src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebArabic/Fonts/PorscheNextWAr-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-2-TT/Porsche Next WebArabic/Fonts/PorscheNextWAr-Regular.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-TT/Porsche Next WebArabic/Fonts/PorscheNextWAr-Regular.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Arabic_Web/OT-TTF-Web/Porsche Next WebArabic/Fonts/PorscheNextWAr-Regular.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/SVG-PS/Porsche Next WebArabic/Fonts/PorscheNextWAr-Regular.svg#PorscheNextWAr-Regular") format("svg"); } @font-face { font-family: "PorscheNextWPa"; font-weight: 100; font-style: italic; src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebPashto/Fonts/PorscheNextWPa-Regular.eot"); src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebPashto/Fonts/PorscheNextWPa-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-2-TT/Porsche Next WebPashto/Fonts/PorscheNextWPa-Regular.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-TT/Porsche Next WebPashto/Fonts/PorscheNextWPa-Regular.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Arabic_Web/OT-TTF-Web/Porsche Next WebPashto/Fonts/PorscheNextWPa-Regular.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/SVG-PS/Porsche Next WebPashto/Fonts/PorscheNextWPa-Regular.svg#PorscheNextWPa-Regular") format("svg"); } @font-face { font-family: "PorscheNextWPe"; font-weight: 100; font-style: italic; src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebPersian/Fonts/PorscheNextWPe-Regular.eot"); src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebPersian/Fonts/PorscheNextWPe-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-2-TT/Porsche Next WebPersian/Fonts/PorscheNextWPe-Regular.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-TT/Porsche Next WebPersian/Fonts/PorscheNextWPe-Regular.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Arabic_Web/OT-TTF-Web/Porsche Next WebPersian/Fonts/PorscheNextWPe-Regular.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/SVG-PS/Porsche Next WebPersian/Fonts/PorscheNextWPe-Regular.svg#PorscheNextWPe-Regular") format("svg"); } @font-face { font-family: "PorscheNextWUr"; font-weight: 100; font-style: italic; src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebUrdu/Fonts/PorscheNextWUr-Regular.eot"); src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebUrdu/Fonts/PorscheNextWUr-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-2-TT/Porsche Next WebUrdu/Fonts/PorscheNextWUr-Regular.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-TT/Porsche Next WebUrdu/Fonts/PorscheNextWUr-Regular.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Arabic_Web/OT-TTF-Web/Porsche Next WebUrdu/Fonts/PorscheNextWUr-Regular.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/SVG-PS/Porsche Next WebUrdu/Fonts/PorscheNextWUr-Regular.svg#PorscheNextWUr-Regular") format("svg"); } @font-face { font-family: "PorscheNextWAr"; font-weight: 100; font-style: normal; src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebArabic/Fonts/PorscheNextWAr-Regular.eot"); src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebArabic/Fonts/PorscheNextWAr-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-2-TT/Porsche Next WebArabic/Fonts/PorscheNextWAr-Regular.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-TT/Porsche Next WebArabic/Fonts/PorscheNextWAr-Regular.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Arabic_Web/OT-TTF-Web/Porsche Next WebArabic/Fonts/PorscheNextWAr-Regular.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/SVG-PS/Porsche Next WebArabic/Fonts/PorscheNextWAr-Regular.svg#PorscheNextWAr-Regular") format("svg"); } @font-face { font-family: "PorscheNextWPa"; font-weight: 100; font-style: normal; src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebPashto/Fonts/PorscheNextWPa-Regular.eot"); src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebPashto/Fonts/PorscheNextWPa-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-2-TT/Porsche Next WebPashto/Fonts/PorscheNextWPa-Regular.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-TT/Porsche Next WebPashto/Fonts/PorscheNextWPa-Regular.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Arabic_Web/OT-TTF-Web/Porsche Next WebPashto/Fonts/PorscheNextWPa-Regular.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/SVG-PS/Porsche Next WebPashto/Fonts/PorscheNextWPa-Regular.svg#PorscheNextWPa-Regular") format("svg"); } @font-face { font-family: "PorscheNextWPe"; font-weight: 100; font-style: normal; src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebPersian/Fonts/PorscheNextWPe-Regular.eot"); src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebPersian/Fonts/PorscheNextWPe-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-2-TT/Porsche Next WebPersian/Fonts/PorscheNextWPe-Regular.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-TT/Porsche Next WebPersian/Fonts/PorscheNextWPe-Regular.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Arabic_Web/OT-TTF-Web/Porsche Next WebPersian/Fonts/PorscheNextWPe-Regular.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/SVG-PS/Porsche Next WebPersian/Fonts/PorscheNextWPe-Regular.svg#PorscheNextWPe-Regular") format("svg"); } @font-face { font-family: "PorscheNextWUr"; font-weight: 100; font-style: normal; src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebUrdu/Fonts/PorscheNextWUr-Regular.eot"); src: url("/fonts/Porsche_Next_Lat-Arabic_Web/EOT-TT/Porsche Next WebUrdu/Fonts/PorscheNextWUr-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-2-TT/Porsche Next WebUrdu/Fonts/PorscheNextWUr-Regular.woff2") format("woff2"), url("/fonts/Porsche_Next_Lat-Arabic_Web/WOFF-TT/Porsche Next WebUrdu/Fonts/PorscheNextWUr-Regular.woff") format("woff"), url("/fonts/Porsche_Next_Lat-Arabic_Web/OT-TTF-Web/Porsche Next WebUrdu/Fonts/PorscheNextWUr-Regular.ttf") format("truetype"), url("/fonts/Porsche_Next_Lat-Arabic_Web/SVG-PS/Porsche Next WebUrdu/Fonts/PorscheNextWUr-Regular.svg#PorscheNextWUr-Regular") format("svg"); } @font-face { font-family: "pag-iconfont"; src: url("/fonts/pag-iconfont/pag-iconfont.eot"); src: url("/fonts/pag-iconfont/pag-iconfont.eot?#iefix") format("embedded-opentype"), url("/fonts/pag-iconfont/pag-iconfont.woff") format("woff"), url("/fonts/pag-iconfont/pag-iconfont.ttf") format("truetype"), url("/fonts/pag-iconfont/pag-iconfont.svg#pag-iconfont") format("svg"); } body{ font-family:'PorscheNextWLa', 'PorscheNextWCy', Arial; } h1, h2, h3, h4, h5, h6 { font-family:'PorscheNextWLa', 'PorscheNextWCy', Arial !important; } .container-fluid { /*height: 100%;*/ min-height: 100%!important; height: auto; } .work-area { /*height: auto!important;*/ /*height: 100%; padding-bottom: 200px; position: relative;*/ min-height: 100%!important; height: auto; } body, html { background: #F3F6F9 url("/img/bg.png") repeat-x fixed 0% 0%; /*font-family: Arial,sans-serif;*/ font-size: 14px; line-height: 1.45; height: 100%; position: relative; } header{ position: relative; } main { height: 100%; } .btn.shadow { opacity: .65; } a, a:visited { color:#000; text-decoration:none; cursor: pointer; } .text-blank {color: #FFF!important;} a:hover { color:#c00; text-decoration: none;} h1, h2, h3 { /*font-family:"PFranklinGothicCndKY",Arial,sans-serif;*/ font-weight:normal; } h1.eventName, h2 { font-family: "PNewsGothicKY",Arial,sans-serif; overflow: hidden; font-weight: bold; margin: 0.67em 0px; line-height: normal; font-size: 26px; text-overflow: ellipsis; } h3.title { font-size: 14px; } .ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.ui-corner-all { width: 310px!important; } h2.event-title-list { margin-top: 0; } .no-left-padding { padding-left: 0px; } .navbar-default .navbar-nav > li > a { color:#000000; } .padding-none { padding-left: 0; padding-right: 0; } .without-top-padding { padding-top: 0px!important; } .custom-form-group { padding-bottom: 5px; padding-top: 6px; } .work-area { background-color: #fff; } .work-area .row { margin-left: 0; margin-right: 0; } .logo-block { border-bottom: 1px solid #DFDFDF; text-align: center; margin-top: 15px; } #logo a { padding: 0 10px; background-color: #fff; display: inline-block; margin-bottom: -3px; } .fake-header { margin-top: 10px; margin-bottom: 30px; } .info-horizontal-item-wrap { min-height: 262px; } .info-horizontal-item-wrap a.info-horizontal-item-info:hover .event-annotation { color: #000; } .info-horizontal-item-wrap .event-title-list::before { content: '\e00d'; position: absolute; font-family: 'pag-iconfont'; left: -5px; font-size: 18px; color: #cc0000; background-color: white; line-height: 32px; font-style: normal; font-weight: normal; font-variant: normal; } .info-horizontal-item-wrap .info-horizontal-item-picture-wrap { padding-left: 0; } .info-horizontal-item-picture-wrap .img-responsive { margin-bottom: 40px; width: 100%; } @media screen and (max-width: 768px) { .info-horizontal-item-picture-wrap .img-responsive { margin-bottom: 10px; } } /**INSTRUCTORS*/ .instructor-wrap { min-height: 356px; } .instructor-wrap a.instructor-all-info:hover .event-annotation * { color: #000; } .instructor-wrap .appointment { font-size: 18px; margin-top: 0; color: #333; } .instructor-wrap .event-title-list { margin-bottom: 0; font-size: 22px; color: #333; } .instructor-wrap a.instructor-all-info:hover .event-title-list, .instructor-wrap a.instructor-all-info:hover .appointment { color: #c00; } /**END INSTRUCTORS*/ /**BREADCRUMBS*/ .path { position: fixed; top: 231px; bottom: auto; z-index: 18; font-size: 0.875em; color: #000; transform: translateZ(0px); padding-left: 15px; } .path ul { list-style: none; background-color: #fff; border: 1px solid #999; padding-left: 0; } .path > ul > li { position: relative; width: 40px; height: 40px; margin: 0px; padding: 0px; border-top: 1px solid #999; } .path .breadcrumb { background-color: #212121; border-radius: 0; } .path > ul > li > a { position: absolute; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #000; transition: color 0.24s ease 0s; } .path .breadcrumb > a { color: #fff; transition: color 0.24s ease 0s; } .path .breadcrumb > a:before { content: "\E015"; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; } .path li.inact a { cursor: default; } .path li.inact a:before { color: #CCC; } .path .up a:before { content: "\E01C"; font-size: 1.2em; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; } .path .more > a:before { content: "\E01D"; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; } .path > ul > li > a:before { font-size: 1.6em; } .path li ul { position: absolute; left: 40px; right: auto; width: 300px; overflow: hidden; margin: 0px; padding: 0px; border: 1px solid #999; list-style: none; color: #000; } .path .more ul { display: none; background-color: #fff; color: #000; } .path li ul li { height: 40px; position: relative; transition: background-color 0.24s ease 0s; color: inherit; } .path li ul li a { display: block; height: 40px; max-width: 100%; margin: 0 21px; vertical-align: middle; border-top: 1px solid #ccc; line-height: 40px; color: inherit; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .path .down a:before { content: "\E017"; font-size: 1.2em; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; } .path li:hover ul { display:block; } .path li ul:hover { display: block; } .path li ul li:hover { background-color: #c00; } .path li ul li:hover a { border-top: 1px solid #c00; color: #fff; } /**END BREADCRUMBS*/ /**MENU*/ /*обнулила стиль бутстрапа*/ .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { border-color: transparent; } #main-menu { display: block; } .lable-menu { display: none; } .navbar-default { background: transparent; border: none; } .porsche-navbar { margin-top: 10px; margin-bottom: 0; } .porsche-navbar .navbar-collapse { padding-left: 0; padding-right: 0; position: relative; } .porsche-navbar ul { border-radius: 0!important; box-shadow: none; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li.open>a, .navbar-default .navbar-nav>li.open>a:focus, .navbar-default .navbar-nav>li.open>a:hover { background-color: transparent; color: #cc0000; } /*.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { background-color: transparent; color: #cc0000; }*/ .porsche-navbar .navbar-header button.navbar-toggle { position: absolute; top: -60px; right: 0; } /**END MENU*/ /**SUBMENU*/ .dropdown-submenu { position: relative; } .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -1px; /*margin-left: -1px;*/ -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover>.dropdown-menu { display: block; } .dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover>a::after { border-left-color: #fff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } /**END SUBMENU*/ /**FORMS IN MENU*/ .block-nav-right { background-color: #F2F2F2; padding-top: 7px; } #siteSearch { margin-bottom: 0; } #siteSearchField { border-bottom-left-radius: 10px; border-top-left-radius: 10px; } #siteSearch .input-group, #dealerSearch .input-group { background-color: #fff; border: 1px solid #dfdfdf; border-radius: 4px; } #siteSearch .form-control, #dealerSearch .form-control { border: none; box-shadow: none; max-width: 150px; } #siteSearch .form-control:focus, #dealerSearch .form-control:focus { /*border-color: #cc0000; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(204, 0, 0, 0.6);*/ border-color: #cc0000; box-shadow: none; } .dealer-search-button, .search-submit-button { background-color: transparent; padding-left: 5px; padding-right: 5px; } .dealer-search-button:hover, .search-submit-button:hover { color: #cc0000; } .dealer-search-button:before { font-family: 'pag-iconfont'; content: "\E00D"; } .search-submit-button:before { font-family: 'pag-iconfont'; content: "\E003"; } .Configurator { /*padding: 10px 15px;*/ padding-top: 10px; padding-bottom: 10px; position: relative; } .Configurator>a { color: #3A6B9B; position: relative; display: block; } .Configurator>a:hover { color: #cc0000; text-decoration: none; } .Configurator>a::before, .Configurator>a::after { font-family: 'pag-iconfont'; content: "\E01F"; display: inline-block; position: absolute; } .Configurator>a:before { right: 3px; } .Configurator>a::after { right: 0; } /**END FORMS IN MENU*/ /**DARK BLUE BLOCK AND INFO INSIDE*/ .dark-blue-block { background-color: #2A4B6D; text-align: left; display: block; /*padding: 10px 15px;*/ padding: 7px 15px; z-index: 10000; } .dark-blue-block a, .dark-blue-block { color: #fff; text-decoration: none; } .dark-blue-block .more-item a { display: block; position: relative; } .dark-blue-block .more-item a::after { font-family: 'pag-iconfont'; content: "\E004"; font-size: 0.9em; font-weight: bold; font-variant: normal; position: absolute; right: 0; } .info-in-dark-blue-block { display: none; position: absolute; z-index: 1000; width: 100%; /*padding-right: 15px;*/ } .blue-block-text::after { font-family: 'pag-iconfont'; content: "\E004"; float: right; } .blue-block-text.plus::after { font-family: 'pag-iconfont'; content: "\E02D"; } .info-in-dark-blue-block a, .info-in-dark-blue-block { color: #fff; text-decoration: none; } .info-in-dark-blue-block .info-container { background-color: #2A4B6D; padding-bottom: 50px; padding-top: 50px; } .blue-block-text { font-size: 14px; } .fuori { width: 100%; position:relative; } .info-in-dark-blue-block .list-info { list-style: none; padding-left: 0px; } .info-in-dark-blue-block .list-info a { display: block; line-height: 43px; font-size: 14px; padding-left: 15px; padding-right: 10px; position: relative; } .info-in-dark-blue-block .list-info a:hover, .info-in-dark-blue-block .list-info a:focus { background-color: #687d92; } .info-in-dark-blue-block .list-info a span { display: inline-block; position: relative; width: 100%; } .info-in-dark-blue-block .list-info a span::before{ font-family: 'pag-iconfont'; content: "\E01F"; position: absolute; right: 0; } .info-in-dark-blue-block .list-info li { border-bottom: 1px solid #405d7b; } .info-in-dark-blue-block .list-info li:first-child { border-top: 1px solid #405d7b; } .info-in-dark-blue-block .info-title { font-family: PFranklinGothicCndKY, Arial, sans-serif; font-size: 20px; } .info-in-dark-blue-block .list-info li.compare-model a::before, .info-in-dark-blue-block .list-info li.configurator a::before, .info-in-dark-blue-block .list-info li.finantial-serv a::before, .info-in-dark-blue-block .list-info li.clients a::before { font-family: 'pag-iconfont'; font-size: 24px; position: absolute; left: 0; } .info-in-dark-blue-block .list-info li.configurator a::before { content: "\E02E"; } .info-in-dark-blue-block .list-info li.compare-model a::before { content: "\E035"; } .info-in-dark-blue-block .list-info li.finantial-serv a::before { content: "\E02C"; } .info-in-dark-blue-block .list-info li.clients a::before{ content: "\E62E"; } .info-in-dark-blue-block .list-info li.compare-model a, .info-in-dark-blue-block .list-info li.configurator a, .info-in-dark-blue-block .list-info li.finantial-serv a, .info-in-dark-blue-block .list-info li.clients a { padding-left: 25px; } /**END DARK BLUE BLOCK*/ /**SLIDER*/ .swiper-container { width: 100%; height: 100%; } .swiper-container .swiper-slide { background-position: center; background-size: cover; position: relative; } .swiper-container .swiper-button-prev, .swiper-container .swiper-button-next { display: none; } .swiper-container:hover .swiper-button-prev, .swiper-container:hover .swiper-button-next { display: block; } .swiper-container img { width: 100%; } .swiper-container .swiper-slide a.imgInfo{ display: none; font-size: 1.875em; line-height: 38px; } .swiper-container .swiper-slide a.imgInfo h3 { font-size: 48px; line-height: 55px; text-indent: -11px; font-family: "PFranklinGothicCndKY",Arial,sans-serif; font-weight: normal; } .swiper-container .swiper-slide a.imgInfo h3:before { content: "\E00D"; width: 30px; margin-left: -0.88em; margin-right: 0.24em; color: #C00; font-size: 32px; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; } .swiper-container .swiper-slide-active a.imgInfo{ display: block; position: absolute; } .swiper-container .swiper-slide-active .imgInfo.topLeft { top: 2.85714em; left: 7.14286%; bottom: auto; right: auto; } .swiper-container .swiper-slide-active .imgInfo.topRight { top: 2.85714em; right: 7.14286%; bottom: auto; left: auto; } .swiper-container .swiper-slide-active .imgInfo.bottomLeft { bottom: 2.85714em; left: 7.14286%; top: auto; right: auto; } .swiper-container .swiper-slide-active .imgInfo.bottomRight { bottom: 2.85714em; right: 7.14286%; top: auto; left: auto; } .swiper-container .swiper-slide-active a.imgInfo.cWhite { color: #fff; } .swiper-container .swiper-slide-active a.imgInfo.cBlack { color: #000; } @media (max-width: 768px) { .swiper-container { padding-bottom: 25px; } .swiper-container .swiper-button-prev, .swiper-container .swiper-button-next { top: 35%; } .swiper-container .swiper-pagination { bottom: 0; } .swiper-container .swiper-pagination span { border: 1px solid #777; } .swiper-container .swiper-pagination .swiper-pagination-bullet { background: #777; } .swiper-container .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white, .swiper-container .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-color: transparent; } .swiper-container .swiper-slide .imgInfo { color: #000 !important; position: relative!important; top: auto!important; left: auto!important; bottom: auto!important; right: auto!important; text-align: left; padding-left: 15px; margin-left: 8.333333%; } } @media (max-width: 992px) { .swiper-container .swiper-slide a.imgInfo { font-size: 1em; line-height: 1; } .swiper-container .swiper-slide a.imgInfo h3 { font-size: 22px; line-height: 24px; text-indent: -5px; } .swiper-container .swiper-slide a.imgInfo h3:before { font-size: 15px; } } @media (min-width: 601px) { .banner-subname-desktop { display: block; } .banner-subname-mobile { display: none; } } @media (max-width: 600px) { .banner-subname-desktop { display: none; } .banner-subname-mobile { display: block; } } /**END SLIDER*/ /** BLACK ROW INSTED OF SLIDER */ .black-row { background-color: #1B1D1F; margin-bottom: 20px; } .black-row h1 { font-family: "PFranklinGothicCndKY", Arial, sans-serif; margin-top: 10px; line-height: normal; font-size: 26px; color: #fff; } /** end BLACK ROW INSTED OF SLIDER */ /** BANNER INSTEAD OF SLIDER */ .main-banner img { width: 100%; } /** BANNER INSTEAD OF SLIDER */ /** VIDEO BANNER INSTEAD OF SLIDER */ .banner-video .video-js { width: 100% !important; height: auto !important; } .banner-video .video-js .vjs-tech { display: block; position: relative !important; } .ratio-locked-box .banner-video .video-js { height: 100% !important; } .image-video-container .banner-embed-video { position: relative; } .pg_bannerrow { height: auto; padding: 0; margin: 0; overflow: hidden; max-height: 615px; } .banner-embed-video { position: relative; padding-bottom: 38.45%; height: 0; overflow: hidden; max-width: 100%; } .banner-embed-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .image-video-container img { width: 100%; } .image-video-container .fa { position: absolute; left: 0; top: 0; width: 100%; margin-top: 10%; font-size: 22em; text-align: center; cursor: pointer; color: rgba(215,215,215,0.52); } @media (min-width: 1240px) { .image-video-container .fa { font-size: 22em; } } @media (min-width: 992px) and (max-width: 1241px) { .image-video-container .fa { font-size: 18em; } } @media (min-width: 769px) and (max-width: 991px) { .image-video-container .fa { font-size: 15em; margin-top: 8%; } } @media (max-width: 768px) { .image-video-container .fa { font-size: 8em; margin-top: 10%; } } /** END VIDEO BANNER INSTEAD OF SLIDER*/ /**GREY ROW BELOW BANNER*/ .grey-bg { /* background-color: #f2f2f2;*/ background-color: #333; } .grey-bg h1 { font-family: "PFranklinGothicCndKY", Arial, sans-serif; font-size: 26px; font-weight: normal; color:#fff; margin-top: 10px; } /**END GREY ROW BELOW BANNER*/ /**PRODUCT TEASER*/ .produkt-teaser-wrap { padding-top: 30px; } .produkt-teaser-item { padding: 0 15%; text-align: center; } .produkt-teaser-item-content-wrap { padding-top: 18px; padding-bottom: 10px; border: 1px solid #fff; border-bottom: 3px solid #fff; border-radius: 5px; } .produkt-teaser-item-content-wrap:hover { border: 1px solid #cccccc; border-bottom: 3px solid #c00; } .produkt-teaser-item-link { position: relative; } .produkt-teaser-item-link .title { display: inline-block; margin-top: 5px; margin-bottom: 5px; } .produkt-teaser-item-link .link { display: block; position: absolute; width: 100%; height: 100%; top: 0; } /**END PRODUCT TEASER*/ /**BANER TEASER*/ .baner-teaser-wrapper .baner-teaser-item .image-wrap::after, .baner-teaser-wrapper .baner-teaser-item .title-wrapper .title { -webkit-transition-property: background-color,color; -moz-transition-property: background-color,color; -o-transition-property: background-color,color; transition-property: background-color,color; -webkit-transition-duration: .24s; -moz-transition-duration: .24s; -o-transition-duration: .24s; transition-duration: .24s; } .baner-teaser-wrapper { margin-top: 20px; } .baner-teaser-item-col { padding-right: 0; padding-left: 5px; } .baner-teaser-wrapper .baner-teaser-item .image-wrap { position: relative; } .baner-teaser-wrapper .baner-teaser-item .image-wrap::after { position: absolute; bottom: 0; left: 0; right: 0; content: ''; height: 5px; } .baner-teaser-wrapper .baner-teaser-item:hover .image-wrap::after { background-color: #c00; } .baner-teaser-wrapper .baner-teaser-item .title-wrapper .title { padding: 0 0 10px 14px; font-family: Arial,sans-serif; color: #000; font-weight: normal; display: inline-block; position: relative; } /*.baner-teaser-wrapper .baner-teaser-item .title-wrapper .title::after,*/ .baner-teaser-wrapper .baner-teaser-item .title-wrapper .title::before { content: '\e00d'; position: absolute; font-family: 'pag-iconfont'; left: 0; font-size: 12px; color: #cc0000; background-color: white; line-height: 16px; font-style: normal; font-weight: normal; font-variant: normal; } .baner-teaser-wrapper .baner-teaser-item:hover .title { color: #c00; } /**END BANER TEASER*/ /**GALLERY TABS*/ .Gallery ul.gallery-tabs { border: none; } .Gallery .gallery-tabs > li.active > a, .Gallery .gallery-tabs > li.active > a:focus, .Gallery .gallery-tabs > li.active > a:hover { border-left: none; border-top: none; border-right: none; border-bottom: 5px solid #c00; color: #c00; } .Gallery .gallery-tab-content { border-top: 1px solid #000; } /**END GALLERY TABS*/ /**SCROLLING PART OF GALLERY*/ .scroll-content { max-height: 371px; width: 2100px; } .scroll-content .gallery-col { float: left; margin-right: 4px; } .scroll-pane { overflow: hidden; float:left; padding-bottom: 25px; padding-left: 0; padding-right: 0;} .Gallery .iScrollHorizontalScrollbar { background-color: #cccccc; position: absolute !important; bottom: 4px !important; z-index: 5 !important; height: 10px !important; margin-right: 7%; margin-left: 7%; overflow: visible !important; } .Gallery .iScrollHorizontalScrollbar .iScrollIndicator { background-color: #3e4146 !important; cursor: pointer; border-radius: 0 !important; position: absolute !important; z-index: 5 !important; top: -3px; height: 16px !important; border: none !important; } .Gallery .iScrollHorizontalScrollbar .iScrollIndicator:before { position: absolute; top: 0; bottom: 0; left: 50%; line-height: 16px; font-size: 0.85em; text-align: center; color: white; content: "\e050"; font-family: 'pag-iconfont'; font-size: 16px; margin-left: -6px; } .gallery-tab-content .gallery-image a { color: #fff; } .gallery-tab-content .gallery-col { width: 416px; height: 366px; display: inline-block; overflow: hidden; } .gallery-tab-content .gallery-col .gallery-image { float: none; position: relative; } .gallery-tab-content .gallery-col .gallery-image.first { margin-bottom: 4px; clear: both; } .gallery-tab-content .gallery-col .gallery-image.smallthumb.first { margin-right: 4px; } .gallery-tab-content .gallery-col .gallery-image.smallthumb { float: left; height: 120px; } .gallery-tab-content .gallery-col .gallery-image.last { float: right; } .gallery-tab-content .gallery-col .gallery-image.bigthumb img { height: 242px; width: 416px; } .gallery-tab-content img { display: block; } .gallery-tab-content .gallery-col .gallery-image.smallthumb img { width: 206px; height: 120px; } .gallery-link-wrap { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; display: block; } /* .gallery-tab-content .gallery-col .gallery-link-wrap::before { content: ' '; display: inline-block; height: 100%; vertical-align: middle; font-size: 0; } .gallery-tab-content .gallery-col .gallery-link-wrap:hover::before { height: 41%; } */ .gallery-tab-content .gallery-col .gallery-link-wrap .text-wrap { height: 100%; width: 100%; text-align: center; display: none; } .gallery-tab-content .gallery-col .gallery-link-wrap .link-text { display: table-cell; width: 100%; height: 100%; vertical-align: middle; padding-left: 5%; padding-right: 5%; } .gallery-tab-content .gallery-image .border { position: absolute; bottom: 0; content: ''; height: 7px; background-color: transparent; display: block; width: 100%; } .gallery-tab-content .gallery-image:hover .gallery-link-wrap { zoom: 1; background-color: rgba(27,29,31,.9); } .gallery-tab-content .gallery-image:hover .text-wrap { display: table; color: #fff; } .gallery-tab-content .gallery-image:hover .border { background-color: #c91602; } .gallery-tab-content .gallery-col .gallery-link-wrap.video-link::after, .info-horizontal-item-wrap.video-wrap .info-horizontal-item-picture-wrap a::after{ content: ' '; position: absolute; top: 50%; left: 50%; background-image: url('https://www.porsche-leipzig.com/fileadmin/public/img/lowres.png'); background-repeat: no-repeat; background-position: 0 -1250px; height: 64px; width: 64px; display: block; margin-top: -32px; margin-left: -32px; } @media (max-width: 768px) { .info-horizontal-item-wrap.video-wrap .info-horizontal-item-picture-wrap a::after { left: 39%!important; } } .gallery-tab-content .gallery-col .gallery-link-wrap.video-link:hover::after { font-family: 'pag-iconfont'; content: '\e005'; background-image: none; opacity: 0.4; position: absolute; bottom: 21px; text-align: center; color: #fff; margin: 0; top: auto; width: auto; height: auto; font-size: 40px; margin-left: -20px; } /**END SCROLLING PART OF GALLERY*/ /**VIDEO**/ .slider-video { display: none; z-index: 100; /*margin-left: -15px;*/ border-radius: 0; position:absolute; top:0; width:100%; height:100%; } .slider-video video { border-radius: 0; } .slider-video .mediateaser-close { text-decoration: none; z-index: 200; top: 0; width: 40px; height: 40px; position: absolute; top: 10px; right: 10px; z-index: 22; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; cursor: pointer; background-color: #3e4146; color: #fff!important; line-height: 2.64286em; padding-top: 0; padding-bottom: 0; display: inline-block; } .slider-video .mediateaser-close:hover { background-color: #c00; } .slider-video .mediateaser-close::before { display: block; height: 40px; width: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 23px; content: "\e00b"; font-family: 'pag-iconfont'; } .video-js .vjs-play-progress, .video-js .vjs-volume-level { background-color: #c00; } .slider-video .vjs-youtube .vjs-poster, .ytp-thumbnail-overlay { background-size: contain!important; } .slider-video .video-js .vjs-big-play-button, #videoModal .video-js .vjs-big-play-button { left: 44%; top: 40%; } /**END VIDEO*/ /**IMG IN GALLERY*/ .swiper-container-gallery { width: 100%; height: 100%; } .swiper-container-gallery .swiper-slide { text-align: center; font-size: 18px; background: #000; } .swiper-container-gallery .swiper-slide img { width: auto; height: auto; max-width: 100%; max-height: 100%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; left: 50%; top: 50%; } /*****************/ /*CALENDAR*/ table.calendar th { text-align: center; background-color: #999; color: #FFF; font-weight: bold; border: 0 none; border-bottom: 2px solid #FFF; border-right: 2px solid #FFF; } table.calendar td { text-align: center; background-color: #f2f2f2; border-bottom: 2px solid #FFF; border-right: 2px solid #FFF; padding-top:5px; padding-bottom: 3px; } @media (max-width: 991px) { table.calendar { width: 100%; } table.calendar tr, table.calendar td { display: block; } table.calendar tr { margin-bottom: 15px; } table.calendar td { text-align: left; padding-top: 10px; padding-bottom: 7px; } } .link-to-calendar { margin-top: 10px; } .timetable-row-wrap { margin-bottom: 10px; } /*END CALENDAR*/ /**CONTENT*/ /*****************/ .text-content { margin:20px 0 40px 0; } .text-content img[align="left"] { margin-right:20px; } .text-content img[align="right"] { margin-left:20px; } .custom-margin { margin:20px 0; } .custom-margin-bottom { margin-bottom:10px; } .img-margin-bottom {margin-bottom:10px;} .author { text-align:right; font-style:italic; } .event { text-align:right; font-weight:bold; } /**BOTTOM MENU*/ .bottom-menu { margin-top: 50px; } .bottom-menu hr { height: 1px; background-color: #ccc; border-top: 0; margin-bottom: 25px; } .bottom-menu ul { list-style: none; } .bottom-menu ul li { padding-left: 0; } .bottom-menu .section-second { padding-left: 0; } .bottom-menu .section-first>a { color: #999; border-bottom: none; cursor: pointer; margin-top: 16px; margin-bottom: 3px; line-height: 2.4em; font-size: 18px; font-family: "PFranklinGothicCndKY",Arial,sans-serif; display: inline-block; } .bottom-menu .section-second li { padding-bottom: 10px; } /**END BOTTOM MENU*/ /**SOCIAL BUTTONS*/ .contact-bottom h2 { margin: 0.9em 0 0.15em; font-size: 1.125em; font-weight: normal; color: #989898; line-height: 2.4em; } .contact-bottom ul li { display: inline-block; margin: 0 0 3px 0; list-style-type: none; line-height: 2; } .contact-bottom li a { display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #FFF; border-radius: 3px; background-color: #3E4146; transition-property: background-color, color; transition-duration: 0.24s; } .contact-bottom li a:hover { background-color: #326189; transition-property: background-color, color; transition-duration: 0.24s; } .contact-bottom ul.social { padding-left: 0; } .contact-bottom li a.facebook:before { content: "\E009"; font-size: 28px; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; } .contact-bottom li a.instagram:before { content: "\E601"; font-size: 28px; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; } .contact-bottom li a.youtube:before { content: "\F000"; font-size: 28px; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; } /**END SOCIAL BUTTONS*/ /**FOOTER*/ footer { background-color: #1b1d1f; color: white; padding-bottom: 61.25px; -webkit-font-smoothing: antialiased; margin-top: 10px; padding-top: 20px; /*position: absolute; width: 100%; bottom: 0;*/ } footer::after { display: block; content: ''; clear: both; } footer a, footer a:visited { color: #fff; } .footer-nav { padding-top: 20px; text-align: center; padding-bottom: 20px; } .footer-nav li { display: inline-block; padding: 0 5px; } footer p.bodytext { max-width: none; line-height: 25px; } footer .copyright { border-top: 1px solid #3c3c3c; padding-top: 26.25px; margin: 0; } /**END FOOTER*/ /**forms*/ .ui-autocomplete li { list-style: none; } .ui-autocomplete { padding-left: 15px; } /**end forms*/ /**FORMS*/ .wthtpadding { padding-left: 0px; } label.lbl-norm { font-weight: normal !important; } label a { color: #C00 !important; text-decoration: none; } /**END FORMS*/ /**gallery page*/ #grid > .column { padding-right: 0; padding-left: 5px; } #grid > .column:first-child { padding-left: 15px; } #grid > .column:last-child { padding-right: 15px; } #grid > .column .item { margin-bottom: 5px; } .Gallery-album .gallery-page-paginator, .paginator-album .gallery-page-paginator{ text-align: center; list-style-type: none; margin: 0px; padding: 0px; border-bottom: 1px solid #000; } .Gallery-album .gallery-page-paginator li, .paginator-album .gallery-page-paginator li { display: inline-block; border-bottom: 7px solid transparent; margin-bottom: -1px; } .Gallery-album .gallery-page-paginator li.act, .paginator-album .gallery-page-paginator li.act { border-bottom-color: #C00; } .Gallery-album .gallery-page-paginator li a, .paginator-album .gallery-page-paginator li a { padding: 12px 20px 5px; display: inline-block; cursor: pointer; } .Gallery-album .gallery-page-paginator li.act a, .paginator-album .gallery-page-paginator li.act a { color: #C00; } /**end gallery page*/ /*PAGINATOR*/ .paginator-album+#grid > div { display: none; } .paginator-album+#grid > div.active { display: block; } /*END PAGINATOR*/ /**FORMS*/ .register-form .hiddenAccordHead { display: none!important; } .register-form .ui-widget-content { background: none!important; border: 0; } .register-form .btn { color: white; } .register-form .btn.btn-default { color: #000; } /**END FORMS*/ /** drive cars */ .carList { margin:0 0 4em 0; } .carList li { display:block; list-style-type:none; padding: 2em 0; min-height: 1px; } .carList>a { float: left; } .carList .leftInfo { display: table-row; } .carList img { display:table-cell; width:151px; padding-right: 16px; } .carList span { display:table-cell; max-width: 600px; min-width: 200px; padding-left: 16px; vertical-align:top; } .carList span.car { width: 100px; } .carList .car h2 { margin: 0px; margin-left:-16px; font-family:Arial,sans-serif; font-size:1em; white-space:nowrap; } .carList .car h2:before { display:inline-block; width:16px; content:"\E00D"; color: #c00; text-transform: none; line-height: 1; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; } .carList .moreButton { float:none; width:auto; margin:0 0 10px 0; } .carList .textInfo { max-width: 800px; margin: 0 0 10px 0; } .carList .textInfo ul { list-style-type:none; } .carList .textInfo li { display:list-item; float:none; margin:0; padding:0; } .carList .textInfo li:before { content:"-"; padding-right:8px; } .carList .classInfoRight { max-width: 800px; } .carList h4 { padding-bottom: 5px; border-bottom: 1px solid #ccc; font-size:1.8em; } .carList .rightInformation { float: right; max-width: 55%; padding-left:3%; } .carList .rightInformation h4 {line-height: 1;} .carList .imgRight { list-style-type: none; margin: 0; padding: 0; } .carList .imgRight li { display: inline; } .carList .imgRight a { display: inline; width: auto; max-width: auto; } .carList .imgRight img { float: left; padding: 10px 20px 0px 0px; border: 5px solid #fff; width: 151px; } .carList .hideRight {display: none} /** end drive cars */ @media (max-width: 768px) { body > .container-fluid { padding: 0; } .porsche-navbar .navbar-collapse { overflow: hidden; } .row { margin-right: 0; } .row [class*="col-"] { padding-right: 0; } /**MENU*/ .porsche-navbar .navbar-nav { margin: 0; } /*.nav .open>a, .nav .open>a:focus, .nav .open>a:hover */ .porsche-navbar .navbar-nav>li>a { padding-left: 0; border-bottom: 1px solid #dfdfdf; } .porsche-navbar .navbar-nav>li.open+li>a { border-top: 1px solid #dfdfdf; } .porsche-navbar .navbar-nav>li.open>a { padding-bottom: 0; } .porsche-navbar .navbar-nav>li:last-child>a { border-bottom: none; } .porsche-navbar .navbar-nav>li { padding-left: 15px; } .porsche-navbar .dropdown-menu { border: none; } .porsche-navbar .dropdown-menu li a:before { font-family: 'pag-iconfont'; display: inline-block; color: #c00; font-size: 0.9em; font-style: normal; font-weight: normal; font-variant: normal; content: "\E01F"; padding: 12px 8px 0 4px; } /**END MENU*/ /**PRODUCT TEASER*/ .produkt-teaser-item { padding:0; text-align: center; } /**END PRODUCT TEASER*/ /**BANER TEASER*/ /*.baner-teaser-wrapper .baner-teaser-item .image-wrap { float: left; width: 40%; }*/ .baner-teaser-wrapper .baner-teaser-item .title { margin-top: 0; } .baner-teaser-item { display: block; margin-bottom: 20px; } /*.baner-teaser-wrapper .baner-teaser-item .title-wrapper { margin-left: 45%; }*/ /**END BANER TEASER*/ } @media (max-width: 991px) { .navbar { min-height: 1px; } /**DARK BLUE BLOCK AND INFO INSIDE*/ .dark-blue-block { margin-left: -15px; /*margin-right: -15px;*/ } .info-in-dark-blue-block { position: static; } .fuori { width: 98.7%; padding-left: 8.33333333%; margin-left: 9px; } .info-in-dark-blue-block .info-container { padding-top: 0px; padding-bottom: 10px; } .info-in-dark-blue-block .info-title.empty { display: none; } .info-in-dark-blue-block .info-title { padding-left: 15px; } .info-in-dark-blue-block .list-info { margin-bottom: 0; } .info-in-dark-blue-block .list-info li, .info-in-dark-blue-block .list-info li:first-child { border-bottom: 0; border-top: 0; } .info-in-dark-blue-block .list-info a span { padding-left: 25px; } .info-in-dark-blue-block .list-info a span::before { left: 0; } .info-in-dark-blue-block .list-info li.compare-model a, .info-in-dark-blue-block .list-info li.configurator a, .info-in-dark-blue-block .list-info li.finantial-serv a, .info-in-dark-blue-block .list-info li.clients a { padding-left: 15px; } .info-in-dark-blue-block .list-info li.compare-model a::before, .info-in-dark-blue-block .list-info li.configurator a::before, .info-in-dark-blue-block .list-info li.finantial-serv a::before, .info-in-dark-blue-block .list-info li.clients a::before { content: ''; } a.link-dark-blue:focus .dark-blue-block { background-color: #687d92; } .blue-block-text::after { position: absolute; right: 8px; float: none; } .blue-block-text::after { content: "\E021"; } .blue-block-text.plus::after { content: "\E01E"; } /**end DARK BLUE BLOCK AND INFO INSIDE*/ .Configurator>a:before { right: 10px; } .Configurator>a::after { right: 7px; } .logo-block { border-bottom: none; } #siteSearch { border-top: none; border-bottom: none; } /**BREADCRUMBS*/ .path { position: fixed; bottom: 40px; right: 0px; } .path > ul > li { width: 30px; height: 30px; } .path > ul > li > a { width: 30px; height: 30px; line-height: 30px; } /**END BREADCRUMBS*/ } @media (max-width: 996px) { /**DARK BLUE BLOCK AND INFO INSIDE*/ .dark-blue-block { /*margin-left: -15px;*/ /*margin-right: -15px;*/ } .block-nav-right { border-top: 1px solid #e7e7e7; /*padding-right: 10px!important;*/ } /**END DARK BLUE BLOCK AND INFO INSIDE*/ } @media (min-width: 992px) { #siteSearch { padding-right: 0px; padding-left: 0px; } .logo-block { margin-right: 220px; } .logo-block.full-string { margin-right: 0px; } #logo a { margin-left: 10%; } .logo-block.full-string #logo a { margin-left: 0px; } /**allow open dropdown meny by hover*/ .block-nav-right { position: absolute; top: -76px; right: 0; margin-right: 0; width: 201.438px; /*margin-top: -76px;*/ } /**end allow open dropdown meny by hover*/ /**DARK BLUE BLOCK AND INFO INSIDE*/ .dark-blue-block { position: absolute; z-index: 10000; /*width: 100%;*/ width: 201.438px; left: 0; } /**END DARK BLUE BLOCK AND INFO INSIDE*/ .md-lg-left-padding { padding-left: 15px; } } @media (min-width: 769px) and (max-width: 991px) { .blue-block-text::after { right: 23px; } } @media (min-width: 769px) and (max-width: 996px) { /**DARK BLUE BLOCK AND INFO INSIDE*/ .dark-blue-block { margin-right: -15px; } /**END DARK BLUE BLOCK AND INFO INSIDE*/ .navbar-nav { margin-right: 0; } } @media (min-width: 560px) and (max-width: 991px) { /**PRODUCT TEASER*/ .produkt-teaser-item { padding: 0 25%; text-align: center; } /**END PRODUCT TEASER*/ } @media (min-width: 992px) and (max-width: 1290px) { /**MENU*/ #main-menu { position: absolute; z-index: 200; background-color: #fff; border: 1px solid #dfdfdf; } #main-menu li { float: none; } #main-menu>li:first-child::before, #main-menu>li:first-child::after{ content: ''; border-right: 10px solid transparent; border-left: 10px solid transparent; position: absolute; font-family: 'pag-iconfont'; width: 0; height: 0; } #main-menu>li:first-child::before { border-bottom: 10px solid #cccccc; left: 7%; top: -11px; } #main-menu>li:first-child::after { border-bottom: 10px solid #fff; left: 7%; top: -10px; } #main-menu>li:hover:first-child::after { border-bottom-color: #c00; } #main-menu>li>a { padding-left: 15px; padding-right: 15px; } #main-menu li a:hover, #main-menu>li:hover>a { color: #fff; background-color: #c00; } .lable-menu { display: block; padding-top: 15px; padding-bottom: 15px; } #main-menu.hidden-element { display: none; } .porsche-navbar .navbar-collapse { overflow: hidden; } .porsche-navbar .dropdown-menu { position: absolute; left: 100%; top: 0; } .lable-menu:hover + #main-menu, #main-menu:hover { display: block; } #main-menu li.dropdown:hover .dropdown-menu { display: block; } .dropdown-menu { padding-top: 0; padding-bottom: 0; } .navbar-nav>li>a { padding: 0px; } .navbar-nav>li>a>span { display: inline-block; margin-top: 10px; padding-bottom: 10px; /*margin-left: 15px; margin-right: 15px;*/ border-bottom: 1px solid #dfdfdf; width: 100%; } #main-menu li:last-child a span { border-bottom: 0px; } .navbar-nav>li>a:hover>span { border-bottom: 1px solid #c00; } #main-menu li.dropdown:hover .dropdown-menu li a span { display: block; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #dfdfdf; padding-right: 10px; } #main-menu li.dropdown:hover .dropdown-menu li a:hover span { border-bottom: 1px solid #c00; } #main-menu li.dropdown:hover .dropdown-menu li:last-child a span { border-bottom: 0px; } #main-menu li.dropdown:hover .dropdown-menu li a { padding-top: 0px; padding-bottom:0px; } #main-menu>li>a>span:after { font-family: 'pag-iconfont'; content: "\E01F"; float: right; } /**END MENU*/ } @media (min-width: 1291px){ .dropdown:hover > .dropdown-menu { display: block; } .porsche-navbar #main-menu>li:first-child>a { padding-left: 0; } /**DROPDOWN MENU IN LARGE MONITOR WHEN WE HAVE FULL MENU STRING*/ ul.dropdown-menu { background: #fff; border: 1px solid #dfdfdf; padding-top: 0; padding-bottom: 0; } #main-menu { max-width:83%; max-height: 50px; } #main-menu .dropdown-menu>li>a { padding-top: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; } #main-menu .dropdown-menu>li>a>span { display: block; width: 100%; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #dfdfdf; padding-right: 10px; } #main-menu .dropdown-menu>li:last-child>a>span { border-bottom: 0px; } #main-menu .dropdown-menu>li>a:hover>span { border-bottom: 1px solid #c00; } #main-menu > li > ul.dropdown-menu > li:first-child:before, #main-menu > li > ul.dropdown-menu > li:first-child::after { content: ''; border-right: 10px solid transparent; border-left: 10px solid transparent; position: absolute; font-family: 'pag-iconfont'; width: 0; height: 0; } #main-menu > li > ul.dropdown-menu > li:first-child:before { border-bottom: 10px solid #cccccc; left: 20%; /*bottom: 79px;*/ top: -11px; } #main-menu > li > ul.dropdown-menu > li:first-child::after { border-bottom: 10px solid #fff; left: 20%; /*bottom: 78px;*/ top: -10px; } #main-menu > li > ul.dropdown-menu > li:hover:first-child::after { border-bottom-color: #c00; } #main-menu .dropdown-menu>li>a:focus, #main-menu .dropdown-menu>li>a:hover, #main-menu .dropdown-menu>li:hover, #main-menu .dropdown-menu>li:hover a { background-color: #c00; color: #fff; } /**end DROPDOWN MENU IN LARGE MONITOR WHEN WE HAVE FULL MENU STRING*/ } @media (min-width: 1600px) { body > .container-fluid { padding: 0 4%; } } @media (max-width: 1599px){ body > .container-fluid { padding-left: 0px; padding-right: 0px; } } @media (min-width: 1200px) { #siteSearch .form-control, #dealerSearch .form-control { max-width: 150px; } } /**STILES MEDIA FOR IMAGE GALLERY*/ @media screen and (min-width: 1px) and (max-width: 768px){ #grid[data-columns]::before { content: '2 .column.col-xs-6'; } .fuori { width: 100%; padding-left: 0; margin-left:0; } } @media screen and (min-width:769px) and (max-width: 991px){ #grid[data-columns]::before { content: '3 .column.col-sm-4'; } } @media screen and (min-width:992px) and (max-width: 9999px){ #grid[data-columns]::before { content: '4 .column.col-md-3'; } } /**STILES MEDIA FOR IMAGE GALLERY*/ @media (max-width: 1021px) { .carList .rightInformation { float: none; padding-left: 0; max-width: 100%; } } .moreButton { display: inline-block; width:auto; padding: 0 0 0 21px; margin: 1.25em 0; border-radius: 3px; background-color: #3E4146; color: #fff !important; line-height: 2.64286em; transition: background-color 0.24s ease 0s; } .moreButton:after { content:"\E01F"; padding:0 19px 0 5px; height: 2.75em; line-height: 2.64286em; font-size: 14px; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; } .moreButton:hover { background-color: #c00; color: #fff; transition: background-color 0.24s ease 0s; } .moreButton:hover:after { padding:0 16px 0 8px; transition: padding 0.1s ease 0s; } .Download { display:inline-block; padding: 6px 21px; border:0; border-radius: 3px; background-color: #3E4146; color:#fff; line-height: 2; cursor: pointer; transition: background-color 0.24s ease 0s;} .Blue { display:inline-block; padding: 6px 21px; border:0; border-radius: 3px; background-color: rgb(42, 75, 109); line-height: 2; font-size: 14px; color:#fff; cursor:pointer; transition: background-color 0.24s ease 0s; } .Grey { display:inline-block; padding: 6px 21px; border:0; border-radius: 3px; background-color: #3E4146; color:#fff; line-height: 2; cursor: pointer; transition: background-color 0.24s ease 0s;} .Red { display:inline-block; padding: 6px 21px; border:0; border-radius: 3px; background-color: #c00; color:#fff; line-height: 2; cursor: pointer; transition: background-color 0.24s ease 0s;} .greyUp { display:inline-block; padding: 6px 21px; border:0; border-radius: 3px; background-color: #3E4146; color:#fff; line-height: 2; cursor: pointer; transition: background-color 0.24s ease 0s;} .Download:hover, .Blue:hover, .Grey:hover, .greyUp:hover { color:#fff; background-color: #c00; transition: background-color 0.24s ease 0s;} .Red:hover { color:#fff; background-color: rgb(42, 75, 109); transition: background-color 0.24s ease 0s;} .Download:visited, .Blue:visited, .Grey:visited, .greyUp:visited, .Red:visited { color:#fff; } .Download:before { display: inline-block; padding-right: 10px; content:"\E023"; vertical-align: middle; font-size: 16px; color: #f00; line-height: 1; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; } .Blue:after, .Grey:after, .Red:after { content:"\E01F"; padding:0 3px 0 10px; border:0; text-align: center; font-family: 'pag-iconfont'; font-weight: normal; font-size: 14px; line-height: 2; transform: translateZ(0px); } .greyUp:after { content:"\E01C"; padding:0 3px 0 10px; border:0; text-align: center; font-family: 'pag-iconfont'; font-weight: normal; font-size: 14px; line-height: 2; transform: translateZ(0px); } .Blue:hover:after, .Grey:hover:after, .Red:hover:after { color:#fff; padding:0 0 0 13px; transition: padding 0.1s ease 0s; } .Download:hover:before { color: #fff; } .for-del-lastname span { text-align: left;} .for-del-lastname span { display:inline-block; width:30px; height:30px; padding:0 2px; background-color:#cc0000; color:#fff; border-radius:5px; font-size:32px; font-weight:bold; text-align: center;} /*выпадающий список при автокомплите*/ .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border-radius: 0px; border: 1px solid #337ab7; background: #337ab7; padding-left: 5px; padding-right: 5px; } #anketa .control-label { text-align:left; } #anketa textarea { margin-top:12px; } /**********DIFFERENT MODAL WINDOWS***********/ #videoModal .modal-header { padding-bottom: 28px; } /**********END DIFFERENT MODAL WINDOWS***********/ /**Тень при выпадении меню*/ #pdc-shadow { position: absolute; width: 98%; height: 1200px; top: 100%; opacity: 0.7; background: black; z-index: 5; display: none; } .tabPhoto { width:100%; max-width:200px; } .hello-string { display: block; margin-bottom: 10px; } @media (min-width: 768px) { div#chat-2-desk-widget-container { display: none; } } @media (max-width: 767px) { img#chatlink { display: none !important; } } @media (max-width: 768px) { .row.special-offer { margin-right: -15px; } } #logo { margin-bottom: -13px; } #logo img { width: 123px; } #logo a { padding: 0 5px; } .grid-flex .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .grid-flex .col-md-6 { -ms-flex-item-align: stretch; align-self: stretch; position: relative; } .grid-flex .col-md-6:after, .grid-flex .col-md-6:before, .grid-flex .row:after, .grid-flex .row:before { display: none; } .masked-input-warning { position: absolute; background: white; padding: 4px 8px; z-index: 4; border: 1px solid #ccc; border-radius: 2px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); } .Gallery-album .download-all { float: right; font-size: 16px; margin-top: 10px; } .Gallery-album .download-all:before { font-family: 'pag-iconfont'; content: "\E00A"; color: black; font-size: 22px; margin-right: 6px; vertical-align: bottom; line-height: 20px; } .Gallery-album .download-all:focus { text-decoration: none; } .Gallery-album .download-all:hover:before { color: #c00; } @media screen and (max-width: 600px) { .Gallery-album .download-all { display: block; text-align: center; float: none; } } .dealer-search .result table td, .dealer-search .result table th { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 6px 12px; } .dealer-search .result table { margin-bottom: 0; } .dealer-search .result table th { border-top: none; } .dealer-search .result table td:first-child, .dealer-search .result table th:first-child { padding-left: 0; } .dealer-search .result table td:last-child, .dealer-search .result table th:last-child { padding-right: 0; } .dealer-search .result table td a { white-space: nowrap; } .dealer-search .form-horizontal .form-group { margin-left: 0; } .dealer-search .result .scroll { margin-bottom: 30px; overflow-x: auto; } .glossary-link { cursor: pointer; } .trade-in.page { padding-left: 15px; } .trade-in.page .grid .column { float: left; } .trade-in.page > p, .trade-in.page > h2 { max-width: 800px; } .trade-in.page .grid .cell, .trade-in.page .grid .step-item, .trade-in.page .grid .benefits-item { height: 100%; } .trade-in.page .grid.steps { position: relative; margin-top: -20px; max-width: 1340px; left: -5%; } .trade-in.page .grid.flex { align-items: stretch; display: flex; } .trade-in.page .grid.five .column { margin-bottom: 40px; width: 20%; } .trade-in.page .grid.four .column { width: 25%; } .trade-in.page .step-item { text-align: center; position: relative; } .trade-in.page .step-item:after { font-family: 'pag-iconfont'; position: absolute; content: "\E01F"; font-size: 37px; color: #CCCCCC; right: -18px; top: 40px; } .trade-in.page .column:last-child .step-item:after { display: none; } .trade-in.page .step-item .img { justify-content: center; align-items: center; position: relative; display: flex; height: 140px; } .trade-in.page .step-item .img img { max-height: 50%; max-width: 50%; display: block; } .trade-in.page .step-item .text { padding: 0 5px; line-height: 1; } .trade-in.page .step-item .number { margin-bottom: 15px; font-weight: 600; font-size: 44px; color: #D5001C; } .trade-in.page .step-item .bold { margin-bottom: 10px; font-weight: 600; font-size: 25px; color: #000000; } .trade-in.page .step-item .small { font-size: 15px; color: #737373; } @media screen and (max-width: 1024px) { .trade-in.page .grid.steps { display: block; margin-top: 0; left: auto; } .trade-in.page .grid.steps .column { margin-bottom: 30px; float: none; width: auto; } .trade-in.page .step-item { align-items: start; text-align: left; display: flex; } .trade-in.page .step-item .img { justify-content: start; max-width: 25%; width: 150px; height: auto; } .trade-in.page .step-item .img img { max-width: 65%; } .trade-in.page .step-item .text { padding: 0; } .trade-in.page .step-item .number { margin-bottom: 0; font-size: 7vw; float: left; width: 10vw; } .trade-in.page .step-item .bold { padding-left: 10vw; padding-top: .5vw; } .trade-in.page .step-item .small { padding-left: 10vw; } .trade-in.page .step-item:after { display: none; } .trade-in.page .column:last-child .step-item .img img { position: relative; max-width: 90%; left: -25%; } } .trade-in.page .grid.benefits { margin-left: -10px; } .trade-in.page .grid.benefits .column { margin-bottom: 10px; } .trade-in.page .grid.benefits .column .cell { margin-left: 10px; } .trade-in.page .benefits-item { background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; } .trade-in.page .benefits-item .text { padding: 55% 15% 10%; position: relative; color: #FFFFFF; z-index: 2; } .trade-in.page .benefits-item:before { background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.8) 80%, rgba(0,0,0,1) 100%); position: absolute; height: 100%; width: 100%; content: ''; z-index: 1; left: 0; top: 0; } .trade-in.page .benefits-item .text .title { position: relative; font-size: 25px; } .trade-in.page .benefits-item .text .title:before { font-family: 'pag-iconfont'; position: absolute; font-size: inherit; margin-left: -25px; margin-top: -2px; content: "\E01F"; color: #D5001C; } .trade-in.page .benefits-item .text .small { font-size: 100%; } @media screen and (max-width: 1024px) { .trade-in.page .grid.benefits { flex-wrap: wrap; } .trade-in.page .grid.benefits .column { width: 50%; } .trade-in.page .benefits-item .text { padding: 35% 10% 10%; } } @media screen and (max-width: 640px) { .trade-in.page .grid.benefits .column { width: 100%; } .trade-in.page .benefits-item .text { padding: 20% 10% 10%; } } .trade-in.page .model-cell { align-items: center; flex-wrap: wrap; display: flex; } .trade-in.page .item-img { display: block; width: 100%; } .trade-in.page .model-info { padding-left: 60px; width: 30%; } .trade-in.page .model-info .info-cell { margin-bottom: 20px; } .trade-in.page .model-info .model-name { vertical-align: middle; display: inline-block; line-height: 1.4; font-size: 28px; font-weight: 600; margin: 0; } .trade-in.page .model-info .price.red { font-weight: 600; font-size: 28px; color: #BF0000; } @media screen and (max-width: 1024px) { .trade-in.page .model-info { padding-left: 0; width: 100%; } } .trade-in.page .button.primary { transition: all 0.3s ease-out; padding: 10px 20px; vertical-align: middle; display: inline-block; text-decoration: none; white-space: nowrap; text-align: center; font-size: 16px; cursor: pointer; text-align: left; min-width: 280px; } .trade-in.page .button.primary > * { vertical-align: middle; display: inline-block; } .trade-in.page .button.primary i { line-height: normal; font-style: normal; height: 28px; } .trade-in.page .icon-link:before { font-family: 'pag-iconfont'; content: "\E01F"; font-size: 24px; } .trade-in.page .button.primary.red { border: 1px solid #D5001C; background: #D5001C; color: #FFFFFF; } .trade-in.page .button.primary.red:hover { border: 1px solid #000000; background: #FFFFFF; color: #000000; } .trade-in.page .button.primary.grey { border: 1px solid #313639; background: #313639; color: #FFFFFF; } .trade-in.page .button.primary.grey:hover { border: 1px solid #D5001C; background: #D5001C; } .trade-in.page .form { max-width: 100%; width: 450px; } .trade-in.page .form .button.primary { min-width: 210px; } .field-box { border: 1px solid #c8cacb; background: #fff; position: relative; cursor: pointer; padding: 0 12px; max-width: 100%; height: 50px; z-index: 2 } .field-box .field-name { transition-duration: .3s; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; line-height: 50px; font-size: 16px; color: #959899; max-width: 100%; top: 0 } .field-box .error-message { position: absolute; font-size: 12px; color: #bf0000; display: none; top: 100%; left: 0 } .field-box:hover .field-name, .field-box:hover .select-arrow:before { color: #d5001c } .field-box.error { border: 1px solid #bf0000 } .field-box.error .error-message { display: block } .field-box.active { z-index: 10 } .field-box.active, .field-box.checked { border: 1px solid #000 } .field-box.active .field-name, .field-box.checked .field-name { position: absolute; font-size: 14px; color: #959899; top: -13px } .field-box.radio { height: auto; border: none; padding: 0 } .field-box.radio .radio-field { vertical-align: middle; display: inline-block; margin-right: 30px; padding: 0 } .field-box.radio .radio-field:last-child { margin-right: 0 } .field-box.radio .radio-field input { display: none } .field-box.radio .radio-field input:checked ~ .icon { border: 2px solid #000 } .field-box.radio .radio-field input:checked ~ .icon:before { content: "" } .field-box.radio .radio-field input:checked ~ .text { color: #000 } .field-box.radio .radio-field * { vertical-align: middle; display: inline-flex } .field-box.radio .radio-field .icon { border: 2px solid #959899; justify-content: center; align-items: center; border-radius: 100%; margin-right: 10px; position: relative; text-align: center; height: 24px; width: 24px } .field-box.radio .radio-field .icon:before { display: inline-block; background: #000; border-radius: 100%; height: 12px; width: 12px } .field-box.radio .radio-field .text { font-size: 16px; color: #959899 } .field-box.radio.error .radio-field .icon { border: 2px solid #bf0000 } .field-box.radio.error .radio-field .text { color: #bf0000 } .field-box.select-field { padding-right: 50px } .field-box.select-field select { display: none } .field-box.select-field select.ui-datepicker-month, .field-box.select-field select.ui-datepicker-year { display: inline-block } .field-box.select-field .select-arrow { position: absolute; color: #c8cacb; right: 15px; top: 11px } .field-box.select-field .select-arrow:before { font-family: pag-iconfont; content: "\E021" } .field-box.select-field .select-list { border: 1px solid #c8cacb; background: #fff; position: absolute; overflow-y: auto; max-height: 55vh; display: none; right: -1px; left: -1px; top: 48px } .field-box.select-field .select-list .list-row { text-overflow: ellipsis; white-space: nowrap; line-height: 40px; overflow: hidden; padding: 0 12px; cursor: pointer } .field-box.select-field .select-list .list-row.checked { font-weight: 700 } .field-box.select-field .select-list .list-row:hover { color: #d5001c } .field-box.select-field .select-list.top { bottom: 48px; top: auto } .field-box.select-field .select-choice { width: calc(100% - 50px); text-overflow: ellipsis; white-space: nowrap; position: absolute; overflow: hidden; color: #d5001c; display: none; top: 20px } .field-box.select-field.active .select-list, .field-box.select-field.checked .select-choice { display: block } .field-box.checkbox-field { height: auto; border: none; padding: 0 } .field-box.checkbox-field .checkbox { vertical-align: middle; display: inline-block; position: relative; padding-left: 40px; margin-right: 40px; margin-top: 10px } .field-box.checkbox-field .checkbox input { display: none } .field-box.checkbox-field .checkbox input:checked ~ .icon { border: 2px solid #000; background: #000; color: #fff } .field-box.checkbox-field .checkbox input:checked ~ .icon:before { display: inline-block } .field-box.checkbox-field .checkbox input:checked ~ .text { color: #000 } .field-box.checkbox-field .checkbox .icon { border: 2px solid #959899; text-align: center; position: absolute; border-radius: 3px; line-height: 24px; font-size: 35px; color: #fff; display: flex; height: 24px; width: 24px; top: 1px; left: 0 } .field-box.checkbox-field .checkbox .icon:before { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; display: none; left: 50%; top: 50% } .field-box.checkbox-field .icon-checkbox:before { font-family: 'pag-iconfont'; content: "\E615"; font-size: 18px; } .field-box.checkbox-field .checkbox .text { display: block; color: #959899 } .field-box.checkbox-field .checkbox.error .icon { border: 2px solid #bf0000 } .field-box.checkbox-field .checkbox.error .text { color: #bf0000 } .field-box.checkbox-field .checkbox .text a { color: inherit!important; } .field-box.checkbox-field .checkbox .text a:hover { color: #C00!important; } @media screen and (max-width: 640px) { .field-box.checkbox-field .checkbox { margin-right: 30px } } .field-box.checkbox-field.error .checkbox .icon { border: 2px solid #bf0000 } .field-box.checkbox-field.error .checkbox .text { color: #bf0000 } .field-box.input-field input { width: calc(100% - 24px); text-overflow: ellipsis; white-space: nowrap; position: absolute; background: none; overflow: hidden; font-size: 16px; color: #000; outline: none; border: none; top: 20px } .field-box.file-field { height: auto; border: none; padding: 0 } .field-box.file-field .file-input { display: block } .field-box.file-field .file-input:after { content: ""; display: table; clear: both } .field-box.file-field .file-input input { display: none } .field-box.file-field .file-input input:visited ~ .file-name { color: #000 } .field-box.file-field .file-input .button { text-align: center; margin-right: 10px; margin-bottom: 0; width: 150px; float: left } .field-box.file-field .file-input .remove { position: absolute; right: 0; top: 13px; width: 20px; float: none; cursor: pointer; display: none } .field-box.file-field.checked .file-input .remove { display: block } .field-box.file-field .file-name { border-bottom: 1px solid #c8cacb; width: calc(100% - 170px); display: inline-flex; align-items: center; font-size: 16px; color: #959899; height: 46px; float: right } .field-box.file-field.error .file-name { border-bottom: 1px solid #bf0000; color: #bf0000 } .field-box.date-field .icon-calendar { justify-content: center; align-items: center; position: absolute; font-size: 30px; color: #b2b2b2; display: flex; right: 10px; top: 11px } .field-box.date-field.checked { z-index: 10 } .field-box.date-field.checked .icon-calendar { color: #000 } .field-box.date-field.checked .calendar-block { display: block } .field-box.date-field.error .field-name, .field-box.date-field.error .icon-calendar { color: #bf0000 } .field-box.date-field .select-choice { width: calc(100% - 50px); text-overflow: ellipsis; white-space: nowrap; position: absolute; overflow: hidden; color: #d5001c; display: none; top: 20px } .field-box.date-field.active .select-choice { display: block } .field-box.text-field { min-height: 72px; height: auto } .field-box.text-field textarea { overflow: hidden; font-size: 16px; display: block; resize: none; height: 20px; width: 100% } .field-box.text-field.checked textarea { margin-top: 20px; height: auto } .form-name { line-height: 40px; font-size: 36px } .form-name, .form-title { font-family: PorscheNextWCy-Thin; margin: 40px 0 16px } .form-title { line-height: 30px; font-size: 24px } .form-search .input-field { margin-right: 10px; width: 270px } .form-search .button, .form-search .input-field { vertical-align: middle; display: inline-block; margin-bottom: 10px } .form-error { max-width: calc(100% - 200px); vertical-align: middle; display: inline-block; margin-left: 15px; line-height: 20px; color: #bf0000 } @media screen and (max-width: 500px) { .form-error { margin-top: 20px; max-width: none; margin-left: 0; width: 100% } } form input:-internal-autofill-selected { background-color: none !important } form input:-webkit-autofill, form input:-webkit-autofill:active, form input:-webkit-autofill:focus, form input:-webkit-autofill:hover { -webkit-box-shadow: 0 0 0 30px #fff inset !important } form p { margin: 16px 0 } form a { text-decoration: underline } form a:hover { text-decoration: none; color: #d5001c } form .field-proxy > .field-box, form .form-box > .field-box, form .form-box > .field-proxy > .field-box, form > .field-box { margin-bottom: 30px } form .field-proxy .field-box + .grid { margin-top: 20px } form .grid { margin-left: -20px } form .grid .column { margin-bottom: 30px; min-height: 1px } form .grid .column .cell { margin-left: 20px } form .grid + .form-title { margin-top: 10px } @media screen and (max-width: 1000px) { form .grid.three > .column { width: 50% } form .grid.three > .column.two { width: 100% } form .field-box.file-field .file-name { line-height: 18px; font-size: 14px } } @media screen and (max-width: 500px) { form .grid.three > .column { width: 100% } form .field-box.file-field .file-name { margin-bottom: 10px; width: 100% } } .sk-fading-circle { width: 40px; height: 40px; position: relative; margin: auto; } .sk-fading-circle .sk-circle { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .sk-fading-circle .sk-circle:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #313639; border-radius: 100%; -webkit-animation: sk-fading-circle-delay 1.2s infinite ease-in-out both; animation: sk-fading-circle-delay 1.2s infinite ease-in-out both; } .sk-fading-circle .sk-circle-2 { -webkit-transform: rotate(30deg); transform: rotate(30deg); } .sk-fading-circle .sk-circle-3 { -webkit-transform: rotate(60deg); transform: rotate(60deg); } .sk-fading-circle .sk-circle-4 { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .sk-fading-circle .sk-circle-5 { -webkit-transform: rotate(120deg); transform: rotate(120deg); } .sk-fading-circle .sk-circle-6 { -webkit-transform: rotate(150deg); transform: rotate(150deg); } .sk-fading-circle .sk-circle-7 { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .sk-fading-circle .sk-circle-8 { -webkit-transform: rotate(210deg); transform: rotate(210deg); } .sk-fading-circle .sk-circle-9 { -webkit-transform: rotate(240deg); transform: rotate(240deg); } .sk-fading-circle .sk-circle-10 { -webkit-transform: rotate(270deg); transform: rotate(270deg); } .sk-fading-circle .sk-circle-11 { -webkit-transform: rotate(300deg); transform: rotate(300deg); } .sk-fading-circle .sk-circle-12 { -webkit-transform: rotate(330deg); transform: rotate(330deg); } .sk-fading-circle .sk-circle-2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-fading-circle .sk-circle-3:before { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-fading-circle .sk-circle-4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-fading-circle .sk-circle-5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .sk-fading-circle .sk-circle-6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .sk-fading-circle .sk-circle-7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .sk-fading-circle .sk-circle-8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .sk-fading-circle .sk-circle-9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .sk-fading-circle .sk-circle-10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .sk-fading-circle .sk-circle-11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .sk-fading-circle .sk-circle-12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes sk-fading-circle-delay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } @keyframes sk-fading-circle-delay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } .button.disable { opacity: .5; cursor: default; } .button.disable:hover { background: #313639; } .loader-circle { margin-top: 30px; display: none; float: right; } .loader-circle.checked { display: block; } .loader-circle .sk-fading-circle, .loader-circle .text { vertical-align: middle; display: inline-block; } .loader-circle .sk-fading-circle { margin-right: 10px; } .main .module-block .button.primary.invert { transition: all .3s ease-out; padding: 10px 20px; text-decoration: none; white-space: nowrap; text-align: center; font-size: 16px; cursor: pointer; } .main .module-block .models-blocks .models-item .item-link {position:absolute;padding:10% 7%;z-index:3;bottom:0;right:0;left:0;top:0} .main .module-block .models-blocks .models-item .item-info{position:absolute;padding:10% 7%;z-index:2;bottom:0;right:0;left:0;top:0} .main .module-block .models-blocks .models-item .model-name{line-height:72px;font-size:60px} .main .module-block .models-blocks .models-item .model-price{line-height:28px;font-size:20px} .main .module-block .models-blocks .models-item .buttons{position:absolute;bottom:10%;z-index:3;left:7%} .main .module-block .models-blocks .button.primary{margin-right:10px} .main .module-block .models-blocks .button.primary.white:hover{border:1px solid #d5001c;background:#d5001c;color:#fff} .main .module-block .models-blocks .button.primary.invert{border:1px solid #fff;background:transparent;color:#fff} .main .module-block .models-blocks .button.primary.invert:hover{border:1px solid #d5001c;color:#d5001c} @media only screen and (max-width:1200px){ .main .module-block .models-blocks .models-item{width:50%} .main .module-block .models-blocks .models-item .item-link{padding:7%} .main .module-block .models-blocks .models-item .image-wrapper .image-gradient{background:linear-gradient(180deg,rgba(25,31,34,.3),rgba(25,31,34,0)) }} .main .module-block .models-blocks{display:-ms-flexbox;-ms-flex-wrap:wrap;margin:0;flex-wrap:wrap;display:flex} .main .module-block .models-blocks .models-item{-webkit-transform:translateZ(0);transform:translateZ(0);position:relative;overflow:hidden;width:33.33333%;color:#fff} .main .module-block .models-blocks .models-item .image-wrapper{background:#191f22;position:relative;overflow:hidden;z-index:1} .main .module-block .models-blocks .models-item .image-wrapper:before{padding-bottom:75%;content:"";float:left} .main .module-block .models-blocks .models-item .image-wrapper .image{-webkit-transform:translate(-50%,-50%) scale(1.01);transform:translate(-50%,-50%) scale(1.01);position:absolute;left:50%;top:50%} .main .module-block .models-blocks .models-item .image-wrapper .image-gradient{background:linear-gradient(180deg,rgba(25,31,34,.3),rgba(25,31,34,0));position:absolute;height:auto;z-index:1;bottom:0;right:0;left:0;top:0} .main .module-block .models-blocks .models-item .item-link{position:absolute;padding:10% 7%;z-index:3;bottom:0;right:0;left:0;top:0} .main .module-block .models-blocks .models-item .model-name{line-height:72px;font-size:60px} .main .module-block .models-blocks .models-item .model-price{line-height:28px;font-size:20px} .main .module-block .models-blocks .models-item .buttons{position:absolute;bottom:10%;z-index:3;left:7%} .main .module-block .models-blocks .button.primary{margin-right:10px} .main .module-block .models-blocks .button.primary.white:hover{border:1px solid #d5001c;background:#d5001c;color:#fff} .main .module-block .models-blocks .button.primary.invert{border:1px solid #fff;background:transparent;color:#fff} .main .module-block .models-blocks .button.primary.invert:hover{border:1px solid #d5001c;color:#d5001c} @media only screen and (max-width:1200px){.main .module-block .models-blocks .models-item{width:50%} .main .module-block .models-blocks .models-item .item-link{padding:7%} .main .module-block .models-blocks .models-item .image-wrapper .image-gradient{background:linear-gradient(180deg,rgba(25,31,34,.3),rgba(25,31,34,0))} .main .module-block .models-blocks .models-item .model-name{line-height:52px;font-size:40px} .main .module-block .models-blocks .models-item .model-price{line-height:28px;font-size:20px} .main .module-block .models-blocks .models-item .buttons{bottom:7%;left:7%}} @media only screen and (max-width:992px){ .main .module-block .models-blocks .models-item .image-wrapper:before{padding-bottom:112%} .main .module-block .models-blocks .models-item .image-wrapper .image-gradient{background:linear-gradient(0deg,rgba(25,31,34,.3),rgba(25,31,34,0));height:80px;top:auto}} @media only screen and (max-width:768px){ .main .module-block .models-blocks .models-item .image-wrapper .image{-webkit-transform:translate(-50%,-50%) scale(.75);transform:translate(-50%,-50%) scale(.75)}.main .module-block .models-blocks .models-item .info-text{position:absolute;bottom:7%;left:7%} .main .module-block .models-blocks .models-item .model-name{line-height:28px;font-size:20px} .main .module-block .models-blocks .models-item .model-name>*{vertical-align:middle;display:inline-block} .main .module-block .models-blocks .models-item .model-name:before{font-family:pag-iconfont;content:"\E024";font-size:100%;color:#d5001c} .main .module-block .models-blocks .models-item .model-price{padding-left:20px;line-height:20px;font-size:14px} .main .module-block .models-blocks .models-item .buttons{display:none}} @media only screen and (max-width:640px){ .main .module-block .models-blocks .models-item .image-wrapper .image{-webkit-transform:translate(-50%,-50%) scale(.65);transform:translate(-50%,-50%) scale(.65)}} @media only screen and (max-width:500px){ .main .module-block .models-blocks .models-item .image-wrapper .image{-webkit-transform:translate(-50%,-50%) scale(.55);transform:translate(-50%,-50%) scale(.55)}} @media only screen and (max-width:400px){ .main .module-block .models-blocks .models-item .image-wrapper .image{-webkit-transform:translate(-50%,-50%) scale(.4);transform:translate(-50%,-50%) scale(.4)}} @media only screen and (max-width:350px){ .main .module-block .models-blocks .models-item .image-wrapper .image{-webkit-transform:translate(-50%,-50%) scale(.35);transform:translate(-50%,-50%) scale(.35)}} .approved-page main.row [class*="col-"] { float: none; padding: 0; } .approved-page .text-content{ margin: 20px 0 0; } .approved-page .text-block{ padding: 0!important; margin: 20px 8.333333% 0; } .approved-page main.row .bottom-menu { margin: 50px 8.333333% 30px; display: none; } .approved-page main.row .bottom-menu [class*="col-"] { float: left; } .approved-page .navbar-nav>li ~ li { display: none; } .approved-page footer { margin-top: 0; } .approved-page footer .copyright { border-top: none; } .approved-page .container-fluid { padding: 0; } .main .module-block .models-blocks .models-item .model-price a { -webkit-appearance: none; text-decoration:none !important pointer-events:none !important; cursor:default: !important; color:#fff !important; }