/* * * CUSTOM.CSS * * + TYPOGRAPHY * + WAVES EFFECT * + HEADLINE * + ALERTS * + LISTS * + LOGOS LIST * + STARS RATING * + BUTTONS * + DIVIDERS * + TEXT BOXES * + IMAGE BOXES * + ACCORDION * + TABS * + PROCESS STEPS * + GOOGLE MAPS * + SOCIAL MEDIA * + PIE CHARTS * + PROGRESS BARS * + COUNTERS * + COUNTDOWN * + PRICE PLAN * + TESTIMONIALS * + ISOTOPE * + FILTER * + PAGINATION * + FULL SECTIONS * + VIDEO PLAYER * + SCROLL UP * + SLIDERS * + FANCYBOX * + ANIMATIONS * + WIDGETS */ /*********************************************************************************** * + TYPOGRAPHY ***********************************************************************************/ @font-face { src: url('fonts/FormaDJRMicro-Regular-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRMicro-Regular-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRMicro-Regular-Edu.woff2') format("woff2"), url('fonts/FormaDJRMicro-Regular-Edu.woff') format("woff"); font-family: 'FormaDJRMicro'; font-style: normal; font-weight: normal; } @font-face { src: url('fonts/FormaDJRText-Regular-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRText-Regular-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRText-Regular-Edu.woff2') format("woff2"), url('fonts/FormaDJRText-Regular-Edu.woff') format("woff"); font-family: 'FormaDJRText'; font-style: normal; font-weight: normal; } @font-face { src: url('fonts/FormaDJRDeck-Regular-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRDeck-Regular-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRDeck-Regular-Edu.woff2') format("woff2"), url('fonts/FormaDJRDeck-Regular-Edu.woff') format("woff"); font-family: 'FormaDJRDeck'; font-style: normal; font-weight: normal; } @font-face { src: url('fonts/FormaDJRDisplay-Regular-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRDisplay-Regular-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRDisplay-Regular-Edu.woff2') format("woff2"), url('fonts/FormaDJRDisplay-Regular-Edu.woff') format("woff"); font-family: 'FormaDJRDisplay'; font-style: normal; font-weight: normal; } @font-face { src: url('fonts/FormaDJRBanner-Regular-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRBanner-Regular-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRBanner-Regular-Edu.woff2') format("woff2"), url('fonts/FormaDJRBanner-Regular-Edu.woff') format("woff"); font-family: 'FormaDJRBanner'; font-style: normal; font-weight: normal; } @font-face { src: url('fonts/FormaDJRMicro-Italic-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRMicro-Italic-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRMicro-Italic-Edu.woff2') format("woff2"), url('fonts/FormaDJRMicro-Italic-Edu.woff') format("woff"); font-family: 'FormaDJRMicro'; font-style: italic; font-weight: normal; } @font-face { src: url('fonts/FormaDJRText-Italic-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRText-Italic-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRText-Italic-Edu.woff2') format("woff2"), url('fonts/FormaDJRText-Italic-Edu.woff') format("woff"); font-family: 'FormaDJRText'; font-style: italic; font-weight: normal; } @font-face { src: url('fonts/FormaDJRDeck-Italic-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRDeck-Italic-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRDeck-Italic-Edu.woff2') format("woff2"), url('fonts/FormaDJRDeck-Italic-Edu.woff') format("woff"); font-family: 'FormaDJRDeck'; font-style: italic; font-weight: normal; } @font-face { src: url('fonts/FormaDJRDisplay-Italic-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRDisplay-Italic-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRDisplay-Italic-Edu.woff2') format("woff2"), url('fonts/FormaDJRDisplay-Italic-Edu.woff') format("woff"); font-family: 'FormaDJRDisplay'; font-style: italic; font-weight: normal; } @font-face { src: url('fonts/FormaDJRBanner-Italic-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRBanner-Italic-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRBanner-Italic-Edu.woff2') format("woff2"), url('fonts/FormaDJRBanner-Italic-Edu.woff') format("woff"); font-family: 'FormaDJRBanner'; font-style: italic; font-weight: normal; } @font-face { src: url('fonts/FormaDJRMicro-Bold-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRMicro-Bold-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRMicro-Bold-Edu.woff2') format("woff2"), url('fonts/FormaDJRMicro-Bold-Edu.woff') format("woff"); font-family: 'FormaDJRMicro'; font-style: normal; font-weight: bold; } @font-face { src: url('fonts/FormaDJRText-Bold-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRText-Bold-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRText-Bold-Edu.woff2') format("woff2"), url('fonts/FormaDJRText-Bold-Edu.woff') format("woff"); font-family: 'FormaDJRText'; font-style: normal; font-weight: bold; } @font-face { src: url('fonts/FormaDJRDeck-Bold-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRDeck-Bold-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRDeck-Bold-Edu.woff2') format("woff2"), url('fonts/FormaDJRDeck-Bold-Edu.woff') format("woff"); font-family: 'FormaDJRDeck'; font-style: normal; font-weight: bold; } @font-face { src: url('fonts/FormaDJRDisplay-Bold-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRDisplay-Bold-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRDisplay-Bold-Edu.woff2') format("woff2"), url('fonts/FormaDJRDisplay-Bold-Edu.woff') format("woff"); font-family: 'FormaDJRDisplay'; font-style: normal; font-weight: bold; } @font-face { src: url('fonts/FormaDJRBanner-Bold-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRBanner-Bold-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRBanner-Bold-Edu.woff2') format("woff2"), url('fonts/FormaDJRBanner-Bold-Edu.woff') format("woff"); font-family: 'FormaDJRBanner'; font-style: normal; font-weight: bold; } @font-face { src: url('fonts/FormaDJRMicro-BoldItalic-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRMicro-BoldItalic-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRMicro-BoldItalic-Edu.woff2') format("woff2"), url('fonts/FormaDJRMicro-BoldItalic-Edu.woff') format("woff"); font-family: 'FormaDJRMicro'; font-style: italic; font-weight: bold; } @font-face { src: url('fonts/FormaDJRText-BoldItalic-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRText-BoldItalic-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRText-BoldItalic-Edu.woff2') format("woff2"), url('fonts/FormaDJRText-BoldItalic-Edu.woff') format("woff"); font-family: 'FormaDJRText'; font-style: italic; font-weight: bold; } @font-face { src: url('fonts/FormaDJRDeck-BoldItalic-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRDeck-BoldItalic-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRDeck-BoldItalic-Edu.woff2') format("woff2"), url('fonts/FormaDJRDeck-BoldItalic-Edu.woff') format("woff"); font-family: 'FormaDJRDeck'; font-style: italic; font-weight: bold; } @font-face { src: url('fonts/FormaDJRDisplay-BoldItalic-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRDisplay-BoldItalic-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRDisplay-BoldItalic-Edu.woff2') format("woff2"), url('fonts/FormaDJRDisplay-BoldItalic-Edu.woff') format("woff"); font-family: 'FormaDJRDisplay'; font-style: italic; font-weight: bold; } @font-face { src: url('fonts/FormaDJRBanner-BoldItalic-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRBanner-BoldItalic-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRBanner-BoldItalic-Edu.woff2') format("woff2"), url('fonts/FormaDJRBanner-BoldItalic-Edu.woff') format("woff"); font-family: 'FormaDJRBanner'; font-style: italic; font-weight: bold; } @font-face { src: url('fonts/FormaDJRMicro-ExtraLight-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRMicro-ExtraLight-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRMicro-ExtraLight-Edu.woff2') format("woff2"), url('fonts/FormaDJRMicro-ExtraLight-Edu.woff') format("woff"); font-family: 'FormaDJRMicro'; font-style: normal; font-weight: 275; } @font-face { src: url('fonts/FormaDJRText-ExtraLight-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRText-ExtraLight-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRText-ExtraLight-Edu.woff2') format("woff2"), url('fonts/FormaDJRText-ExtraLight-Edu.woff') format("woff"); font-family: 'FormaDJRText'; font-style: normal; font-weight: 275; } @font-face { src: url('fonts/FormaDJRDeck-ExtraLight-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRDeck-ExtraLight-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRDeck-ExtraLight-Edu.woff2') format("woff2"), url('fonts/FormaDJRDeck-ExtraLight-Edu.woff') format("woff"); font-family: 'FormaDJRDeck'; font-style: normal; font-weight: 275; } @font-face { src: url('fonts/FormaDJRDisplay-ExtraLight-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRDisplay-ExtraLight-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRDisplay-ExtraLight-Edu.woff2') format("woff2"), url('fonts/FormaDJRDisplay-ExtraLight-Edu.woff') format("woff"); font-family: 'FormaDJRDisplay'; font-style: normal; font-weight: 275; } @font-face { src: url('fonts/FormaDJRBanner-ExtraLight-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRBanner-ExtraLight-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRBanner-ExtraLight-Edu.woff2') format("woff2"), url('fonts/FormaDJRBanner-ExtraLight-Edu.woff') format("woff"); font-family: 'FormaDJRBanner'; font-style: normal; font-weight: 275; } @font-face { src: url('fonts/FormaDJRMicro-ExtraLightItalic-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRMicro-ExtraLightItalic-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRMicro-ExtraLightItalic-Edu.woff2') format("woff2"), url('fonts/FormaDJRMicro-ExtraLightItalic-Edu.woff') format("woff"); font-family: 'FormaDJRMicro'; font-style: italic; font-weight: 275; } @font-face { src: url('fonts/FormaDJRText-ExtraLightItalic-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRText-ExtraLightItalic-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRText-ExtraLightItalic-Edu.woff2') format("woff2"), url('fonts/FormaDJRText-ExtraLightItalic-Edu.woff') format("woff"); font-family: 'FormaDJRText'; font-style: italic; font-weight: 275; } @font-face { src: url('fonts/FormaDJRDeck-ExtraLightItalic-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRDeck-ExtraLightItalic-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRDeck-ExtraLightItalic-Edu.woff2') format("woff2"), url('fonts/FormaDJRDeck-ExtraLightItalic-Edu.woff') format("woff"); font-family: 'FormaDJRDeck'; font-style: italic; font-weight: 275; } @font-face { src: url('fonts/FormaDJRDisplay-ExtraLightItalic-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRDisplay-ExtraLightItalic-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRDisplay-ExtraLightItalic-Edu.woff2') format("woff2"), url('fonts/FormaDJRDisplay-ExtraLightItalic-Edu.woff') format("woff"); font-family: 'FormaDJRDisplay'; font-style: italic; font-weight: 275; } @font-face { src: url('fonts/FormaDJRBanner-ExtraLightItalic-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRBanner-ExtraLightItalic-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRBanner-ExtraLightItalic-Edu.woff2') format("woff2"), url('fonts/FormaDJRBanner-ExtraLightItalic-Edu.woff') format("woff"); font-family: 'FormaDJRBanner'; font-style: italic; font-weight: 275; } @font-face { src: url('fonts/FormaDJRMicro-Light-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRMicro-Light-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRMicro-Light-Edu.woff2') format("woff2"), url('fonts/FormaDJRMicro-Light-Edu.woff') format("woff"); font-family: 'FormaDJRMicro'; font-style: normal; font-weight: 300; } @font-face { src: url('fonts/FormaDJRText-Light-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRText-Light-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRText-Light-Edu.woff2') format("woff2"), url('fonts/FormaDJRText-Light-Edu.woff') format("woff"); font-family: 'FormaDJRText'; font-style: normal; font-weight: 300; } @font-face { src: url('fonts/FormaDJRDeck-Light-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRDeck-Light-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRDeck-Light-Edu.woff2') format("woff2"), url('fonts/FormaDJRDeck-Light-Edu.woff') format("woff"); font-family: 'FormaDJRDeck'; font-style: normal; font-weight: 300; } @font-face { src: url('fonts/FormaDJRDisplay-Light-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRDisplay-Light-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRDisplay-Light-Edu.woff2') format("woff2"), url('fonts/FormaDJRDisplay-Light-Edu.woff') format("woff"); font-family: 'FormaDJRDisplay'; font-style: normal; font-weight: 300; } @font-face { src: url('fonts/FormaDJRBanner-Light-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRBanner-Light-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRBanner-Light-Edu.woff2') format("woff2"), url('fonts/FormaDJRBanner-Light-Edu.woff') format("woff"); font-family: 'FormaDJRBanner'; font-style: normal; font-weight: 300; } @font-face { src: url('fonts/FormaDJRMicro-LightItalic-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRMicro-LightItalic-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRMicro-LightItalic-Edu.woff2') format("woff2"), url('fonts/FormaDJRMicro-LightItalic-Edu.woff') format("woff"); font-family: 'FormaDJRMicro'; font-style: italic; font-weight: 300; } @font-face { src: url('fonts/FormaDJRText-LightItalic-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRText-LightItalic-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRText-LightItalic-Edu.woff2') format("woff2"), url('fonts/FormaDJRText-LightItalic-Edu.woff') format("woff"); font-family: 'FormaDJRText'; font-style: italic; font-weight: 300; } @font-face { src: url('fonts/FormaDJRDeck-LightItalic-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRDeck-LightItalic-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRDeck-LightItalic-Edu.woff2') format("woff2"), url('fonts/FormaDJRDeck-LightItalic-Edu.woff') format("woff"); font-family: 'FormaDJRDeck'; font-style: italic; font-weight: 300; } @font-face { src: url('fonts/FormaDJRDisplay-LightItalic-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRDisplay-LightItalic-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRDisplay-LightItalic-Edu.woff2') format("woff2"), url('fonts/FormaDJRDisplay-LightItalic-Edu.woff') format("woff"); font-family: 'FormaDJRDisplay'; font-style: italic; font-weight: 300; } @font-face { src: url('fonts/FormaDJRBanner-LightItalic-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRBanner-LightItalic-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRBanner-LightItalic-Edu.woff2') format("woff2"), url('fonts/FormaDJRBanner-LightItalic-Edu.woff') format("woff"); font-family: 'FormaDJRBanner'; font-style: italic; font-weight: 300; } @font-face { src: url('fonts/FormaDJRMicro-Regular-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRMicro-Regular-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRMicro-Regular-Edu.woff2') format("woff2"), url('fonts/FormaDJRMicro-Regular-Edu.woff') format("woff"); font-family: 'FormaDJRMicro'; font-style: normal; font-weight: normal; } @font-face { src: url('fonts/FormaDJRText-Regular-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRText-Regular-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRText-Regular-Edu.woff2') format("woff2"), url('fonts/FormaDJRText-Regular-Edu.woff') format("woff"); font-family: 'FormaDJRText'; font-style: normal; font-weight: normal; } @font-face { src: url('fonts/FormaDJRDeck-Regular-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRDeck-Regular-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRDeck-Regular-Edu.woff2') format("woff2"), url('fonts/FormaDJRDeck-Regular-Edu.woff') format("woff"); font-family: 'FormaDJRDeck'; font-style: normal; font-weight: normal; } @font-face { src: url('fonts/FormaDJRDisplay-Regular-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRDisplay-Regular-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRDisplay-Regular-Edu.woff2') format("woff2"), url('fonts/FormaDJRDisplay-Regular-Edu.woff') format("woff"); font-family: 'FormaDJRDisplay'; font-style: normal; font-weight: normal; } @font-face { src: url('fonts/FormaDJRBanner-Regular-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRBanner-Regular-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRBanner-Regular-Edu.woff2') format("woff2"), url('fonts/FormaDJRBanner-Regular-Edu.woff') format("woff"); font-family: 'FormaDJRBanner'; font-style: normal; font-weight: normal; } @font-face { src: url('fonts/FormaDJRMicro-Italic-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRMicro-Italic-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRMicro-Italic-Edu.woff2') format("woff2"), url('fonts/FormaDJRMicro-Italic-Edu.woff') format("woff"); font-family: 'FormaDJRMicro'; font-style: italic; font-weight: normal; } @font-face { src: url('fonts/FormaDJRText-Italic-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRText-Italic-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRText-Italic-Edu.woff2') format("woff2"), url('fonts/FormaDJRText-Italic-Edu.woff') format("woff"); font-family: 'FormaDJRText'; font-style: italic; font-weight: normal; } @font-face { src: url('fonts/FormaDJRDeck-Italic-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRDeck-Italic-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRDeck-Italic-Edu.woff2') format("woff2"), url('fonts/FormaDJRDeck-Italic-Edu.woff') format("woff"); font-family: 'FormaDJRDeck'; font-style: italic; font-weight: normal; } @font-face { src: url('fonts/FormaDJRDisplay-Italic-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRDisplay-Italic-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRDisplay-Italic-Edu.woff2') format("woff2"), url('fonts/FormaDJRDisplay-Italic-Edu.woff') format("woff"); font-family: 'FormaDJRDisplay'; font-style: italic; font-weight: normal; } @font-face { src: url('fonts/FormaDJRBanner-Italic-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRBanner-Italic-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRBanner-Italic-Edu.woff2') format("woff2"), url('fonts/FormaDJRBanner-Italic-Edu.woff') format("woff"); font-family: 'FormaDJRBanner'; font-style: italic; font-weight: normal; } @font-face { src: url('fonts/FormaDJRMicro-Medium-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRMicro-Medium-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRMicro-Medium-Edu.woff2') format("woff2"), url('fonts/FormaDJRMicro-Medium-Edu.woff') format("woff"); font-family: 'FormaDJRMicro'; font-style: normal; font-weight: 500; } @font-face { src: url('fonts/FormaDJRText-Medium-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRText-Medium-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRText-Medium-Edu.woff2') format("woff2"), url('fonts/FormaDJRText-Medium-Edu.woff') format("woff"); font-family: 'FormaDJRText'; font-style: normal; font-weight: 500; } @font-face { src: url('fonts/FormaDJRDeck-Medium-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRDeck-Medium-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRDeck-Medium-Edu.woff2') format("woff2"), url('fonts/FormaDJRDeck-Medium-Edu.woff') format("woff"); font-family: 'FormaDJRDeck'; font-style: normal; font-weight: 500; } @font-face { src: url('fonts/FormaDJRDisplay-Medium-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRDisplay-Medium-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRDisplay-Medium-Edu.woff2') format("woff2"), url('fonts/FormaDJRDisplay-Medium-Edu.woff') format("woff"); font-family: 'FormaDJRDisplay'; font-style: normal; font-weight: 500; } @font-face { src: url('fonts/FormaDJRBanner-Medium-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRBanner-Medium-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRBanner-Medium-Edu.woff2') format("woff2"), url('fonts/FormaDJRBanner-Medium-Edu.woff') format("woff"); font-family: 'FormaDJRBanner'; font-style: normal; font-weight: 500; } @font-face { src: url('fonts/FormaDJRMicro-MediumItalic-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRMicro-MediumItalic-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRMicro-MediumItalic-Edu.woff2') format("woff2"), url('fonts/FormaDJRMicro-MediumItalic-Edu.woff') format("woff"); font-family: 'FormaDJRMicro'; font-style: italic; font-weight: 500; } @font-face { src: url('fonts/FormaDJRText-MediumItalic-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRText-MediumItalic-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRText-MediumItalic-Edu.woff2') format("woff2"), url('fonts/FormaDJRText-MediumItalic-Edu.woff') format("woff"); font-family: 'FormaDJRText'; font-style: italic; font-weight: 500; } @font-face { src: url('fonts/FormaDJRDeck-MediumItalic-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRDeck-MediumItalic-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRDeck-MediumItalic-Edu.woff2') format("woff2"), url('fonts/FormaDJRDeck-MediumItalic-Edu.woff') format("woff"); font-family: 'FormaDJRDeck'; font-style: italic; font-weight: 500; } @font-face { src: url('fonts/FormaDJRDisplay-MediumItalic-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRDisplay-MediumItalic-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRDisplay-MediumItalic-Edu.woff2') format("woff2"), url('fonts/FormaDJRDisplay-MediumItalic-Edu.woff') format("woff"); font-family: 'FormaDJRDisplay'; font-style: italic; font-weight: 500; } @font-face { src: url('fonts/FormaDJRBanner-MediumItalic-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRBanner-MediumItalic-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRBanner-MediumItalic-Edu.woff2') format("woff2"), url('fonts/FormaDJRBanner-MediumItalic-Edu.woff') format("woff"); font-family: 'FormaDJRBanner'; font-style: italic; font-weight: 500; } @font-face { src: url('fonts/FormaDJRMicro-Bold-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRMicro-Bold-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRMicro-Bold-Edu.woff2') format("woff2"), url('fonts/FormaDJRMicro-Bold-Edu.woff') format("woff"); font-family: 'FormaDJRMicro'; font-style: normal; font-weight: bold; } @font-face { src: url('fonts/FormaDJRText-Bold-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRText-Bold-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRText-Bold-Edu.woff2') format("woff2"), url('fonts/FormaDJRText-Bold-Edu.woff') format("woff"); font-family: 'FormaDJRText'; font-style: normal; font-weight: bold; } @font-face { src: url('fonts/FormaDJRDeck-Bold-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRDeck-Bold-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRDeck-Bold-Edu.woff2') format("woff2"), url('fonts/FormaDJRDeck-Bold-Edu.woff') format("woff"); font-family: 'FormaDJRDeck'; font-style: normal; font-weight: bold; } @font-face { src: url('fonts/FormaDJRDisplay-Bold-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRDisplay-Bold-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRDisplay-Bold-Edu.woff2') format("woff2"), url('fonts/FormaDJRDisplay-Bold-Edu.woff') format("woff"); font-family: 'FormaDJRDisplay'; font-style: normal; font-weight: bold; } @font-face { src: url('fonts/FormaDJRBanner-Bold-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRBanner-Bold-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRBanner-Bold-Edu.woff2') format("woff2"), url('fonts/FormaDJRBanner-Bold-Edu.woff') format("woff"); font-family: 'FormaDJRBanner'; font-style: normal; font-weight: bold; } @font-face { src: url('fonts/FormaDJRMicro-BoldItalic-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRMicro-BoldItalic-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRMicro-BoldItalic-Edu.woff2') format("woff2"), url('fonts/FormaDJRMicro-BoldItalic-Edu.woff') format("woff"); font-family: 'FormaDJRMicro'; font-style: italic; font-weight: bold; } @font-face { src: url('fonts/FormaDJRText-BoldItalic-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRText-BoldItalic-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRText-BoldItalic-Edu.woff2') format("woff2"), url('fonts/FormaDJRText-BoldItalic-Edu.woff') format("woff"); font-family: 'FormaDJRText'; font-style: italic; font-weight: bold; } @font-face { src: url('fonts/FormaDJRDeck-BoldItalic-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRDeck-BoldItalic-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRDeck-BoldItalic-Edu.woff2') format("woff2"), url('fonts/FormaDJRDeck-BoldItalic-Edu.woff') format("woff"); font-family: 'FormaDJRDeck'; font-style: italic; font-weight: bold; } @font-face { src: url('fonts/FormaDJRDisplay-BoldItalic-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRDisplay-BoldItalic-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRDisplay-BoldItalic-Edu.woff2') format("woff2"), url('fonts/FormaDJRDisplay-BoldItalic-Edu.woff') format("woff"); font-family: 'FormaDJRDisplay'; font-style: italic; font-weight: bold; } @font-face { src: url('fonts/FormaDJRBanner-BoldItalic-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRBanner-BoldItalic-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRBanner-BoldItalic-Edu.woff2') format("woff2"), url('fonts/FormaDJRBanner-BoldItalic-Edu.woff') format("woff"); font-family: 'FormaDJRBanner'; font-style: italic; font-weight: bold; } @font-face { src: url('fonts/FormaDJRDeck-Black-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRDeck-Black-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRDeck-Black-Edu.woff2') format("woff2"), url('fonts/FormaDJRDeck-Black-Edu.woff') format("woff"); font-family: 'FormaDJRDeck'; font-style: normal; font-weight: 800; } @font-face { src: url('fonts/FormaDJRDisplay-Black-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRDisplay-Black-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRDisplay-Black-Edu.woff2') format("woff2"), url('fonts/FormaDJRDisplay-Black-Edu.woff') format("woff"); font-family: 'FormaDJRDisplay'; font-style: normal; font-weight: 800; } @font-face { src: url('fonts/FormaDJRBanner-Black-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRBanner-Black-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRBanner-Black-Edu.woff2') format("woff2"), url('fonts/FormaDJRBanner-Black-Edu.woff') format("woff"); font-family: 'FormaDJRBanner'; font-style: normal; font-weight: 800; } @font-face { src: url('fonts/FormaDJRDeck-BlackItalic-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRDeck-BlackItalic-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRDeck-BlackItalic-Edu.woff2') format("woff2"), url('fonts/FormaDJRDeck-BlackItalic-Edu.woff') format("woff"); font-family: 'FormaDJRDeck'; font-style: italic; font-weight: 800; } @font-face { src: url('fonts/FormaDJRDisplay-BlackItalic-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRDisplay-BlackItalic-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRDisplay-BlackItalic-Edu.woff2') format("woff2"), url('fonts/FormaDJRDisplay-BlackItalic-Edu.woff') format("woff"); font-family: 'FormaDJRDisplay'; font-style: italic; font-weight: 800; } @font-face { src: url('fonts/FormaDJRBanner-BlackItalic-Edu.eot'); /* IE < 9 */ src: url('fonts/FormaDJRBanner-BlackItalic-Edu.eot?#') format("embedded-opentype"), /* IE 9 */ url('fonts/FormaDJRBanner-BlackItalic-Edu.woff2') format("woff2"), url('fonts/FormaDJRBanner-BlackItalic-Edu.woff') format("woff"); font-family: 'FormaDJRBanner'; font-style: italic; font-weight: 800; } body { font: 15px/28px "FormaDJRDeck", sans-serif; background-color: #fff; color: #838383; } .body-overlay:after { position: fixed; z-index: 8000; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.75); content: ""; } h1, h2, h3, h4, h5, h6 { margin: 0; color: #666666; font-weight: 400; } h1 { margin-bottom: 10px; font-size: 48px; line-height: 60px; } h2 { margin-bottom: 10px; font-size: 38px; line-height: 46px; } h3 { margin-bottom: 10px; font-size: 35px; line-height: 40px; } h4 { margin-bottom: 10px; font-size: 24px; line-height: 34px; } h5 { margin-bottom: 10px; font-size: 20px; line-height: 30px; } h6 { margin-bottom: 10px; font-size: 18px; line-height: 28px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #252525; text-decoration: none; -webkit-transition: all 0.25s; transition: all 0.25s; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #00f0d1; text-decoration: none; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: inherit; font-size: 85%; } p { margin-bottom: 20px; } /* LINKS */ a { color: #00f0d1; } a:hover, a:focus { outline: 0; color: #00f0d1; } .see-more { display: inline-block; color: #252525; font-size: 12px; font-weight: 700; letter-spacing: 1.2px; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.25s; transition: all 0.25s; } .see-more:after { display: block; width: auto; height: 2px; margin-top: -5px; background: #00f0d1; background: -webkit-linear-gradient(90deg, #00f0d1, #a966ee); background: -ms-linear-gradient(90deg, #00f0d1, #a966ee); background: linear-gradient(90deg, #00f0d1, #a966ee); content: ""; } .see-more:hover { color: #00f0d1; text-decoration: none; } /* IMAGES */ img { max-width: 100%; height: auto; } /* ADDRESS */ address { line-height: inherit; } /* FORMS */ input, select, textarea { position: relative; z-index: 1; display: block; max-width: 100%; padding: 5px 10px; border: 2px solid #ebebeb; margin-bottom: 20px; background-color: transparent; color: inherit; } label { position: relative; font-weight: normal; } select { width: 100%; height: 50px; outline: none; cursor: pointer; } select[multiple], select[size] { height: auto; } input[class^="col-"], select[class^="col-"], textarea[class^="col-"] { padding: 7px 20px; } textarea:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="week"]:focus, input[type="month"]:focus, input[type="text"]:focus, input[type="color"]:focus, input[type="email"]:focus, input[type="image"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="password"]:focus { border-color: #00f0d1; box-shadow: none; outline: 0; } select:focus { outline: none; } input[type="radio"], input[type="checkbox"] { position: relative; display: inline-block; opacity: 0; margin-left: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="radio"]~span, input[type="checkbox"]~span { position: absolute; display: inline-block; top: 2px; left: 0; width: 24px; height: 24px; margin-right: 10px; } input[type="checkbox"]~span { background: url(../images/check.png) no-repeat top center; } input[type="radio"]~span { border-radius: 50%; background: url(../images/radio.png) no-repeat top center; } input[type="radio"]:checked~span, input[type="checkbox"]:checked~span { background-color: #00f0d1; background-position: bottom center; } .radio label, .checkbox label { padding-left: 35px; } button, input[type="reset"], input[type="submit"], input[type="button"] { padding: 10px 30px; border: none; background-color: #252525; color: #fff; -webkit-transition: all 0.25s; transition: all 0.25s; } button, input[type="reset"]:focus, input[type="submit"]:focus, input[type="button"]:focus { box-shadow: none; outline: 0; } ::-moz-placeholder { color: #aaaaaa; font-size: 14px; font-style: italic; } ::-webkit-input-placeholder { color: #aaaaaa; font-size: 14px; font-style: italic; } :-ms-input-placeholder { color: #aaaaaa; font-size: 14px; font-style: italic; } /* TRANFORMATION CLASSES */ .text-mute { color: #c2c2c2; } .text-default-color { background: -webkit-linear-gradient(90deg, #00f0d1, #c44fcb); background: -ms-linear-gradient(90deg, #00f0d1, #c44fcb); background: linear-gradient(90deg, #00f0d1, #c44fcb); -webkit-background-clip: text; background-clip: text; color: transparent; } .text-highlight { padding: 2px 10px; background: #00f0d1; background: -webkit-linear-gradient(90deg, #00f0d1, #c44fcb); background: -ms-linear-gradient(90deg, #00f0d1, #c44fcb); background: linear-gradient(90deg, #00f0d1, #c44fcb); color: #fff; font-weight: 600; } .text-highlight-dark { padding: 2px 10px; background-color: #252525; color: #fff; font-weight: 600; } .text-highlight a { color: inherit; } .text-bg-danger { display: inline-block; padding: 2px 15px; background-color: #ff0050; color: #fff; font-size: 12px; font-weight: 700; letter-spacing: 0.25px; text-transform: uppercase; } .dropcap:first-letter { float: left; font-size: 52px; line-height: 64px; margin-top: 5px; margin-right: 10px; } .border { padding: 0 10px 2px 12px; border-width: 2px !important; } .last, .no-margin-bottom { margin-bottom: 0 !important; } /* DARK SECTION */ .full-section.dark-section a, .full-section.dark-section h1, .full-section.dark-section h2, .full-section.dark-section h3, .full-section.dark-section h4, .full-section.dark-section h5, .full-section.dark-section h6 { color: #fff; } .full-section.dark-section a:hover { color: #00f0d1; } @media (max-width: 767px) { h1 { font-size: 40px; line-height: 56px; } .last { margin-bottom: 20px !important; } } /*********************************************************************************** * + WAVES EFFECT ***********************************************************************************/ .waves { position: relative; z-index: 1; overflow: hidden; display: inline-block; -webkit-user-select: none; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } .waves .waves-ripple { position: absolute; z-index: -1; width: 20px; height: 20px; border-radius: 50%; margin-top: -10px; margin-left: -10px; background-color: rgba(255, 255, 255, 0.5); opacity: 0; pointer-events: none; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .waves.waves-dark .waves-ripple { background-color: rgba(0, 0, 0, 0.1); } /*********************************************************************************** * + HEADLINE ***********************************************************************************/ .headline { margin-bottom: 80px; } .headline h1, .headline h2, .headline h3, .headline h4, .headline h5 { margin-bottom: 0; } .headline h6 { margin-bottom: 7px; color: #838383; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; } /*********************************************************************************** * + ALERTS ***********************************************************************************/ .alert { padding: 15px 30px; border: none; border-radius: 0; color: #fff; font-weight: 600; } .alert.alert-info { background-color: #252525; } .alert.alert-danger { background-color: #ff0050; } .alert.alert-success { background-color: #00f0d1; } .alert.alert-warning { background-color: #ffed19; color: #252525; } h1.error { display: inline-block; background: -webkit-linear-gradient(70deg, #00f0d1, #4766c8, #c44fcb); background: -ms-linear-gradient(70deg, #00f0d1, #4766c8, #c44fcb); background: linear-gradient(70deg, #00f0d1, #4766c8, #c44fcb); -webkit-background-clip: text; background-clip: text; color: transparent; font-size: 180px; line-height: 180px; letter-spacing: 20px; } @media (min-width: 1200px) { h1.error { font-size: 212px; line-height: 212px; letter-spacing: 30px; } } @media (max-width: 991px) { h1.error { font-size: 140px; line-height: 140px; letter-spacing: 12px; } } /*********************************************************************************** * + LISTS ***********************************************************************************/ /* GENERAL */ ul, ol { padding: 0; list-style-position: inside; } li>ul, li>ol { margin-bottom: 0; margin-left: 20px; } dl { margin-bottom: 20px; } /* BULLET LIST */ .bullet-list { list-style: none; margin-bottom: 20px; } .bullet-list li { margin-bottom: 5px; } .bullet-list li:last-child { margin-bottom: 0; } .bullet-list li:before { position: relative; top: -3px; display: inline-block; width: 6px; height: 6px; border-radius: 50%; margin-right: 12px; background-color: #00f0d1; content: ""; } /* PLUS LIST */ .plus-list { list-style: none; margin-bottom: 20px; } .plus-list li { margin-bottom: 5px; } .plus-list li:last-child { margin-bottom: 0; } .plus-list li:before { display: inline-block; width: 20px; height: 20px; border-radius: 50%; margin-right: 15px; background-color: #00f0d1; color: #fff; line-height: 20px; text-align: center; content: "+"; } /* CHECK LIST */ .check-list { list-style: none; margin-bottom: 20px; } .check-list li { margin-bottom: 5px; } .check-list li:last-child { margin-bottom: 0; } .check-list li:before { display: inline-block; width: 8px; height: 14px; border: solid #00f0d1; border-width: 0 2px 2px 0; margin-right: 15px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); content: ""; } /* ICONS LIST */ .icons-list { list-style: none; } .icons-list li { float: left; margin-right: 10px; } .icons-list li:last-child { margin-right: 0; } .icons-list li i { display: block; font-size: 20px; line-height: 20px; } .icons-list li a { color: #838383; text-decoration: none; -webkit-transition: all 0.25s; transition: all 0.25s; } .icons-list li a:hover { color: #00f0d1; } .icons-list:after { display: table; clear: both; content: ""; } /*********************************************************************************** * + LOGOS LIST ***********************************************************************************/ .logos-list { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 50px; text-align: center; list-style: none; } .logos-list li { flex-basis: 20%; } .logos-list li a { display: block; height: 90px; padding: 0 20px; margin: 20px 0; text-align: center; background: no-repeat top center; -webkit-transition: all 0.25s; transition: all 0.25s; } .logos-list li a:hover { background-position: bottom center; } @media (min-width: 576px) and (max-width: 991px) { .logos-list li { flex-basis: 33.3333%; } } @media (max-width: 575px) { .logos-list li { flex-basis: 50%; } } /*********************************************************************************** * + STARS RATING ***********************************************************************************/ .stars-rating i { color: #ececec; } .stars-rating.stars-5 i { color: #ffea00; } .stars-rating.stars-4 i:nth-child(-n+4) { color: #ffea00; } .stars-rating.stars-3 i:nth-child(-n+3) { color: #ffea00; } .stars-rating.stars-2 i:nth-child(-n+2) { color: #ffea00; } .stars-rating.stars-1 i:nth-child(-n+1) { color: #ffea00; } /*********************************************************************************** * + BUTTONS ***********************************************************************************/ .btn { position: relative; z-index: 1; padding: 15px 25px; margin-right: 20px; margin-bottom: 20px; border: none; border-radius: 0; font-size: 12px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; cursor: pointer; -webkit-transition: all 0.2s; transition: all 0.2s; } .btn:last-child { margin-right: 0; } .btn i { position: relative; top: 1px; margin-left: 5px; } .btn-lg { padding: 17px 35px; font-size: 14px; } .btn-xs { padding: 12px 20px; font-size: 10px; } .btn:focus, .btn:active { outline: 0 !important; box-shadow: none; } .btn:hover { box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.16), 0 3px 12px 0 rgba(0, 0, 0, 0.12); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } /* DEFAULT */ .btn-default, .btn-default:hover, .btn-default:focus, .btn-default:active:focus { background: #00f0d1; background: -webkit-linear-gradient(51deg, #00f0d1, #a966ee); background: -ms-linear-gradient(51deg, #00f0d1, #a966ee); background: linear-gradient(51deg, #00f0d1, #a966ee); color: #fff; } .btn-default.btn-outline:after { border-left: 2px solid #40abcb; border-right: 2px solid #0f3178; background-image: linear-gradient(90deg, #40abcb, #0f3178), linear-gradient(90deg, #40abcb, #0f3178); } /* border-left: 2px solid #00f0d1; border-right: 2px solid #a966ee; background-image: linear-gradient(90deg, #00f0d1, #a966ee), linear-gradient(90deg, #00f0d1, #a966ee); } */ /* PRIMARY */ .btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active:focus { background: #00f0d1; color: #fff; } .btn-primary.btn-outline:after { border: 2px solid #00f0d1; background: transparent; color: #252525; } /* SECONDARY */ .btn-secondary, .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active:focus { background: #a966ee; color: #fff; } .btn-secondary.btn-outline:after { border: 2px solid #a966ee; background: transparent; color: #252525; } /* BLACK */ .btn-black, .btn-black:hover, .btn-black:focus, .btn-black:active:focus { background: #252525; color: #fff; } .btn-black.btn-outline:after { border: 2px solid #252525; background: transparent; color: #252525; } /* WHITE */ .btn-white, .btn-white:hover, .btn-white:focus, .btn-white:active:focus { background: #f2f2f2; color: #252525; } .btn-white.btn-outline:after { border: 2px solid #c2c2c2; background: transparent; color: #252525; } /* OUTLINE */ .btn-outline, .btn-outline:hover, .btn-outline:focus, .btn-outline:active:focus { background: transparent; color: rgba(0, 51, 102, 1); } .btn-outline:after { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background-size: 100% 2px; background-position: 0 0, 0 100%; background-repeat: no-repeat; content: ''; } /* DARK SECTION */ .full-section.dark-section .btn, .full-section.dark-section .btn:hover { color: #fff; } .full-section.dark-section .btn-white, .full-section.dark-section .btn-white:hover { color: #252525; } .full-section.dark-section .btn-outline, .full-section.dark-section .btn-outline:hover, .full-section.dark-section .btn-outline:focus, .full-section.dark-section .btn-outline:active:focus { color: inherit; } .full-section.dark-section .btn-white.btn-outline { color: inherit; } .full-section.dark-section .btn-white.btn-outline:after { border-color: #fff; } /*********************************************************************************** * + DIVIDERS ***********************************************************************************/ .hr { height: 1px; margin: 50px 0; background-color: #e1e1e1; } .hr.default-color { background: #00f0d1; background: -webkit-linear-gradient(90deg, #00f0d1, #a966ee); background: -ms-linear-gradient(90deg, #00f0d1, #a966ee); background: linear-gradient(90deg, #00f0d1, #a966ee); } .hr.black { background-color: #252525; } /*********************************************************************************** * + TEXT BOXES ***********************************************************************************/ .text-box { padding: 25px 30px; margin-bottom: 30px; background: #f4f8f9 no-repeat center; background-size: cover; color: #838383; } .text-box.rounded { border-radius: 10px !important; } .text-box.large { padding: 75px 55px; margin-bottom: 50px; } .text-box .bullet { position: relative; top: -5px; right: -10px; float: right; display: block; width: 15px; height: 15px; border-radius: 50%; margin-bottom: 13px; background-color: #00f0d1; box-shadow: 0 11px 8px rgba(0, 0, 0, 0.26); } .text-box .bullet+*:before { display: table; clear: both; content: ""; } .text-box h6 { font-weight: 600; margin-bottom: 15px; } .text-box p small { font-size: 12px; line-height: 14px; font-weight: 600; } .text-box .headline { margin-bottom: 40px; } .text-box>*:last-child { margin-bottom: 0; } /* TEXT BOXES DARK */ .text-box.dark { background-color: #252525; color: #fff; } .text-box.dark a { color: #fff; } .text-box.dark h1, .text-box.dark h2, .text-box.dark h3, .text-box.dark h4, .text-box.dark h5, .text-box.dark h6 { color: inherit; } .text-box.dark a:hover { opacity: 0.7; } .text-box.dark .service-box.style-5>i { color: #fff; } /* TEXT BOXES DEFAULT */ .text-box.default { background: #00f0d1; background: -webkit-linear-gradient(45deg, #00f0d1, #a966ee); background: -ms-linear-gradient(45deg, #00f0d1, #a966ee); background: linear-gradient(45deg, #00f0d1, #a966ee); color: #fff; } .text-box.default a { color: #fff; } .text-box.default h1, .text-box.default h2, .text-box.default h3, .text-box.default h4, .text-box.default h5, .text-box.default h6 { color: inherit; } .text-box.default a:hover { opacity: 0.7; } .text-box.default .service-box.style-5>i { color: #fff; } /* DARK SECTION */ .full-section.dark-section .text-box a, .full-section.dark-section .text-box h1, .full-section.dark-section .text-box h2, .full-section.dark-section .text-box h3, .full-section.dark-section .text-box h4, .full-section.dark-section .text-box h5, .full-section.dark-section .text-box h6 { color: inherit; } /*********************************************************************************** * + IMAGE BOXES ***********************************************************************************/ .image-box { position: relative; z-index: 100; padding: 0 30px 30px; margin-bottom: 50px; background-color: #f1f6f9; color: #838383; text-align: center; -webkit-transition: all 0.25s; transition: all 0.25s; } .image-box .image-box-thumbnail { position: relative; overflow: hidden; margin: 0 -30px 30px; } .image-box .image-box-thumbnail img { -webkit-transition: all 0.8s; transition: all 0.8s; } .image-box .image-box-thumbnail span { position: absolute; top: 20px; left: 20px; display: inline-block; padding: 2px 15px; background-color: #ff0050; color: #fff; font-size: 12px; font-weight: 700; letter-spacing: 0.25px; text-transform: uppercase; } .image-box h5 { margin-bottom: 30px; font-size: 18px; line-height: 30px; font-weight: 600; } .image-box h6 { margin-bottom: 5px; color: #838383; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; } .image-box>a { display: inline-block; width: 38px; height: 38px; border-radius: 50%; background-color: #232c3d; color: #fff; line-height: 38px; text-decoration: none; -webkit-transition: all 0.25s; transition: all 0.25s; } .image-box>a:hover { background-color: #00f0d1; } .image-box>*:last-child { margin-bottom: 0; } .image-box:hover { background-color: #fff; box-shadow: 0 34px 51px 0 rgba(0, 0, 0, 0.39); } .image-box:hover .image-box-thumbnail img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } @media (min-width: 1200px) { .image-box { padding-right: 50px; padding-left: 50px; } .image-box .image-box-thumbnail { margin-right: -50px; margin-left: -50px; } } @media (min-width: 768px) and (max-width: 991px) { .image-box { padding-right: 15px; padding-left: 15px; } .image-box .image-box-thumbnail { margin-right: -15px; margin-left: -15px; } } /* DARK SECTION */ .full-section.dark-section .image-box a, .full-section.dark-section .image-box h1, .full-section.dark-section .image-box h2, .full-section.dark-section .image-box h3, .full-section.dark-section .image-box h4, .full-section.dark-section .image-box h5, .full-section.dark-section .image-box h6 { color: inherit; } .full-section.dark-section .image-box>a, .full-section.dark-section .image-box>a:hover { color: #fff; } /*********************************************************************************** * + ACCORDION ***********************************************************************************/ .panel { background-color: transparent; box-shadow: none; } .panel-heading { position: relative; padding: 0; border: none; border-radius: 0; background-color: transparent } .panel-title { position: relative; z-index: 1; } .panel-title:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-left: 2px solid #00f0d1; border-right: 2px solid #a966ee; background-size: 100% 2px; background-position: 0 0, 0 100%; background-repeat: no-repeat; background-image: linear-gradient(90deg, #00f0d1, #a966ee), linear-gradient(90deg, #00f0d1, #a966ee); content: ''; } .panel-title a:after { position: absolute; z-index: 2; top: 50%; left: 20px; display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-top: -4px; background-color: #252525; content: ""; -webkit-transition: all 0.25s; transition: all 0.25s; } .panel-title a, .panel-title a:focus { position: relative; z-index: 1; display: block; padding: 10px 45px 10px 48px; margin-bottom: 15px; color: #222; font-size: 14px; font-weight: 600; text-decoration: none; -webkit-transition: all 0.25s; transition: all 0.25s; } .panel-title a:before { position: absolute; top: 50%; right: 20px; content: "+"; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.25s; transition: all 0.25s; } .panel-title a:hover, .panel-title a[aria-expanded="true"] { background: #00f0d1; background: -webkit-linear-gradient(51deg, #00f0d1, #a966ee); background: -ms-linear-gradient(51deg, #00f0d1, #a966ee); background: linear-gradient(51deg, #00f0d1, #a966ee); color: #fff; } .panel-title a:hover:after, .panel-title a[aria-expanded="true"]:after { background-color: #fff; } .panel-title a[aria-expanded="true"]:before { content: "-"; } .panel-group .panel+.panel { margin-top: 0; } .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body { padding: 20px 25px 30px; border: none; } .panel-body>*:last-child { margin-bottom: 0; } /* STYLE 2 */ .style-2 .panel-heading { background-color: #f1f6f9; } .style-2 .panel-title:before { display: none; } /* DARK SECTION */ .full-section.dark-section .panel-title a:after { background-color: #fff; } .full-section.dark-section .panel-title a:hover, .full-section.dark-section .style-2 .panel-title a:hover, .full-section.dark-section .style-2 .panel-title a[aria-expanded="true"] { color: #fff; } .full-section.dark-section .style-2 .panel-title a { color: #252525; } .full-section.dark-section .style-2 .panel-title a:after { background-color: #252525; } .full-section.dark-section .style-2 .panel-title a:hover:after, .full-section.dark-section .style-2 .panel-title a[aria-expanded="true"]:after { background-color: #fff; } /*********************************************************************************** * + TABS ***********************************************************************************/ .nav-tabs { justify-content: center; border-bottom: none; margin-bottom: 70px; } .nav-tabs>li { padding: 0 5px; } .nav-tabs>li>a { display: block; padding: 10px 25px; border-color: transparent; background-color: #f1f6f9; color: #252525; font-size: 15px; font-weight: 600; text-decoration: none; -webkit-transition: all 0.3s; transition: all 0.3s; } .nav-tabs>li>a:hover, .nav-tabs>li>a:focus { border-color: transparent; background-color: #f1f6f9; } .nav-tabs>li>a:hover, .nav-tabs>li.active>a, .nav-tabs>li>a.active { background-color: #00f0d1; color: #fff; } .tab-content { margin: 40px 0; } .tab-content:after { display: table; content: " "; clear: both; } /* VERTICAL TABS */ .vertical-tabs .nav-tabs { display: block; float: left; width: 460px; border-bottom: none; box-shadow: 15px 37px 35px 0 rgba(0, 0, 0, 0.17); } .vertical-tabs .nav-tabs li { padding: 0; justify-content: flex-start; } .vertical-tabs .nav-tabs li a { width: 100%; padding: 27px 20px 27px 45px; border-bottom: 2px solid #f1f6f9; background-color: #fff; font-weight: 400; } .vertical-tabs .nav-tabs li h6 { color: #00f0d1; font-size: 12px; font-weight: 700; text-transform: uppercase; } .vertical-tabs .nav-tabs li:nth-child(1) h6 { color: #00f0d1; } .vertical-tabs .nav-tabs li:nth-child(2) h6 { color: #2d99cb; } .vertical-tabs .nav-tabs li:nth-child(3) h6 { color: #6159c8; } .vertical-tabs .nav-tabs li:nth-child(4) h6 { color: #c04fcb; } .vertical-tabs .nav-tabs>li>a:before { position: absolute; top: 0; bottom: 0; left: 0; width: 5px; background-color: transparent; content: ""; } .vertical-tabs .nav-tabs>li>a:hover, .vertical-tabs .nav-tabs>li.active>a, .vertical-tabs .nav-tabs>li>a.active { background-color: #f1f6f9; color: #838383; } .vertical-tabs .nav-tabs>li.active>a:before, .vertical-tabs .nav-tabs>li>a.active:before { background-color: #00f0d1; } .vertical-tabs .tab-content { padding: 40px 0; margin: 0; margin-left: 540px; } /* ICONS TABS */ .icons-tabs .nav-tabs { display: block; float: left; width: 85px; border-bottom: none; } .icons-tabs .nav-tabs li { padding: 0; } .icons-tabs .nav-tabs li a { width: 75px; height: 75px; padding: 0; background-color: #00f0d1; color: #fff; font-size: 32px; line-height: 75px; text-align: center; } .icons-tabs .nav-tabs li:nth-child(1) a { background-color: #00f0d1; } .icons-tabs .nav-tabs li:nth-child(2) a { background-color: #2d99cb; } .icons-tabs .nav-tabs li:nth-child(3) a { background-color: #6159c8; } .icons-tabs .nav-tabs li:nth-child(4) a { background-color: #c04fcb; } .icons-tabs .nav-tabs li.active a, .icons-tabs .nav-tabs li a.active { z-index: 5; width: 85px; box-shadow: -10px 14px 29px 0 rgba(0, 0, 0, 0.48); } .icons-tabs .nav-tabs li a:hover { box-shadow: -10px 14px 29px 0 rgba(0, 0, 0, 0.48); } .icons-tabs .tab-content { margin-left: 100px; } /* DARK SECTION */ .full-section.dark-section .nav-tabs>li>a { color: #252525; } .full-section.dark-section .nav-tabs>li.active>a, .full-section.dark-section .nav-tabs>li>a.active, .full-section.dark-section .nav-tabs>li>a:hover, .full-section.dark-section .icons-tabs .nav-tabs>li>a { color: #fff; } .full-section.dark-section .vertical-tabs .nav-tabs>li.active>a, .full-section.dark-section .vertical-tabs .nav-tabs>li>a.active, .full-section.dark-section .vertical-tabs .nav-tabs>li>a:hover { color: #252525; } @media (min-width: 1200px) { .vertical-tabs .tab-content { margin-left: 640px; } } @media (min-width: 768px) and (max-width: 991px) { .nav-tabs>li { flex-basis: 33.333333%; margin-top: 5px; margin-bottom: 5px; } .vertical-tabs .nav-tabs { float: none; width: 100%; margin-bottom: 30px; } .vertical-tabs .tab-content { margin-left: 0; } .icons-tabs .nav-tabs li { margin: 0; } } @media (max-width: 767px) { .nav-tabs>li { flex-basis: 100%; padding: 0; margin-bottom: 10px; } .nav-tabs>li:last-child { margin-bottom: 0; } .vertical-tabs .nav-tabs { width: 100%; } .vertical-tabs .nav-tabs li { margin-bottom: 0; } .vertical-tabs .tab-content { margin-left: 0; } .icons-tabs .nav-tabs { display: flex; float: none; width: 100%; } .icons-tabs .nav-tabs>li { flex-basis: auto; } .icons-tabs .nav-tabs>li a { width: 60px; height: 60px; line-height: 60px; } .icons-tabs .tab-content { margin-left: 0; } } /*********************************************************************************** * + PROGRESS STEPS ***********************************************************************************/ .process-steps { position: relative; margin-bottom: 50px; padding-top: 15px; } .process-steps:before { position: absolute; top: 70px; display: block; width: 100%; border-bottom: 2px solid #e1e1e1; content: ""; } .process-steps .item:before { position: absolute; top: 57px; left: 0; display: block; width: 14px; height: 14px; border: 2px solid #e1e1e1; border-radius: 50%; margin-top: -8px; background-color: #fff; content: ""; -webkit-transition: all 0.25s; transition: all 0.25s; } .process-steps .item:after { position: absolute; top: 63px; left: 6px; display: block; height: 0; border-left: 2px solid #e1e1e1; content: ""; -webkit-transition: all 0.25s; transition: all 0.25s; } .process-steps .item>h6 { margin-bottom: 85px; font-size: 14px; font-weight: 700; text-transform: uppercase; } .process-steps .item:hover:before, .process-steps .item:hover:after { border-color: #00f0d1; } .process-steps .item:hover:after { height: 25px; } .process-steps .owl-prev, .process-steps .owl-next { position: absolute; top: 72px; width: 32px; height: 32px; margin-top: -4px; } .process-steps .owl-prev:before, .process-steps .owl-next:before { font-size: 20px; line-height: 32px; } .process-steps .owl-prev.disabled, .process-steps .owl-next.disabled { opacity: 0; } .process-steps .owl-prev { left: -30px; } .process-steps .owl-next { right: -30px; } /*********************************************************************************** * + GOOGLE MAPS ***********************************************************************************/ .map { height: 300px; margin-bottom: 50px; } .map img { max-width: none; } @media (max-width: 767px) { .map { height: 400px !important; } } /*********************************************************************************** * + SOCIAL MEDIA ***********************************************************************************/ .social-media { margin-bottom: 20px; } .social-media a { display: inline-block; margin-right: 20px; font-size: 16px; line-height: 32px; color: #8f8f8f; text-decoration: none; -webkit-transition: all 0.25s; transition: all 0.25s; } .social-media.bordered, .social-media.rounded { margin-top: -5px; } .social-media.bordered a { width: 30px; height: 30px; border: 1px solid #c7c7c7; border-radius: 50%; margin: 5px 15px 5px 0; font-size: 14px; line-height: 28px; text-align: center; } .social-media.rounded a { width: 30px; height: 30px; border-radius: 50%; margin: 5px 10px 5px 0; background-color: #636b75; color: #fff; font-size: 14px; line-height: 30px; text-align: center; } .social-media a:last-child { margin-right: 0; } .social-media a.facebook:hover { color: #0e59a0; } .social-media a.twitter:hover { color: #0ea4ff; } .social-media a.dribbble:hover { color: #ea73a0; } .social-media a.pinterest:hover { color: #d73532; } .social-media a.google:hover { color: #da4835; } .social-media a.tumblr:hover { color: #2a445f; } .social-media a.instagram:hover { color: #82685a; } .social-media a.rss:hover { color: #f79638; } .social-media a.linkedin:hover { color: #018faf; } .social-media a.skype:hover { color: #00b0f6; } .social-media a.flickr:hover { color: #0061db; } .social-media a.vimeo:hover { color: #4cb2d9; } .social-media a.github:hover { color: #3b3b3b; } .social-media a.youtube:hover { color: #cc181e; } .social-media a.windows:hover { color: #6dc2e9; } .social-media a.dropbox:hover { color: #007ee5; } .social-media a.xing:hover { color: #026566; } .social-media a.adn:hover { color: #1ea076; } .social-media a.android:hover { color: #98cb02; } .social-media a.apple:hover { color: #a6b1b7; } .social-media a.behance:hover { color: #2d9ad2; } .social-media a.bitbucket:hover { color: #214f81; } .social-media a.bitcoin:hover { color: #f7931b; } .social-media a.codepan:hover { color: #000; } .social-media a.css3:hover { color: #3289ce; } .social-media a.delicious:hover { color: #3399fe; } .social-media a.deviantart:hover { color: #c8da30; } .social-media a.digg:hover { color: #0080c2; } .social-media a.drupal:hover { color: #0077b9; } .social-media a.empire:hover { color: #000; } .social-media a.foursquare:hover { color: #daecb0; } .social-media a.git:hover { color: #f34f29; } .social-media a.gitti:hover { color: #634c3e; } .social-media a.hacker-news:hover { color: #f18642; } .social-media a.html5:hover { color: #e54c1f; } .social-media a.joomla:hover { color: #016fb9; } .social-media a.jsfiddle:hover { color: #4679a4; } .social-media a.linux:hover { color: #fece0e; } .social-media a.maxcdn:hover { color: #f36f20; } .social-media a.openid:hover { color: #fe6101; } .social-media a.pagelines:hover { color: #3783e3; } .social-media a.pied-piper:hover { color: #0c7b48; } .social-media a.qq:hover { color: #23286c; } .social-media a.rebel:hover { color: #000; } .social-media a.reddit:hover { color: #cee3f8; } .social-media a.renren:hover { color: #0d81e4; } .social-media a.share:hover { color: #252525; } .social-media a.slack:hover { color: #453744; } .social-media a.soundcloud:hover { color: #fe4e00; } .social-media a.spotify:hover { color: #80bb41; } .social-media a.stack-exchange:hover { color: #265a93; } .social-media a.stackoverflow:hover { color: #fea501; } .social-media a.steam:hover { color: #191919; } .social-media a.stumbleupon:hover { color: #f04f23; } .social-media a.tencent-weibo:hover { color: #0063a7; } .social-media a.trello:hover { color: #226784; } .social-media a.vine:hover { color: #00b081; } .social-media a.vk:hover { color: #50769d; } .social-media a.wechat:hover { color: #a4dc31; } .social-media a.weibo:hover { color: #d82828; } .social-media a.wordpress:hover { color: #454442; } .social-media a.yahoo:hover { color: #4b04a8; } .social-media a.ftpx:hover { color: #000; } .social-media a.amazon:hover { color: #ff9900; } .social-media a.angellist:hover { color: #000; } .social-media a.btc:hover { color: #f7931b; } .social-media a.black-tie:hover { color: #000; } .social-media a.bluetooth:hover { color: #0a3d91; } .social-media a.buysellads:hover { color: #ba0202; } .social-media a.cc-amex:hover { color: #016dd2; } .social-media a.cc-diners-club:hover { color: #0069aa; } .social-media a.cc-discover:hover { color: #f88737; } .social-media a.cc-jcb:hover { color: #29166f; } .social-media a.cc-mastercard:hover { color: #fe9611; } .social-media a.paypal:hover { color: #012069; } .social-media a.cc-stripe:hover { color: #49b802; } .social-media a.cc-visa:hover { color: #1b4da2; } .social-media a.chrome:hover { color: #edcd16; } .social-media a.codepen:hover { color: #1b1c1b; } .social-media a.codiepie:hover { color: #000; } .social-media a.connectdevelop:hover { color: #023cb0; } .social-media a.contao:hover { color: #e4790f; } .social-media a.dashcube:hover { color: #000; } .social-media a.edge:hover { color: #2c74be; } .social-media a.expeditedssl:hover { color: #2e2e2e; } .social-media a.firefox:hover { color: #df731b; } .social-media a.fonticons:hover { color: #1d1e2a; } .social-media a.fort-awesome:hover { color: #000; } .social-media a.forumbee:hover { color: #85ac2f; } .social-media a.get-pocket:hover { color: #e84352; } .social-media a.gg:hover { color: #fd0002; } .social-media a.gratipay:hover { color: #653614; } .social-media a.houzz:hover { color: #9bc545; } .social-media a.internet-explorer:hover { color: #00bcf2; } .social-media a.ioxhost:hover { color: #f6a814; } .social-media a.lastfm:hover { color: #e2152b; } .social-media a.leanpub:hover { color: #231f20; } .social-media a.meanpath:hover { color: #538dd6; } .social-media a.medium:hover { color: #00ab6c; } .social-media a.mixcloud:hover { color: #040204; } .social-media a.modx:hover { color: #8ed547; } .social-media a.odnoklassniki:hover { color: #f68634; } .social-media a.opencart:hover { color: #00c1f2; } .social-media a.opera:hover { color: #e81617; } .social-media a.optin-monster:hover { color: #8ed31e; } .social-media a.product-hunt:hover { color: #d6573d; } .social-media a.reddit:hover { color: #ff4500; } .social-media a.safari:hover { color: #2973d9; } .social-media a.scribd:hover { color: #382d29; } .social-media a.sellsy:hover { color: #006ca2; } .social-media a.shirtsinbulk:hover { color: #dd3a26; } .social-media a.simplybuilt:hover { color: #322f34; } .social-media a.skyatlas:hover { color: #01aebe; } .social-media a.slideshare:hover { color: #13999a; } .social-media a.stack-overflow:hover { color: #ef532a; } .social-media a.tripadvisor:hover { color: #1e892f; } .social-media a.twitch:hover { color: #6441a5; } .social-media a.usb:hover { color: #000; } .social-media a.viacoin:hover { color: #2376a2; } .social-media a.whatsapp:hover { color: #44c254; } .social-media a.wikipedia:hover { color: #0c0c0c; } .social-media a.y-combinator:hover { color: #ff6501; } .social-media a.yelp:hover { color: #bf311b; } .social-media a.email:hover { color: #689c49; } .social-media a.envira:hover { color: #75bd3b; } .social-media a.gitlab:hover { color: #e24329; } .social-media a.glide:hover { color: #00a7ff; } .social-media a.snapchat:hover { color: #efe200; } .social-media a.viadeo:hover { color: #f4982b; } .social-media a.wpbeginner:hover { color: #ff6600; } .social-media a.wpforms:hover { color: #b6581a; } .social-media.bordered a.facebook:hover { color: #0e59a0; border-color: #0e59a0; } .social-media.bordered a.twitter:hover { color: #0ea4ff; border-color: #0ea4ff; } .social-media.bordered a.dribbble:hover { color: #ea73a0; border-color: #ea73a0; } .social-media.bordered a.pinterest:hover { color: #d73532; border-color: #d73532; } .social-media.bordered a.google:hover { color: #da4835; border-color: #da4835; } .social-media.bordered a.tumblr:hover { color: #2a445f; border-color: #2a445f; } .social-media.bordered a.instagram:hover { color: #82685a; border-color: #82685a; } .social-media.bordered a.rss:hover { color: #f79638; border-color: #f79638; } .social-media.bordered a.linkedin:hover { color: #018faf; border-color: #018faf; } .social-media.bordered a.skype:hover { color: #00b0f6; border-color: #00b0f6; } .social-media.bordered a.flickr:hover { color: #0061db; border-color: #0061db; } .social-media.bordered a.vimeo:hover { color: #4cb2d9; border-color: #4cb2d9; } .social-media.bordered a.github:hover { color: #3b3b3b; border-color: #3b3b3b; } .social-media.bordered a.youtube:hover { color: #cc181e; border-color: #cc181e; } .social-media.bordered a.windows:hover { color: #6dc2e9; border-color: #6dc2e9; } .social-media.bordered a.dropbox:hover { color: #007ee5; border-color: #007ee5; } .social-media.bordered a.xing:hover { color: #026566; border-color: #026566; } .social-media.bordered a.adn:hover { color: #1ea076; border-color: #1ea076; } .social-media.bordered a.android:hover { color: #98cb02; border-color: #98cb02; } .social-media.bordered a.apple:hover { color: #a6b1b7; border-color: #a6b1b7; } .social-media.bordered a.behance:hover { color: #2d9ad2; border-color: #2d9ad2; } .social-media.bordered a.bitbucket:hover { color: #214f81; border-color: #214f81; } .social-media.bordered a.bitcoin:hover { color: #f7931b; border-color: #f7931b; } .social-media.bordered a.codepan:hover { color: #000; border-color: #000; } .social-media.bordered a.css3:hover { color: #3289ce; border-color: #3289ce; } .social-media.bordered a.delicious:hover { color: #3399fe; border-color: #3399fe; } .social-media.bordered a.deviantart:hover { color: #c8da30; border-color: #c8da30; } .social-media.bordered a.digg:hover { color: #0080c2; border-color: #0080c2; } .social-media.bordered a.drupal:hover { color: #0077b9; border-color: #0077b9; } .social-media.bordered a.empire:hover { color: #000; border-color: #000; } .social-media.bordered a.foursquare:hover { color: #daecb0; border-color: #daecb0; } .social-media.bordered a.git:hover { color: #f34f29; border-color: #f34f29; } .social-media.bordered a.gitti:hover { color: #634c3e; border-color: #634c3e; } .social-media.bordered a.hacker-news:hover { color: #f18642; border-color: #f18642; } .social-media.bordered a.html5:hover { color: #e54c1f; border-color: #e54c1f; } .social-media.bordered a.joomla:hover { color: #016fb9; border-color: #016fb9; } .social-media.bordered a.jsfiddle:hover { color: #4679a4; border-color: #4679a4; } .social-media.bordered a.linux:hover { color: #fece0e; border-color: #fece0e; } .social-media.bordered a.maxcdn:hover { color: #f36f20; border-color: #f36f20; } .social-media.bordered a.openid:hover { color: #fe6101; border-color: #fe6101; } .social-media.bordered a.pagelines:hover { color: #3783e3; border-color: #3783e3; } .social-media.bordered a.pied-piper:hover { color: #0c7b48; border-color: #0c7b48; } .social-media.bordered a.qq:hover { color: #23286c; border-color: #23286c; } .social-media.bordered a.rebel:hover { color: #000; border-color: #000; } .social-media.bordered a.reddit:hover { color: #cee3f8; border-color: #cee3f8; } .social-media.bordered a.renren:hover { color: #0d81e4; border-color: #0d81e4; } .social-media.bordered a.share:hover { color: #252525; border-color: #252525; } .social-media.bordered a.slack:hover { color: #453744; border-color: #453744; } .social-media.bordered a.soundcloud:hover { color: #fe4e00; border-color: #fe4e00; } .social-media.bordered a.spotify:hover { color: #80bb41; border-color: #80bb41; } .social-media.bordered a.stack-exchange:hover { color: #265a93; border-color: #265a93; } .social-media.bordered a.stackoverflow:hover { color: #fea501; border-color: #fea501; } .social-media.bordered a.steam:hover { color: #191919; border-color: #191919; } .social-media.bordered a.stumbleupon:hover { color: #f04f23; border-color: #f04f23; } .social-media.bordered a.tencent-weibo:hover { color: #0063a7; border-color: #0063a7; } .social-media.bordered a.trello:hover { color: #226784; border-color: #226784; } .social-media.bordered a.vine:hover { color: #00b081; border-color: #00b081; } .social-media.bordered a.vk:hover { color: #50769d; border-color: #50769d; } .social-media.bordered a.wechat:hover { color: #a4dc31; border-color: #a4dc31; } .social-media.bordered a.weibo:hover { color: #d82828; border-color: #d82828; } .social-media.bordered a.wordpress:hover { color: #454442; border-color: #454442; } .social-media.bordered a.yahoo:hover { color: #4b04a8; border-color: #4b04a8; } .social-media.bordered a.ftpx:hover { color: #000; border-color: #000; } .social-media.bordered a.amazon:hover { color: #ff9900; border-color: #ff9900; } .social-media.bordered a.angellist:hover { color: #000; border-color: #000; } .social-media.bordered a.btc:hover { color: #f7931b; border-color: #f7931b; } .social-media.bordered a.black-tie:hover { color: #000; border-color: #000; } .social-media.bordered a.bluetooth:hover { color: #0a3d91; border-color: #0a3d91; } .social-media.bordered a.buysellads:hover { color: #ba0202; border-color: #ba0202; } .social-media.bordered a.cc-amex:hover { color: #016dd2; border-color: #016dd2; } .social-media.bordered a.cc-diners-club:hover { color: #0069aa; border-color: #0069aa; } .social-media.bordered a.cc-discover:hover { color: #f88737; border-color: #f88737; } .social-media.bordered a.cc-jcb:hover { color: #29166f; border-color: #29166f; } .social-media.bordered a.cc-mastercard:hover { color: #fe9611; border-color: #fe9611; } .social-media.bordered a.paypal:hover { color: #012069; border-color: #012069; } .social-media.bordered a.cc-stripe:hover { color: #49b802; border-color: #49b802; } .social-media.bordered a.cc-visa:hover { color: #1b4da2; border-color: #1b4da2; } .social-media.bordered a.chrome:hover { color: #edcd16; border-color: #edcd16; } .social-media.bordered a.codepen:hover { color: #1b1c1b; border-color: #1b1c1b; } .social-media.bordered a.codiepie:hover { color: #000; border-color: #000; } .social-media.bordered a.connectdevelop:hover { color: #023cb0; border-color: #023cb0; } .social-media.bordered a.contao:hover { color: #e4790f; border-color: #e4790f; } .social-media.bordered a.dashcube:hover { color: #000; border-color: #000; } .social-media.bordered a.edge:hover { color: #2c74be; border-color: #2c74be; } .social-media.bordered a.expeditedssl:hover { color: #2e2e2e; border-color: #2e2e2e; } .social-media.bordered a.firefox:hover { color: #df731b; border-color: #df731b; } .social-media.bordered a.fonticons:hover { color: #1d1e2a; border-color: #1d1e2a; } .social-media.bordered a.fort-awesome:hover { color: #000; border-color: #000; } .social-media.bordered a.forumbee:hover { color: #85ac2f; border-color: #85ac2f; } .social-media.bordered a.get-pocket:hover { color: #e84352; border-color: #e84352; } .social-media.bordered a.gg:hover { color: #fd0002; border-color: #fd0002; } .social-media.bordered a.gratipay:hover { color: #653614; border-color: #653614; } .social-media.bordered a.houzz:hover { color: #9bc545; border-color: #9bc545; } .social-media.bordered a.internet-explorer:hover { color: #00bcf2; border-color: #00bcf2; } .social-media.bordered a.ioxhost:hover { color: #f6a814; border-color: #f6a814; } .social-media.bordered a.lastfm:hover { color: #e2152b; border-color: #e2152b; } .social-media.bordered a.leanpub:hover { color: #231f20; border-color: #231f20; } .social-media.bordered a.meanpath:hover { color: #538dd6; border-color: #538dd6; } .social-media.bordered a.medium:hover { color: #00ab6c; border-color: #00ab6c; } .social-media.bordered a.mixcloud:hover { color: #040204; border-color: #040204; } .social-media.bordered a.modx:hover { color: #8ed547; border-color: #8ed547; } .social-media.bordered a.odnoklassniki:hover { color: #f68634; border-color: #f68634; } .social-media.bordered a.opencart:hover { color: #00c1f2; border-color: #00c1f2; } .social-media.bordered a.opera:hover { color: #e81617; border-color: #e81617; } .social-media.bordered a.optin-monster:hover { color: #8ed31e; border-color: #8ed31e; } .social-media.bordered a.product-hunt:hover { color: #d6573d; border-color: #d6573d; } .social-media.bordered a.reddit:hover { color: #ff4500; border-color: #ff4500; } .social-media.bordered a.safari:hover { color: #2973d9; border-color: #2973d9; } .social-media.bordered a.scribd:hover { color: #382d29; border-color: #382d29; } .social-media.bordered a.sellsy:hover { color: #006ca2; border-color: #006ca2; } .social-media.bordered a.shirtsinbulk:hover { color: #dd3a26; border-color: #dd3a26; } .social-media.bordered a.simplybuilt:hover { color: #322f34; border-color: #322f34; } .social-media.bordered a.skyatlas:hover { color: #01aebe; border-color: #01aebe; } .social-media.bordered a.slideshare:hover { color: #13999a; border-color: #13999a; } .social-media.bordered a.stack-overflow:hover { color: #ef532a; border-color: #ef532a; } .social-media.bordered a.tripadvisor:hover { color: #1e892f; border-color: #1e892f; } .social-media.bordered a.twitch:hover { color: #6441a5; border-color: #6441a5; } .social-media.bordered a.usb:hover { color: #000; border-color: #000; } .social-media.bordered a.viacoin:hover { color: #2376a2; border-color: #2376a2; } .social-media.bordered a.whatsapp:hover { color: #44c254; border-color: #44c254; } .social-media.bordered a.wikipedia:hover { color: #0c0c0c; border-color: #0c0c0c; } .social-media.bordered a.y-combinator:hover { color: #ff6501; border-color: #ff6501; } .social-media.bordered a.yelp:hover { color: #bf311b; border-color: #bf311b; } .social-media.bordered a.email:hover { color: #689c49; border-color: #689c49; } .social-media.bordered a.envira:hover { color: #75bd3b; border-color: #75bd3b; } .social-media.bordered a.gitlab:hover { color: #e24329; border-color: #e24329; } .social-media.bordered a.glide:hover { color: #00a7ff; border-color: #00a7ff; } .social-media.bordered a.snapchat:hover { color: #efe200; border-color: #efe200; } .social-media.bordered a.viadeo:hover { color: #f4982b; border-color: #f4982b; } .social-media.bordered a.wpbeginner:hover { color: #ff6600; border-color: #ff6600; } .social-media.bordered a.wpforms:hover { color: #b6581a; border-color: #b6581a; } .social-media.rounded a:hover { color: #fff !important; } .social-media.rounded a.facebook:hover { background-color: #0e59a0; } .social-media.rounded a.twitter:hover { background-color: #0ea4ff; } .social-media.rounded a.dribbble:hover { background-color: #ea73a0; } .social-media.rounded a.pinterest:hover { background-color: #d73532; } .social-media.rounded a.google:hover { background-color: #da4835; } .social-media.rounded a.tumblr:hover { background-color: #2a445f; } .social-media.rounded a.instagram:hover { background-color: #82685a; } .social-media.rounded a.rss:hover { background-color: #f79638; } .social-media.rounded a.linkedin:hover { background-color: #018faf; } .social-media.rounded a.skype:hover { background-color: #00b0f6; } .social-media.rounded a.flickr:hover { background-color: #0061db; } .social-media.rounded a.vimeo:hover { background-color: #4cb2d9; } .social-media.rounded a.github:hover { background-color: #3b3b3b; } .social-media.rounded a.youtube:hover { background-color: #cc181e; } .social-media.rounded a.windows:hover { background-color: #6dc2e9; } .social-media.rounded a.dropbox:hover { background-color: #007ee5; } .social-media.rounded a.xing:hover { background-color: #026566; } .social-media.rounded a.adn:hover { background-color: #1ea076; } .social-media.rounded a.android:hover { background-color: #98cb02; } .social-media.rounded a.apple:hover { background-color: #a6b1b7; } .social-media.rounded a.behance:hover { background-color: #2d9ad2; } .social-media.rounded a.bitbucket:hover { background-color: #214f81; } .social-media.rounded a.bitcoin:hover { background-color: #f7931b; } .social-media.rounded a.codepan:hover { background-color: #000; } .social-media.rounded a.css3:hover { background-color: #3289ce; } .social-media.rounded a.delicious:hover { background-color: #3399fe; } .social-media.rounded a.deviantart:hover { background-color: #c8da30; } .social-media.rounded a.digg:hover { background-color: #0080c2; } .social-media.rounded a.drupal:hover { background-color: #0077b9; } .social-media.rounded a.empire:hover { background-color: #000; } .social-media.rounded a.foursquare:hover { background-color: #daecb0; } .social-media.rounded a.git:hover { background-color: #f34f29; } .social-media.rounded a.gitti:hover { background-color: #634c3e; } .social-media.rounded a.hacker-news:hover { background-color: #f18642; } .social-media.rounded a.html5:hover { background-color: #e54c1f; } .social-media.rounded a.joomla:hover { background-color: #016fb9; } .social-media.rounded a.jsfiddle:hover { background-color: #4679a4; } .social-media.rounded a.linux:hover { background-color: #fece0e; } .social-media.rounded a.maxcdn:hover { background-color: #f36f20; } .social-media.rounded a.openid:hover { background-color: #fe6101; } .social-media.rounded a.pagelines:hover { background-color: #3783e3; } .social-media.rounded a.pied-piper:hover { background-color: #0c7b48; } .social-media.rounded a.qq:hover { background-color: #23286c; } .social-media.rounded a.rebel:hover { background-color: #000; } .social-media.rounded a.reddit:hover { background-color: #cee3f8; } .social-media.rounded a.renren:hover { background-color: #0d81e4; } .social-media.rounded a.share:hover { background-color: #252525; } .social-media.rounded a.slack:hover { background-color: #453744; } .social-media.rounded a.soundcloud:hover { background-color: #fe4e00; } .social-media.rounded a.spotify:hover { background-color: #80bb41; } .social-media.rounded a.stack-exchange:hover { background-color: #265a93; } .social-media.rounded a.stackoverflow:hover { background-color: #fea501; } .social-media.rounded a.steam:hover { background-color: #191919; } .social-media.rounded a.stumbleupon:hover { background-color: #f04f23; } .social-media.rounded a.tencent-weibo:hover { background-color: #0063a7; } .social-media.rounded a.trello:hover { background-color: #226784; } .social-media.rounded a.vine:hover { background-color: #00b081; } .social-media.rounded a.vk:hover { background-color: #50769d; } .social-media.rounded a.wechat:hover { background-color: #a4dc31; } .social-media.rounded a.weibo:hover { background-color: #d82828; } .social-media.rounded a.wordpress:hover { background-color: #454442; } .social-media.rounded a.yahoo:hover { background-color: #4b04a8; } .social-media.rounded a.ftpx:hover { background-color: #000; } .social-media.rounded a.amazon:hover { background-color: #ff9900; } .social-media.rounded a.angellist:hover { background-color: #000; } .social-media.rounded a.btc:hover { background-color: #f7931b; } .social-media.rounded a.black-tie:hover { background-color: #000; } .social-media.rounded a.bluetooth:hover { background-color: #0a3d91; } .social-media.rounded a.buysellads:hover { background-color: #ba0202; } .social-media.rounded a.cc-amex:hover { background-color: #016dd2; } .social-media.rounded a.cc-diners-club:hover { background-color: #0069aa; } .social-media.rounded a.cc-discover:hover { background-color: #f88737; } .social-media.rounded a.cc-jcb:hover { background-color: #29166f; } .social-media.rounded a.cc-mastercard:hover { background-color: #fe9611; } .social-media.rounded a.paypal:hover { background-color: #012069; } .social-media.rounded a.cc-stripe:hover { background-color: #49b802; } .social-media.rounded a.cc-visa:hover { background-color: #1b4da2; } .social-media.rounded a.chrome:hover { background-color: #edcd16; } .social-media.rounded a.codepen:hover { background-color: #1b1c1b; } .social-media.rounded a.codiepie:hover { background-color: #000; } .social-media.rounded a.connectdevelop:hover { background-color: #023cb0; } .social-media.rounded a.contao:hover { background-color: #e4790f; } .social-media.rounded a.dashcube:hover { background-color: #000; } .social-media.rounded a.edge:hover { background-color: #2c74be; } .social-media.rounded a.expeditedssl:hover { background-color: #2e2e2e; } .social-media.rounded a.firefox:hover { background-color: #df731b; } .social-media.rounded a.fonticons:hover { background-color: #1d1e2a; } .social-media.rounded a.fort-awesome:hover { background-color: #000; } .social-media.rounded a.forumbee:hover { background-color: #85ac2f; } .social-media.rounded a.get-pocket:hover { background-color: #e84352; } .social-media.rounded a.gg:hover { background-color: #fd0002; } .social-media.rounded a.gratipay:hover { background-color: #653614; } .social-media.rounded a.houzz:hover { background-color: #9bc545; } .social-media.rounded a.internet-explorer:hover { background-color: #00bcf2; } .social-media.rounded a.ioxhost:hover { background-color: #f6a814; } .social-media.rounded a.lastfm:hover { background-color: #e2152b; } .social-media.rounded a.leanpub:hover { background-color: #231f20; } .social-media.rounded a.meanpath:hover { background-color: #538dd6; } .social-media.rounded a.medium:hover { background-color: #00ab6c; } .social-media.rounded a.mixcloud:hover { background-color: #040204; } .social-media.rounded a.modx:hover { background-color: #8ed547; } .social-media.rounded a.odnoklassniki:hover { background-color: #f68634; } .social-media.rounded a.opencart:hover { background-color: #00c1f2; } .social-media.rounded a.opera:hover { background-color: #e81617; } .social-media.rounded a.optin-monster:hover { background-color: #8ed31e; } .social-media.rounded a.product-hunt:hover { background-color: #d6573d; } .social-media.rounded a.reddit:hover { background-color: #ff4500; } .social-media.rounded a.safari:hover { background-color: #2973d9; } .social-media.rounded a.scribd:hover { background-color: #382d29; } .social-media.rounded a.sellsy:hover { background-color: #006ca2; } .social-media.rounded a.shirtsinbulk:hover { background-color: #dd3a26; } .social-media.rounded a.simplybuilt:hover { background-color: #322f34; } .social-media.rounded a.skyatlas:hover { background-color: #01aebe; } .social-media.rounded a.slideshare:hover { background-color: #13999a; } .social-media.rounded a.stack-overflow:hover { background-color: #ef532a; } .social-media.rounded a.tripadvisor:hover { background-color: #1e892f; } .social-media.rounded a.twitch:hover { background-color: #6441a5; } .social-media.rounded a.usb:hover { background-color: #000; } .social-media.rounded a.viacoin:hover { background-color: #2376a2; } .social-media.rounded a.whatsapp:hover { background-color: #44c254; } .social-media.rounded a.wikipedia:hover { background-color: #0c0c0c; } .social-media.rounded a.y-combinator:hover { background-color: #ff6501; } .social-media.rounded a.yelp:hover { background-color: #bf311b; } .social-media.rounded a.email:hover { background-color: #689c49; } .social-media.rounded a.envira:hover { background-color: #75bd3b; } .social-media.rounded a.gitlab:hover { background-color: #e24329; } .social-media.rounded a.glide:hover { background-color: #00a7ff; } .social-media.rounded a.snapchat:hover { background-color: #efe200; } .social-media.rounded a.viadeo:hover { background-color: #f4982b; } .social-media.rounded a.wpbeginner:hover { background-color: #ff6600; } .social-media.rounded a.wpforms:hover { background-color: #b6581a; } /* DEFAULT COLOR */ .social-media.default-color a:hover { color: #00f0d1; } .social-media.bordered.default-color a:hover { border-color: #00f0d1; color: #00f0d1; } .social-media.rounded.default-color a:hover { background-color: #00f0d1; color: #fff; } /*********************************************************************************** * + PIE CHARTS ***********************************************************************************/ .pie-chart-container { margin-bottom: 50px; } .pie-chart { position: relative; margin-bottom: 20px; text-align: center; min-height: 160px; } .pie-chart canvas { max-width: 100%; } .pie-chart-percent { position: absolute; top: 50%; left: 0; width: 100%; color: #252525; font-size: 42px; line-height: 42px; font-weight: 300; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .pie-chart-details { text-align: center; } .pie-chart-details h6 { margin-bottom: 0; font-weight: 600; text-transform: uppercase; } /* DARK SECTION */ .full-section.dark-section .pie-chart-percent { color: inherit; } /*********************************************************************************** * + PROGRESS BARS ***********************************************************************************/ .progress { overflow: visible; height: 3px; margin-bottom: 15px; box-shadow: none; border-radius: 0; background-color: #d2e1ec; } .progress-bar { position: relative; height: 3px; background: #00f0d1; background: -webkit-linear-gradient(90deg, #00f0d1, #4766c8, #c44fcb); background: -ms-linear-gradient(90deg, #00f0d1, #4766c8, #c44fcb); background: linear-gradient(90deg, #00f0d1, #4766c8, #c44fcb); } .progress-bar-title { margin-bottom: 5px; color: #252525; font-size: 14px; font-weight: 600; } .progress-bar span { position: absolute; top: -28px; right: 0; color: #252525; font-size: 14px; font-weight: 600; } /* DARK SECTION */ .full-section.dark-section .progress-bar-title, .full-section.dark-section .progress-bar span { color: inherit; } /*********************************************************************************** * + COUNTERS ***********************************************************************************/ /* COUNTER */ .counter { margin-bottom: 50px; text-align: center; } .counter i { display: inline-block; margin-bottom: 40px; color: #c2c2c2; font-size: 80px; line-height: 80px; -webkit-transition: all 0.25s; transition: all 0.25s; } .counter.small-icon i { margin-bottom: 10px; font-size: 42px; line-height: 42px; } .counter-value { color: #252525; font-size: 72px; line-height: 80px; font-weight: 300; } .counter-value:before { content: attr(data-symbol-before); } .counter-value:after { content: attr(data-symbol-after); } .counter-details { font-size: 14px; font-weight: 600; text-transform: uppercase; } .counter-details h6 { font-size: 16px; font-weight: 600; text-transform: uppercase; } .counter:hover i { color: #00f0d1; background: -webkit-linear-gradient(51deg, #00f0d1, #a966ee); background: -ms-linear-gradient(51deg, #00f0d1, #a966ee); background: linear-gradient(51deg, #00f0d1, #a966ee); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .counter.style-2 { text-align: left; } .counter.style-2 i { display: block; margin-bottom: 20px; color: #00f0d1; } .counter.style-2 .counter-value { float: left; } .counter.style-2 .counter-details { padding-top: 15px; margin-left: 140px; font-weight: 400; text-transform: none; text-align: left; } @media (min-width: 1600px) { .counter.style-2 { text-align: center; } .counter.style-2 i { float: left; margin-right: 15px; } .counter.style-2 .counter-details { margin-left: 230px; } } @media (max-width: 991px) { .counter.style-2 { text-align: center; } .counter.style-2 .counter-value { float: none; } .counter.style-2 .counter-details { margin-left: 0; text-align: center; } } /* ODOMETER */ .odometer-container { margin-bottom: 50px; text-align: center; } .odometer-container i { display: block; margin-bottom: 15px; color: #00f0d1; font-size: 48px; line-height: 48px; -webkit-transition: all 0.25s; transition: all 0.25s; } .odometer:after, .odometer:before { color: #252525; font: 300 72px/72px "Open Sans", sans-serif; vertical-align: middle; } .odometer:before { content: attr(data-symbol-before); } .odometer:after { content: attr(data-symbol-after); } .odometer-inside { display: inline-block; } .odometer-digit { margin-top: 6px; color: #252525; font: 300 72px/72px "Open Sans", sans-serif; } .odometer-formatting-mark { display: none } .odometer-details { font-size: 14px; font-weight: 600; text-transform: uppercase; } /* DARK SECTION */ .full-section.dark-section .counter i, .full-section.dark-section .counter-value, .full-section.dark-section .odometer-digit, .full-section.dark-section .odometer:after, .full-section.dark-section .odometer:before { color: inherit; } /*********************************************************************************** * + COUNTDOWN ***********************************************************************************/ .countdown { margin-bottom: 150px; } .countdown>div { position: relative; float: left; width: 25%; text-align: center; } .countdown .count { margin-bottom: 15px; font-size: 75px; line-height: 75px; } .countdown>div>span { display: block; font-size: 18px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; } .countdown:after { display: table; clear: both; content: ""; } @media (max-width: 767px) { .countdown>div { width: 100%; margin-bottom: 50px; } .countdown>div:last-child { margin-bottom: 0; } } @media (min-width: 576px) and (max-width: 767px) { .countdown>div { width: 50%; } } /*********************************************************************************** * + PRICE PLAN ***********************************************************************************/ .price-plan { position: relative; padding: 0 30px 20px; border: 2px solid #e3e9ec; margin-bottom: 50px; background-color: #fff; color: #838383; text-align: center; -webkit-transition: all 0.25s; transition: all 0.25s; } .price-plan:before, .price-plan:after { position: absolute; z-index: 1; right: -1px; left: -1px; height: 2px; background: -webkit-linear-gradient(90deg, #00f0d1, #a966ee); background: -ms-linear-gradient(90deg, #00f0d1, #a966ee); background: linear-gradient(90deg, #00f0d1, #a966ee); opacity: 0; content: ""; -webkit-transition: all 0.25s; transition: all 0.25s; } .price-plan:before { top: -2px; } .price-plan:after { bottom: -2px; } .price-plan-header { position: relative; padding: 60px 0; } .price-plan-header span { position: absolute; top: 0; left: -30px; right: -30px; background: -webkit-linear-gradient(83deg, #00f0d1, #4766c8, #c44fcb); background: -ms-linear-gradient(83deg, #00f0d1, #4766c8, #c44fcb); background: linear-gradient(83deg, #00f0d1, #4766c8, #c44fcb); color: #fff; font-size: 14px; opacity: 0.51; } .price-plan-header h1, .price-plan-header h3, .price-plan-header h5 { margin-bottom: 0; text-transform: uppercase; } .price-plan-header h1 { position: relative; color: #00f0d1; font-size: 60px; line-height: 60px; font-weight: 600; } .price-plan-header h1 sup { position: absolute; top: 17px; font-size: 18px; } .price-plan-header h3 { padding-top: 18px; color: #00f0d1; line-height: 38px; font-weight: 600; } .price-plan-header h1+p, .price-plan-header h3+p { margin-bottom: 30px; font-size: 14px; font-style: italic; } .price-plan-header h5 { font-weight: 700; text-transform: uppercase; } .price-plan ul { margin-bottom: 35px; list-style: none; } .price-plan ul li { margin-bottom: 20px; } .price-plan ul li:last-child { margin-bottom: 0; } .price-plan ul li i { font-size: 20px; color: #00f0d1; } .price-plan:hover, .price-plan.recommended { border-right-color: #c44fcb; border-left-color: #00f0d1; background-color: transparent; } .price-plan:hover:before, .price-plan:hover:after, .price-plan.recommended:before, .price-plan.recommended:after { opacity: 1; } /* DARK SECTION */ .full-section.dark-section .price-plan-header h1, .full-section.dark-section .price-plan-header h3, .full-section.dark-section .price-plan-header h5 { color: #252525; } .full-section.dark-section .price-plan:hover, .full-section.dark-section .price-plan:hover .price-plan-header h1, .full-section.dark-section .price-plan:hover .price-plan-header h3, .full-section.dark-section .price-plan:hover .price-plan-header h5, .full-section.dark-section .price-plan.recommended, .full-section.dark-section .price-plan.recommended .price-plan-header h1, .full-section.dark-section .price-plan.recommended .price-plan-header h3, .full-section.dark-section .price-plan.recommended .price-plan-header h5 { color: #fff; } .full-section.dark-section .price-plan .btn-outline { color: #252525; } .full-section.dark-section .price-plan:hover .btn-outline, .full-section.dark-section .price-plan.recommended .btn-outline { color: #fff; } /*********************************************************************************** * + TESTIMONIALS ***********************************************************************************/ /* BLOCKQUOTE */ blockquote { padding: 0; border-left: none; margin-bottom: 20px; font-size: 15px; line-height: 27px; font-weight: 400; } blockquote footer { color: inherit; font-size: 14px; font-style: normal; } blockquote footer small { color: inherit; } blockquote footer:before, blockquote footer small:before { display: none; } blockquote footer img { border-radius: 50%; margin-right: 10px; } /* TESTIMONIAL */ .testimonial { position: relative; padding: 70px 40px 65px; margin-bottom: 50px; background-color: #f4f8f9; -webkit-transition: all 0.25s; transition: all 0.25s; } .full-section .testimonial { background-color: #fff; } .testimonial-author { position: relative; padding-left: 70px; margin-bottom: 40px; font-size: 13px; } .testimonial-author img { position: absolute; top: 50%; left: 0; border-radius: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .testimonial-author h6 { margin-bottom: 0; line-height: 27px; font-weight: 600; } .testimonial-author>*:last-child, .testimonial>*:last-child { margin-bottom: 0; } .testimonial:hover { z-index: 100; background-color: #fff; box-shadow: 20px 40px 38px 0 rgba(0, 0, 0, 0.2); } .testimonial ul { display: flex; flex-wrap: wrap; margin: 0 -10px; list-style: none; } .testimonial ul li { flex-basis: 20%; padding: 0 10px; } /* STYLE 2 */ .testimonial.style-2 { padding: 0; background-color: transparent; text-align: center; } .testimonial.style-2 blockquote { font-size: 18px; line-height: 30px; font-style: italic; } .testimonial.style-2 blockquote p:first-child:first-letter { font-size: 36px; } .testimonial.style-2:hover { background-color: transparent; } .testimonial.style-2 .testimonial-author { padding-left: 0; margin-top: 50px; } .testimonial.style-2 .testimonial-author img { position: relative; top: 0; margin: 0 auto 20px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .testimonial.style-2 .testimonial-author p { color: #c2c2c2; } .testimonial.style-2:hover { box-shadow: none; } /* STYLE 3 */ .testimonial.style-3 { padding: 0; background-color: transparent; } .testimonial.style-3 .testimonial-author { margin-left: 30px; } .testimonial.style-3:hover { background-color: transparent; box-shadow: none; } /* DARK SECTION */ .full-section.dark-section .testimonial { color: #838383; } .full-section.dark-section .testimonial h6 { color: #252525; } .full-section.dark-section .testimonial.style-2, .full-section.dark-section .testimonial.style-3, .full-section.dark-section .testimonial.style-2 h6, .full-section.dark-section .testimonial.style-3 h6 { color: inherit; } @media (min-width: 768px) and (max-width: 991px) { .testimonial { padding: 40px 20px 35px; } .testimonial-author { padding-left: 0; margin-bottom: 20px; } .testimonial-author img { position: relative; top: 0; display: block; margin-bottom: 10px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } /*********************************************************************************** * + ISOTOPE ***********************************************************************************/ .isotope { margin-bottom: 50px; } .isotope.gutter { margin: -15px -15px 35px; } .isotope .isotope-item { float: left; width: 25%; } .isotope.gutter .isotope-item { padding: 15px; } .isotope.cols-3 .isotope-item { width: 33.333333%; } .isotope.cols-4 .isotope-item { width: 25%; } .isotope .portfolio-item { margin-bottom: 0; } .isotope:after { display: table; content: " "; clear: both; } @media (min-width: 768px) and (max-width: 991px) { .isotope.gutter { margin: -5px -5px 30px; } .isotope.gutter .isotope-item { padding: 5px; } .isotope.cols-4 .isotope-item { width: 33.33333%; } } @media (max-width: 767px) { .isotope .isotope-item, .isotope.cols-3 .isotope-item, .isotope.cols-4 .isotope-item { float: none; width: 100%; } } @media (min-width: 576px) and (max-width: 767px) { .isotope .isotope-item, .isotope.cols-3 .isotope-item, .isotope.cols-4 .isotope-item { float: left; width: 50%; } } /*********************************************************************************** * + FILTER ***********************************************************************************/ .filter { margin-bottom: 100px; list-style: none; } .filter li { display: inline-block; margin-right: 40px; } .filter li:last-child { margin-right: 0; } .filter li a { display: inline-block; color: #252525; font-weight: 700; letter-spacing: 1.2px; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.25s; transition: all 0.25s; } .filter li a:hover, .filter li a.active { color: #00f0d1; } @media (max-width: 767px) { .filter li { display: block; margin-right: 0; margin-bottom: 10px; } .filter li:last-child { margin-bottom: 0; } } /*********************************************************************************** * + PAGINATION ***********************************************************************************/ .pagination { margin: 30px 0 50px 0; } .pagination li { margin-right: 5px; } .pagination li:last-child { margin-right: 0; } .pagination li a { display: block; width: 40px; height: 40px; border-right: 2px solid transparent; border-left: 2px solid transparent; color: #252525; font-size: 12px; line-height: 40px; font-weight: 700; text-align: center; text-decoration: none; } .pagination li.active a, .pagination li a:hover { border-left-color: #00f0d1; border-right-color: #a966ee; background-size: 100% 2px; background-position: 0 0, 0 100%; background-repeat: no-repeat; background-image: linear-gradient(51deg, #00f0d1, #a966ee), linear-gradient(51deg, #00f0d1, #a966ee); } /*********************************************************************************** * + FULL SECTIONS ***********************************************************************************/ .full-section { position: relative; z-index: 1; padding: 50px 0; margin-bottom: 100px; background: no-repeat center center; } .full-section .full-section-overlay { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; background: #00f0d1; background: -webkit-linear-gradient(90deg, #00f0d1, #4766c8, #c44fcb); background: -ms-linear-gradient(90deg, #00f0d1, #4766c8, #c44fcb); background: linear-gradient(90deg, #00f0d1, #4766c8, #c44fcb); } .full-section-blending { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; background: #00f0d1; background: -webkit-linear-gradient(90deg, #00f0d1, #c44fcb); background: -ms-linear-gradient(90deg, #00f0d1, #c44fcb); background: linear-gradient(90deg, #00f0d1, #c44fcb); mix-blend-mode: multiply; } .full-section-container { position: relative; z-index: 4; } /* FULL SCREEN */ .full-screen { margin-bottom: -50px; } .full-screen .full-section-container { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* FULL SECTION WITH HALF IMAGE/SOLID COLOR */ .half-image-left, .half-image-right { position: absolute; z-index: 3; top: 0; bottom: 0; width: 50%; background: no-repeat center center; background-size: cover; } .half-image-left { left: 0; } .half-image-right { right: 0; } .half-image-left img, .half-image-right img { display: none; } /* PARALLAX */ .parallax { -webkit-background-size: cover !important; background-size: cover !important; } .parallax.parallax-disable { background-attachment: scroll !important; } /* MULTILAYER PARALLAX */ .multilayer-parallax { position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; } .multilayer-parallax .parallax-layer { position: absolute; top: 0; left: 0; } .multilayer-parallax .parallax-layer[data-x="center"] { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .multilayer-parallax .parallax-layer img.resize-off { max-width: none; } .multilayer-parallax .parallax-layer.rectangle { width: 450px; height: 330px; border: 3px solid #00f0d1; } .multilayer-parallax .parallax-layer.trapezoid { width: 400px; height: 100%; background-color: #00f0d1; opacity: 0.75; } /* DARK SECTION */ .full-section.dark-section { background-color: #fff; color: #fff; } /* BACKROUNDS AND STYLE FOR FULL SECTIONS */ #section-1 { z-index: 5; padding-top: 0; padding-bottom: 110px; margin: 100px 15px 0; background: #00f0d1; background: -webkit-linear-gradient(0deg, #a966ee, #00f0d1); background: -ms-linear-gradient(0deg, #a966ee, #00f0d1); background: linear-gradient(0deg, #a966ee, #00f0d1); font-size: 16px; } #section-1>img { display: block; margin: 0 auto; -webkit-transform: translateY(-80px); -ms-transform: translateY(-80px); transform: translateY(-80px); } #section-1 .half-image-right { bottom: 10%; width: 65%; background-size: contain; background-position: center bottom; } #section-2 { padding-top: 230px; padding-bottom: 80px; margin-top: -135px; background-color: #f1f6f9; } #section-3 { padding: 40px 0 10px; margin-top: 35px; background-color: #f1f6f9; } #section-3 .half-image-right { width: 70%; margin: -40px 0; } #section-3 .testimonials-slider .owl-dot { border-color: #fff; } #section-3 .testimonials-slider .owl-dot.active, #section-3 .testimonials-slider .owl-dot:hover { border-color: #00f0d1; } #section-4 { padding: 100px 0 150px; margin-top: 50px; margin-bottom: 0; background: #00f0d1; background: -webkit-linear-gradient(90deg, #91f9eb, #dabdf8); background: -ms-linear-gradient(90deg, #91f9eb, #dabdf8); background: linear-gradient(90deg, #91f9eb, #dabdf8); } #section-5 { padding: 70px 0; background-image: url(../../../images/backgrounds/bg-1.jpg); } #section-6 { margin-top: 50px; padding: 100px 0 50px; background-image: url(../../../images/backgrounds/bg-2.jpg); } #section-7 { padding: 100px 0 80px; margin-top: 30px; margin-bottom: 0; background-color: #f1f6f9; } #section-8 { padding: 60px 0 30px; background-color: #f80048; } #section-9 { padding: 75px 0 50px; margin-top: -1px; margin-bottom: 50px; background-image: url(../../../images/backgrounds/bg-3.jpg); } #section-10 { overflow: hidden; padding: 100px 0 80px; background-color: #f8f8fa; } #section-11 { padding: 60px 0 30px; margin-top: 50px; background-image: url(../../../images/backgrounds/bg-4.jpg); } #section-12 { padding: 100px 0 80px; margin-bottom: 150px; background-color: #f8f8fa; } #section-13 { padding: 100px 0; margin-top: 50px; } #section-14 { padding: 60px 0 30px; margin-top: 80px; background-color: #232c3d; } #section-15 { padding: 50px 0 35px; background-color: #02a9ff; } #section-15 h5 { color: #040f33; font-weight: 600; } #section-15 h3 a { color: #00f0d1; font-weight: 600; } #section-15 i { position: relative; top: 7px; float: left; margin-right: 20px; font-size: 64px; line-height: 64px; } #section-16 { padding: 100px 0 50px; margin-top: 50px; background-image: url(../../../images/backgrounds/bg-5.jpg); } #section-17 { padding: 100px 0 70px; margin-top: 50px; background-image: url(../../../images/backgrounds/bg-6.jpg); } #section-18 { padding: 80px 0 50px; margin-top: 110px; background-image: url(../../../images/backgrounds/bg-7.jpg); } #section-19 { padding: 60px 0 30px; margin-top: 70px; background-image: url(../../../images/backgrounds/bg-8.jpg); } #section-20 { padding: 100px 0 50px; margin-top: 50px; background-color: #262829; color: #838383; } #section-21 { padding: 100px 0 50px; margin-top: 50px; } #section-22 { padding: 100px 0 70px; margin-top: 40px; background-color: #40c1cd; } #section-23 { z-index: 5; padding: 70px 0; margin-top: -100px; background-color: #fff; } #section-24 { overflow: hidden; padding: 100px 0; margin-top: 50px; background-color: #232c3d; } #section-25 { padding: 100px 0 80px; margin-top: 60px; margin-bottom: -50px; background-color: #f1f6f9; } #section-26 { padding: 200px 0 180px; margin-bottom: 0; } #section-26 .half-image-left { width: 60%; } #section-27 { padding: 0; margin-bottom: 0; background-image: url(../../../images/backgrounds/bg-9.jpg); } #section-27 .text-box { padding: 100px 80px 80px; background-color: #fff; } #section-28 { padding: 0; margin-bottom: -50px; } #section-28 #instafeed { margin: 0; } #section-28 #instafeed a { width: 16.6666667%; padding: 0; } #section-28 .instagram-logo { float: right; width: 16.6666667%; } #section-29 { padding: 60px 0 30px; background-color: #f1f6f9; } #section-30 { padding: 100px 0 50px; background-color: #1b1c1f; } #section-31 { overflow: hidden; padding: 100px 0 120px; margin-top: 50px; margin-bottom: 0; background: -webkit-linear-gradient(83deg, #ee1322, #c44fcb); background: -ms-linear-gradient(83deg, #ee1322, #c44fcb); background: linear-gradient(83deg, #ee1322, #c44fcb); color: #d0d0d0; } #section-32 { padding: 60px 0 30px; background-color: #232c3d; } #section-33 { padding: 100px 0; margin-bottom: 50px; background-color: #f1f6f9; } #section-34 { padding: 100px 0 80px; margin-top: 50px; background-image: url(../../../images/backgrounds/bg-10.jpg); } #section-35 { padding: 50px 0 530px; margin-bottom: 0; background: url(../../../images/backgrounds/bg-11.jpg) no-repeat top center; } #section-36 { padding: 75px 0 25px; background-color: #f1f6f9; } #section-37 { padding: 100px 0 50px; margin-top: 50px; margin-bottom: -50px; background-image: url(../../../images/backgrounds/bg-12.jpg); } #section-38 { padding: 40px 0 10px; margin-top: 100px; background-color: #f1f6f9; } #section-38 .half-image-left { margin: -40px 0; -webkit-clip-path: polygon(0 0, 70% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 70% 0, 100% 100%, 0% 100%); } #section-39 { padding: 0; } #section-40 { padding: 0; margin-top: 50px; background-image: url(../../../images/backgrounds/bg-13.jpg); } #section-40 .text-box { padding: 100px 40px 80px; margin-bottom: 0; background-color: #fff; } #section-41 { padding: 0; margin-top: -110px; margin-bottom: 50px; } #section-42 { padding: 100px 0 80px; margin-top: 80px; margin-bottom: 0; background-color: #2b4dbb; } #section-43 { padding: 100px 0 50px; background-color: #f1f6f9; } #section-44 { padding: 80px 0 70px; margin-top: 80px; margin-bottom: -50px; background-image: url(../../../images/backgrounds/bg-14.jpg); } #section-45 { padding: 100px 0 50px; margin-top: 50px; background-image: url(../../../images/backgrounds/bg-15.jpg); } #section-46 { padding: 100px 0 50px; margin-top: 80px; background-color: #f1f6f9; } #section-47 { padding: 100px 0 70px; margin-top: 50px; background-image: url('../images/Nous soutenir.jpg'); background-size: cover; } #section-48 { padding: 100px 0 70px; background-color: #f1f6f9; } #section-49 { padding-top: 100px; margin-top: 50px; padding-bottom: 0; margin-bottom: 0; background-color: #f1f6f9; } #section-49 .half-image-left { width: 30%; } #section-50 { padding: 80px 0 70px; margin-bottom: -50px; background-color: #252629; } #section-51 { padding: 100px 0 50px; margin-top: 80px; background-color: #246cc9; } #section-52 { padding: 150px 0; background-image: url(../../../images/backgrounds/bg-17.jpg); } #section-52:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 3%; background-color: #fff; opacity: 0.83; content: ""; } #section-52 i { font-size: 64px; line-height: 64px; } #section-53 { padding: 150px 0; background-image: url(../../../images/backgrounds/bg-17.jpg); } #section-53:after { position: absolute; z-index: 3; top: 0; right: 0; bottom: 0; left: 0; margin: 3%; background-color: #fff; content: ""; } #section-53 i { color: #c2c2c2; font-size: 64px; line-height: 64px; } #section-54 { padding: 150px 0 80px; margin-bottom: -50px; background-image: url(../../../images/backgrounds/bg-18.jpg); } #section-55 { padding: 2% 5%; margin-bottom: -50px; background-image: url(../../../images/backgrounds/bg-18.jpg); } #section-55:before, #section-55:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; } #section-55:after { z-index: 2; border: 1px solid #fff; margin: 7%; } #section-55:before { z-index: 1; margin: 5%; background-color: #fff; opacity: 0.83; } #section-56 { padding: 0; margin-top: -150px; margin-bottom: 30px; } #section-57 { padding: 100px 0 50px; margin-top: 50px; margin-bottom: -50px; background-image: url(../../../images/backgrounds/bg-4.jpg); } #section-58 { padding: 100px 0 50px; margin-top: 50px; background-image: url(../../../images/backgrounds/bg-4.jpg); } @media (min-width: 1200px) { #section-1 { margin-right: 50px; margin-left: 50px; } #section-38 .half-image-left { width: 50%; } #section-40 .text-box:before, #section-40 .text-box:after { position: absolute; z-index: 5; top: 0; bottom: 0; width: 220px; background-color: #fff; content: ""; -webkit-transform: skewX(15deg); -ms-transform: skewX(15deg); transform: skewX(15deg); } #section-40 .text-box:before { left: -120px; } #section-40 .text-box:after { right: -120px; } .multilayer-parallax .parallax-layer.trapezoid { width: 500px; -webkit-clip-path: polygon(0 0, 70% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 70% 0, 100% 100%, 0% 100%); } } @media (min-width: 1600px) { #section-1 .half-image-right { bottom: -23%; } #section-2 { padding-top: 330px; } #section-33 .images-carousel { width: 150%; } .multilayer-parallax .parallax-layer.trapezoid { width: 750px; -webkit-clip-path: polygon(0 0, 82% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 82% 0, 100% 100%, 0% 100%); } } @media (min-width: 768px) and (max-width: 991px) { .half-image-left, .half-image-right { position: relative; width: 100%; background-image: none !important; } .half-image-left img { display: block; margin-top: -100px; margin-bottom: 70px; } .half-image-right img { display: block; margin-top: 70px; margin-bottom: -100px; } #section-1 .half-image-right { width: 100%; } #section-3 .half-image-right { width: 100%; margin-bottom: 80px; } #section-23 { margin-top: -50px; } #section-24 .multilayer-parallax { display: none; } #section-26 { padding: 100px 0 80px; } #section-26 .half-image-left { width: 100%; } #section-31 { padding-bottom: 50px; } #section-38 { margin-top: 70px; padding-bottom: 80px; } #section-38 .half-image-left { -webkit-clip-path: none; clip-path: none; } #section-41 { margin-top: 100px; } #section-49 .half-image-left { width: 100%; } #section-52, #section-53 { text-align: center; } #section-55:before { margin: 8% 5%; } #section-55:after { margin: 10% 7%; } } @media (max-width: 767px) { .multilayer-parallax { display: none; } .full-screen .full-section-container { position: relative; top: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .half-image-left, .half-image-right { position: relative; width: 100%; background-image: none !important; } .half-image-left img { display: block; margin-top: -100px; margin-bottom: 70px; } .half-image-right img { display: block; margin-top: 70px; margin-bottom: -100px; } #section-1 .half-image-right { width: 100%; } #section-3 .half-image-right { width: 100%; margin-bottom: 80px; } #section-15 i { display: none; } #section-23 { margin-top: 0; } #section-26 { padding: 100px 0 80px; } #section-26 .half-image-left { width: 100%; } #section-27 .text-box { padding: 100px 20px 80px; } #section-28 #instafeed a, #section-28 .instagram-logo { width: 33.333333%; } #section-28 .instagram-logo { float: left; } #section-31 { padding-bottom: 50px; } #section-38 { margin-top: 70px; padding-bottom: 80px; } #section-38 .half-image-left { -webkit-clip-path: none; clip-path: none; } #section-40 .text-box { padding: 100px 20px 80px; background-color: #fff; } #section-41 { margin-top: 100px; } #section-49 .half-image-left { width: 100%; } #section-52, #section-53 { text-align: center; } #section-55 { padding-top: 5%; } #section-55:before { margin: 20% 5% 15%; } #section-55:after { margin: 25% 9% 20%; } #section-56 { margin-top: 50px; } } /*********************************************************************************** * + VIDEO PLAYER ***********************************************************************************/ #local-video-section, #youtube-video-section { position: absolute; z-index: 1; overflow: hidden; top: 0; width: 100%; height: 100%; } #video-section { height: 700px; padding: 0; margin-top: 100px; margin-bottom: 0; } .youtube-player { display: none; } #video-section .full-section-container { position: absolute; z-index: 2; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .embed-responsive { margin-bottom: 20px; } #local-video-section video { width: 100%; } /*********************************************************************************** * + SCROLL UP ***********************************************************************************/ #scroll-up { position: fixed; z-index: 8030; bottom: 50px; right: 50px; display: none; width: 46px; height: 46px; border-radius: 50%; background-color: #00f0d1; color: #fff; font-size: 24px; line-height: 42px; text-align: center; text-decoration: none; cursor: pointer; -webkit-transition: all 0.25s; transition: all 0.25s; } #scroll-up:hover { box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.16), 0 3px 12px 0 rgba(0, 0, 0, 0.12); } @media (max-width: 767px) { #scroll-up { right: 20px; bottom: 20px; } } /*********************************************************************************** * + SLIDERS ***********************************************************************************/ /* REVOLUTION SLIDER */ .rev_slider_wrapper { margin-bottom: 100px; height: 1015px; } /* ARROWS */ .tp-leftarrow.custom, .tp-rightarrow.custom { width: 36px; height: 36px; border-radius: 50%; background: #00f0d1 no-repeat center center; opacity: 0.35; -webkit-transition: all 0.25s; transition: all 0.25s; } .tparrows.custom:before { line-height: 36px; } .tp-leftarrow.custom:hover, .tp-rightarrow.custom:hover { background-color: #00f0d1; opacity: 1; } .tp-leftarrow.custom {} .tp-rightarrow.custom {} /* BULLETS */ .tp-bullets.custom .tp-bullet { width: 7px; height: 7px; border-radius: 50%; border: 2px solid #e1e1e1; background-color: transparent; -webkit-transition: all 0.25s; transition: all 0.25s; } .tp-bullets.custom .tp-bullet:hover, .tp-bullets.custom .tp-bullet.selected { border-color: #00f0d1; background-color: transparent; } /* TYPOGRAPHY */ .tp-caption.title { color: #fff; font: 700 72px/72px "Roboto", sans-serif; /* font: inherit; */ } .tp-caption.title span { font-weight: 100; font-family: "Open Sans", sans-serif; } .tp-caption.text { color: #fff; font-size: 18px; line-height: 32px; } .tp-caption.navigation { color: #fff; font-size: 14px; letter-spacing: 0.8px; } .tp-caption.navigation span { color: #00f0d1; } .tp-caption .btn-outline, .tp-caption .btn-outline:focus, .tp-caption .btn-outline:focus:active { color: #fff; } .tp-static-layer { overflow: visible; color: #fff; font-size: 11px; font-weight: 700; letter-spacing: 0.8px; text-transform: uppercase; visibility: visible !important; opacity: 1 !important; } .tp-static-layer a { color: #fff; text-decoration: none; -webkit-transition: all 0.25s; transition: all 0.25s; } .tp-static-layer a:hover { color: #00f0d1; } .tp-static-layer i { padding-left: 2px; width: 14px; height: 14px; border: 2px solid #fff; border-radius: 50%; margin-right: 5px; line-height: 10px; text-align: center; -webkit-transition: all 0.25s; transition: all 0.25s; } .tp-static-layer a:hover i { border-color: #00f0d1; } @media (min-width: 1200px) { .tp-static-layer i { padding-left: 1px; } } @media (max-width: 991px) { .tparrows.tp-leftarrow, .tparrows.tp-rightarrow { display: none; } .tp-caption .btn { padding: 12px 17px; font-size: 9px; } .tp-static-layer i { display: none; } } @media (max-width: 767px) { .tp-bullets.custom { top: auto !important; bottom: -30px !important; } .tp-caption .btn { padding: 6px 7px; font-size: 4px; letter-spacing: 0.3px; } .tp-static-layer { display: none !important; } .tp-caption.navigation { display: none; } } @media (min-width: 480px) and (max-width: 767px) { .tp-caption .btn { padding: 8px 10px; font-size: 6px; letter-spacing: 0.5px; } } /* OWL Carousel */ .owl-carousel { margin-bottom: 50px; } .owl-carousel .owl-item img { width: auto; } .owl-dots { position: absolute; bottom: 30px; left: 0; width: 100%; text-align: center; } .owl-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 7px; border: 2px solid #8f8f8f; -webkit-transition: all 0.25s; transition: all 0.25s; } .owl-dot:last-child { margin-right: 0; } .owl-prev, .owl-next { position: absolute; top: 50%; width: 55px; height: 55px; border-radius: 50%; background: #edf4fa no-repeat center center; color: #fff; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.25s; transition: all 0.25s; } .owl-prev { left: -20px; } .owl-next { right: -20px; } .owl-prev:before, .owl-next:before { font-family: "FontAwesome"; font-size: 32px; line-height: 55px; } .owl-prev:before { content: "\f104"; } .owl-next:before { content: "\f105"; } .owl-prev:hover, .owl-next:hover { background: #00f0d1; background: -webkit-linear-gradient(15deg, #a966ee, #00f0d1); background: -ms-linear-gradient(15deg, #a966ee, #00f0d1); background: linear-gradient(15deg, #a966ee, #00f0d1); } /* TESTIMONIALS SLIDER */ .testimonials-slider { margin-bottom: 0; } .testimonials-slider .testimonial { margin-bottom: 30px; } .testimonials-slider .testimonial:hover { background-color: #f4f8f9; box-shadow: none; } .testimonials-slider .testimonial.style-2:hover { background-color: transparent; } .testimonials-slider .owl-dots { top: 50%; right: -30px; bottom: auto; left: auto; width: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .testimonials-slider .owl-dot { display: block; margin-bottom: 7px; } .testimonials-slider .owl-dot:last-child { margin-bottom: 0; } .testimonials-slider.style-2 .owl-dots { top: auto; right: auto; bottom: 0; left: -30px; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .testimonials-slider.style-3 .owl-dots { top: auto; right: -30px; bottom: 30px; left: auto; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .testimonials-slider-2 .owl-dots { bottom: -30px; } /* TEXT SLIDER */ .text-slider { ; margin-top: 35px; } .text-slider .author { padding-top: 8px; margin-bottom: 40px; color: #252525; } .text-slider .author img { display: inline-block; border-radius: 50%; margin-right: 15px; } .text-slider .owl-dots { bottom: -70px; text-align: left; } .text-slider .item>a { display: inline-block; margin-top: 15px; color: #252525; font-size: 12px; font-weight: 700; letter-spacing: 1.2px; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.25s; transition: all 0.25s; } .text-slider .item>a:after { display: block; width: auto; height: 2px; margin-top: -5px; background: #00f0d1; background: -webkit-linear-gradient(90deg, #00f0d1, #a966ee); background: -ms-linear-gradient(90deg, #00f0d1, #a966ee); background: linear-gradient(90deg, #00f0d1, #a966ee); content: ""; } .text-slider .item>a:hover { color: #00f0d1; } .text-slider.style-2 { text-align: center; } .text-slider.style-2 .owl-dots { text-align: center; } .text-slider.style-3 .owl-dots { bottom: -30px; } /* SERVICES SLIDER */ .services-slider { margin-bottom: 90px; } .services-slider .owl-dots { bottom: -20px; } /* SERVICES SLIDER 2 */ .services-slider-2 { min-height: 350px; margin: -70px 0 70px; } .services-slider-2.owl-carousel .owl-stage-outer { padding-top: 25px; } .services-slider-2 .item { padding: 40px; background-color: #00f0d1; color: #fff; -webkit-transition: all 0.25s; transition: all 0.25s; } .services-slider-2 .owl-item.center .item { z-index: 1; padding-top: 50px; padding-bottom: 80px; margin-top: -25px; } .services-slider-2 .item .service-box { margin-bottom: 0; } .services-slider-2 .item .service-box a, .services-slider-2 .item .service-box i { color: #fff; } .services-slider-2 .item .service-box a:hover { color: #252525; } .services-slider-2 .owl-dots { display: none; } /* IMAGES SLIDER */ .images-slider .owl-dots { left: 30px; text-align: left; } .images-slider .owl-dot { border-color: #fff; } /* IMAGES CAROUSWL */ .images-carousel .owl-next, .images-carousel .owl-prev { display: none; } .images-carousel .owl-prev { left: -80px; } .images-carousel .owl-next { right: -80px; } .images-carousel .owl-dots { bottom: -40px; } /* PROJECT SLIDER */ .project-slider .item { min-height: 785px; background: no-repeat center center; background-size: cover; } .project-slider .owl-dots { display: none; } .project-slider .owl-prev, .project-slider .owl-next { width: auto; height: auto; border-radius: 0; background: transparent; font-size: 11px; text-transform: uppercase; } .project-slider .owl-prev { left: 20px; } .project-slider .owl-next { right: 20px; } .project-slider .owl-prev:before, .project-slider .owl-next:before { position: absolute; bottom: 0; left: 0; display: block; width: 0; border-bottom: 3px solid #00f0d1; content: ""; -webkit-transition: all 0.25s; transition: all 0.25s; } .project-slider .owl-prev:hover:before, .project-slider .owl-next:hover:before { width: 100%; } .project-slider .portfolio-item { position: absolute; top: 50%; right: 15%; width: 575px; margin-bottom: 0; background-color: #fff; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .project-slider .portfolio-item.portfolio-classic .portfolio-item-description { width: 100%; padding: 100px; } /* LOGOS SLIDER */ .logos-slider { margin-bottom: 30px; text-align: center; } .logos-slider .item a { display: block; height: 90px; padding: 0 20px; text-align: center; background: no-repeat top center; -webkit-transition: all 0.3s; transition: all 0.3s; } .logos-slider .item a:hover { background-position: bottom center; } .logos-slider .owl-dots { bottom: -40px; } .owl-dot:hover, .owl-dot.active { border-color: #00f0d1; background-color: transparent; } @media (min-width: 1400px) { .testimonials-slider .owl-dots { right: -100px; } } @media (min-width: 1200px) { .services-slider .owl-prev { left: -80px; } .services-slider .owl-next { right: -80px; } .images-carousel .owl-next, .images-carousel .owl-prev { display: block; } .images-carousel .owl-dots { display: none; } .project-slider.style-2 .item { min-height: 1000px; } } @media (max-width: 991px) { .testimonials-slider .owl-dots { top: auto; left: 0; width: 100%; } .testimonials-slider .owl-dot { display: inline-block; margin-bottom: 0; } .testimonials-slider.style-2 { margin-bottom: 30px; } .testimonials-slider.style-2 .owl-dots { left: 0; bottom: -40px; } .testimonials-slider.style-3 .owl-dots { left: 0; bottom: -40px; } .services-slider .owl-prev, .services-slider .owl-next { display: none; } .services-slider-2 { min-height: 375px; } .services-slider-2 .item { padding-right: 20px; padding-left: 20px; } .images-carousel { margin-top: 50px; } .project-slider .item { min-height: 500px; } .project-slider .portfolio-item { width: 375px; height: 300px; overflow-y: scroll; } .project-slider .portfolio-item.portfolio-classic .portfolio-item-description { padding: 40px; } } @media (max-width: 767px) { .owl-dots { bottom: 10px; } .services-slider-2 { min-height: 0; } .services-slider-2 .owl-item.center .item { padding-top: 40px; padding-bottom: 40px; margin-top: 0; } .project-slider .item { min-height: 400px; } .project-slider .owl-dots { display: block; } .project-slider .owl-prev, .project-slider .owl-next { display: none; } .project-slider .portfolio-item { display: none; } } /* WATERWHEEL CAROUSEL */ .carousel-container { position: relative; } .carousel { position: relative; width: 100%; height: 300px; margin-left: -10px; } .carousel-item { width: 250px; padding: 85px 10px; background-color: #fff; box-shadow: 0 16px 29px 0 rgba(0, 0, 0, 0.25); } .carousel-item .service-box { margin-bottom: 0; } .carousel-nav {} .carousel-nav span { display: block; width: 60px; height: 60px; border-radius: 50%; background-color: #ecf1f2; font-size: 32px; line-height: 60px; text-align: center; cursor: pointer; box-shadow: 5px 44px 27px 0 rgba(0, 0, 0, 0.4); -webkit-transition: all 0.25s; transition: all 0.25s; } .carousel-nav span:hover { background-color: #00f0d1; color: #fff; } .carousel-nav #prev { position: absolute; z-index: 100; top: 205px; left: -40px; } .carousel-nav #next { position: absolute; z-index: 100; top: 205px; right: -40px; } @media (min-width: 1200px) { .carousel-item { width: 350px; } } @media (min-width: 768px) and (max-width: 991px) { .carousel-container { margin: 50px 0 100px; } .carousel-item { width: 400px; } .carousel-nav #prev { left: 20px; } .carousel-nav #next { right: 20px; } } @media (max-width: 767px) { .carousel-container { margin: 50px 0 100px; } .carousel-item { width: 250px; } .carousel-nav { display: none; } } /* DARK SECTION */ .full-section.dark-section .owl-dot { border-color: #fff; } .full-section.dark-section .owl-dot:hover, .full-section.dark-section .owl-dot.active { border-color: #00f0d1; } /*********************************************************************************** * + FANCYBOX ***********************************************************************************/ .fancybox-arrow { outline: none !important; -webkit-transition: all 0.25s; transition: all 0.25s; } .fancybox-arrow:hover { opacity: 1; } .fancybox-arrow:after { font-family: "FontAwesome"; font-size: 22px; line-height: 44px; content: "\f105"; } /*********************************************************************************** * + ANIMATIONS ***********************************************************************************/ .wow { visibility: hidden; } .wow.animated { visibility: visible; } /*********************************************************************************** * + WIDGETS ***********************************************************************************/ .widget { margin-bottom: 60px; } .widget>*:last-child { margin-bottom: 0; } .widget-title { /* margin-bottom: 30px; */ font-size: 14px; line-height: 26px; font-weight: 600; text-transform: uppercase; } /* WIDGET TEXT */ .widget-text {} .widget-text div>*:last-child { margin-bottom: 0; } .copyright { margin-top: 3px; font-size: 13px; } .copyright img { margin-right: 10px; } /* WIDGET SERACH */ .widget-search {} .widget-search form { position: relative; } .widget-search #s { position: relative; width: 100%; padding: 10px 45px 10px 0; border: none; border-bottom: 2px solid #e1e1e1; margin-bottom: 0; } .widget-search input[type="submit"] { position: absolute; top: 0; right: 0; width: 41px; height: 41px; padding: 0; border: none; background: url(../images/search-3.png) no-repeat center center; } .widget-search label { position: absolute; z-index: 1; top: 10px; left: 0; font-size: 14px; font-style: italic; pointer-events: none; -webkit-transition: all 0.25s; transition: all 0.25s; } .widget-search input~span { position: absolute; z-index: 20; bottom: 0; left: 50%; display: block; width: 0; height: 2px; background: #00f0d1; background: -webkit-linear-gradient(90deg, #00f0d1, #a966ee); background: -ms-linear-gradient(90deg, #00f0d1, #a966ee); background: linear-gradient(90deg, #00f0d1, #a966ee); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.25s; transition: all 0.25s; } .widget-search input:focus~label, .widget-search textarea:focus~label, .widget-search input:valid~label, .widget-search textarea:valid~label { top: -15px; font-size: 12px; font-style: normal; } .widget-search input:focus~span { width: 100%; } /* WIDGET CATEGORIES */ .widget-categories {} .widget-categories ul { margin-bottom: 0; list-style: none; } .widget-categories ul li { margin-bottom: 12px; } .widget-categories ul li:last-child { margin-bottom: 0; } .widget-categories ul li a { color: #838383; font-size: 14px; -webkit-transition: all 0.25s; transition: all 0.25s; } .widget-categories ul li a:hover { color: #00f0d1; text-decoration: none; } /* WIDGET CATEGORIES DROPDOWN */ .widget-categories-dropdown {} /* WIDGET ARCHIVES */ .widget-archives {} .widget-archives ul { margin-bottom: 0; list-style: none; } .widget-archives ul li { margin-bottom: 12px; } .widget-archives ul li:last-child { margin-bottom: 0; } .widget-archives ul li a { color: #838383; font-size: 14px; -webkit-transition: all 0.25s; transition: all 0.25s; } .widget-archives ul li a:hover { color: #00f0d1; text-decoration: none; } /* WIDGET ARCHIVES DROPDOWN */ .widget-archives-dropdown {} /* WIDGET PAGES */ .widget-pages {} .widget-pages ul { margin-bottom: 0; list-style: none; } .widget-pages ul li { margin-bottom: 12px; color: #fff; } .widget-pages ul li:last-child { margin-bottom: 0; } .widget-pages ul li a { color: #fff; font-size: 14px; -webkit-transition: all 0.25s; transition: all 0.25s; } .widget-pages ul li a:hover { color: #00f0d1; text-decoration: none; } /* WIDGET METADATA */ .widget-metadata {} .widget-metadata ul { margin-bottom: 0; list-style: none; } .widget-metadata ul li { margin-bottom: 12px; } .widget-metadata ul li:last-child { margin-bottom: 0; } .widget-metadata ul li a { color: #838383; font-size: 14px; -webkit-transition: all 0.25s; transition: all 0.25s; } .widget-metadata ul li a:hover { color: #00f0d1; text-decoration: none; } /* WIDGET TAGS */ .widget-tags {} .widget-tags a {} .widget-tags .btn { margin-bottom: 10px; margin-right: 5px; } .widget-tags .btn:last-child { margin-right: 0; } /* WIDGET NEWSLETTER */ .widget-newsletter {} .widget-newsletter div, .widget-newsletter form { position: relative; } .widget-newsletter input[type="text"] { width: 100%; padding: 10px 0; border: none; border-bottom: 2px solid #e1e1e1; } .widget-newsletter label { position: absolute; z-index: 1; top: 10px; left: 0; font-size: 14px; font-style: italic; pointer-events: none; -webkit-transition: all 0.25s; transition: all 0.25s; } .widget-newsletter input~span { position: absolute; z-index: 20; bottom: 0; left: 50%; display: block; width: 0; height: 2px; background: #00f0d1; background: -webkit-linear-gradient(90deg, #00f0d1, #a966ee); background: -ms-linear-gradient(90deg, #00f0d1, #a966ee); background: linear-gradient(90deg, #00f0d1, #a966ee); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.25s; transition: all 0.25s; } .widget-newsletter input:focus~label, .widget-newsletter textarea:focus~label, .widget-newsletter input:valid~label, .widget-newsletter textarea:valid~label { top: -20px; font-size: 12px; font-style: normal; } .widget-newsletter input:focus~span { width: 100%; } .widget-newsletter button[type="submit"] { margin-top: 20px; } /* WIDGET RECENT POSTS */ .widget-recent-posts {} .widget-recent-posts ul { list-style: none; margin-bottom: 0; } .widget-recent-posts ul li { margin-bottom: 10px; } .widget-recent-posts ul li:last-child { margin-bottom: 0; } .widget-recent-posts ul li img { float: left; margin: 5px 20px 10px 0; } .widget-recent-posts ul li .post-title { color: #252525; font-size: 14px; font-weight: 600; -webkit-transition: all 0.25s; transition: all 0.25s; } .widget-recent-posts ul li .post-details { font-size: 13px; -webkit-transition: all 0.25s; transition: all 0.25s; } .widget-recent-posts ul li .post-details a { color: #838383; text-decoration: none; } .widget-recent-posts ul li .post-details a:after { position: relative; top: -1px; margin-left: 5px; color: #838383; content: "/"; } .widget-recent-posts ul li .post-details a:last-child:after { display: none; } .widget-recent-posts ul li .post-details a:hover { color: #00f0d1; } .widget-recent-posts ul li .post-details p:last-of-type { margin-bottom: 0; } .widget-recent-posts ul li .post-title:hover { color: #00f0d1; text-decoration: none; } .widget-recent-posts ul li:after { display: table; clear: both; content: ""; } @media (min-width: 768px) and (max-width: 991px) { .widget-recent-posts ul li img { display: none; } } /* WIDGET LATEST POSTS */ .widget-latest-posts {} .widget-latest-posts ul { list-style: none; margin-bottom: 0; } .widget-latest-posts ul li { margin-bottom: 30px; } .widget-latest-posts ul li:last-child { margin-bottom: 0; } .widget-latest-posts ul li .post-thumbnail { float: left; margin-right: 20px; margin-bottom: 10px; } .widget-latest-posts ul li .post-title { color: #0c0c0c; font-size: 24px; -webkit-transition: all 0.25s; transition: all 0.25s; } .widget-latest-posts ul li .post-details a { display: inline-block; color: #c2c2c2; font-size: 14px; line-height: 14px; font-weight: 600; text-decoration: none; -webkit-transition: all 0.25s; transition: all 0.25s; } .widget-latest-posts ul li .post-details a.post-category { color: #252525; font-size: 12px; line-height: 12px; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; } .widget-latest-posts ul li .post-details a:last-of-type { margin-bottom: 30px; } .widget-latest-posts ul li .post-details a:hover { color: #00f0d1; } .widget-latest-posts ul li .post-details p:last-of-type { margin-bottom: 0; } .widget-latest-posts ul li .post-title:hover { color: #00f0d1; text-decoration: none; } .widget-latest-posts ul li:after { display: table; clear: both; content: ""; } @media (max-width: 1199px) { .widget-latest-posts ul li .post-thumbnail { width: 25%; } } @media (max-width: 767px) { .widget-latest-posts ul li .post-thumbnail { float: none; width: 100%; margin-right: 0; margin-bottom: 20px; display: block; } } /* WIDGET RECENT COMMENTS */ .widget-recent-comments {} .widget-recent-comments ul { margin-bottom: 0; list-style: none; } .widget-recent-comments ul li { margin-bottom: 10px; color: #838383; font-size: 14px; } .widget-recent-comments ul li:last-child { margin-bottom: 0; } .widget-recent-comments ul li a:first-child { color: #838383; text-decoration: none } .widget-recent-comments ul li a:last-of-type { color: #252525; text-decoration: none; -webkit-transition: all 0.25s; transition: all 0.25s; } .widget-recent-comments ul li a:first-child:hover, .widget-recent-comments ul li a:last-of-type:hover { color: #00f0d1; } .widget-recent-comments ul li span { color: #838383; } .widget-recent-comments ul li span:before { position: relative; top: -1px; margin: 0 2px; content: "/"; } /* WIDGET CALENDAR */ .widget-calendar {} .widget-calendar table { width: 100%; text-align: center; } .widget-calendar table th, .widget-calendar table td { padding: 5px; border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; text-align: center; } .widget-calendar table th:last-child, .widget-calendar table td:last-child { border-right: 1px solid #e1e1e1; } .widget-calendar table tr:last-child td { border-bottom: 1px solid #e1e1e1; } .widget-calendar table tfoot td, .widget-calendar table tfoot td:last-child, .widget-calendar table tfoot tr:last-child td { border: none; } .widget-calendar table td#today { background-color: #00f0d1; color: #fff; } /* WIDGET FLICKR */ .flickr-photos { padding-top: 8px; margin: -5px; } .flickr_badge_image { position: relative; float: left; padding: 5px; } .flickr_badge_image img { width: 90px; height: auto; } .flickr-photos:after { display: table; content: " "; clear: both; } @media (min-width: 1200px) { .flickr_badge_image img { width: 110px; } } /* WIDGET INSTAGRAM */ .widget-instagram {} #instafeed { margin: -5px; } #instafeed a { float: left; display: block; width: 72px; padding: 5px; } #instafeed a img { display: block; width: 100%; height: auto; } #instafeed:after { visibility: hidden; display: block; height: 0; font-size: 0; content: " "; clear: both; } @media (min-width: 1200px) { #instafeed a { width: 90px; } } /* WIDGET TWITTER */ .widget-twitter {} .tweets-list ul { margin-bottom: 0; list-style: none; } .tweets-list ul li { margin-bottom: 20px; } .tweets-list ul li>*:last-child { margin-bottom: 0; } .tweets-list ul li:last-child { margin-bottom: 0; } /* WIDGET CONTACT */ .widget-contact {} .widget-contact ul { margin-bottom: 0; list-style: none; } .widget-contact ul li { display: flex; align-items: baseline; margin-bottom: 15px; } .widget-contact ul li:last-child { margin-bottom: 0; } .widget-contact ul li i { margin-right: 15px; } .widget-contact ul li a { color: #838383; -webkit-transition: all 0.25s; transition: all 0.25s; } .widget-contact ul li a:hover { color: #00f0d1; text-decoration: none; } .widget-contact ul li.email i { position: relative; top: 3px; font-size: 18px; } /* WIDGET SOCIAL */ .widget-social {} .float-left+.widget-social { margin-left: 10px; } .widget-social .social-media.rounded { margin-bottom: 0; } .widget-social .social-media.rounded a:nth-child(1) { background-color: #ffffff; } .widget-social .social-media.rounded a:nth-child(2) { background-color: #ffffff; } .widget-social .social-media.rounded a:nth-child(3) { background-color: #ffffff; } .widget-social .social-media.rounded a:nth-child(4) { background-color: #ffffff; } .widget-social .social-media.rounded a:nth-child(5) { background-color: #ffffff; } .widget-social .social-media.rounded a:nth-child(6) { background-color: #ffffff; } @media (max-width: 365px) { .float-left+.widget-social { margin-left: 0; } } /* DARK SECTIONS */ .full-section.dark-section .widget-recent-posts ul li .post-title, .full-section.dark-section .widget-recent-posts ul li .post-details a, .full-section.dark-section .widget-latest-posts ul li .post-title, .full-section.dark-section .widget-latest-posts ul li .post-details a.post-category, .full-section.dark-section .widget-latest-posts ul li .post-details a:last-of-type, .full-section.dark-section .widget-recent-comments ul li, .full-section.dark-section .widget-recent-comments ul li a { color: inherit; } .full-section.dark-section .widget-recent-posts ul li .post-title:hover, .full-section.dark-section .widget-recent-posts ul li .post-details a:hover, .full-section.dark-section .widget-latest-posts ul li .post-title:hover, .full-section.dark-section .widget-latest-posts ul li .post-details a.post-category:hover, .full-section.dark-section .widget-latest-posts ul li .post-details a:last-of-type:hover, .full-section.dark-section .widget-recent-comments ul li a:hover { color: #00f0d1; } .menu .btn-white.btn-outline:after { border: 2px solid #c2c2c2; background: transparent; color: #252525; border-radius: 17px; } .img-bg { background: rgba(91, 118, 164, 1); background: -moz-linear-gradient(top, rgba(91, 118, 164, 1) 0%, rgba(179, 220, 237, 1) 27%, rgba(195, 227, 241, 1) 36%, rgba(255, 255, 255, 1) 71%, rgba(255, 255, 255, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(91, 118, 164, 1)), color-stop(27%, rgba(179, 220, 237, 1)), color-stop(36%, rgba(195, 227, 241, 1)), color-stop(71%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1))); background: -webkit-linear-gradient(top, rgba(91, 118, 164, 1) 0%, rgba(179, 220, 237, 1) 27%, rgba(195, 227, 241, 1) 36%, rgba(255, 255, 255, 1) 71%, rgba(255, 255, 255, 1) 100%); background: -o-linear-gradient(top, rgba(91, 118, 164, 1) 0%, rgba(179, 220, 237, 1) 27%, rgba(195, 227, 241, 1) 36%, rgba(255, 255, 255, 1) 71%, rgba(255, 255, 255, 1) 100%); background: -ms-linear-gradient(top, rgba(91, 118, 164, 1) 0%, rgba(179, 220, 237, 1) 27%, rgba(195, 227, 241, 1) 36%, rgba(255, 255, 255, 1) 71%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(to bottom, rgba(91, 118, 164, 1) 0%, rgba(179, 220, 237, 1) 27%, rgba(195, 227, 241, 1) 36%, rgba(255, 255, 255, 1) 71%, rgba(255, 255, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b76a4', endColorstr='#ffffff', GradientType=0); color: #fff; } .fa { color: #30277d; } .overlay_image { max-width: 33%; margin-left: -8%; margin-top: -7%; position: absolute; } .overlay_image_large { max-width: 40%; margin-left: -8%; margin-top: -7%; position: absolute; } .tilde.vertical { transform: rotate(90deg); /* margin-left: -100px; */ position: absolute; float: left; color: white; padding-top: 23px; } .f-800 { /* font-weight: 800; */ font-weight: bold; } .f-600 { font-weight: 600; } .f-700 { font-weight: 700; } /* .tp-bgimg { background-size: inherit !important; } */ .tp-caption { margin-top: -90px !important; } @media only screen and (min-width: 769px) { .tp-caption img { width: 100% !important; } .service-box-bg { min-height: 550px; } }