/* Start:/local/templates/simpatiya/css/include_fonts.css?167938144225093*/ @font-face { font-family: 'Intro Book Alt'; src: url('/local/templates/simpatiya/css/../fonts/Intro-Book-Alt.eot'); src: local('Intro Book Alt'), local('Intro-Book-Alt'), url('/local/templates/simpatiya/css/../fonts/Intro-Book-Alt.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/Intro-Book-Alt.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/Intro-Book-Alt.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Intro'; src: url('/local/templates/simpatiya/css/../fonts/Intro-Regular.eot'); src: local('Intro Regular'), local('Intro-Regular'), url('/local/templates/simpatiya/css/../fonts/Intro-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/Intro-Regular.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/Intro-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Intro Regular Caps'; src: url('/local/templates/simpatiya/css/../fonts/Intro-Regular-Caps.eot'); src: local('Intro Regular Caps'), local('Intro-Regular-Caps'), url('/local/templates/simpatiya/css/../fonts/Intro-Regular-Caps.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/Intro-Regular-Caps.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/Intro-Regular-Caps.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Intro Light Caps'; src: url('/local/templates/simpatiya/css/../fonts/Intro-Light-Caps.eot'); src: local('Intro Light Caps'), local('Intro-Light-Caps'), url('/local/templates/simpatiya/css/../fonts/Intro-Light-Caps.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/Intro-Light-Caps.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/Intro-Light-Caps.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Intro Black Inline Caps'; src: url('/local/templates/simpatiya/css/../fonts/Intro-Black-Inline-Caps.eot'); src: local('Intro Black Inline Caps'), local('Intro-Black-Inline-Caps'), url('/local/templates/simpatiya/css/../fonts/Intro-Black-Inline-Caps.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/Intro-Black-Inline-Caps.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/Intro-Black-Inline-Caps.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Intro Black Alt'; src: url('/local/templates/simpatiya/css/../fonts/Intro-Black-Alt.eot'); src: local('Intro Black Alt'), local('Intro-Black-Alt'), url('/local/templates/simpatiya/css/../fonts/Intro-Black-Alt.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/Intro-Black-Alt.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/Intro-Black-Alt.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Intro Bold'; src: url('/local/templates/simpatiya/css/../fonts/Intro-Bold-Italic.eot'); src: local('Intro Bold Italic'), local('Intro-Bold-Italic'), url('/local/templates/simpatiya/css/../fonts/Intro-Bold-Italic.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/Intro-Bold-Italic.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/Intro-Bold-Italic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Intro'; src: url('/local/templates/simpatiya/css/../fonts/Intro-Light.eot'); src: local('Intro Light'), local('Intro-Light'), url('/local/templates/simpatiya/css/../fonts/Intro-Light.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/Intro-Light.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/Intro-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Intro Black Inline'; src: url('/local/templates/simpatiya/css/../fonts/Intro-Black-Inline.eot'); src: local('Intro Black Inline'), local('Intro-Black-Inline'), url('/local/templates/simpatiya/css/../fonts/Intro-Black-Inline.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/Intro-Black-Inline.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/Intro-Black-Inline.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Intro Thin Caps'; src: url('/local/templates/simpatiya/css/../fonts/Intro-Thin-Caps.eot'); src: local('Intro Thin Caps'), local('Intro-Thin-Caps'), url('/local/templates/simpatiya/css/../fonts/Intro-Thin-Caps.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/Intro-Thin-Caps.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/Intro-Thin-Caps.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Intro Light Alt'; src: url('/local/templates/simpatiya/css/../fonts/Intro-Light-Alt.eot'); src: local('Intro Light Alt'), local('Intro-Light-Alt'), url('/local/templates/simpatiya/css/../fonts/Intro-Light-Alt.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/Intro-Light-Alt.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/Intro-Light-Alt.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Intro'; src: url('/local/templates/simpatiya/css/../fonts/Intro-Bold.eot'); src: local('Intro Bold'), local('Intro-Bold'), url('/local/templates/simpatiya/css/../fonts/Intro-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/Intro-Bold.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/Intro-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Intro'; src: url('/local/templates/simpatiya/css/../fonts/Intro-Black.eot'); src: local('Intro Black'), local('Intro-Black'), url('/local/templates/simpatiya/css/../fonts/Intro-Black.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/Intro-Black.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/Intro-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Intro Book'; src: url('/local/templates/simpatiya/css/../fonts/Intro-Book-Italic.eot'); src: local('Intro Book Italic'), local('Intro-Book-Italic'), url('/local/templates/simpatiya/css/../fonts/Intro-Book-Italic.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/Intro-Book-Italic.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/Intro-Book-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Intro Black'; src: url('/local/templates/simpatiya/css/../fonts/Intro-Black-Italic.eot'); src: local('Intro Black Italic'), local('Intro-Black-Italic'), url('/local/templates/simpatiya/css/../fonts/Intro-Black-Italic.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/Intro-Black-Italic.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/Intro-Black-Italic.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Intro Book'; src: url('/local/templates/simpatiya/css/../fonts/Intro-Book.eot'); src: local('Intro Book'), local('Intro-Book'), url('/local/templates/simpatiya/css/../fonts/Intro-Book.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/Intro-Book.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/Intro-Book.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Intro Thin Alt'; src: url('/local/templates/simpatiya/css/../fonts/Intro-Thin-Alt.eot'); src: local('Intro Thin Alt'), local('Intro-Thin-Alt'), url('/local/templates/simpatiya/css/../fonts/Intro-Thin-Alt.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/Intro-Thin-Alt.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/Intro-Thin-Alt.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Intro Book Caps'; src: url('/local/templates/simpatiya/css/../fonts/Intro-Book-Caps.eot'); src: local('Intro Book Caps'), local('Intro-Book-Caps'), url('/local/templates/simpatiya/css/../fonts/Intro-Book-Caps.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/Intro-Book-Caps.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/Intro-Book-Caps.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Intro Black Caps'; src: url('/local/templates/simpatiya/css/../fonts/Intro-Black-Caps.eot'); src: local('Intro Black Caps'), local('Intro-Black-Caps'), url('/local/templates/simpatiya/css/../fonts/Intro-Black-Caps.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/Intro-Black-Caps.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/Intro-Black-Caps.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Intro Bold Caps'; src: url('/local/templates/simpatiya/css/../fonts/Intro-Bold-Caps.eot'); src: local('Intro Bold Caps'), local('Intro-Bold-Caps'), url('/local/templates/simpatiya/css/../fonts/Intro-Bold-Caps.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/Intro-Bold-Caps.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/Intro-Bold-Caps.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Intro Thin'; src: url('/local/templates/simpatiya/css/../fonts/Intro-Thin-Italic.eot'); src: local('Intro Thin Italic'), local('Intro-Thin-Italic'), url('/local/templates/simpatiya/css/../fonts/Intro-Thin-Italic.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/Intro-Thin-Italic.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/Intro-Thin-Italic.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Intro'; src: url('/local/templates/simpatiya/css/../fonts/Intro-Thin.eot'); src: local('Intro Thin'), local('Intro-Thin'), url('/local/templates/simpatiya/css/../fonts/Intro-Thin.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/Intro-Thin.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/Intro-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Intro Bold Alt'; src: url('/local/templates/simpatiya/css/../fonts/Intro-Bold-Alt.eot'); src: local('Intro Bold Alt'), local('Intro-Bold-Alt'), url('/local/templates/simpatiya/css/../fonts/Intro-Bold-Alt.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/Intro-Bold-Alt.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/Intro-Bold-Alt.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Intro Regular Alt'; src: url('/local/templates/simpatiya/css/../fonts/Intro-Regular-Alt.eot'); src: local('Intro Regular Alt'), local('Intro-Regular-Alt'), url('/local/templates/simpatiya/css/../fonts/Intro-Regular-Alt.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/Intro-Regular-Alt.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/Intro-Regular-Alt.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Intro Light'; src: url('/local/templates/simpatiya/css/../fonts/Intro-Light-Italic.eot'); src: local('Intro Light Italic'), local('Intro-Light-Italic'), url('/local/templates/simpatiya/css/../fonts/Intro-Light-Italic.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/Intro-Light-Italic.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/Intro-Light-Italic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Intro Regular'; src: url('/local/templates/simpatiya/css/../fonts/Intro-Regular-Italic.eot'); src: local('Intro Regular Italic'), local('Intro-Regular-Italic'), url('/local/templates/simpatiya/css/../fonts/Intro-Regular-Italic.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/Intro-Regular-Italic.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/Intro-Regular-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Gotham Pro'; src: url('/local/templates/simpatiya/css/../fonts/GothamPro-BoldItalic.eot'); src: local('Gotham Pro Bold Italic'), local('GothamPro-BoldItalic'), url('/local/templates/simpatiya/css/../fonts/GothamPro-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/GothamPro-BoldItalic.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/GothamPro-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Gotham Pro'; src: url('/local/templates/simpatiya/css/../fonts/GothamPro-Italic.eot'); src: local('Gotham Pro Italic'), local('GothamPro-Italic'), url('/local/templates/simpatiya/css/../fonts/GothamPro-Italic.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/GothamPro-Italic.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/GothamPro-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Gotham Pro'; src: url('/local/templates/simpatiya/css/../fonts/GothamPro-Medium.eot'); src: local('Gotham Pro Medium'), local('GothamPro-Medium'), url('/local/templates/simpatiya/css/../fonts/GothamPro-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/GothamPro-Medium.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/GothamPro-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Gotham Pro'; src: url('/local/templates/simpatiya/css/../fonts/GothamPro-BlackItalic.eot'); src: local('Gotham Pro Black Italic'), local('GothamPro-BlackItalic'), url('/local/templates/simpatiya/css/../fonts/GothamPro-BlackItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/GothamPro-BlackItalic.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/GothamPro-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Gotham Pro'; src: url('/local/templates/simpatiya/css/../fonts/GothamPro-Bold.eot'); src: local('Gotham Pro Bold'), local('GothamPro-Bold'), url('/local/templates/simpatiya/css/../fonts/GothamPro-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/GothamPro-Bold.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/GothamPro-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Gotham Pro Narrow'; src: url('/local/templates/simpatiya/css/../fonts/GothamProNarrow-Bold.eot'); src: local('Gotham Pro Narrow Bold'), local('GothamProNarrow-Bold'), url('/local/templates/simpatiya/css/../fonts/GothamProNarrow-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/GothamProNarrow-Bold.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/GothamProNarrow-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Gotham Pro Narrow'; src: url('/local/templates/simpatiya/css/../fonts/GothamProNarrow-Medium.eot'); src: local('Gotham Pro Narrow Medium'), local('GothamProNarrow-Medium'), url('/local/templates/simpatiya/css/../fonts/GothamProNarrow-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/GothamProNarrow-Medium.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/GothamProNarrow-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Gotham Pro'; src: url('/local/templates/simpatiya/css/../fonts/GothamPro-LightItalic.eot'); src: local('Gotham Pro Light Italic'), local('GothamPro-LightItalic'), url('/local/templates/simpatiya/css/../fonts/GothamPro-LightItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/GothamPro-LightItalic.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/GothamPro-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Gotham Pro'; src: url('/local/templates/simpatiya/css/../fonts/GothamPro-Light.eot'); src: local('Gotham Pro Light'), local('GothamPro-Light'), url('/local/templates/simpatiya/css/../fonts/GothamPro-Light.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/GothamPro-Light.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/GothamPro-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Gotham Pro'; src: url('/local/templates/simpatiya/css/../fonts/GothamPro-Black.eot'); src: local('Gotham Pro Black'), local('GothamPro-Black'), url('/local/templates/simpatiya/css/../fonts/GothamPro-Black.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/GothamPro-Black.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/GothamPro-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Gotham Pro'; src: url('/local/templates/simpatiya/css/../fonts/GothamPro.eot'); src: local('Gotham Pro'), local('GothamPro'), url('/local/templates/simpatiya/css/../fonts/GothamPro.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/GothamPro.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/GothamPro.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham Pro'; src: url('/local/templates/simpatiya/css/../fonts/GothamPro-MediumItalic.eot'); src: local('Gotham Pro Medium Italic'), local('GothamPro-MediumItalic'), url('/local/templates/simpatiya/css/../fonts/GothamPro-MediumItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/GothamPro-MediumItalic.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/GothamPro-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Futura PT'; src: url('/local/templates/simpatiya/css/../fonts/FuturaPT-Heavy.eot'); src: local('Futura PT Heavy'), local('FuturaPT-Heavy'), url('/local/templates/simpatiya/css/../fonts/FuturaPT-Heavy.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/FuturaPT-Heavy.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/FuturaPT-Heavy.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Futura PT'; src: url('/local/templates/simpatiya/css/../fonts/FuturaPT-Medium.eot'); src: local('Futura PT Medium'), local('FuturaPT-Medium'), url('/local/templates/simpatiya/css/../fonts/FuturaPT-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/FuturaPT-Medium.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/FuturaPT-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Futura PT'; src: url('/local/templates/simpatiya/css/../fonts/FuturaPT-MediumObl.eot'); src: local('Futura PT Medium Oblique'), local('FuturaPT-MediumObl'), url('/local/templates/simpatiya/css/../fonts/FuturaPT-MediumObl.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/FuturaPT-MediumObl.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/FuturaPT-MediumObl.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Futura PT Cond'; src: url('/local/templates/simpatiya/css/../fonts/FuturaPTCond-Medium.eot'); src: local('Futura PT Cond Medium'), local('FuturaPTCond-Medium'), url('/local/templates/simpatiya/css/../fonts/FuturaPTCond-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/FuturaPTCond-Medium.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/FuturaPTCond-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Futura PT'; src: url('/local/templates/simpatiya/css/../fonts/FuturaPT-LightObl.eot'); src: local('Futura PT Light Oblique'), local('FuturaPT-LightObl'), url('/local/templates/simpatiya/css/../fonts/FuturaPT-LightObl.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/FuturaPT-LightObl.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/FuturaPT-LightObl.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Futura PT Book'; src: url('/local/templates/simpatiya/css/../fonts/FuturaPT-Book.eot'); src: local('Futura PT Book'), local('FuturaPT-Book'), url('/local/templates/simpatiya/css/../fonts/FuturaPT-Book.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/FuturaPT-Book.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/FuturaPT-Book.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Futura PT Cond'; src: url('/local/templates/simpatiya/css/../fonts/FuturaPTCond-Bold.eot'); src: local('Futura PT Cond Bold'), local('FuturaPTCond-Bold'), url('/local/templates/simpatiya/css/../fonts/FuturaPTCond-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/FuturaPTCond-Bold.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/FuturaPTCond-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Futura PT Book'; src: url('/local/templates/simpatiya/css/../fonts/FuturaPT-BookObl.eot'); src: local('Futura PT Book Oblique'), local('FuturaPT-BookObl'), url('/local/templates/simpatiya/css/../fonts/FuturaPT-BookObl.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/FuturaPT-BookObl.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/FuturaPT-BookObl.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Futura PT Cond Extra'; src: url('/local/templates/simpatiya/css/../fonts/FuturaPTCond-ExtraBoldObl.eot'); src: local('Futura PT Cond Extra Bold Oblique'), local('FuturaPTCond-ExtraBoldObl'), url('/local/templates/simpatiya/css/../fonts/FuturaPTCond-ExtraBoldObl.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/FuturaPTCond-ExtraBoldObl.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/FuturaPTCond-ExtraBoldObl.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Futura PT'; src: url('/local/templates/simpatiya/css/../fonts/FuturaPT-Light.eot'); src: local('Futura PT Light'), local('FuturaPT-Light'), url('/local/templates/simpatiya/css/../fonts/FuturaPT-Light.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/FuturaPT-Light.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/FuturaPT-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Futura PT'; src: url('/local/templates/simpatiya/css/../fonts/FuturaPT-BoldObl.eot'); src: local('Futura PT Bold Oblique'), local('FuturaPT-BoldObl'), url('/local/templates/simpatiya/css/../fonts/FuturaPT-BoldObl.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/FuturaPT-BoldObl.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/FuturaPT-BoldObl.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Futura PT Demi'; src: url('/local/templates/simpatiya/css/../fonts/FuturaPT-DemiObl.eot'); src: local('Futura PT Demi Oblique'), local('FuturaPT-DemiObl'), url('/local/templates/simpatiya/css/../fonts/FuturaPT-DemiObl.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/FuturaPT-DemiObl.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/FuturaPT-DemiObl.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Futura PT Cond Extra'; src: url('/local/templates/simpatiya/css/../fonts/FuturaPTCond-ExtraBold.eot'); src: local('Futura PT Cond Extra Bold'), local('FuturaPTCond-ExtraBold'), url('/local/templates/simpatiya/css/../fonts/FuturaPTCond-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/FuturaPTCond-ExtraBold.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/FuturaPTCond-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Futura PT Demi'; src: url('/local/templates/simpatiya/css/../fonts/FuturaPT-Demi.eot'); src: local('Futura PT Demi'), local('FuturaPT-Demi'), url('/local/templates/simpatiya/css/../fonts/FuturaPT-Demi.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/FuturaPT-Demi.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/FuturaPT-Demi.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Futura PT'; src: url('/local/templates/simpatiya/css/../fonts/FuturaPT-HeavyObl.eot'); src: local('Futura PT Heavy Oblique'), local('FuturaPT-HeavyObl'), url('/local/templates/simpatiya/css/../fonts/FuturaPT-HeavyObl.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/FuturaPT-HeavyObl.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/FuturaPT-HeavyObl.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Futura PT Extra'; src: url('/local/templates/simpatiya/css/../fonts/FuturaPT-ExtraBoldObl.eot'); src: local('Futura PT Extra Bold Oblique'), local('FuturaPT-ExtraBoldObl'), url('/local/templates/simpatiya/css/../fonts/FuturaPT-ExtraBoldObl.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/FuturaPT-ExtraBoldObl.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/FuturaPT-ExtraBoldObl.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Futura PT Cond Book'; src: url('/local/templates/simpatiya/css/../fonts/FuturaPTCond-Book.eot'); src: local('Futura PT Cond Book'), local('FuturaPTCond-Book'), url('/local/templates/simpatiya/css/../fonts/FuturaPTCond-Book.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/FuturaPTCond-Book.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/FuturaPTCond-Book.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Futura PT'; src: url('/local/templates/simpatiya/css/../fonts/FuturaPT-Bold.eot'); src: local('Futura PT Bold'), local('FuturaPT-Bold'), url('/local/templates/simpatiya/css/../fonts/FuturaPT-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/FuturaPT-Bold.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/FuturaPT-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Futura PT Extra'; src: url('/local/templates/simpatiya/css/../fonts/FuturaPT-ExtraBold.eot'); src: local('Futura PT Extra Bold'), local('FuturaPT-ExtraBold'), url('/local/templates/simpatiya/css/../fonts/FuturaPT-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/FuturaPT-ExtraBold.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/FuturaPT-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Futura PT Cond'; src: url('/local/templates/simpatiya/css/../fonts/FuturaPTCond-BoldObl.eot'); src: local('Futura PT Cond Bold Oblique'), local('FuturaPTCond-BoldObl'), url('/local/templates/simpatiya/css/../fonts/FuturaPTCond-BoldObl.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/FuturaPTCond-BoldObl.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/FuturaPTCond-BoldObl.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Futura PT Cond'; src: url('/local/templates/simpatiya/css/../fonts/FuturaPTCond-MediumObl.eot'); src: local('Futura PT Cond Medium Oblique'), local('FuturaPTCond-MediumObl'), url('/local/templates/simpatiya/css/../fonts/FuturaPTCond-MediumObl.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/FuturaPTCond-MediumObl.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/FuturaPTCond-MediumObl.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Futura PT Cond Book'; src: url('/local/templates/simpatiya/css/../fonts/FuturaPTCond-BookObl.eot'); src: local('Futura PT Cond Book Oblique'), local('FuturaPTCond-BookObl'), url('/local/templates/simpatiya/css/../fonts/FuturaPTCond-BookObl.eot?#iefix') format('embedded-opentype'), url('/local/templates/simpatiya/css/../fonts/FuturaPTCond-BookObl.woff') format('woff'), url('/local/templates/simpatiya/css/../fonts/FuturaPTCond-BookObl.ttf') format('truetype'); font-weight: normal; font-style: italic; } /* End */ /* Start:/local/templates/simpatiya/css/jquery.bxslider.min.css?16793814422993*/ .bx-wrapper{position:relative;margin-bottom:60px;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc;border:5px solid #fff;background:#fff}.bx-wrapper img{max-width:100%;display:block}.bxslider{margin:0;padding:0}ul.bxslider{list-style:none}.bx-viewport{-webkit-transform:translatez(0)}.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-loading{min-height:50px;background:url(/local/templates/simpatiya/css/../images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#000}.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager-item{display:inline-block;vertical-align:bottom}.bx-wrapper .bx-pager-item{font-size:0;line-height:0}.bx-wrapper .bx-prev{left:10px;background:url(/local/templates/simpatiya/css/../images/controls.png) 0 -32px no-repeat}.bx-wrapper .bx-prev:focus,.bx-wrapper .bx-prev:hover{background-position:0 0}.bx-wrapper .bx-next{right:10px;background:url(/local/templates/simpatiya/css/../images/controls.png) -43px -32px no-repeat}.bx-wrapper .bx-next:focus,.bx-wrapper .bx-next:hover{background-position:-43px 0}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(/local/templates/simpatiya/css/../images/controls.png) -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus,.bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(/local/templates/simpatiya/css/../images/controls.png) -86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus,.bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666;background:rgba(80,80,80,.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px} /* End */ /* Start:/local/templates/simpatiya/css/animate.css?167938144257095*/ @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } /* End */ /* Start:/local/templates/simpatiya/css/styles.css?167940357111600*/ body{ background: #efedf6; } img{ max-width: 100%; display: block; height: auto; } section.top-row{ padding-top: 3.3rem; position: relative; z-index: 2; } section.top-row .logo-white{ display: none; } section.top-row.on-dark-slide .logo-white{ display: block; } section.top-row.on-dark-slide .logo-black{ display: none; } .top-logo{ padding-right: 2rem; } .simpatiya_heading{ width: 100%; flex-basis: 100%; flex-grow: 1; color: #222431; font-size: 30px; font-weight: bold; text-transform: uppercase; font-family: 'Intro'; } .top-menu ul{ padding: 0; margin: 0; padding-left: 2rem; } .top-menu ul li{ list-style: none; } .top-menu ul li a{ color: #010102; font-size: 15px; font-family: 'Gotham Pro'; } .top-phone{ color: #010102; font-family: 'Gotham Pro'; text-align: right; margin-top: -5px; } section.top-row.on-dark-slide .top-menu ul li a, section.top-row.on-dark-slide .top-phone, .top-slider .slide.dark-slide .slide-heading, .top-slider .slide.dark-slide .slide-subheading, .top-slider .slide.dark-slide .slide-button a{ color: #fff; } .top-slider .slide.dark-slide .slide-button a{ border: 2px solid #fff; } .mob-menu-main{ position: absolute; top: 0; left: 0; display: none; background: #efedf6; width: 100%; padding: 2rem; z-index: 2; text-align: center; } .mob-menu-main__wrapper ul{ padding: 0; margin: 0; } .mob-menu-main__wrapper ul li{ list-style: none; } .mob-menu-main__wrapper ul li a { color: #222431; font-size: 18px; font-family: 'Intro'; margin-bottom: 1rem; display: block; } .mob-menu-main .mob-menu-main__closebutton{ position: absolute; right: 10%; top: -10px; font-size: 50px; } .slide-pager .slide-pager__currentSlide, .slide-pager .slide-pager__slidesCount{ font-size: 24px; font-family: 'Gotham Pro'; font-weight: bold; } .top-slider .slide-left{ height: 540px; } .slide-pager .slide-pager__currentSlide{ color: #222431; margin-right: 0.5rem; } .slide-pager .slide-pager__slidesCount{ color: #7c7c7c; margin-left: 0.5rem; } .slide-pager .slide-pager__bars div{ width: 30px; height: 1px; border: 1px solid #c3c3c3; } .top-slider .slide.dark-slide .slide-pager .slide-pager__bars div{ border: 1px solid #fff; } .slide-pager .slide-pager__bars div.top-slide__active, .top-slider .slide.dark-slide .slide-pager .slide-pager__bars div.top-slide__active{ border: 1px solid #222431; } .top-slider .slide.dark-slide .slide-pager .slide-pager__currentSlide, .top-slider .slide.dark-slide .slide-pager .slide-pager__slidesCount{ color: #fff; } .top-phone span:first-child{ font-size: 22px; } .top-phone span:last-child{ font-size: 12px; } .slide-heading{ color: #222431; margin-bottom: 1.2rem; font-weight: bold; font-size: 38px; font-family: 'Intro'; } .slide-subheading{ margin-bottom: 2.2rem; color: #222431; font-size: 18px; font-family: 'Intro'; } .slide-subheading span{ text-transform: uppercase; font-weight: bold; } .simpatiya-button{ color: #222431; font-size: 16px; font-family: 'Gotham Pro'; border: 2px solid #7c7c7c; display: inline-block; padding: 1rem 4rem; border-radius: 60px; } .simpatiya-button:hover{ color: #222431; text-decoration: none; } .top-slider{ z-index: 0; margin-top: -6.1rem; } .top-slider .slide{ padding-top: 11rem; } .top-slider .dark-slide{ /*background: #4e5c56;*/ } .slide-right .slider-iqos__heading{ color: #222431; text-transform: uppercase; font-size: 19px; text-align: center; font-family: 'Gotham Pro'; font-weight: 300; } .slide-right .slider-iqos__heading strong{ font-weight: bold; } .slide-right .slider-iqos__heading span:last-child{ font-size: 14px; } .slide-right .slider-iqos{ height: 377px; width: 202px; position: relative; padding-top: 0.5rem; } .slide-right .slider-iqos__first{ background: url("/local/templates/simpatiya/css/../images/iqos1.png") 36% 120% / 155% no-repeat; } .slide-right .slider-iqos__second{ background: url("/local/templates/simpatiya/css/../images/iqos2.png") 61% 92% / 46% no-repeat; } .slide-right .slider-iqos__third{ background: url("/local/templates/simpatiya/css/../images/iqos3.png") 77% 130% / 75% no-repeat; } .slide-right .slider-iqos__price { position: absolute; color: #fff; padding: 1.7rem 1rem; background: #222431; font-size: 22px; text-align: center; font-family: 'Gotham Pro'; font-weight: 300; bottom: 25%; border-radius: 91px; right: 14px; } .dark-slide .slide-right{ flex-basis: 100%; height: 625px; position: relative; } .slide-right .dark-slide__img{ position: absolute; top: -28px; left: 36px; } section.top-slider{ margin-bottom: 5rem; } section.about-us{ margin-bottom: 4.7rem; } .about-us__heading{ margin-bottom: 1.5rem; } .about-us__text{ font-weight: 300; font-size: 16px; color: #222431; line-height: 1.7; } .about-us__img{ margin-top: 2.5rem; position: relative; overflow: hidden; height: 320px; width: 470px; } .about-us__img img{ max-width: unset; position: absolute; top: 0; width: 97%; border-radius: 40px; } .products .product-item{ width: 370px; height: 370px; overflow: hidden; position: relative; margin-bottom: 2rem; border-radius: 30px; background: #d8d5e5; } .products .product-item img{ position: absolute; z-index: 1; top: 50%; left: 64%; transform: translate(-50%, -50%); } .second-background{ position: absolute; height: 100%; width: 43%; top: 0; z-index: 0; right: 0; } .products .products__heading{ margin-bottom: 1.8rem; } .products .product-heading{ font-size: 16px; color: #010102; text-transform: uppercase; padding: 2rem 1.5rem; font-family: 'Gotham Pro'; font-weight: 400; width: 61%; } .products .products-text{ font-size: 16px; font-family: 'Gotham Pro'; margin-top: 3rem; margin-bottom: 4.5rem; line-height: 1.7; font-weight: 300; color: #222431; } .news-slide{ background: #fff; padding: 4rem 1rem 7rem 4rem; border-radius: 30px; } .news__heading{ margin-bottom: 0.9rem; } .newsslide-brandlogo{ margin-bottom: 3.7rem; } .news .newsslide-text{ color: #222431; line-height: 1.3; font-family: 'Intro'; font-weight: bold; text-transform: uppercase; font-size: 23px; } .news-slide-item__heading{ color: #222431; font-size: 18px; font-family: 'Gotham Pro'; font-weight: bold; } .news-slide-item__price{ color: #222431; font-size: 52px; font-family: 'Futura PT'; font-weight: 300; margin-bottom: 0.6rem; } .news-slide-item__oldprice{ font-family: 'Futura PT'; color: #fff; text-align: center; padding: 0.2rem 1.3rem; font-size: 18px; border-radius: 5px; background: #222431; font-weight: 300; } .news-slide-item{ position: relative; margin-top: 3.6rem; margin-left: 10rem; } .news-slide-item img{ position: absolute; left: -176px; top: -55px; } section.news{ margin-bottom: 1rem; } section.news + .bx-wrapper { margin-bottom: 5rem; padding-top: 5rem; margin-top: -5rem; } .yandex-map__heading{ margin-bottom: 2.5rem; } .yandex-map__container{ height: 500px; background: #fff; margin-bottom: 5.7rem; z-index: 0; } .yandex-map__container .yandex-map__item, .yandex-map__container .yandex-map__item > div{ height: 100%; } .yandex-map__heading a{ color: #009ee0; border-bottom: 1px dashed #009ee0; } .yandex-map__heading a:hover{ text-decoration: none; } .modal-caller{ margin-bottom: 4.7rem; } .modal-caller__wrapper{ position: relative; } .modal-caller__wrapper img{ position: absolute; top: -26%; left: 5%; width: 20%; } .modal-caller__inner{ background: #fff; border-radius: 30px; } .modal-caller__inner > div:first-child > div{ padding: 2.8rem 0.5rem 1.8rem; } .modal-caller__inner > div:last-child > div { padding: 4.5rem 1.6rem; } .modal-caller__button a{ padding: 1rem 6rem; } .modal-caller__heading{ color: #222431; font-size: 18px; text-transform: uppercase; font-weight: bold; font-family: 'Intro'; } .modal-caller__text{ font-size: 23px; text-transform: uppercase; font-family: 'Intro'; font-weight: bold; color: #222431; } .cooperation__heading{ margin-bottom: 1.6rem; } .cooperation-text p{ font-family: 'Gotham Pro'; font-size: 16px; color: #222431; margin-bottom: 1rem; line-height: 2.5; } .cooperation-text p span{ font-weight: 500; display: block; width: 100%; margin-bottom: -0.6rem; } .footer-firstblock{ background: #fff; padding: 5.4rem 0; } .footer-contacts__heading{ color: #222431; font-size: 22px; font-weight: bold; font-family: 'Gotham Pro'; line-height: 1.1; margin-bottom: 1.9rem; margin-right: 14rem; } .footer-contacts__subheading{ color: #222431; line-height: 1.3; font-size: 15px; margin-bottom: 2.8rem; font-family: 'Gotham Pro'; } .footer-contacts__subheading span:nth-child(2){ margin-bottom: 1rem; } .footer-contacts__text{ color: #222431; font-size: 18px; padding-right: 12rem; font-family: 'Gotham Pro'; } section.cooperation{ margin-bottom: 4rem; } .footer-firstblock form{ padding-left: 1rem; } .footer-firstblock form input[type="text"], .footer-firstblock form textarea{ padding: 1rem 2rem; border-radius: 41px; width: 86%; margin-bottom: 1.3rem; border: 1px solid #d2d3e7; resize: none; color: #222431; font-size: 16px; font-family: 'Gotham Pro'; } .footer-firstblock form textarea{ height: 140px; margin-bottom: 0.8rem; } .footer-firstblock form .simpatiya-button{ align-self: baseline; padding: 1rem 3rem; background: transparent; cursor: pointer; } .footer-lastblock{ padding: 2.2rem 0; } .footer-copyright, .footer-dev a{ color: #222431; font-size: 14px; font-family: 'Gotham Pro'; } .bx-wrapper{ max-width: unset !important; -webkit-box-shadow: unset; box-shadow: unset; border: unset; background: unset; overflow: hidden; } section.news + .bx-wrapper .bx-viewport{ margin: 0 auto; overflow: unset !important; width: 1170px !important; } .bx-wrapper .news-slide{ margin: 0 1rem; } section.news + .bx-wrapper .bx-prev{ left: unset; right: 21.4%; background: url('/local/templates/simpatiya/css/../images/news_arrows_controls.svg') no-repeat; } section.news + .bx-wrapper .bx-next{ right: 19%; background: url('/local/templates/simpatiya/css/../images/news_arrows_controls.svg') 100% 0 no-repeat; } section.news + .bx-wrapper .bx-controls-direction a{ top: 7%; width: 42px; height: 28px; } .yandex-map__heading{ position: relative; } .yandex-map__container .yandex-map__item:not(:first-child){ display: none; } .maps-selector{ display: none; background: #fff; padding: 1.8rem 9.5rem 2.2rem 3.5rem; position: absolute; z-index: 2; left: 26%; border-radius: 30px; top: 188%; } .maps-selector:before{ content: ' '; display: block; position: absolute; width: 0; z-index: 0; top: -24px; left: 0; height: 0; border-bottom: 100px solid #fff; border-right: 100px solid transparent; } .maps-selector .maps-selector__heading{ color: #222431; font-size: 18px; font-family: 'Intro'; margin-bottom: 1.6rem; font-weight: bold; } .maps-selector .maps-selector__close{ position: absolute; right: 23px; top: 24px; width: 37px; height: 37px; cursor: pointer; background: url('/local/templates/simpatiya/css/../images/maps_close_button.png'); } .maps-selector .maps-selector__wrapper > span{ color: #222431; font-size: 18px; cursor: pointer; font-family: 'Gotham Pro'; margin-bottom: 0.2rem; font-weight: normal; text-transform: none; } .maps-selector .maps-selector__wrapper{ z-index: 2; position: relative; } /* End */ /* Start:/local/templates/simpatiya/css/adaptive_styles.css?16793814426700*/ @media screen and (max-width: 1100px) and (min-width: 768px) { section.news + .bx-wrapper .bx-viewport{ width: 100% !important; } section.news + .bx-wrapper { padding-left: 15px; padding-right: 15px; } .news-slide-item{ margin-left: 9rem; } .bx-wrapper .news-slide{ margin: 0 1vw; } .modal-caller__button{ max-width: 100%; } .modal-caller__button a{ padding: 1rem 4rem; } .modal-caller__wrapper img{ top: 9%; width: 24%; } .footer-contacts__heading{ margin-right: 2rem; } .top-phone span:first-child{ font-size: 21px; } .top-logo{ padding-right: 0; } .top-menu ul{ padding: 0 10px; margin: 0; padding-left: unset; flex-wrap: wrap; } } @media screen and (max-width: 767.98px) { .antiseptic{ margin-top: -3rem; } .slide-heading{ font-size: 27px; } .slide-subheading{ font-size: 16px; } .products .product-item{ max-width: 100%; width: unset; height: 320px; flex-basis: 100%; } section{ padding: 0 15px; } .products-wrapper{ padding: 0 15px; } section.news + .bx-wrapper .bx-viewport{ width: 100% !important; } .news-slide{ padding: 2rem 2rem 2rem 2rem; } .newsslide-brandlogo{ margin-bottom: 1.7rem; } .newsslide-text{ color: #222431; font-family: 'Intro'; font-size: 20px; font-weight: bold; text-transform: uppercase; margin-bottom: 3rem; } .news-slide-item{ margin-left: 8rem; margin-bottom: 4rem; } .news-slide-item img{ left: -138px; top: -50px; } .news-slide-item__heading{ font-size: 13px; } .news-slide-item__price{ font-size: 38px; } .news-slide-item__oldprice{ padding: 0.2rem 0.5rem; font-size: 13px; } .news__heading{ margin-bottom: 2.9rem; } section.news + .bx-wrapper .bx-controls-direction a{ top: 5%; } section.news + .bx-wrapper .bx-prev{ right: 50.4%; } section.news + .bx-wrapper .bx-next{ right: 35%; } .bx-wrapper .news-slide{ margin: 0; } section.news + .bx-wrapper{ padding-left: 15px; padding-right: 15px; } section.news + .bx-wrapper .bx-viewport{ overflow: hidden !important; } .modal-caller__wrapper img{ top: -7%; left: 27%; width: 35%; } .modal-caller__wrapper{ max-width: 100%; z-index: 0; } .modal-caller__inner{ padding: 0 15px; } .modal-caller__inner > div:first-child > div{ padding: 8.8rem 0.5rem 1.8rem; } .modal-caller__inner > div:last-child > div{ padding: 1.5rem 0.6rem; } .modal-caller__button a{ padding: 1rem 3rem; } .footer-lastblock{ padding: 1rem 15px; } .footer-firstblock{ padding: 1rem 15px 2rem; } .footer-contacts__heading{ margin-right: 0; } .footer-contacts__subheading, .footer-contacts__text, .footer-contacts__heading{ max-width: 100%; } .footer-contacts__text{ margin-bottom: 2rem; padding-right: 0; } .footer-firstblock form{ padding-left: 0; } .footer-firstblock form input[type="text"], .footer-firstblock form textarea{ width: 100%; max-width: 100%; } .footer-copyright{ margin-bottom: 1rem; } .cooperation-text p{ line-height: unset; } .cooperation-text p span{ margin-bottom: 0.5rem; } .top-logo{ padding-right: 0; } .top-logo img{ width: 100%; margin-top: -0.2rem; } .mob-menu .mob-menu__button{ display: block; width: 30px; height: 30px; background: url('/local/templates/simpatiya/css/../images/mob_menu_black.svg') 100% 0 / 100% no-repeat; } .top-row.on-dark-slide .mob-menu .mob-menu__button{ background: url('/local/templates/simpatiya/css/../images/mob_menu_button.svg') 100% 0 / 100% no-repeat; } .mob-phone .mob-phone__button{ display: block; width: 30px; height: 30px; background: url('/local/templates/simpatiya/css/../images/phone-call-svg.svg') 100% 0 / contain no-repeat; position: absolute; top: -4px; right: 15px; } .top-row.on-dark-slide .mob-phone .mob-phone__button{ background: url('/local/templates/simpatiya/css/../images/phone-svg.svg') 100% 0 / contain no-repeat; } .footer-firstblock form .simpatiya-button{ align-self: unset; } .slide-right{ max-width: 100%; } .slide-right .slider-iqos__price{ padding: 1rem 0.5rem; font-size: 13px; bottom: 44%; } .slide-right .slider-iqos__first{ background: url("/local/templates/simpatiya/css/../images/iqos1.png") 46% 45% / 164% no-repeat; } .slide-right .slider-iqos__second{ background: url("/local/templates/simpatiya/css/../images/iqos2.png") 61% 46% / 52% no-repeat; } .slide-right .slider-iqos__third{ background: url("/local/templates/simpatiya/css/../images/iqos3.png") 77% 48% / 78% no-repeat; } .dark-slide .slide-right{ height: 344px; } .slide-right .dark-slide__img{ top: 63px; } .yandex-map__heading{ margin-bottom: 1.5rem; } section.yandex-map{ position: relative; z-index: 2; } section.modal-caller{ position: relative; z-index: 0; } .mob-maps__item > div{ margin-bottom: 20px; line-height: 17px; } .mob-maps{ color: #000; font-size: 16px; font-family: 'Gotham Pro'; margin-bottom: 3rem; } .mob-maps > div{ font-weight: 500; margin-bottom: 1rem; } .mob-maps > div a{ color: #009ee0; text-decoration: underline; } .top-slider .slide-left{ height: 305px; position: relative; } .top-slider .slide-left .slide-pager{ position: absolute; bottom: -107%; z-index: 10; } .top-slider .smoke-kitchen__slide .slide-left{ height: 170px; } .top-slider .smoke-kitchen__slide .slide-left .slide-pager{ bottom: -185%; } .top-slider .slide{ overflow: hidden; padding: 11rem 15px 0; } section.top-slider{ padding: 0; } .maps-selector{ padding: 1.8rem 6.5rem 2.2rem 3.5rem; left: 0; top: 126%; } } /* End */ /* Start:/local/templates/simpatiya/components/bitrix/menu/simpatiya_mob_menu/style.css?1679381442581*/ /* Left menu*/ ul.left-menu { list-style:none; margin:0; padding:0; margin-bottom:8px; position: relative; /*IE bug*/ } ul.left-menu li { padding: 10px 16px; background:#F5F5F5 url(/local/templates/simpatiya/components/bitrix/menu/simpatiya_mob_menu/images/left_menu_bg.gif) top repeat-x; } ul.left-menu li a { font-size:100%; color:#BC262C; font-weight:bold; text-decoration:none; } ul.left-menu li a:visited { color:#BC262C; } ul.left-menu li a:hover { color:#BC262C; } ul.left-menu li a.selected:link, ul.left-menu li a.selected:visited, ul.left-menu li a.selected:active, ul.left-menu li a.selected:hover { color:#FC8D3D; } /* End */ /* Start:/local/templates/simpatiya/components/bitrix/menu/simpatiya_menu/style.css?1679381442581*/ /* Left menu*/ ul.left-menu { list-style:none; margin:0; padding:0; margin-bottom:8px; position: relative; /*IE bug*/ } ul.left-menu li { padding: 10px 16px; background:#F5F5F5 url(/local/templates/simpatiya/components/bitrix/menu/simpatiya_menu/images/left_menu_bg.gif) top repeat-x; } ul.left-menu li a { font-size:100%; color:#BC262C; font-weight:bold; text-decoration:none; } ul.left-menu li a:visited { color:#BC262C; } ul.left-menu li a:hover { color:#BC262C; } ul.left-menu li a.selected:link, ul.left-menu li a.selected:visited, ul.left-menu li a.selected:active, ul.left-menu li a.selected:hover { color:#FC8D3D; } /* End */ /* Start:/local/templates/simpatiya/components/bitrix/news.list/main_slider/style.css?1597123812150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* /local/templates/simpatiya/css/include_fonts.css?167938144225093 */ /* /local/templates/simpatiya/css/jquery.bxslider.min.css?16793814422993 */ /* /local/templates/simpatiya/css/animate.css?167938144257095 */ /* /local/templates/simpatiya/css/styles.css?167940357111600 */ /* /local/templates/simpatiya/css/adaptive_styles.css?16793814426700 */ /* /local/templates/simpatiya/components/bitrix/menu/simpatiya_mob_menu/style.css?1679381442581 */ /* /local/templates/simpatiya/components/bitrix/menu/simpatiya_menu/style.css?1679381442581 */ /* /local/templates/simpatiya/components/bitrix/news.list/main_slider/style.css?1597123812150 */