/**handles:stylesheet**/ /* Theme Name: Unicon Child Theme Theme URI: http://themeforest.net/user/minti Description: Unicon Child Theme for your Customizations. Author: minti Author URI: http://mintithemes.com Template: unicon Version: 1.1 */ /* ------------------------------------------------------------------------ */ /* Fonts /* ------------------------------------------------------------------------ */ /* ubuntu-300 - latin */ @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 300; src: url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-300.eot'); /* IE9 Compat Modes */ src: local('Ubuntu Light'), local('Ubuntu-Light'), url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-300.woff') format('woff'), /* Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-300.svg#Ubuntu') format('svg'); /* Legacy iOS */ } /* ubuntu-300italic - latin */ @font-face { font-family: 'Ubuntu'; font-style: italic; font-weight: 300; src: url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-300italic.eot'); /* IE9 Compat Modes */ src: local('Ubuntu Light Italic'), local('Ubuntu-LightItalic'), url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-300italic.svg#Ubuntu') format('svg'); /* Legacy iOS */ } /* ubuntu-regular - latin */ @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 400; src: url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-regular.woff') format('woff'), /* Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */ } /* ubuntu-italic - latin */ @font-face { font-family: 'Ubuntu'; font-style: italic; font-weight: 400; src: url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-italic.eot'); /* IE9 Compat Modes */ src: local('Ubuntu Italic'), local('Ubuntu-Italic'), url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-italic.woff') format('woff'), /* Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-italic.svg#Ubuntu') format('svg'); /* Legacy iOS */ } /* ubuntu-500 - latin */ @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 500; src: url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-500.eot'); /* IE9 Compat Modes */ src: local('Ubuntu Medium'), local('Ubuntu-Medium'), url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-500.woff') format('woff'), /* Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-500.svg#Ubuntu') format('svg'); /* Legacy iOS */ } /* ubuntu-500italic - latin */ @font-face { font-family: 'Ubuntu'; font-style: italic; font-weight: 500; src: url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-500italic.eot'); /* IE9 Compat Modes */ src: local('Ubuntu Medium Italic'), local('Ubuntu-MediumItalic'), url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-500italic.woff') format('woff'), /* Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-500italic.svg#Ubuntu') format('svg'); /* Legacy iOS */ } /* ubuntu-700 - latin */ @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 700; src: url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-700.eot'); /* IE9 Compat Modes */ src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-700.woff') format('woff'), /* Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-700.svg#Ubuntu') format('svg'); /* Legacy iOS */ } /* ubuntu-700italic - latin */ @font-face { font-family: 'Ubuntu'; font-style: italic; font-weight: 700; src: url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-700italic.eot'); /* IE9 Compat Modes */ src: local('Ubuntu Bold Italic'), local('Ubuntu-BoldItalic'), url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/ubuntu-v14-latin-700italic.svg#Ubuntu') format('svg'); /* Legacy iOS */ } /* nunito-sans-200 - latin */ @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 200; src: url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-200.eot'); /* IE9 Compat Modes */ src: local('Nunito Sans ExtraLight'), local('NunitoSans-ExtraLight'), url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-200.woff2') format('woff2'), /* Super Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-200.woff') format('woff'), /* Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-200.svg#NunitoSans') format('svg'); /* Legacy iOS */ } /* nunito-sans-200italic - latin */ @font-face { font-family: 'Nunito Sans'; font-style: italic; font-weight: 200; src: url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-200italic.eot'); /* IE9 Compat Modes */ src: local('Nunito Sans ExtraLight Italic'), local('NunitoSans-ExtraLightItalic'), url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-200italic.woff') format('woff'), /* Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-200italic.svg#NunitoSans') format('svg'); /* Legacy iOS */ } /* nunito-sans-300 - latin */ @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 300; src: url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-300.eot'); /* IE9 Compat Modes */ src: local('Nunito Sans Light'), local('NunitoSans-Light'), url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-300.woff') format('woff'), /* Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-300.svg#NunitoSans') format('svg'); /* Legacy iOS */ } /* nunito-sans-300italic - latin */ @font-face { font-family: 'Nunito Sans'; font-style: italic; font-weight: 300; src: url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-300italic.eot'); /* IE9 Compat Modes */ src: local('Nunito Sans Light Italic'), local('NunitoSans-LightItalic'), url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-300italic.svg#NunitoSans') format('svg'); /* Legacy iOS */ } /* nunito-sans-regular - latin */ @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 400; src: url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Nunito Sans Regular'), local('NunitoSans-Regular'), url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-regular.woff') format('woff'), /* Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-regular.svg#NunitoSans') format('svg'); /* Legacy iOS */ } /* nunito-sans-italic - latin */ @font-face { font-family: 'Nunito Sans'; font-style: italic; font-weight: 400; src: url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-italic.eot'); /* IE9 Compat Modes */ src: local('Nunito Sans Italic'), local('NunitoSans-Italic'), url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-italic.woff') format('woff'), /* Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-italic.svg#NunitoSans') format('svg'); /* Legacy iOS */ } /* nunito-sans-600 - latin */ @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 600; src: url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-600.eot'); /* IE9 Compat Modes */ src: local('Nunito Sans SemiBold'), local('NunitoSans-SemiBold'), url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-600.woff') format('woff'), /* Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-600.svg#NunitoSans') format('svg'); /* Legacy iOS */ } /* nunito-sans-600italic - latin */ @font-face { font-family: 'Nunito Sans'; font-style: italic; font-weight: 600; src: url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-600italic.eot'); /* IE9 Compat Modes */ src: local('Nunito Sans SemiBold Italic'), local('NunitoSans-SemiBoldItalic'), url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-600italic.svg#NunitoSans') format('svg'); /* Legacy iOS */ } /* nunito-sans-700 - latin */ @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 700; src: url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-700.eot'); /* IE9 Compat Modes */ src: local('Nunito Sans Bold'), local('NunitoSans-Bold'), url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-700.woff') format('woff'), /* Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-700.svg#NunitoSans') format('svg'); /* Legacy iOS */ } /* nunito-sans-700italic - latin */ @font-face { font-family: 'Nunito Sans'; font-style: italic; font-weight: 700; src: url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-700italic.eot'); /* IE9 Compat Modes */ src: local('Nunito Sans Bold Italic'), local('NunitoSans-BoldItalic'), url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-700italic.svg#NunitoSans') format('svg'); /* Legacy iOS */ } /* nunito-sans-800 - latin */ @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 800; src: url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-800.eot'); /* IE9 Compat Modes */ src: local('Nunito Sans ExtraBold'), local('NunitoSans-ExtraBold'), url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-800.woff') format('woff'), /* Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-800.svg#NunitoSans') format('svg'); /* Legacy iOS */ } /* nunito-sans-800italic - latin */ @font-face { font-family: 'Nunito Sans'; font-style: italic; font-weight: 800; src: url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-800italic.eot'); /* IE9 Compat Modes */ src: local('Nunito Sans ExtraBold Italic'), local('NunitoSans-ExtraBoldItalic'), url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-800italic.woff') format('woff'), /* Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-800italic.svg#NunitoSans') format('svg'); /* Legacy iOS */ } /* nunito-sans-900 - latin */ @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 900; src: url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-900.eot'); /* IE9 Compat Modes */ src: local('Nunito Sans Black'), local('NunitoSans-Black'), url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-900.woff') format('woff'), /* Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-900.svg#NunitoSans') format('svg'); /* Legacy iOS */ } /* nunito-sans-900italic - latin */ @font-face { font-family: 'Nunito Sans'; font-style: italic; font-weight: 900; src: url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-900italic.eot'); /* IE9 Compat Modes */ src: local('Nunito Sans Black Italic'), local('NunitoSans-BlackItalic'), url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-900italic.woff') format('woff'), /* Modern Browsers */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/nunito-sans-v5-latin-900italic.svg#NunitoSans') format('svg'); /* Legacy iOS */ } /** * Fix fonts that render as bold in Firefox * * Put this near the top of your style.css * Before any overriding styles */ html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .vc-material { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'vc_material' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @font-face { font-family: 'vc_material'; src: url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/vc_material.ttf?1qpt95') format('truetype'), url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/vc_material.woff?1qpt95') format('woff'), url('https://magic-horizons.com/wp-content/themes/unicon-child/fonts/vc_material.svg?1qpt95#vc_material') format('svg'); font-weight: normal; font-style: normal; } /* ------------------------------------------------------------------------ */ /* Base 1200px Grid /* ------------------------------------------------------------------------ */ .container { position: relative; width: 1200px; margin: 0 auto; padding: 0; } .container .column, .container .columns { float: left; display:inline; margin-left: 20px; margin-right: 20px; } .row { margin-bottom: 40px; } /* Nested Column Classes */ .column.alpha, .columns.alpha { margin-left: 0; } .column.omega, .columns.omega { margin-right: 0; } /* Base Grid */ .container .one.column, .container .one.columns { width: 35px; } .container .two.columns { width: 110px; } .container .three.columns { width: 185px; } .container .four.columns { width: 260px; } .container .five.columns { width: 335px; } .container .six.columns { width: 410px; } .container .seven.columns { width: 485px; } .container .eight.columns { width: 560px; } .container .nine.columns { width: 635px; } .container .ten.columns { width: 710px; } .container .eleven.columns { width: 785px; } .container .twelve.columns { width: 860px; } .container .thirteen.columns { width: 935px; } .container .fourteen.columns { width: 1010px; } .container .fifteen.columns { width: 1085px; } .container .sixteen.columns { width: 1160px; } .container .one-third.column, .container .one-third.columns { width: 360px; } .container .two-thirds.column, .container .two-thirds.columns { width: 780px; } .container .twelve.alt.sidebar-right{ padding-right:40px; width: 819px; border-right: 0px !important; } .container .twelve.alt.sidebar-left{ padding-left:40px; width: 819px; border-left: 0px solid #efefef; } #sidebar.sidebar-right #sidebar-widgets{ border-left: 0px solid #efefef; margin-left: -21px; padding-left: 40px; } #sidebar.sidebar-left #sidebar-widgets{ border-right: 1px solid #efefef; margin-right: -21px; padding-right: 40px; } /* Clearfix ---------------------------------------------------- */ .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } .clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .row:after, .clearfix:after { clear: both } .row, .clearfix { zoom: 1 } .clear { clear: both; visibility: hidden; width: 0; height: 0; } .grecaptcha-badge{display:none;} /* ------------------------------------------------------------------------ */ /* Intro /* ------------------------------------------------------------------------ */ .intro-section { z-index: 9999999999999999 !important; } .intro-en, .intro-de { z-index: 9999999999999999 !important; position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: 0 auto !important; } .intro-en img, .intro-de img { object-fit: cover !important; width: 100vw !important; height: 100vh !important; position: fixed !important; top: 0 !important; left: 0 !important; z-index: -2 !important; } .intro-en a.button, .intro-de a.button { position: absolute !important; left: 0 !important; right: 0 !important; margin-left: auto !important; margin-right: auto !important; width: 120px !important; top: 40px !important; } .intro-en video, .intro-de video { object-fit: cover !important; width: 100vw !important; height: 100vh !important; position: fixed; top: 0 !important; left: 0 !important; z-index: -1; } /* ------------------------------------------------------------------------ */ /* Read More Button /* ------------------------------------------------------------------------ */ .show { display: block !important; } .button_premium, .button_easy, .button_quest { display: none; padding: 6px 15px !important; font-family: 'Ubuntu', sans-serif !important; border-radius: 20px !important; line-height: 1.2 !important; font-size: 17px !important; font-weight: 400 !important; text-transform: none !important; background: transparent !important; color: #ffffff !important; letter-spacing: normal !important; background: #ee7c1b !important; border: 0px !important; } /* ------------------------------------------------------------------------ */ /* Praxisbeispiel Kliniken /* ------------------------------------------------------------------------ */ .wpb_row.praxisbeispiele .wpb_row .wpb_content_element { margin-bottom: 10px !important; } .wpb_row.praxisbeispiele .wpb_row .wpb_column p { line-height: 1 !important; } .wpb_row.praxisbeispiele .wpb_row .wpb_column .toggle .toggle-inner p { line-height: 1.6 !important; } .praxisbeispiel-box-1 { min-height: 110px !important; position: relative !important; } .praxisbeispiel-box-2 { min-height: 80px !important; position: relative !important; } /* .praxisbeispiel-link { position: absolute !important; bottom: 20px !important; } */ /* ------------------------------------------------------------------------ */ /* Animations /* ------------------------------------------------------------------------ */ /* .animate { opacity: 0; position: relative; animation-duration: 500% !important; } .animate[data-animation="fade-in-from-bottom"] { animation-duration: 500% !important; } */ /* ------------------------------------------------------------------------ */ /* App Downloads /* ------------------------------------------------------------------------ */ .apps { padding: 40px !important; margin-bottom: 40px !important; background: #ffffff !important; border-radius: 15px !important; position: relative !important; box-shadow: 0px 1.7px 5.3px rgba(0, 0, 0, 0.04), 0px 5.6px 17.9px rgba(0, 0, 0, 0.06), 0px 25px 80px rgba(0, 0, 0, 0.1); text-align: left !important; } .apps h3 { font-weight: 500 !important; color: #08a3bb !important; margin-bottom: 40px !important; font-size: 32px !important; float: left !important; } .button.manual-btn { position: absolute !important; bottom: 40px; left: 40px; padding: 16px 23px !important; font-size: 16px !important; } .button.manual-btn:hover { position: absolute !important; bottom: 40px; left: 40px; padding: 16px 23px !important; font-size: 16px !important; } .apps img.app-icon { display: inline !important; border-radius: 10px !important; box-shadow: 0 10px 20px 0 rgba(17,17,17,.2) !important; width: 60px !important; margin-right: 20px !important; } .apps img.app-brille { margin: 0px -40px -40px -40px; width: calc(100% + 80px); max-width: none; border-radius: 0px 0px 15px 15px; } .button.apple-download, .button.google-download { display: inline-block !important; padding: 10px 10px 10px 3.2rem !important; -webkit-transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out !important; transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out !important; border: 1px solid #e7e7e7 !important; background-position: center left 0.8rem !important; background-color: #fff !important; background-size: 1.5rem 1.5rem !important; background-repeat: no-repeat !important; text-decoration: none !important; color: #333333 !important; text-align: left !important; line-height: 1.2 !important; font-size: 20px !important; float: right !important; margin-right: 20px !important; } .button.apple-download:hover, .button.google-download:hover { display: inline-block !important; padding: 10px 10px 10px 3.2rem !important; -webkit-transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out !important; transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out !important; border: 1px solid #08a3bb !important; background-position: center left 0.8rem !important; background-color: #fff !important; background-size: 1.5rem 1.5rem !important; background-repeat: no-repeat !important; text-decoration: none !important; color: #333333 !important; text-align: left !important; line-height: 1.2 !important; font-size: 20px !important; float: right !important; margin-right: 20px !important; } .button.apple-download { background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMDUgMzA1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDUgMzA1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnIGlkPSJYTUxJRF8yMjhfIj4KCTxwYXRoIGlkPSJYTUxJRF8yMjlfIiBkPSJNNDAuNzM4LDExMi4xMTljLTI1Ljc4NSw0NC43NDUtOS4zOTMsMTEyLjY0OCwxOS4xMjEsMTUzLjgyQzc0LjA5MiwyODYuNTIzLDg4LjUwMiwzMDUsMTA4LjIzOSwzMDUgICBjMC4zNzIsMCwwLjc0NS0wLjAwNywxLjEyNy0wLjAyMmM5LjI3My0wLjM3LDE1Ljk3NC0zLjIyNSwyMi40NTMtNS45ODRjNy4yNzQtMy4xLDE0Ljc5Ny02LjMwNSwyNi41OTctNi4zMDUgICBjMTEuMjI2LDAsMTguMzksMy4xMDEsMjUuMzE4LDYuMDk5YzYuODI4LDIuOTU0LDEzLjg2MSw2LjAxLDI0LjI1Myw1LjgxNWMyMi4yMzItMC40MTQsMzUuODgyLTIwLjM1Miw0Ny45MjUtMzcuOTQxICAgYzEyLjU2Ny0xOC4zNjUsMTguODcxLTM2LjE5NiwyMC45OTgtNDMuMDFsMC4wODYtMC4yNzFjMC40MDUtMS4yMTEtMC4xNjctMi41MzMtMS4zMjgtMy4wNjZjLTAuMDMyLTAuMDE1LTAuMTUtMC4wNjQtMC4xODMtMC4wNzggICBjLTMuOTE1LTEuNjAxLTM4LjI1Ny0xNi44MzYtMzguNjE4LTU4LjM2Yy0wLjMzNS0zMy43MzYsMjUuNzYzLTUxLjYwMSwzMC45OTctNTQuODM5bDAuMjQ0LTAuMTUyICAgYzAuNTY3LTAuMzY1LDAuOTYyLTAuOTQ0LDEuMDk2LTEuNjA2YzAuMTM0LTAuNjYxLTAuMDA2LTEuMzQ5LTAuMzg2LTEuOTA1Yy0xOC4wMTQtMjYuMzYyLTQ1LjYyNC0zMC4zMzUtNTYuNzQtMzAuODEzICAgYy0xLjYxMy0wLjE2MS0zLjI3OC0wLjI0Mi00Ljk1LTAuMjQyYy0xMy4wNTYsMC0yNS41NjMsNC45MzEtMzUuNjExLDguODkzYy02LjkzNiwyLjczNS0xMi45MjcsNS4wOTctMTcuMDU5LDUuMDk3ICAgYy00LjY0MywwLTEwLjY2OC0yLjM5MS0xNy42NDUtNS4xNTljLTkuMzMtMy43MDMtMTkuOTA1LTcuODk5LTMxLjEtNy44OTljLTAuMjY3LDAtMC41MywwLjAwMy0wLjc4OSwwLjAwOCAgIEM3OC44OTQsNzMuNjQzLDU0LjI5OCw4OC41MzUsNDAuNzM4LDExMi4xMTl6IiBmaWxsPSIjMmUyZTJlIi8+Cgk8cGF0aCBpZD0iWE1MSURfMjMwXyIgZD0iTTIxMi4xMDEsMC4wMDJjLTE1Ljc2MywwLjY0Mi0zNC42NzIsMTAuMzQ1LTQ1Ljk3NCwyMy41ODNjLTkuNjA1LDExLjEyNy0xOC45ODgsMjkuNjc5LTE2LjUxNiw0OC4zNzkgICBjMC4xNTUsMS4xNywxLjEwNywyLjA3MywyLjI4NCwyLjE2NGMxLjA2NCwwLjA4MywyLjE1LDAuMTI1LDMuMjMyLDAuMTI2YzE1LjQxMywwLDMyLjA0LTguNTI3LDQzLjM5NS0yMi4yNTcgICBjMTEuOTUxLTE0LjQ5OCwxNy45OTQtMzMuMTA0LDE2LjE2Ni00OS43N0MyMTQuNTQ0LDAuOTIxLDIxMy4zOTUtMC4wNDksMjEyLjEwMSwwLjAwMnoiIGZpbGw9IiMyZTJlMmUiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) !important; } .button.google-download { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjguOTkgMzEuOTkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZGF0YS1uYW1lPSJDYXBhIDIiPjxnIGRhdGEtbmFtZT0iQ2FwYSAxIj48cGF0aCBkPSJNMTMuNTQgMTUuMjguMTIgMjkuMzRhMy42NiAzLjY2IDAgMCAwIDUuMzMgMi4xNmwxNS4xLTguNloiIHN0eWxlPSJmaWxsOiNlYTQzMzUiLz48cGF0aCBkPSJtMjcuMTEgMTIuODktNi41My0zLjc0LTcuMzUgNi40NSA3LjM4IDcuMjggNi40OC0zLjdhMy41NCAzLjU0IDAgMCAwIDEuNS00Ljc5IDMuNjIgMy42MiAwIDAgMC0xLjUtMS41eiIgc3R5bGU9ImZpbGw6I2ZiYmMwNCIvPjxwYXRoIGQ9Ik0uMTIgMi42NmEzLjU3IDMuNTcgMCAwIDAtLjEyLjkydjI0Ljg0YTMuNTcgMy41NyAwIDAgMCAuMTIuOTJMMTQgMTUuNjRaIiBzdHlsZT0iZmlsbDojNDI4NWY0Ii8+PHBhdGggZD0ibTEzLjY0IDE2IDYuOTQtNi44NUw1LjUuNTFBMy43MyAzLjczIDAgMCAwIDMuNjMgMCAzLjY0IDMuNjQgMCAwIDAgLjEyIDIuNjVaIiBzdHlsZT0iZmlsbDojMzRhODUzIi8+PC9nPjwvZz48L3N2Zz4=) !important; } .button.apple-download:hover { background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMDUgMzA1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDUgMzA1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnIGlkPSJYTUxJRF8yMjhfIj4KCTxwYXRoIGlkPSJYTUxJRF8yMjlfIiBkPSJNNDAuNzM4LDExMi4xMTljLTI1Ljc4NSw0NC43NDUtOS4zOTMsMTEyLjY0OCwxOS4xMjEsMTUzLjgyQzc0LjA5MiwyODYuNTIzLDg4LjUwMiwzMDUsMTA4LjIzOSwzMDUgICBjMC4zNzIsMCwwLjc0NS0wLjAwNywxLjEyNy0wLjAyMmM5LjI3My0wLjM3LDE1Ljk3NC0zLjIyNSwyMi40NTMtNS45ODRjNy4yNzQtMy4xLDE0Ljc5Ny02LjMwNSwyNi41OTctNi4zMDUgICBjMTEuMjI2LDAsMTguMzksMy4xMDEsMjUuMzE4LDYuMDk5YzYuODI4LDIuOTU0LDEzLjg2MSw2LjAxLDI0LjI1Myw1LjgxNWMyMi4yMzItMC40MTQsMzUuODgyLTIwLjM1Miw0Ny45MjUtMzcuOTQxICAgYzEyLjU2Ny0xOC4zNjUsMTguODcxLTM2LjE5NiwyMC45OTgtNDMuMDFsMC4wODYtMC4yNzFjMC40MDUtMS4yMTEtMC4xNjctMi41MzMtMS4zMjgtMy4wNjZjLTAuMDMyLTAuMDE1LTAuMTUtMC4wNjQtMC4xODMtMC4wNzggICBjLTMuOTE1LTEuNjAxLTM4LjI1Ny0xNi44MzYtMzguNjE4LTU4LjM2Yy0wLjMzNS0zMy43MzYsMjUuNzYzLTUxLjYwMSwzMC45OTctNTQuODM5bDAuMjQ0LTAuMTUyICAgYzAuNTY3LTAuMzY1LDAuOTYyLTAuOTQ0LDEuMDk2LTEuNjA2YzAuMTM0LTAuNjYxLTAuMDA2LTEuMzQ5LTAuMzg2LTEuOTA1Yy0xOC4wMTQtMjYuMzYyLTQ1LjYyNC0zMC4zMzUtNTYuNzQtMzAuODEzICAgYy0xLjYxMy0wLjE2MS0zLjI3OC0wLjI0Mi00Ljk1LTAuMjQyYy0xMy4wNTYsMC0yNS41NjMsNC45MzEtMzUuNjExLDguODkzYy02LjkzNiwyLjczNS0xMi45MjcsNS4wOTctMTcuMDU5LDUuMDk3ICAgYy00LjY0MywwLTEwLjY2OC0yLjM5MS0xNy42NDUtNS4xNTljLTkuMzMtMy43MDMtMTkuOTA1LTcuODk5LTMxLjEtNy44OTljLTAuMjY3LDAtMC41MywwLjAwMy0wLjc4OSwwLjAwOCAgIEM3OC44OTQsNzMuNjQzLDU0LjI5OCw4OC41MzUsNDAuNzM4LDExMi4xMTl6IiBmaWxsPSIjMmUyZTJlIi8+Cgk8cGF0aCBpZD0iWE1MSURfMjMwXyIgZD0iTTIxMi4xMDEsMC4wMDJjLTE1Ljc2MywwLjY0Mi0zNC42NzIsMTAuMzQ1LTQ1Ljk3NCwyMy41ODNjLTkuNjA1LDExLjEyNy0xOC45ODgsMjkuNjc5LTE2LjUxNiw0OC4zNzkgICBjMC4xNTUsMS4xNywxLjEwNywyLjA3MywyLjI4NCwyLjE2NGMxLjA2NCwwLjA4MywyLjE1LDAuMTI1LDMuMjMyLDAuMTI2YzE1LjQxMywwLDMyLjA0LTguNTI3LDQzLjM5NS0yMi4yNTcgICBjMTEuOTUxLTE0LjQ5OCwxNy45OTQtMzMuMTA0LDE2LjE2Ni00OS43N0MyMTQuNTQ0LDAuOTIxLDIxMy4zOTUtMC4wNDksMjEyLjEwMSwwLjAwMnoiIGZpbGw9IiMyZTJlMmUiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) !important; } .button.google-download:hover { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjguOTkgMzEuOTkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZGF0YS1uYW1lPSJDYXBhIDIiPjxnIGRhdGEtbmFtZT0iQ2FwYSAxIj48cGF0aCBkPSJNMTMuNTQgMTUuMjguMTIgMjkuMzRhMy42NiAzLjY2IDAgMCAwIDUuMzMgMi4xNmwxNS4xLTguNloiIHN0eWxlPSJmaWxsOiNlYTQzMzUiLz48cGF0aCBkPSJtMjcuMTEgMTIuODktNi41My0zLjc0LTcuMzUgNi40NSA3LjM4IDcuMjggNi40OC0zLjdhMy41NCAzLjU0IDAgMCAwIDEuNS00Ljc5IDMuNjIgMy42MiAwIDAgMC0xLjUtMS41eiIgc3R5bGU9ImZpbGw6I2ZiYmMwNCIvPjxwYXRoIGQ9Ik0uMTIgMi42NmEzLjU3IDMuNTcgMCAwIDAtLjEyLjkydjI0Ljg0YTMuNTcgMy41NyAwIDAgMCAuMTIuOTJMMTQgMTUuNjRaIiBzdHlsZT0iZmlsbDojNDI4NWY0Ii8+PHBhdGggZD0ibTEzLjY0IDE2IDYuOTQtNi44NUw1LjUuNTFBMy43MyAzLjczIDAgMCAwIDMuNjMgMCAzLjY0IDMuNjQgMCAwIDAgLjEyIDIuNjVaIiBzdHlsZT0iZmlsbDojMzRhODUzIi8+PC9nPjwvZz48L3N2Zz4=) !important; } .button.apple-download span, .button.google-download span { font-size: 0.55em !important; display: block !important; } /* ------------------------------------------------------------------------ */ /* Mailchimp HTML Form /* ------------------------------------------------------------------------ */ #mc_embed_signup { background:transparent; clear:left; font-family: 'Nunito Sans', sans-serif; width:100%; text-align: center !important; } #mc_embed_signup .clear { visibility: visible !important; width: auto !important; height: auto !important; } #mc_embed_signup input { display: inline !important; border: none !important; margin-bottom: 40px !important; font-family: 'Nunito Sans', sans-serif; color: #666666 !important; padding: 10px 12px !important; font-size: 17px !important; } #mc_embed_signup select { border: none !important; display: inline !important; margin-bottom: 40px !important; border-radius: 0px !important; font-family: 'Nunito Sans', sans-serif; color: #666666 !important; padding: 7px 12px !important; width: 120px !important; } #mc_embed_signup .mc-field-group { display: inline !important; } #mc_embed_signup .button { background: #ee7c1b !important; margin: 0px !important; border-radius: 15px 0px 15px 0px !important; line-height: 1 !important; font-size: 13px !important; font-family: 'Ubuntu', sans-serif !important; font-weight: 500 !important; color: #ffffff !important; padding: 12px 16px 12px 16px !important; } #mc_embed_signup .button:hover { background: #df7317 !important; } /* ------------------------------------------------------------------------ */ /* Additional stuff /* ------------------------------------------------------------------------ */ .mh-radius img { border-radius: 40px 0px 40px 0px !important; } .mehr-inhalt { display: none; } button.mehr-lesen { font-size: 15px !important; padding: 0px !important; font-family: 'Ubuntu', sans-serif !important; color: #08a3bb !important; background: transparent !important; border: 0px !important; margin-bottom: 20px !important; text-transform: none !important; letter-spacing: normal !important; font-weight: 500 !important; margin-right: 0px !important; } .button-usvetserv { display: none !important; color: #ee7c1b !important; } .button-usvetserv a { color: #ee7c1b !important; } .button-usvetserv a:hover { color: #ee7c1b !important; } .button-usvetserv:hover a { color: #ee7c1b !important; } #header.header-transparent.darkheader.header-v1 #navigation > ul > li.button-usvetsers > a:hover { color: #ee7c1b !important; } .button-quote { } html.pum-open.pum-open-overlay.pum-open-scrollable body > :not([aria-modal="true"]) { padding-right: 0px !important; } .pakete { padding: 20px !important; margin-bottom: 40px !important; background: #ffffff !important; box-shadow: 0 30px 30px 0 rgba(17,17,17,.05) !important; } .explained .vc_column-inner { margin-bottom: 70px !important; } .underline:after { content: ''; position: relative; margin: 20px auto 40px auto; width: 60px; height: 2px; background: #08a3bb; display: block; } ul.center-list { margin: 0px auto 20px auto !important; max-width: max-content !important; text-align: left !important; padding: 0px 20px !important; } ul.border-list { list-style: none !important; margin-left: 0px !important; } ul.border-list > li:after { border-bottom: 1px solid #ceeaf2 !important; content: "" !important; position: relative !important; display: block !important; width: 90%; margin: 10px auto 10px auto !important } ul.border-list > li:last-child:after { display: none !important; } ul.border-child-list > li:after { border: 0px !important; margin: 0px !important; } ul.border-child-list { list-style: none !important; margin-left: 0px !important; } ul.border-child-list > li:after { border-bottom: 1px solid #cccccc !important; content: "" !important; position: relative !important; display: block !important; width: 50px !important; margin: 10px auto 10px auto !important } ul.border-child-list > li:last-child:after { display: none !important; } .button.cta.orange.angebot-sidebar { padding: 10px 15px 10px 15px !important; margin-top: 25px !important; } .button.cta.orange.angebot-sidebar:hover { padding: 10px 15px 10px 15px !important; margin-top: 25px !important; } span.source { font-size: 12px !important; } /* Borlabs Cookie */ #BorlabsCookieBox ._brlbs-block-content { z-index: 99999999999999 !important; } #BorlabsCookieBox h3, #BorlabsCookieBox ._brlbs-h3 { font-family: 'Ubuntu', sans-serif !important; } #BorlabsCookieBox * { font-family: 'Nunito Sans', sans-serif !important; } /* Logo Disclaimer */ .logo-disclaimer p { font-size: 13px !important; } .logo-disclaimer { background: #f2f9fb !important; padding: 20px !important; margin-top: 80px !important; display: inline-block !important; } /* Partner Logos Section */ .background-welcome { background-size: contain !important; background-position: inherit !important; background-repeat: no-repeat !important; } h2.welcome { font-weight: 500 !important; font-size: 28px !important; position:relative; display:inline-block; } h2.welcome:after { content:''; position:absolute; left:0; right:0; top:100%; margin:10px auto; width:80px; height:2px; background:#08a3bb; } .background-welcome .owl-carousel { padding: 30px 0px 120px 0px !important; } /* Hover Grow */ .hvr-grow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s !important; transition-duration: 0.3s !important; -webkit-transition-property: transform !important; transition-property: transform !important; width: 264px !important; height: 264px !important; } .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active { -webkit-transform: scale(1.1) !important; transform: scale(1.1) !important; } .hvr-grow.core-vertical { width: 340px !important; height: 340px !important; } /* Produkte Update */ h2.pakete { border-radius: 15px 0px 15px 0px !important; background: #08a3bb !important; color: #ffffff !important; display: inline-block !important; padding: 15px 20px !important; margin-bottom: 10px !important; } h2.einzelpakete { font-weight: 500 !important; } p.abomodell:before { } .divider1 { border-bottom: 1px solid #08a3bb !important; opacity: 1 !important; } /* .oculus-rift:before { content:"Oculus Rift"; font-family: 'Nunito Sans', sans-serif !important; font-size: 18px !important; position: absolute !important; top: 35% !important; left: 35% !important; } .oculus-rift-s:before { content:"Oculus Rift S"; font-family: 'Nunito Sans', sans-serif !important; font-size: 18px !important; position: absolute !important; top: 35% !important; left: 35% !important; } .htc-vive:before { content:"HTC Vive"; font-family: 'Nunito Sans', sans-serif !important; font-size: 18px !important; position: absolute !important; top: 55% !important; left: 20% !important; } .htc-vive-pro:before { content:"HTC Vive Pro"; font-family: 'Nunito Sans', sans-serif !important; font-size: 18px !important; position: absolute !important; top: 55% !important; left: 20% !important; } .htc-vive-cosmos:before { content:"HTC Vive Cosmos"; font-family: 'Nunito Sans', sans-serif !important; font-size: 18px !important; position: absolute !important; top: 55% !important; left: 15% !important; } */ /* Produkte Update Neu */ .headset-silhouette { display: inline-block !important; margin-bottom: 0px !important; } .oculus { width: 250px !important; height: 155px !important; position: relative !important; text-align: center !important; } .oculus .produkte { position: absolute !important; top: 50% !important; left: 55% !important; transform: translate(-50%, -50%) !important; } .htc { width: 250px !important; height: 194px !important; position: relative !important; text-align: center !important; } .htc .produkte { position: absolute !important; top: 65% !important; left: 40% !important; transform: translate(-50%, -50%) !important; } .produkte h3 { font-family: 'Nunito Sans', sans-serif !important; font-size: 18px !important; font-weight: 400 !important; } /* Anwendungsbereiche Update */ .anwendungsbereiche-header-image-neu { height: 680px; vertical-align: center; } .anwendungsbereiche-header-column-neu { padding-top: 500px !important; } @media only screen and (max-width: 767px) { .anwendungsbereiche-header-image-neu { height: 530px !important; } .anwendungsbereiche-header-column-neu { padding-top: 400px !important; } } /* Anwendungsbereiche */ .anwendungsbereiche-header-image { height: 680px; vertical-align: center; } .anwendungsbereiche-header-column { padding-top: 400px !important; } @media only screen and (max-width: 767px) { .anwendungsbereiche-header-image { height: 530px !important; } .anwendungsbereiche-header-column { padding-top: 150px !important; } } .iconbox-branchen img { width: 40px !important; height: auto !important; } .freisteller-section { background-size: auto !important; background-position: 80% 100% !important; background-repeat: no-repeat !important; } @media only screen and (min-width: 1300px) and (max-width: 1800px) { .freisteller-section { background-position: 100% 100% !important; } } @media only screen and (min-width: 1199px) and (max-width: 1300px) { .freisteller-section { background-position: 120% 100% !important; } } @media only screen and (min-width: 960px) and (max-width: 1199px) { .freisteller-section { background-position: 110% 100% !important; background-size: 580px 460px !important; } } @media only screen and (min-width: 768px) and (max-width: 959px) { .freisteller-section { background-position: 140% 100% !important; background-size: 550px 430px !important; } } @media only screen and (max-width: 767px) { .freisteller-section { background-position: 70% 100% !important; background-size: 580px 460px !important; padding-bottom: 350px !important; } } /* ------------------------------------------------------------------------ */ /* Theme Footer Widget & Copyright Bar /* ------------------------------------------------------------------------ */ #footer .widget h3 { text-transform: none !important; font-size: 20px !important; font-weight: 500 !important; font-family: 'Ubuntu', sans-serif !important; } #footer .widget ul li { border-bottom: 0px !important; padding: 0px 0px 5px 0px !important; } #footer .widget ul li a{ color: #888888 !important; padding: 0px 0px 5px 0px !important; font-size: 18px !important; font-family: 'Nunito Sans', sans-serif !important; } #footer .widget ul li a:hover { color: #08a3bb !important; } .widget ul li::after { display: none !important; } #nav_menu-3 { margin-bottom: 10px !important; } a.footer { color: #888888 !important; font-size: 15px !important; } a.footer:hover { color: #08a3bb !important; } #copyright .copyright-col1 { color: #888888 !important; font-size: 15px !important; } #copyright .copyright-col2 { float: right !important; } /* ------------------------------------------------------------------------ */ /* Cookie Consent /* ------------------------------------------------------------------------ */ .cli-plugin-button, .medium.cli-plugin-button { line-height: 1 !important; font-size: 13px !important; font-family: 'Ubuntu', sans-serif !important;; background: #ffffff !important; color: #08a3bb !important; padding: 14px 20px 14px 20px; text-transform: none !important; border: 1px solid #ffffff !important; border-radius: 15px 0px 15px 0px !important; font-weight: 500 !important; letter-spacing: 1px !important; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; letter-spacing: normal !important; } .cli-plugin-button:hover, .medium.cli-plugin-button:hover { line-height: 1 !important; font-size: 13px !important; font-family: 'Ubuntu', sans-serif !important; background: transparent !important; color: #ffffff !important; padding: 14px 20px 14px 20px; text-transform: none !important; border: 1px solid #ffffff !important; border-radius: 15px 0px 15px 0px !important; font-weight: 500 !important; letter-spacing: 1px !important; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; letter-spacing: normal !important; } .cli-plugin-main-link { text-decoration: none !important; } #cookie-law-info-bar { box-shadow: rgba(0,0,0,.1) 0px 5px 50px !important; font-family: 'Nunito Sans', sans-serif !important; } /* ------------------------------------------------------------------------ */ /* Custom Footer Widget /* ------------------------------------------------------------------------ */ div.footer-rechts { width: 300px; float: left; text-align: left; padding: 20px 0px 20px 0px; } div.footer-links { width: 800px; float: left; text-align: left; padding: 20px 0px 20px 0px; } div.footer-box { padding: 20px 20px 20px 20px; } p.footer-kontakt { line-height: 1.6 !important; color: #ffffff !important; font-weight: 300 !important; } a.footer-kontakt { line-height: 1.6 !important; color: #ffffff !important; font-weight: 300 !important; } a.footer-kontakt:hover { line-height: 1.6 !important; color: #777777 !important; } /* ------------------------------------------------------------------------ */ /* Toggle FAQ /* ------------------------------------------------------------------------ */ .toggle .toggle-title { border-radius: 0px !important; border: none !important; color: #333333 !important; font-family: 'Nunito Sans', sans-serif !important; } .toggle .toggle-title.active { color: #ffffff !important; background: #0088b4 !important; } .toggle .toggle-title i { color: rgba(8, 163, 187, 1) !important; opacity: 1 !important; } .toggle .toggle-title.active i { color: rgba(255, 255, 255, 1) !important; opacity: 1 !important; } .toggle .toggle-inner { border-radius: 0px !important; border: none !important; color: #333333 !important; } .toggle .toggle-inner p { color: #333333 !important; } .toggle .toggle-inner ul { color: #333333 !important; } /* ------------------------------------------------------------------------ */ /* Widget Chat-Unterstützung /* ------------------------------------------------------------------------ */ .mh-chat-widget { position: fixed !important; bottom: 20px !important; right: 20px !important; z-index: 99991 !important; } .mh-chat-widget img { width: 90px !important; height: auto !important; border-radius: 50% !important; box-shadow: 0px 2.7px 3.6px rgba(0, 0, 0, 0.031), 0px 7.5px 10px rgba(0, 0, 0, 0.045), 0px 18.1px 24.1px rgba(0, 0, 0, 0.059), 0px 60px 80px rgba(0, 0, 0, 0.09) !important; border: 3px solid #fff !important; background-color: #ffffff !important; } .mh-chat-widget .pulse { display: block; width: 15px; height: 15px; border-radius: 50%; background: #08a3bb !important; cursor: pointer; animation: pulse 2s infinite; top: 5px !important; position: absolute; left: 5px; border: 3px solid #fff; } .mh-chat-widget .pulse:hover { animation: none; } @-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(8, 163, 187, 0.4); } 70% { -webkit-box-shadow: 0 0 0 10px rgba(8, 163, 187, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(8, 163, 187, 0); } } @keyframes pulse { 0% { -moz-box-shadow: 0 0 0 0 rgba(8, 163, 187, 0.4); box-shadow: 0 0 0 0 rgba(8, 163, 187, 0.4); } 70% { -moz-box-shadow: 0 0 0 10px rgba(8, 163, 187, 0); box-shadow: 0 0 0 10px rgba(8, 163, 187, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(8, 163, 187, 0); box-shadow: 0 0 0 0 rgba(8, 163, 187, 0); } } html[lang="en-GB"] .widget-de { display: none !important; } .pum-theme-mh-widget img { width: 90px !important; height: auto !important; border-radius: 50% !important; box-shadow: 0px 2.7px 3.6px rgba(0, 0, 0, 0.031), 0px 7.5px 10px rgba(0, 0, 0, 0.045), 0px 18.1px 24.1px rgba(0, 0, 0, 0.059), 0px 60px 80px rgba(0, 0, 0, 0.09) !important; border: 3px solid #fff !important; background-color: #ffffff !important; } .pum-theme-mh-widget .pulse { display: block; width: 15px; height: 15px; border-radius: 50%; background: #08a3bb !important; cursor: pointer; animation: pulse 2s infinite; top: 5px !important; position: absolute; left: 5px; border: 3px solid #fff; box-sizing: content-box; } .pum-theme-mh-widget .pulse:hover { animation: none; } @-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(8, 163, 187, 0.4); } 70% { -webkit-box-shadow: 0 0 0 10px rgba(8, 163, 187, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(8, 163, 187, 0); } } @keyframes pulse { 0% { -moz-box-shadow: 0 0 0 0 rgba(8, 163, 187, 0.4); box-shadow: 0 0 0 0 rgba(8, 163, 187, 0.4); } 70% { -moz-box-shadow: 0 0 0 10px rgba(8, 163, 187, 0); box-shadow: 0 0 0 10px rgba(8, 163, 187, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(8, 163, 187, 0); box-shadow: 0 0 0 0 rgba(8, 163, 187, 0); } } .pum-theme-mh-widget .pum-content + .pum-close { display: none !important; } /* ------------------------------------------------------------------------ */ /* Popup Chat-Unterstützung /* ------------------------------------------------------------------------ */ .pum-theme-mh-chat .pum-container { margin: 20px !important; box-shadow: 0px 0px 5.5px rgba(0, 0, 0, 0.02), 0px 0px 13.3px rgba(0, 0, 0, 0.028), 0px 0px 25px rgba(0, 0, 0, 0.035), 0px 0px 44.7px rgba(0, 0, 0, 0.042), 0px 0px 83.6px rgba(0, 0, 0, 0.05), 0px 0px 200px rgba(0, 0, 0, 0.07) !important; } .pum-theme-mh-chat .pum-content { } .pum-theme-mh-chat .button, .pum-theme-mh-chat .button.outline { border: 1px solid #08a3bb !important; margin: 0 5px 5px 0 !important; } .pum-theme-mh-chat .button { color: #ffffff !important; } .pum-theme-mh-chat .button:hover, .pum-theme-mh-chat .button.outline:hover { border: 1px solid #0088b4 !important; } .pum-theme-mh-chat .fa { color: #08a3bb !important; margin-right: 5px !important; } .pum-theme-mh-chat div.mh-chat-profile img { width: 120px !important; height: auto !important; border-radius: 50% !important; margin-right: 20px !important; box-shadow: 0px 2.7px 3.6px rgba(0, 0, 0, 0.031), 0px 7.5px 10px rgba(0, 0, 0, 0.045), 0px 18.1px 24.1px rgba(0, 0, 0, 0.059), 0px 60px 80px rgba(0, 0, 0, 0.09) !important; } div.mh-chat-profile .profile-image { } .pum-theme-mh-chat p { font-size: 15px !important; } .pum-theme-mh-chat .mh-chat-buttons img { margin: 0 5px 5px 0; display: inline-block; vertical-align: bottom; } .pum-theme-mh-chat div.mh-chat-profile { margin-top: -40px !important; margin-bottom: 30px !important; border-bottom: 1px solid #cccccc !important; padding-bottom: 15px !important; display: flex; flex-direction: row; gap: 10px !important; } div.mh-chat-profile .profile-bubble { font-family: 'Nunito Sans', sans-serif !important; border-radius: 15px 0px 15px 0px !important; background: #ffffff !important; font-size: 13px !important; box-shadow: 0px 2.7px 3.6px rgba(0, 0, 0, 0.031), 0px 7.5px 10px rgba(0, 0, 0, 0.045), 0px 18.1px 24.1px rgba(0, 0, 0, 0.059), 0px 60px 80px rgba(0, 0, 0, 0.09) !important; width: auto !important; padding: 10px !important; font-weight: 600 !important; display: none !important; margin-bottom: 20px !important; } div.mh-chat-profile .profile-bubble:after { content: "" !important; width: 0; border-style: solid; border-width: 10px 16px 0 0; border-color: #fff transparent transparent transparent; top: 25px !important; right: 150px !important; display: inline-block !important; position: relative !important; } div.mh-chat-profile .profile-name { align-self: end !important; } div.mh-chat-profile .profile-title { font-family: 'Ubuntu', sans-serif !important; color: #08a3bb !important; margin-bottom: 0px !important; font-size: 20px !important; } div.mh-chat-profile .profile-subtitle { font-size: 11px !important; font-weight: 600 !important; line-height: 1.4 !important; margin-bottom: 25px !important; } /* ------------------------------------------------------------------------ */ /* Box Chat-Unterstützung /* ------------------------------------------------------------------------ */ .mh-chat-box { padding: 20px !important; background: #f7f7f7 !important; } .mh-chat-box .button, .mh-chat-box .button.outline { border: 1px solid #08a3bb !important; margin: 0 5px 5px 0 !important; } .mh-chat-box .button { color: #ffffff !important; width: 135px !important; padding: 14px 18px 14px 18px !important; } .mh-chat-box .button:hover, .mh-chat-box .button.outline:hover { border: 1px solid #0088b4 !important; padding: 14px 18px 14px 18px !important; } .mh-chat-box .fa { color: #08a3bb !important; margin-right: 5px !important; } div.mh-chat-profile-box img { width: 120px !important; height: auto !important; border-radius: 50% !important; margin-right: 20px !important; box-shadow: 0px 2.7px 3.6px rgba(0, 0, 0, 0.031), 0px 7.5px 10px rgba(0, 0, 0, 0.045), 0px 18.1px 24.1px rgba(0, 0, 0, 0.059), 0px 60px 80px rgba(0, 0, 0, 0.09) !important; } div.mh-chat-profile-box .profile-image { flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: 100px !important; } .mh-chat-box p { font-size: 15px !important; } .mh-chat-box .mh-chat-buttons img { margin: 0 5px 5px 0; display: inline-block; vertical-align: bottom; } div.mh-chat-profile-box { /* margin-top: -40px !important; */ margin-bottom: 30px !important; border-bottom: 1px solid #cccccc !important; padding-bottom: 15px !important; display: flex !important; flex-direction: row !important; gap: 20px !important; } div.mh-chat-profile-box .profile-bubble { font-family: 'Nunito Sans', sans-serif !important; border-radius: 15px 0px 15px 0px !important; background: #ffffff !important; font-size: 13px !important; box-shadow: 0px 2.7px 3.6px rgba(0, 0, 0, 0.031), 0px 7.5px 10px rgba(0, 0, 0, 0.045), 0px 18.1px 24.1px rgba(0, 0, 0, 0.059), 0px 60px 80px rgba(0, 0, 0, 0.09) !important; width: auto !important; padding: 10px !important; font-weight: 600 !important; display: none !important; margin-bottom: 20px !important; } div.mh-chat-profile-box .profile-bubble:after { content: "" !important; width: 0; border-style: solid; border-width: 10px 16px 0 0; border-color: #fff transparent transparent transparent; top: 25px !important; right: 150px !important; display: inline-block !important; position: relative !important; } div.mh-chat-profile-box .profile-name { align-self: end !important; } div.mh-chat-profile-box .profile-title { font-family: 'Ubuntu', sans-serif !important; color: #08a3bb !important; margin-bottom: 0px !important; font-size: 20px !important; } div.mh-chat-profile-box .profile-subtitle { font-size: 11px !important; font-weight: 600 !important; line-height: 1.4 !important; margin-bottom: 25px !important; } /* ------------------------------------------------------------------------ */ /* Box-Styles /* ------------------------------------------------------------------------ */ .box.style-6 { border-radius: 0px !important; } .box.style-4 { border-radius: 30px 0px 30px 0px !important; color: #333333 !important; } .box.style-4 h2 { margin-bottom: 7px !important; } .iconbox.healthday { box-shadow: 0px 0px 5.3px rgba(0, 0, 0, 0.048), 0px 0px 17.9px rgba(0, 0, 0, 0.072), 0px 0px 80px rgba(0, 0, 0, 0.12) !important; border-radius: 30px 0px 30px 0px !important; } .iconbox.healthday i.boxicon { background: #88bf5b !important; } .iconbox.healthday a.button { background: #88bf5b !important; } .iconbox.healthday a.button:hover { background: #80b555 !important; } .iconbox.healthday h3 { font-size: 28px !important; } .iconbox.healthday h4 { font-size: 22px !important; } .iconbox.healthday ul.border-list li:after { border-color: #88bf5b !important; } .iconbox.healthday ul.border-list { margin: 50px 0px 50px 0px !important; } .imagebox { background: #ffffff !important; color: #333333 !important; border-radius: 0px !important; padding: 20px 20px 20px 20px !important; border: 0px solid #e1e1e1 !important; box-shadow: 0 30px 30px 0 rgba(17,17,17,.05) !important; overflow: hidden; } .imagebox .imagebox-img { display: block; border-radius: 0px 0px 0px 0px !important; overflow: hidden; } /* Magazin /--------------------------------------------------------------- */ .magazin-row .wpb_wrapper { position: relative !important; width: 100% !important; max-width: 100% !important; /* Sicherstellen, dass nichts überläuft */ overflow: visible !important; min-height: 100vh !important; } /* Standard: 3 Spalten */ .magazin-row .box { position: absolute !important; transition: all 0.3s ease-in-out !important; box-sizing: border-box !important; /* Stellt sicher, dass padding/margin nicht die Breite vergrößert */ width: calc((100% / 3) - 20px) !important; /* Dynamische Berechnung, damit es exakt passt */ box-sizing: border-box !important; color: #333333 !important; box-shadow: 0 30px 30px 0 rgba(17, 17, 17, .05) !important; } .magazin-row .box h3 { font-weight: 600 !important; } /* 960px bis 1199px → 3 Spalten */ @media (max-width: 1199px) { .magazin-row .box { width: calc((100% / 3) - 20px) !important; } } /* 768px bis 959px → 2 Spalten */ @media (max-width: 959px) { .magazin-row .box { width: calc((100% / 2) - 20px) !important; } } /* 480px bis 767px → 2 Spalten */ @media (max-width: 767px) { .magazin-row .box { width: calc((100% / 1) - 20px) !important; } } /* 0px bis 479px → 1 Spalte */ @media (max-width: 479px) { .magazin-row .box { width: 100% !important; } } /* .magazin-row .wpb_wrapper { display: flex !important; flex-wrap: wrap !important; flex-direction: row !important; gap: 40px !important; margin-left: 40px !important; } .magazin-row .box h3 { font-weight: 600 !important; } .magazin-row .box { width: calc(100% / 3 - 40px) !important; box-sizing: border-box !important; color: #333333 !important; box-shadow: 0 30px 30px 0 rgba(17, 17, 17, .05) !important; background: #ffffff !important; height: fit-content !important; margin-bottom: 0px !important; } */ .magazin-row .box p.quelle { font-size: 11px !important; } .magazin-row .box .su-lightbox { cursor: pointer !important; margin-bottom: 20px !important; display: inline-block !important; position: relative !important; } .magazin-row .box .su-lightbox:before { content:url('https://magic-horizons.com/wp-content/uploads/2025/02/magazin-play.svg') !important; position: absolute !important; width: 85px !important; height: 85px !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; } /* ------------------------------------------------------------------------ */ /* Video Overlay /* ------------------------------------------------------------------------ */ .mfp-bg { z-index: 999999 !important; } .mfp-wrap { z-index: 9999991 !important; } /* ------------------------------------------------------------------------ */ /* Image-Rows /* ------------------------------------------------------------------------ */ .image-row-1 { background-image: url(https://magic-horizons.com/wp-content/uploads/2019/06/mh-background-teaser-9.jpg); background-size: cover; background-repeat: no-repeat; background-color: #f2f9fb; padding-top: 220px; padding-bottom: 220px; } /* ------------------------------------------------------------------------ */ /* Contact Form /* ------------------------------------------------------------------------ */ .wpcf7-form .kontakt { border: 1px solid #08a3bb !important; border-radius: 0px !important; } .wpcf7-form .newsletter { border-top: 0px !important; border-right: 0px !important; border-bottom: 1px solid #ffffff !important; border-left: 0px !important; border-radius: 0px !important; background: transparent !important; color: #ffffff !important; display: inline-block !important; max-width: 200px !important; margin: 0px 20px 10px 0px !important; } span.label { font-size: 13px; font-family: 'Ubuntu', sans-serif; font-weight: 400; padding: 3px; background: #08a3bb; color: #ffffff; border-radius: 8px 0px 8px 0px; } div.wpcf7-mail-sent-ok, div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked, div.wpcf7-validation-errors { border-radius: 0px !important; font-size: 15px; font-family: 'Ubuntu', sans-serif; font-weight: 400 !important; } /* ------------------------------------------------------------------------ */ /* Blog /* ------------------------------------------------------------------------ */ .wp-show-posts-inner.wp-post-image { padding: 0px !important; } .wp-show-posts-read-more-2 { font-weight: 500; font-size: 18px; line-height: 1.5; font-style: normal; } .wp-show-posts-inner { border: #08a3bb solid 0px !important; box-shadow: 0 30px 30px 0 rgba(17,17,17,.05); background: #ffffff !important; padding: 0px 0px 20px 0px; } header.wp-show-posts-entry-header { padding: 0px 20px 0px 20px; } div.wp-show-posts-entry-summary { padding: 0px 20px 0px 20px; } div.wpsp-read-more { padding: 0px 20px 0px 20px; } div#comments { display: none !important; } div#author-info { display: none !important; } div.entry-title { display: none !important; } div.entry-meta { display: none !important; } /* ------------------------------------------------------------------------ */ /* General Styles /* ------------------------------------------------------------------------ */ /* Über uns */ .padding-box-team { padding: 70px 0px 70px 0px !important; } .box.box-team { background: #ffffff !important; color: #333333 !important; display: block; border-radius: 0px !important; padding: 100px 20px 40px 20px !important; border: 0px solid #e1e1e1 !important; box-shadow: 0 30px 30px 0 rgba(17,17,17,.05) !important; overflow: hidden; text-align: center !important; margin: auto !important; width: 80% !important; } .team-image-overlay { position: absolute !important; z-index: 99999 !important; margin-left: auto !important; margin-right: auto !important; left: 0 !important; right: 0 !important; top: -100px !important; width: 200px !important; height: auto !important; } body { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1.7; color: #777777; -webkit-font-smoothing: antialiased; } .wrapall{ margin: 0; padding: 0; background: #ffffff; min-width: 1200px; } html { overflow-y: scroll; /*overflow-x: hidden;*/ } img.scale-with-grid { max-width: 100%; height: auto; } .no-margin { margin: 0px 0px 0px 0px !important; } .inline-block { display: inline-block !important; } .min-height-header-image { min-height: 680px; vertical-align: center; } p:has(small) { line-height: 1.2 !important; } .min-height-header-image p:has(small) { bottom: -100px; position: absolute; color: #fff !important; text-align: center !important; width: 100%; } /* .min-height-header-image p:has(small) small { font-size: 17px !important; } */ #responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a { font-weight: 500; padding: 2px 0px 2px 15px; } img.team-home { width: 190px !important; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { display: inherit !important; } .image-teaser-b2b { padding: 100px 0px 100px 0px !important; } .image-teaser-relax { padding: 30px 0px 0px 0px !important; } .news-padding-bottom { padding-bottom: 40px !important; } /* Automatically Resize Images */ img { max-width: 100%; height: auto; } /* Theme Error Message */ .minti-error{ text-align: center; background: #FFF5F5; color: #990000; font-weight: 600; font-size: 16px; display: block; padding: 20px; } /* Blank Page Centering */ html, body, .page-template-page-blank-php #content, .page-template-page-blank-php #page-wrap{ height:100%; } .page-template-page-blank-php #page-wrap{ overflow: visible !important; } .table-outer{ display:table; height: 100%; width: 100%; } .table-inner{ display:table-cell; vertical-align:middle; } .vertical-center{ opacity: 0; } .nomargin { margin: 0px !important; } .button.cta { margin-top: auto ; line-height: 1 ; color: #ffffff ; font-size: 16px !important; background: #08a3bb !important; font-family: 'Ubuntu', sans-serif !important;; padding: 17px 23px 17px 23px; text-transform: none !important; border: none !important; border-radius: 15px 0px 15px 0px !important; font-weight: 500 !important; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; letter-spacing: normal !important; } .button.cta:hover { line-height: 1 !important; color: #ffffff !important; font-size: 16px !important; background: #0088b4 !important; font-family: 'Ubuntu', sans-serif !important;; padding: 17px 23px 17px 23px !important; text-transform: none !important; border: none !important; border-radius: 15px 0px 15px 0px !important; font-weight: 500 !important; letter-spacing: normal !important; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .button.cta.orange { margin-top: auto ; line-height: 1; letter-spacing: normal !important; color: #ffffff ; font-size: 16px !important; background: #ee7c1b !important; font-family: 'Ubuntu', sans-serif !important;; padding: 17px 23px 17px 23px !important; text-transform: none !important; border: none !important; border-radius: 15px 0px 15px 0px !important; font-weight: 500 !important; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .button.cta.orange:hover { background: #df7317 !important; padding: 17px 23px 17px 23px !important; } .button.cta.orange.outline { margin-top: auto ; line-height: 1; letter-spacing: normal !important; color: #ee7c1b; font-size: 16px !important; background: transparent !important; font-family: 'Ubuntu', sans-serif !important;; padding: 17px 23px 17px 23px !important; text-transform: none !important; border: 1px solid #ee7c1b !important; border-radius: 15px 0px 15px 0px !important; font-weight: 500 !important; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .button.cta.orange.outline:hover { background: #ee7c1b !important; padding: 17px 23px 17px 23px !important; color: #ffffff !important; border: 1px solid #ee7c1b !important; } .button { margin-top: auto ; line-height: 1 ; color: #ffffff ; font-size: 13px; background: #08a3bb !important; font-family: 'Ubuntu', sans-serif !important;; padding: 14px 20px 14px 20px; text-transform: none !important; border: none !important; border-radius: 15px 0px 15px 0px !important; font-weight: 500 !important; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; letter-spacing: normal !important; } .button:hover { line-height: 1 !important; color: #ffffff !important; font-size: 13px !important; background: #0088b4 !important; font-family: 'Ubuntu', sans-serif !important;; padding: 14px 20px 14px 20px !important;; text-transform: none !important; border: none !important; border-radius: 15px 0px 15px 0px !important; font-weight: 500 !important; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; letter-spacing: normal !important; } .button.outline { margin-top: auto; background: transparent !important; border: 1px solid #08a3bb !important; color: #08a3bb !important; } .button.outline:hover { line-height: 1 !important; color: #ffffff !important; font-size: 13px !important; background: #0088b4 !important; font-family: 'Ubuntu', sans-serif !important;; padding: 14px 20px 14px 20px !important;; text-transform: none !important; border: none !important; border-radius: 15px 0px 15px 0px !important; font-weight: 500 !important; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; letter-spacing: normal !important; } .button.button-white { line-height: 1 !important; font-size: 13px !important; background: #ffffff !important; color: #08a3bb !important; padding: 14px 20px 14px 20px; text-transform: none !important; border: 1px solid #ffffff !important; border-radius: 15px 0px 15px 0px !important; font-weight: 500 !important; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; letter-spacing: normal !important; } .button.button-white:hover { line-height: 1 !important; font-size: 13px !important; background: transparent !important; color: #ffffff !important; padding: 14px 20px 14px 20px; text-transform: none !important; border: 1px solid #ffffff !important; border-radius: 15px 0px 15px 0px !important; font-weight: 500 !important; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; letter-spacing: normal !important; } .owl-theme .owl-dots .owl-dot span { width: 13px !important; height: 13px !important; border: 0px solid #08a3bb !important; border-radius: 0px 0px 0px 0px !important; background: #08a3bb !important; display: block; } .owl-theme .owl-controls .owl-nav .owl-prev::after { font-family: "FontAwesome" !important; font-size: 30px !important; height: 30px !important; line-height: 20px !important; display: block !important; content: '\f104' !important; color: #08a3bb !important; } .owl-theme .owl-controls .owl-nav .owl-next::after { font-family: "FontAwesome" !important; font-size: 30px !important; height: 30px !important; line-height: 20px !important; display: block !important; content: '\f105' !important; color: #08a3bb !important; } div.socialmedia { margin: 0px 0px 0px 0px !important; } div.language { margin: 0px 0px 25px 0px !important; } .margin-bottom-25 { margin: 0px 0px 25px 0px !important; } div.page-title { border: 0px solid #ffffff; border-radius: 70px 0px 70px 0px; padding: 40px 40px 40px 40px; background: rgba(8, 163, 187, 0); } /* ------------------------------------------------------------------------ */ /* Carousel Slider /* ------------------------------------------------------------------------ */ .minti_carousel .wpb_content_element { margin-bottom: 0px !important; padding: 0px !important; } .owl-carousel .owl-item { text-align: center !important; } .owl-carousel { padding: 30px 0px 50px 0px !important; } /* ------------------------------------------------------------------------ */ /* Divs /* ------------------------------------------------------------------------ */ div.bubble1 { position: relative; padding: 20px; background: #08a3bb; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; box-shadow: 0 30px 30px 0 rgba(17,17,17,.05); } div.bubble1:after { content: ''; position: absolute; border-style: solid; border-width: 0 15px 15px; border-color: #08a3bb transparent; display: block; width: 0; z-index: 1; top: -15px; left: 100px; } div.bubble2 { position: relative; padding: 20px; background: #ffffff; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; box-shadow: 0 30px 30px 0 rgba(17,17,17,.05); } div.bubble2:after { content: ''; position: absolute; border-style: solid; border-width: 0 15px 15px; border-color: #ffffff transparent; display: block; width: 0; z-index: 1; top: -15px; left: 100px; } div.testimonials-image { width: 170px; float:left; padding: 0px 20px 0px 0px; height: 200px !important; } div.testimonials-quote{ } ul.team { list-style: square inside !important; margin: 0px !important; } .flex-direction-column { flex-direction: column !important; } .wpb_wrapper { flex-direction: column !important; } /* ------------------------------------------------------------------------ */ /* Navigation (Header V1) /* ------------------------------------------------------------------------ */ /* General Header /------------------------------------------------ */ #header { box-shadow: none !important; background: #ffffff !important; } #header #navigation > ul > li > a { text-transform: none !important; font-size: 18px !important; font-weight: 500 !important; font-family: 'Nunito Sans', sans-serif !important; } #navigation > ul > li > a { color: #333333; } #navigation > ul > li > a:hover { color: #08a3bb !important; } .header-v1 #navigation { padding-right: 40px !important; } .header-v1 .logo { margin-top: 15px !important; } .logo_standard { height: 60px !important; } .logo_transparent { height: 60px !important; } /* Background Header /--------------------------------------------- */ #header.header-v1 { background: rgba(255, 255, 255, 1) !important; } /* Transparent Header /-------------------------------------------- */ #header.header-transparent.darkheader.header-v1 #navigation > ul > li > a { color: #333333; } #header.header-transparent.darkheader.header-v1 #navigation > ul > li > a:hover { color: #08a3bb !important; } #header.header-transparent.darkheader.header-v1 #navigation > ul > li > a:focus { color: #08a3bb !important; } #header.header-transparent.darkheader.header-v1 #navigation > ul > li > a:active { color: #08a3bb !important; } #header.header-transparent.darkheader.header-v1 { box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0) !important; background: rgba(0,0,0,0.5) !important; background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 100%) !important; background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.5)), color-stop(100%, rgba(255,255,255,0))) !important; background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 100%) !important; background: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 100%) !important; background: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 100%) !important; background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 100%) !important; } /* ------------------------------------------------------------------------ */ /* Typography /* ------------------------------------------------------------------------ */ h1, h2, h3, h4, h5, h6 { color: #333333; font-weight: 300; margin: 0 0 20px 0; padding: 0; line-height: 1.4; font-family: 'Ubuntu', sans-serif !important; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit } h1 { font-size: 30px !important; } h2 { font-size: 26px !important; } h3 { font-size: 22px !important; } h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 12px; } .highlight { color: #44bdbd; } p { font-weight: 500; font-size: 18px; line-height: 1.5; font-style: normal; margin: 0px 0px 20px 0px; font-family: 'Nunito Sans', sans-serif; } p img { margin: 0 } h1.header-image { font-size: 40px !important; font-family: 'Ubuntu', sans-serif !important; line-height: 1.2 !important; text-shadow: 0px 0px 7px rgba(0, 0, 0, 1); font-weight: 500 !important; } h1.header-image-start { font-size: 40px !important; font-family: 'Ubuntu', sans-serif !important; line-height: 1.2 !important; font-weight: 500 !important; } h2.header-image-start { font-size: 35px !important; font-family: 'Ubuntu', sans-serif !important; line-height: 1.2 !important; /*text-shadow: 0px 0px 7px rgba(0, 0, 0, 1);*/ } p.stringline { font-size: 20px !important; line-height: 1.6 !important; font-weight: 400 !important; font-family: 'Ubuntu', sans-serif !important; margin-bottom: 5px !important; } p.stringline-2 { font-size: 24px !important; line-height: 1.6 !important; font-weight: 400 !important; font-family: 'Ubuntu', sans-serif !important; margin-bottom: 5px !important; } .text-shadow { text-shadow: 0px 0px 10px rgba(0, 0, 0, 1), 0px 0px 10px rgb(0, 0, 0, 1), 0px 0px 10px rgb(0, 0, 0, 1); } p.team-name { color: #333333 !important; font-size: 22px !important; margin: 0px !important; } p.name-testimonials { color: #08a3bb !important; font-size: 19px !important; margin-bottom: 10px !important; } p.team-title { color: #08a3bb !important; } p.quote1 { font-size: 23px; text-align: left; color: #08a3bb; line-height: 1.3; } p.quote2 { font-size: 18px; text-align: left; color: #08a3bb; font-weight: 700 !important; } .quotebox { background: transparent !important; background-repeat: no-repeat !important; border: none !important; background-opacity: 0.5 !important; display: inline-block !important; } .black { color: #333333; } .orange { color: #ee7c1b; } .blue { color: #08a3bb; } .white { color: #ffffff; } .white:hover { color: #ffffff; } em { font-style: italic } b, strong { font-weight: 700 } p strong{ font-weight: 700; } p b{ font-weight: 600; } small { font-size: 80% } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } pre { height: auto; font-family: Consolas, monospace; border: 1px solid #e2e2e2; background: #f9f9f9; padding: 20px 20px; border-radius: 3px; margin: 0 0 20px 0; overflow-x:auto; box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.05); } .hidden { display: none !important } abbr { } address, cite, em, i { font-style: italic } dfn { border-bottom: 1px dashed; font-style: italic; } small, sub, sup { position: relative; font-size: 12px; vertical-align: baseline; } sub { top: 3px } sup { bottom: 3px } mark{ display: inline; padding: 2px 4px; background-color: #f6f2d6; color:#7c6d08; border-radius: 3px; } mark.dark{ background-color: #333; color: #ffffff; } ::selection { background: #333333; color: #ffffff; } ::-moz-selection { background: #333333; color: #ffffff; } /* Links /--------------------------------------------------------- */ a { color: #44bdbd; text-decoration: none; outline: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } a i.fa{ /*font-size: inherit;*/ font-weight: 400 !important; } a strong{ color: inherit; } a.press-lang { text-decoration: underline !important; } #responsive-menu-pro-additional-content a.language { font-size: 15px !important; color: #ffffff !important; font-weight: 500 !important; padding: 5px !important; border-radius: 8px 0px 8px 0px !important; -webkit-transition: ease-in-out background 0.2s; -moz-transition: ease-in-out background 0.2s; -o-transition: ease-in-out background 0.2s; transition: ease-in-out background 0.2s; } #responsive-menu-pro-additional-content a.language:hover { background: #0088b4 !important; color: #ffffff !important; } #responsive-menu-pro-additional-content a.language:active { background: #0088b4 !important; color: #ffffff !important; } a.footer { color: #888888 !important; border-radius: 8px 0px 8px 0px !important; -webkit-transition: ease-in-out background 0.2s; -moz-transition: ease-in-out background 0.2s; -o-transition: ease-in-out background 0.2s; transition: ease-in-out background 0.2s; } a.footer:hover { color: #08a3bb !important; } /* Transisiton for Links */ .post .entry-quote a, a.button, .post a, .widget_tag_cloud a, #related-posts ul li a, button, input[type=submit], #back-to-top a, .portfolio-item a, #filters a, .widget_product_tag_cloud a, #footer li a, .entry-meta a, .social-icon a, #footer .widget ul li:after, #footer .widget a, #copyright a, #bbpress-forums a, .portfolio a, .portfolio-filters a, .entry-quote a .quote-source, .sharebox ul li a, #cancel-comment-reply-link, .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a, .product_meta a, .widget a, .wpb_text_column p a, .latest-blog .blog-item h4 a, .wpb_content_element a, .product-remove a, .woocommerce a, #mobile-navigation-btn, #mobile-shopping-btn, #topbar a, .minti_button, .minti_button i, .iconbox p a{ -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } a:hover { color: #666666 } p a{ line-height: inherit } /* Lists /--------------------------------------------------------- */ ul, ol { margin-bottom: 20px; font-family: 'Nunito Sans', sans-serif !important;} ul { list-style: none outside } ol, ul { margin-left: 20px } ol { list-style: decimal } ul { list-style: square outside } ul li ul, ol li ul, ol li ul, ol li ol { margin-bottom: 0; font-family: 'Nunito Sans', sans-serif !important; } /* ------------------------------------------------------------------------ */ /* Forms /* ------------------------------------------------------------------------ */ form, fieldset { } /* Reset iPad / iPhone Button Styling */ button, input[type=submit] { -webkit-appearance: none; /*Safari/Chrome*/ -webkit-border-radius: 2px; } input[type="text"], input[type="password"], input[type="email"], textarea{ -webkit-appearance: none; /*Safari/Chrome*/ } input, textarea{ -webkit-border-radius: 2px; } input::-ms-clear { width : 0; height: 0; } input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="date"], textarea{ /*-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;*/ padding: 10px 12px; outline: none !important; border-radius: 0px; font-family: 'Nunito Sans', sans-serif !important; -webkit-font-smoothing: antialiased; font-size: 13px; margin: 0 0 20px 0; width: 200px; max-width: 100%; display: block; color: #999; line-height: 1.6; border: 1px solid #08a3bb !important; background: #ffffff; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus { color: #666666; background: #ffffff; outline: none !important; border-color: #999999; } textarea { min-height: 60px } /*select { display: block; padding: 10px 12px; outline: none !important; border-radius: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.6; color: #666; margin: 0; max-width: 100%; color: #999; border: 1px solid #dddddd; background: #ffffff !important; }*/ select#lang_choice_polylang-2 { border-radius: 5px !important; background: transparent !important; border: 1px solid #888888 !important; border-radius: 15px 0px 15px 0px !important; line-height: 1 !important; font-size: 13px !important; font-family: 'Ubuntu', sans-serif !important; font-weight: 500 !important; color: #888888 !important; padding: 12px 16px 12px 16px !important; } select#lang_choice_polylang-2:hover { border: 1px solid #ffffff !important; color: #ffffff !important; } select#lang_choice_polylang-2::before { font-family: FontAwesome !important; content: "\f0ac" !important; } select{ color: #666666; /* needed */ -webkit-appearance: none; -moz-appearance: none; appearance: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; padding: 8px 2rem 8px 12px; outline: none !important; /* SVG background image */ background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20448%22%20enable-background%3D%22new%200%200%20256%20448%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.arrow%7Bfill%3A%2308a3bb%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22arrow%22%20d%3D%22M255.9%20168c0-4.2-1.6-7.9-4.8-11.2-3.2-3.2-6.9-4.8-11.2-4.8H16c-4.2%200-7.9%201.6-11.2%204.8S0%20163.8%200%20168c0%204.4%201.6%208.2%204.8%2011.4l112%20112c3.1%203.1%206.8%204.6%2011.2%204.6%204.4%200%208.2-1.5%2011.4-4.6l112-112c3-3.2%204.5-7%204.5-11.4z%22%2F%3E%3C%2Fsvg%3E%0A); background-position: right 10px center; background-repeat: no-repeat; background-size: auto 40%; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 2px; font-family: inherit; font-size: inherit; line-height: inherit; font-weight: normal; transition: all 0.2s; cursor: pointer; } select:focus{ border-color: #999999; } select::-ms-expand { display: none; } label, legend { cursor: pointer; display: block; } label span, legend span { font-weight: 600 } button, input[type="submit"], input[type="reset"], input[type="button"]{ cursor: pointer; outline: none !important; -webkit-font-smoothing: antialiased; } /* ------------------------------------------------------------------------ */ /* Respnosive Menu Pro /* ------------------------------------------------------------------------ */ #responsive-menu-pro-button { border-radius: 15px 0px 15px 0px !important; } .responsive-menu-pro-inner, .responsive-menu-pro-inner::before, .responsive-menu-pro-inner::after { border-radius: 0px !important; } .responsive-menu-pro-open button#responsive-menu-pro-button { transition: transform 0.5s, background-color 0.5s !important; } #responsive-menu-pro-mask { width:100% !important; height: 100% !important; pointer-events: none !important; } .responsive-menu-pro-open #responsive-menu-pro-mask { pointer-events: initial !important; } #responsive-menu-pro-container li.responsive-menu-pro-item:nth-last-child(3):before { content: "" !important; height: 1px !important; width: 40px !important; display: block !important; background: #6cc5d2 !important; margin: 30px 0px 30px 15px !important; padding-right: 20px !important; } /* ------------------------------------------------------------------------ */ /* Boxed Layout /* ------------------------------------------------------------------------ */ .boxed-layout { width: 1240px; padding: 0; margin: 0px auto !important; background: #ffffff; box-shadow: 0px 0px 10px rgba(0,0,0,0.15); overflow: hidden; } /* Left - Right Shadow Shine fix for Boxed Layout Mode */ .boxed-layout #header { width: 1240px; box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.15); } /* ------------------------------------------------------------------------ */ /* Topbar /* ------------------------------------------------------------------------ */ #topbar{ position: relative; z-index: 99999; background: #f9f9f9; color: #777777; min-height: 40px; line-height: 40px; } #topbar .topbar-col1{ float: left; margin: 0; padding: 0; } #topbar .topbar-col2{ float: right; margin: 0; padding: 0; } #topbar ul.menu{ margin: 0; padding: 0; list-style: none; } #topbar ul.menu li{ list-style: none; display: inline-block; line-height: 1; margin: 0 20px 0 0; } #topbar ul.menu li a{ display: inline-block; } #topbar .topbar-col2 ul.menu li{ margin: 0 0 0 20px; } #topbar a{ color: #999999; } #topbar a:hover{ color: #333333; } /* ------------------------------------------------------------------------ */ /* Navigation Basic /* ------------------------------------------------------------------------ */ #header.header-transparent.darkheader.header-v1 #navigation > ul > li.lang-item > a { color: #08a3bb !important; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } #header.header-transparent.darkheader.header-v1 #navigation > ul > li.lang-item > a:hover { color: rgba(0, 136, 180, 1) !important; } #header.header-transparent.darkheader.header-v1 #navigation > ul > li.lang-item a:hover:before { color: rgba(0, 136, 180, 1) !important; } .lang-item a:before { font-family: "vc_material" !important; content: "\e894" !important; margin-right: 5px !important; color: #08a3bb !important; font-weight: normal !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } #header.header-transparent.darkheader.header-v1 #navigation > ul > li.sticky-item > a { color: #ee7c1b !important; } #header.header-transparent.darkheader.header-v1 #navigation > ul > li.sticky-item > a:hover { color: #df7317 !important; } #header.header-transparent.darkheader.header-v1 #navigation > ul > li.sticky-item { background: #ffffff !important; } .element-is-sticky { top: 25px !important; background: #ee7c1b !important; color: #ffffff !important; padding: 14.5px 10px !important; width: auto !important; border-radius: 15px 0px 15px 0px !important; box-shadow: 0 10px 20px 0 rgba(17,17,17,.07) !important; margin-left: 90px !important; -webkit-transition: all 0.2s !important; -moz-transition: all 0.2s !important; -ms-transition: all 0.2s !important; -o-transition: all 0.2s !important; transition: all 0.2s !important; } .element-is-sticky:hover { background: #df7317 !important; } #header.header-transparent.darkheader.header-v1 #navigation > ul > li.sticky-item > a.element-is-sticky { color: #ffffff !important; font-family: 'Ubuntu', sans-serif !important; font-size: 16px !important; line-height: 1 !important; font-weight: 500 !important; } #header.header-transparent.darkheader.header-v1 #navigation > ul > li.sticky-item > a.element-is-sticky:hover { color: #ffffff !important; } #navigation ul { margin: 0; list-style: none; } #navigation ul li { margin: 0; padding: 0; display: block; float: left; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } #navigation ul li a { padding: 0; margin: 0; display: block; font-size: 13px; line-height: 1.3; color: #555555; text-align: center; -webkit-transition: color 0.1s; -moz-transition: color 0.1s; -ms-transition: color 0.1s; -o-transition: color 0.1s; transition: color 0.1s; } #navigation > ul > li > a{ font-weight: 700; } #navigation ul > li:hover > a, #navigation ul li a:hover { color: #44bdbd; } /* Active Status */ #navigation li.current-menu-item > a, #navigation li.current-menu-item > a:hover, #navigation li.current-page-ancestor > a, #navigation li.current-page-ancestor > a:hover, #navigation li.current-menu-ancestor > a, #navigation li.current-menu-ancestor > a:hover, #navigation li.current-menu-parent > a, #navigation li.current-menu-parent > a:hover, #navigation li.current_page_ancestor > a, #navigation li.current_page_ancestor > a:hover, #navigation > ul > li.sfHover > a { color: #44bdbd; } #navigation ul li ul li.sfHover > a{ color: #ffffff; } /* Submenu /--------------------------------------------------------- */ #navigation .sub-menu{ width:200px; padding:0; margin: 0; position: absolute; left: 0px; background: #666666; border:none; z-index: 200; border-radius: 0px 0px 2px 2px; /* box-shadow:1px 1px 3px 0px rgba(0, 0, 0, 0.1);*/ display: none; } #navigation .sub-menu li{ float: none; border: none; margin: 0px 10px; padding: 0; height: auto; position: relative; } #navigation .sub-menu li a{ display: block; text-align: left; color: #bbbbbb; text-transform: none; padding:10px 6px; margin:0; border: none; border-bottom:1px solid #757575; } #navigation .sub-menu > li:last-child > a{ border: none !important; } #navigation .sub-menu li:hover{ border: none; } #navigation .sub-menu li a:hover{ color: #ffffff; } #navigation .sub-menu li.current-menu-item > a, #navigation .sub-menu li.current-menu-item > a:hover, #navigation .sub-menu li.current-page-ancestor > a, #navigation .sub-menu li.current-page-ancestor > a:hover, #navigation .sub-menu li.current-menu-ancestor > a, #navigation .sub-menu li.current-menu-ancestor > a:hover, #navigation .sub-menu li.current-menu-parent > a, #navigation .sub-menu li.current-menu-parent > a:hover, #navigation .sub-menu li.current_page_ancestor > a, #navigation .sub-menu li.current_page_ancestor > a:hover{ color: #ffffff; } /* Submenu - 2nd Level /--------------------------------------------------------- */ #navigation .sub-menu ul{ position: absolute; left: 202px; margin: 0 0 0 -10px; top: 0; border-radius: 2px; } #navigation .sub-menu ul li a{ display: block; text-align: left; color: #bbbbbb; text-transform: none; padding:10px 6px; margin:0; border: none; border-bottom:1px solid rgba(255, 255, 255, 0.1) !important; } #navigation ul li ul li.current-menu-item > a{ color: #44bdbd; } /* Megamenu /--------------------------------------------------------- */ #navigation ul li.megamenu{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #navigation > ul > li.megamenu { position: inherit !important; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #navigation > ul > li.megamenu > ul.sub-menu { width: 1160px; left: 0px; right: 0px; padding: 20px 0px 20px 0; margin: 0 20px 0 20px; background-color: #666666; } #navigation > ul > li.megamenu > ul > li { float: left !important; padding: 0px 0px; width: 25%; margin: 0; } #navigation > ul > li.megamenu > ul > li:last-child { border-right: none !important; } #navigation ul > li.megamenu.columns-2 > ul > li { width: 50%; } #navigation ul > li.megamenu.columns-3 > ul > li { width: 33.33%; } #navigation ul > li.megamenu.columns-4 > ul > li { width: 25%; } #navigation ul > li.megamenu.columns-5 > ul > li { width: 20%; } #navigation ul > li.megamenu.columns-6 > ul > li { width: 16.66%; } .megamenu li.hiddentitle > a{ display: none !important; } #navigation > ul > li.megamenu > ul > li ul { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block !important; top: 0px !important; left: 0px !important; margin: 0; width: 100%; opacity: 1 !important; position: relative !important; border: none; border-radius: none; box-shadow: none; } #navigation > ul > li.megamenu > ul > li { border-right: 1px solid rgba(255, 255, 255, 0.1) !important; } #navigation > ul > li.megamenu ul li a { border-bottom: none!important; padding: 8px 40px; color: #ffffff; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s; } #navigation > ul > li.megamenu > ul > li > a { text-transform: uppercase; margin-bottom: 10px; font-weight: 700; color:#ffffff; cursor: default; } #navigation > ul > li.megamenu > ul ul li a:hover, #navigation > ul > li.megamenu > ul ul li.current-menu-item a { color: #ffffff !important; background-color: #555555 !important; border: none !important; } #navigation > ul > li.megamenu > ul > li > a:hover, #navigation > ul > li.megamenu > ul > li.sfHover > a { background-color: transparent !important; } #navigation ul li.megamenu ul li ul li{ margin: 0; padding: 0; } /* Sub-Menu Arrows /--------------------------------------------------------- */ .sf-arrows .sf-with-ul:after { content: ''; position: absolute; top: 50%; right: 10px; font-size: 10px; margin-top:-7px; content: '\f054'; font-family: 'FontAwesome'; } #navigation .megamenu .sf-with-ul:after, #navigation > ul > li > a.sf-with-ul:after{ display: none !important; } #navigation > ul > li > a.sf-with-ul:after{ content: ''; position: absolute; top: 50%; margin-top: -5px; right: 6px; font-size: 11px; content: '\f107'; font-family: 'FontAwesome'; display: none !important; } /* ------------------------------------------------------------------------ */ /* Header Basic /* ------------------------------------------------------------------------ */ #header { position: relative; background-color: #ffffff; width: 100%; z-index:8000; box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.16); -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -ms-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; } .logo{ font-size: 24px; line-height: 20px; font-weight: 600; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .logo img { max-width: 100%; height: auto; } #slogan{ float: right; margin-top: 20px; } /* ------------------------------------------------------------------------ */ /* Header V1 /* ------------------------------------------------------------------------ */ .header-v1 #header { height: 90px; } .header-v1 .logo { float: left; margin-top:33px; margin-bottom: 0; } .header-v1 #navigation{ float: right; } .header-v1 #navigation > ul { float: right; margin: 0 5px 0 0; } .header-v1 #navigation > ul > li{ height:90px; padding-top: 35px; } .header-v1 #navigation > ul > li > a { padding-left: 15px; padding-right: 15px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .header-v1 #navigation .sub-menu{ top: 90px; } .header-v1 #shopping-btn{ float: right; line-height: 90px; margin: 0 0 0 20px; width: 21px; } .header-v1 #search-btn{ float: right; line-height: 90px; margin: 0 0 0 20px; width: 23px; } /* ------------------------------------------------------------------------ */ /* Header V3 /* ------------------------------------------------------------------------ */ .header-v3 .logo { float: left; margin-top:30px; margin-bottom: 30px; } .header-v3 #navigation > ul { margin: 0 5px 0 0; } .header-v3 #navigation > ul > li > a { padding: 20px 30px 20px 0; } .header-v3 .navigation-wrap{ position: relative; background: #ffffff; border-top: 1px solid #efefef; } .header-v3 #navigation{ float: left; } .header-v3 #shopping-btn{ float: right; margin: 21px 0 0 0; padding-right: 3px; line-height: 1; } .header-v3 #search-btn{ float: right; margin: 11px 0 0 20px; } /* ------------------------------------------------------------------------ */ /* Header V4 /* ------------------------------------------------------------------------ */ .header-v4 .logo { float: none; text-align: center; margin-top:30px; margin-bottom: 30px; } .header-v4 #navigation{ float: none; display: inline; text-align: center; } .header-v4 #navigation > ul { margin: 0; } .header-v4 #navigation > ul > li { float: none; display: inline-block; text-align: center; } .header-v4 #navigation > ul > li > a { padding: 20px 15px 20px 15px; } .header-v4 .navigation-wrap{ background: #ffffff; border-top: 1px solid #efefef; } /* ------------------------------------------------------------------------ */ /* Header V5 /* ------------------------------------------------------------------------ */ .header-wide-container{ padding: 0 40px; } .header-wide-container #navigation > ul > li.megamenu > ul.sub-menu { width: 97%; margin: 0 1.5%; } /* ------------------------------------------------------------------------ */ /* Mobile Navigation /* ------------------------------------------------------------------------ */ #mobile-header{ display: none; position: relative; background-color: #ffffff; height: 90px; width: 100%; z-index:8000; box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } #mobile-header .logo{ margin-top:15px !important;; margin-bottom:15px !important; float: left; } #mobile-navigation-btn{ display: none; float: right; font-size: 21px; line-height: 90px; margin-top: 0px; color: #cccccc; } #mobile-navigation-btn:hover{ color: #999999; } #mobile-shopping-btn{ float: right; line-height: 90px; margin: 2px 20px -3px 0; font-size: 18px; width: 21px; color: #999999; } #mobile-shopping-btn:hover{ color: #555555; } #mobile-navigation{ background: #666666; padding: 0px 0; position: relative; margin: 0; z-index: 1001; display: none; } #mobile-navigation .container ul{ list-style: none; margin: 16px 0 30px 0; } #mobile-navigation .container ul li ul{ margin: 0 0 0 30px; display: none; } #mobile-navigation .container > ul > li:last-child a{ border-bottom: 0px; } #mobile-navigation ul li a{ border-bottom:1px solid rgba(255, 255, 255, 0.1) !important; color: #bbbbbb; display: block; position: relative; padding: 12px 0 !important; } #mobile-navigation ul li a:hover, #mobile-navigation ul li a:hover [class^="fa-"], #mobile-navigation li.open > a, #mobile-navigation ul li.current-menu-item > a, #mobile-navigation ul li.current-menu-ancestor > a{ color: #ffffff; } body #mobile-navigation li.open > a [class^="fa-"]{ color: #ffffff; } #mobile-navigation ul li i{ display: block; padding: 10px 6px 10px 40px; float: right; margin: -7px 0 0 0; font-size: 14px; } /* Mobile Search /--------------------------------------------------------- */ #mobile-navigation form{ position: relative; background: #444444; padding: 0px 12px 0px 37px; margin: 0 0 32px 0; border: none; border-radius: 2px 2px 2px 2px; } #mobile-navigation form input{ width: 100%; padding: 12px 0; margin: 0; background: #444444; border: none; border-radius: none; box-shadow: none; color: #cccccc; -webkit-font-smoothing: antialiased; } #mobile-navigation form:before{ position: absolute; top: 7px; left: 12px; font-size: 16px; color: #999999; content: '\f002'; font-family: 'FontAwesome'; } /* Header Buttons & Header Search /--------------------------------------------------------- */ .header-icons{ float: right; } .header-icons-divider{ height: 30px; line-height: 90px; width: 1px; float: left; background: #efefef; position: absolute; top: 50%; margin-top: -17px; display: block; } #search-btn{ font-size: 23px; color: #bbbbbb; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #search-btn:hover{ color: #999999; } #shopping-btn{ position: relative; font-size: 18px; color: #999999; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #shopping-btn:hover{ color: #555555; } #shopping-btn span{ display: block; position: absolute; top: 50%; margin-top:-18px; right: -7px; height: 16px; width: 16px; line-height: 16px; font-size: 11px; font-weight: 700; text-align: center; border-radius: 50%; background: #44bdbd; color: #ffffff; } #search-top{ position: absolute; top: 0; left: 0; height: 90px; width: 1160px; margin: 0 20px; padding: 0; display: none; } .header-wide-container #search-top{ width: 100%; margin: 0; padding: 0 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #search-top input{ float: left; margin: 0px; width: 96%; height: 90px; padding: 0px; border: 0; background: transparent; color: #666666; font-size: 38px; font-family: Arial, Helvetica, sans-serif; font-weight: 300; border-radius: none; box-shadow: none; -webkit-font-smoothing: antialiased; } #search-top input::-webkit-input-placeholder{ color: #666666; opacity: 0.6; } #search-top input:-moz-placeholder{ color: #666666; opacity: 0.6; } #search-top input::-moz-placeholder{ color: #666666; opacity: 0.6; } #search-top input:-ms-input-placeholder{color: #666666; opacity: 0.6; } #search-top input:focus{ outline: none; } #close-search-btn{ float: right; line-height: 90px; margin: 0; padding: 0; font-size: 21px; color: #bbbbbb; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #close-search-btn i{ line-height: 1; } #close-search-btn:hover{ color:#999999; } /* ------------------------------------------------------------------------ */ /* Header Transparent /* ------------------------------------------------------------------------ */ #header.header-transparent.header-v1{ background-position: top center !important; box-shadow:inset 0 -1px 0 0 rgba(255,255,255,0.2) !important; } #header.header-transparent.header-v1 #navigation > ul > li > a{ color: rgba(255,255,255,0.8); -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } #header.header-transparent.header-v1 #navigation > ul > li:hover > a, #header.header-transparent.header-v1 #navigation > ul > li > a:hover { color: rgba(255,255,255,1); } #header.header-transparent.header-v1 #search-btn, #header.header-transparent.header-v1 #shopping-btn, #header.header-transparent.header-v1 #close-search-btn, #header.header-transparent.header-v1 #mobile-navigation-btn, #header.header-transparent.header-v1 #mobile-cart-btn { color: rgba(255,255,255,0.8); } #header.header-transparent.header-v1 #search-btn:hover, #header.header-transparent.header-v1 #shopping-btn:hover, #header.header-transparent.header-v1 #close-search-btn:hover, #header.header-transparent.header-v1 #mobile-navigation-btn:hover, #header.header-transparent.header-v1 #mobile-cart-btn:hover { color: rgba(255,255,255,1); } #header.header-transparent.header-v1 .header-icons-divider{ background: rgba(255,255,255,0.2); } #header.header-transparent.header-v1 #search-top input{ color: #ffffff; } #header.header-transparent.header-v1 #search-top input::-webkit-input-placeholder{ color: rgba(255,255,255,0.8); } #header.header-transparent.header-v1 #search-top input:-moz-placeholder{ color: rgba(255,255,255,0.8); } #header.header-transparent.header-v1 #search-top input::-moz-placeholder{ color: rgba(255,255,255,0.8); } #header.header-transparent.header-v1 #search-top input:-ms-input-placeholder{color: rgba(255,255,255,0.8); } /*#header.header-transparent.header-v1 #navigation > ul > li.current-menu-item > a, #header.header-transparent.header-v1 #navigation > ul > li.current-menu-item > a:hover, #header.header-transparent.header-v1 #navigation > ul > li.current-page-ancestor > a, #header.header-transparent.header-v1 #navigation > ul > li.current-page-ancestor > a:hover, #header.header-transparent.header-v1 #navigation > ul > li.current-menu-ancestor > a, #header.header-transparent.header-v1 #navigation > ul > li.current-menu-ancestor > a:hover, #header.header-transparent.header-v1 #navigation > ul > li.current-menu-parent > a, #header.header-transparent.header-v1 #navigation > ul > li.current-menu-parent > a:hover, #header.header-transparent.header-v1 #navigation > ul > li.current_page_ancestor > a, #header.header-transparent.header-v1 #navigation > ul > li.current_page_ancestor > a:hover, #header.header-transparent.header-v1 #navigation > ul > li.sfHover > a { color: rgba(255,255,255,1) !important; }*/ /* Negative margin on Page Wrap */ #header.header-transparent, .header-is-transparent #mobile-header{ position: absolute; } .header-is-transparent #mobile-navigation{ top: 90px; } /* Negative margin on Page Wrap */ #page-wrap{ position: relative; clear: both; float: none; } /* Dark Header Class --------------- */ #header.header-transparent.darkheader.header-v1{ background-position: top center !important; background: #ffffff !important; box-shadow:inset 0 -1px 0 0 rgba(0,0,0,0) !important; } #header.header-transparent.darkheader.header-v1 #navigation > ul > li > a{ color: #333333; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } #header.header-transparent.darkheader.header-v1 #navigation > ul > li:hover > a, #header.header-transparent.darkheader.header-v1 #navigation > ul > li > a:hover { color: #08a3bb; } #header.header-transparent.darkheader.header-v1 #search-btn, #header.header-transparent.darkheader.header-v1 #shopping-btn, #header.header-transparent.darkheader.header-v1 #close-search-btn, #header.header-transparent.darkheader.header-v1 #mobile-navigation-btn, #header.header-transparent.darkheader.header-v1 #mobile-cart-btn { color: rgba(0,0,0,0.4); } #header.header-transparent.darkheader.header-v1 #search-btn:hover, #header.header-transparent.darkheader.header-v1 #shopping-btn:hover, #header.header-transparent.darkheader.header-v1 #close-search-btn:hover, #header.header-transparent.darkheader.header-v1 #mobile-navigation-btn:hover, #header.header-transparent.darkheader.header-v1 #mobile-cart-btn:hover { color: rgba(0,0,0,0.8); } #header.header-transparent.darkheader.header-v1 .header-icons-divider{ background: rgba(0,0,0,0.1); } #header.header-transparent.darkheader.header-v1 #search-top input{ color: rgba(0,0,0,0.8); } #header.header-transparent.darkheader.header-v1 #search-top input::-webkit-input-placeholder{ color: #111111; opacity: 0.5; } #header.header-transparent.darkheader.header-v1 #search-top input:-moz-placeholder{ color: #111111; opacity: 0.5; } #header.header-transparent.darkheader.header-v1 #search-top input::-moz-placeholder{ color: #111111; opacity: 0.5; } #header.header-transparent.darkheader.header-v1 #search-top input:-ms-input-placeholder{color: #111111; opacity: 0.5; } /*#header.header-transparent.darkheader.header-v1 #navigation > ul > li.current-menu-item > a, #header.header-transparent.darkheader.header-v1 #navigation > ul > li.current-menu-item > a:hover, #header.header-transparent.darkheader.header-v1 #navigation > ul > li.current-page-ancestor > a, #header.header-transparent.darkheader.header-v1 #navigation > ul > li.current-page-ancestor > a:hover, #header.header-transparent.darkheader.header-v1 #navigation > ul > li.current-menu-ancestor > a, #header.header-transparent.darkheader.header-v1 #navigation > ul > li.current-menu-ancestor > a:hover, #header.header-transparent.darkheader.header-v1 #navigation > ul > li.current-menu-parent > a, #header.header-transparent.darkheader.header-v1 #navigation > ul > li.current-menu-parent > a:hover, #header.header-transparent.darkheader.header-v1 #navigation > ul > li.current_page_ancestor > a, #header.header-transparent.darkheader.header-v1 #navigation > ul > li.current_page_ancestor > a:hover, #header.header-transparent.darkheader.header-v1 #navigation > ul > li.sfHover > a { color: rgba(0,0,0,0.8) !important; }*/ /* ------------------------------------------------------------------------ */ /* Logo Retina /* ------------------------------------------------------------------------ */ /* Standard Logos */ .logo_standard{display:inherit; height: 60px !important; width: auto !important;} .logo_retina{display:none} .header-transparent .logo_standard{display:none} .header-transparent .logo_retina{display:none} .logo_transparent{display:none} .logo_retina_transparent{display:none} .header-transparent .logo_transparent{display:none} .header-transparent .logo_retina_transparent{display:none} /* Dark Header */ .header-transparent.darkheader .logo_standard {display:inherit; height: 60px !important; width: auto !important;} .header-transparent.darkheader .logo_transparent{display:none} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) { /* Standard Logos */ .logo_standard{display:none} .logo_retina{display:inherit; height: 60px !important; width: auto !important;} .header-transparent .logo_standard{display:none} .header-transparent .logo_retina{display:inherit; height: 60px !important; width: auto !important;} /* Transparent Logos */ .logo_transparent{display:none} .logo_retina_transparent{display:inherit; height: 60px !important; width: auto !important;} .header-transparent .logo_transparent{display:none} .header-transparent .logo_retina_transparent{display:inherit; height: 60px !important; width: auto !important;} /* Dark Header */ .header-transparent.darkheader .logo_standard{display:none} .header-transparent.darkheader .logo_retina{display:inherit; height: 60px !important; width: auto !important;} .header-transparent.darkheader .logo_transparent{display:none} .header-transparent.darkheader .logo_retina_transparent{display:inherit; height: 60px !important; width: auto !important;} } /* ------------------------------------------------------------------------ */ /* Titlebar /* ------------------------------------------------------------------------ */ #title{ } /* Standard Title /--------------------------------------------------------- */ .titlebar h1, .title-h1{ margin:0; padding: 0; font-size:25px; font-weight:400; color:#777777; text-transform: none !important; font-family: 'Ubuntu', sans-serif !important; text-align: left !important; } /* Full: Title /--------------------------------------------------------- */ #fulltitle{ background: #f9f9f9; border-bottom:1px solid #efefef; padding: 24px 0; height: 700px; } /* Full: Image Center /--------------------------------------------------------- */ #fullimagecenter{ background-position: center center; background-size: cover !important; text-align: center; } #fullimagecenter h1, #fullimagecenter .title-h1{ font-size: 30px !important; text-align: center; display: block; color: #08a3bb !important; padding: 140px 0; margin:0; } /* Transparent Image /--------------------------------------------------------- */ #transparentimage{ position: relative; padding: 90px 0 0 0; background-position: center center; background-size: cover; } #transparentimage h1, #transparentimage .title-h1{ text-align: center; display: block; color: #08a3bb !important; padding: 140px 0; margin:0; font-size: 32px; position: relative; z-index: 1; } /* Small: Title /--------------------------------------------------------- */ #smalltitle .sixteen{ border-top:1px solid #efefef; border-bottom:1px solid #efefef; } #smalltitle h1{ display: inline-block; border-bottom:3px solid #cccccc; padding-bottom:20px; margin-bottom:-1px; } /* Small: Image /--------------------------------------------------------- */ #smallimage .sixteen{ background-position: center center; border-radius: 2px; background-size: cover; } #smallimage h1{ display: inline-block; background: #ffffff; padding: 5px 14px; margin:50px 0 50px 30px; border-radius: 2px; } #smallimage #breadcrumbs{ margin-top:60px; } #smallimage #breadcrumbs span{ margin-right: 30px; } /* No Titlebar /--------------------------------------------------------- */ #notitlebar{ } /* Breadcrumbs /--------------------------------------------------------- */ #breadcrumbs{ color: #aaaaaa; text-align: right; font-size:11px; margin-top:4px; } #breadcrumbs a{ color: #aaaaaa; } #breadcrumbs a:hover{ color: #666666; } /* ------------------------------------------------------------------------ */ /* Content /* ------------------------------------------------------------------------ */ #page-wrap { } /* Fix for iPad Portrait */ .on-mobile #page-wrap { overflow: hidden; } #content{ padding-top: 60px; padding-bottom: 40px; } #sidebar-widgets{ padding-top: 60px; padding-bottom: 60px; } #content.nopadding{ padding:0; margin: 0; } #content.sidebar-left { float: right; } /* ------------------------------------------------------------------------ */ /* Blog Standard - Overview /* ------------------------------------------------------------------------ */ .blog-page:after{ content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .blog-page .post{ margin: 0 0 60px 0; padding: 0 0 53px 0; border-bottom: 1px solid #efefef; } .blog-page .post.format-quote{ padding: 0 0 60px 0; } .blog-page .post .button i{ margin: 0; } .blog-page .post h1, .blog-page .post h2{ font-size: 24px; font-weight: 600; margin: 0 0 20px 0; padding: 0; line-height: 1; } .blog-page .post h1 a, .blog-page .post h2 a{ color: #444444; } .blog-page .post h1 a:hover, .blog-page .post h2 a:hover{ color: #44bdbd; } .blog-page .post h1 i, .blog-page .post h2 i{ margin: 0 0 0 5px; } .post-time{ width: 42px; border-right: 1px solid #efefef; float: left; padding: 0 20px 0 0; margin: 0 20px 0 0; text-align: center; color: #999999; } .post-time .month{ font-size: 19px; display: block; text-transform: uppercase; margin: 0; padding: 0; line-height: 1; font-weight: 400; } .post-time .day{ font-size: 30px; display: block; margin: 0; padding: 0; line-height: 1; font-weight: 700; } .blog-page article{ overflow: hidden; /* float article left with overflow */ } /* Post Format Specific /--------------------------------------------------------- */ .entry-video, .entry-audio, .entry-gallery, .entry-image{ margin: 0 0 30px 0; } .entry-video iframe, .entry-audio iframe{ max-width: 100%; } .entry-audio iframe{ max-width: 100%; } .entry-audio iframe{ max-width: 100%; width: 100%; margin: 0 0 -8px 0 !important; } .entry-gallery{ border-radius: 0px; position: relative; } .entry-gallery img{ border-radius: 0px; } .entry-image{ border-radius: 0px; overflow: hidden; position: relative; } .entry-image img{ width: 100%; max-width: 100%; height: auto; display: block; } .entry-image .entry-overlay{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; border-radius: 0px !important; } .entry-image .entry-overlay i{ display: none; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; font-size: 24px; width: 40px; height: 40px; text-align: center; line-height: 40px; color: #ffffff; } .entry-quote a{ text-align: center; display: block; background: #f9f9f9; color: #666666; padding: 40px; font-size: 20px; line-height: 1.6; font-weight: 600; border-radius: 3px; position: relative; margin: 0; } .entry-quote a .quote-source{ display: block; font-size: 14px; color: #666666; opacity: 0.6; margin: 10px 0 0 0; } .entry-quote a:hover .quote-source{ color: #ffffff; } .entry-quote a:hover{ background: #666666; color: #ffffff; } .entry-link{ margin-bottom: 7px; } .entry-link a, .entry-link a:active{ display: block; background: #666666; border-radius: 0px; padding: 20px; font-size: 20px; line-height: 1; font-weight: 600; color: #ffffff !important; } .entry-link a span{ font-size: 14px; display: block; margin-top: 10px; font-weight: 400; opacity: 0.6; } .entry-link a:hover{ background: #333333; color: #ffffff; } /* Entry Meta Data /--------------------------------------------------------- */ .entry-meta{ margin: 20px 0 0px 0; } /* Single Meta-Tags */ .blog-single .entry-meta{ margin: 0px 0 20px 0; } .entry-meta{ font-weight: 700; font-size: 13px; text-transform: uppercase; } .entry-meta ul{ list-style: none; margin: 0; padding: 0; color: #999999; } .entry-meta ul li{ display: inline; } .entry-meta ul li:after{ content: ' | '; margin: 0 6px; color: #efefef; } .entry-meta ul li:last-child:after{ content: ''; margin: 0; } .entry-meta a{ color: #999999; } .entry-meta a:hover{ color: #666666; } /* Read More Link */ .blog-page .read-more-link{ } /* Blog Medium /--------------------------------------------------------- */ .blog-medium .post h1, .blog-medium .post h2{ font-size: 22px; } .blog-medium .post-time{ display: none; } .blog-medium .entry-image, .blog-medium .entry-gallery, .blog-medium .entry-video, .blog-medium .entry-audio{ float: left; width: 310px; margin: 0 40px 7px 0; } .blog-medium .entry-audio iframe{ max-width: 100%; width: 100%; height: 116px; } .blog-medium .entry-wrap{ overflow: hidden; } .blog-medium .entry-meta .meta-author, .blog-medium .entry-meta .meta-edit, .blog-medium .entry-meta .meta-category:after{ display: none; } /* Blog Center /--------------------------------------------------------- */ .blog-center .blog-wrap{ width: 920px; margin: 0 auto; } /* Blog Masonry /--------------------------------------------------------- */ .blog-masonry .blog-wrap{ opacity: 0; width: 100% !important; margin: 0; overflow: hidden; /* RETHINK THIS */ } .blog-masonry .post{ width: 360px; overflow: hidden; float: left; margin: 0 20px 60px 20px; padding: 0; display: inline-block; border: none; overflow: hidden; } .blog-masonry .post h2{ font-size: 20px; } .blog-masonry .post .entry-meta{ font-weight: 700; font-size: 13px; text-transform: uppercase; } .blog-masonry .post .entry-meta .meta-author, .blog-masonry .post .entry-meta .meta-author, .blog-masonry .post .entry-meta .meta-comment, .blog-masonry .post .entry-meta .meta-edit, .blog-masonry .post .entry-meta .meta-comment:after { display: none; } .blog-masonry .post.format-quote{ padding: 0; } .blog-masonry .entry-quote{ position: relative; z-index: 2; margin: 0 0 10px 0; } .blog-masonry .entry-link{ margin: 0 0 10px 0; } .blog-masonry .entry-audio iframe{ max-width: 100%; width: 100%; height: 116px; margin: 0 0 -8px 0 !important; } .blog-masonry .read-more-link{ display: none; } /* Blog Single /--------------------------------------------------------- */ .blog-single .post{ margin: 0 0 40px 0; padding: 0; border: none; } .blog-single .post h1{ line-height: 1.6!important; } .blog-single .post h1 a{ color: #444444; } .blog-single .post-time{ display: none; } .blog-single .post .entry-quote{ margin: 0 0 30px 0; } .blog-single .post.format-quote{ padding: 0; } .blog-single .post .entry-link{ margin-bottom: 30px; } .entry-tags a { color: inherit; } /* Alternative Entry-Tag Style --> .blog-single .entry-tags{ margin: 10px 0 0 0; } .entry-tags a { display: inline-block; font-size: 13px !important; border: 1px solid #efefef; border-radius: 30px; padding: 1px 20px; text-transform: uppercase; font-weight: 700; color: #999999; margin: 0 4px 10px 0; } .entry-tags a:hover { background: #44bdbd; border-color: #44bdbd; color: #ffffff !important; }*/ /* Author Information /--------------------------------------------------------- */ #author-info { margin: 0 0 60px 0; display: block; padding: 60px 0 0 0; border-top: 1px solid #efefef; } #author-info p{ margin: 0; } #author-info .author-image { float: left; width: 80px; height: 80px; border-radius: 4px; overflow: hidden; margin: 2px 30px 0 0; } #author-info .author-image img { display: block; width: 80px; height: 80px; } #author-info .author-bio { overflow: hidden; } #author-info .author-bio h4 { text-transform: uppercase; font-weight: 700; margin: 0; padding: 0 0 10px 0; font-size: 14px; letter-spacing: 1px; color: #666666; } .author-archive #author-info{ padding: 0 0 60px 0; margin: 0 0 60px 0; background: #f9f9f9; padding: 30px; border: none; border-radius: 2px; } /* Sharebox /--------------------------------------------------------- */ .sharebox { display: block; padding: 0; margin: -20px 0 60px 0; } .sharebox ul{ list-style: none; margin: 0; padding: 0; } .sharebox ul li{ float: left; padding: 0; margin: 0 22px 0 0; line-height: 1 !important; } .sharebox ul li a{ display: block; float: left; color: inherit; padding: 10px 0; margin: 0; } .sharebox ul li i{ display: inline-block; font-size: 16px; margin: 0 3px 0 0; line-height: 1; } /*.sharebox a.share-facebook{ color: #3b5998; } .sharebox a.share-twitter{ color: #00aced; } .sharebox a.share-tumblr{ color: #32506d; } .sharebox a.share-pinterest{ color: #cb2027; } .sharebox a.share-google{ color: #dd4b39; } .sharebox a.share-linkedin{ color: #007bb6; } .sharebox a.share-mail{ color: #666666; }*/ /* Related Posts /--------------------------------------------------------- */ #related-posts { margin: 0 0 60px 0; display: block; padding: 60px 0 0 0; border-top: 1px solid #efefef; } #related-posts ul li span{ margin-left: 10px; } /* Post Navigation /--------------------------------------------------------- */ #post-navigation .prev{ position: fixed; top: 50%; left: -25px; height: 60px; width: 80px; background: #444444; margin: -30px 0 0 0; color: #ffffff; border-radius: 0px 0px 0px 0px; opacity: 0.3; z-index: 1; cursor: pointer; display: none !important; } #post-navigation .next{ position: fixed; top: 50%; right: -25px; height:60px; width: 80px; background: #444444; margin: -30px 0 0 0; color: #ffffff; border-radius: 0px 0px 0px 0px; opacity: 0.3; z-index: 1; cursor: pointer; display: none !important; } #post-navigation .prev:before{ position: absolute; top:50%; right: 25px; margin: -7px 0 0 0; line-height: 1; content: "\f053"; font-size: 14px; color: #ffffff; font-family: 'FontAwesome'; display: none !important; } #post-navigation .next:before{ position: absolute; top:50%; left: 25px; margin: -7px 0 0 0; line-height: 1; content: "\f054"; font-size: 14px; color: #ffffff; font-family: 'FontAwesome'; display: none !important; } /* ------------------------------------------------------------------------ */ /* Portfolio - Single /* ------------------------------------------------------------------------ */ /* Fix Extended Portfolio Width */ .portfolio .entry{ width: 100%; } .portfolio-sidebyside, .portfolio-wide{ margin: 0 0 20px 0; } .portfolio-detail h1, .portfolio-detail-description h1 { font-size: 18px; margin: 0 0 20px 0; } .portfolio-noslider { text-align: center; } .portfolio-noslider img{ display: block; margin: 0 auto; max-width: 100%; height: auto; } .portfolio-noslider .noslide{ border-radius: 2px; overflow: hidden; display: inline-block; margin: 0 auto 30px 0; text-align: center; max-width: 100%; } #portfolio-embed{ margin-bottom: 40px; } #portfolio-embed iframe{ max-width: 100%; } .portfolio-detail-attributes ul { list-style: none; margin: 0; background: #f9f9f9; padding: 14px 24px; border-radius: 2px; } .portfolio-detail-attributes ul li { padding: 10px 0; border-bottom: 1px solid #f2f2f2; } .portfolio-detail-attributes ul li:last-child{ border: none; } .portfolio-detail-attributes ul li strong { float: left; display: block; width: 64px; font-weight: 700; } .portfolio-detail-attributes ul li span { display: block; overflow: hidden; } .portfolio-detail-attributes ul li a{ color: inherit; } .portfolio-detail-attributes ul li a:hover{ color: #44bdbd; } /* Layout Specific /--------------------------------------------------------- */ .portfolio-wide .flexslider, .portfolio-sidebyside .flexslider { margin: 0 0 40px; } .portfolio-sidebyside .portfolio-detail-description-text { margin-bottom:40px; } /* Related Portfolio Items /--------------------------------------------------------- */ #portfolio-related-post{ margin: 30px 0 0px 0; } /* ------------------------------------------------------------------------ */ /* Search Page /* ------------------------------------------------------------------------ */ .search-page .read-more-link{ display: none; } .search-page .post .entry-icon{ float: left; width: 40px; height: 40px; line-height: 40px; text-align: center; margin-right: 30px; margin-top: 1px; background: #efefef; border-radius: 3px; color: #999999; } .search-page .post .entry-icon i{ font-size: 14px; line-height: 1; } .search-page .post .entry-wrap{ overflow: hidden; } .search-page .post h3{ margin: 0 0 0px 0; font-size: 20px; } .search-page .post .entry-content{ margin: 10px 0 0 0; } .search-page .post .entry-type{ color: #adadad; font-weight: 700; text-transform: uppercase; } .search-page h3{ margin: 0 0 0 0; } .search-page #content #searchform input{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 20px 10px 0 0; width: 440px; max-width: 100%; display: inline-block; float: left; } .search-page #content #searchform input#searchsubmit{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 20px 0 0 0; width: auto; display: inline-block; float: left; } .search-page #content #searchform{ clear: both; margin-bottom: 0px; } /* ------------------------------------------------------------------------ */ /* Pagination /* ------------------------------------------------------------------------ */ #pagination{ position: relative; z-index: 1; clear: both; margin: 0 0 60px 0; text-align: center; } /* Custom Pagination Margins */ .blog-masonry #pagination{ margin: 0px 0 60px 0; } .blog-center #pagination{ margin: 0 0 20px 0; } .blog-fullwidth #pagination{ margin: 0 0 20px 0; } .blog-medium #pagination{ margin: 0 0 20px 0; } .woocommerce #pagination{ margin: 20px 0 20px 0; } .portfolio-nomargin #pagination{ margin: 60px 0 60px 0; } .pagination-nomargin, .pagination-masonry{ margin-top: 60px; } #pagination ul{ list-style: none; margin: 0; } #pagination ul li{ margin: 0; padding: 0; display: inline-block; } #pagination a{ display: inline-block; margin: 2px; width: 34px; height: 34px; line-height: 34px; text-align: center; background: #efefef; color: #999999; font-weight: 600; border-radius:50%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } #pagination a:hover { color: #ffffff; background: #cccccc; } #pagination .current a { background: #44bdbd; color: #ffffff; font-weight: 600; } #pagination li span{ margin: 3px 5px 0 3px; color: #cccccc; } #pagination ul li a i{ font-size: 12px; } /* ------------------------------------------------------------------------ */ /* Comments - List /* ------------------------------------------------------------------------ */ .comments-list{ border-top:1px solid #efefef; padding: 60px 0 0 0; margin: 0 0 60px 0; } .commentlist { list-style: none; margin: 30px 0 0 0; } .commentlist li { margin: 0 0 40px 0; padding: 0; } .commentlist > li:last-child { margin: 0 0 0px 0; } .commentlist li ul { list-style: none; margin: 0 0 0 80px; } .commentlist li ul li { margin:40px 0 0 0; padding: 0 0 0 0; } .commentlist li .avatar { float: left; margin-right: 30px; width: 50px; height: 50px; border-radius: 4px; position: relative; } .commentlist li .avatar img { display: block; } .commentlist li .comment-text { background: #f9f9f9; border-radius: 2px; padding: 20px 20px 0 20px; position: relative; overflow: hidden; } .commentlist li .avatar:after{ display: block; content: ''; position: absolute; top: 15px; right: -30px; width: 0; height: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #f9f9f9 transparent transparent; } .commentlist li .author { margin-top: 0px; margin-bottom: 20px; line-height: 1.6; color: #444444; } .commentlist li .author a{ color: inherit; } .commentlist li .author span { display: inline; font-weight: 700; } .commentlist li .date { display: block; color: #999999; } .commentlist li .date a { color: #999999 } .commentlist li .date a:hover { color: #333333 } .commentlist li em { font-size: 11px; color: #cccccc; font-style: normal; margin-bottom: 20px; display: block; } /* ------------------------------------------------------------------------ */ /* Comments - Respond /* ------------------------------------------------------------------------ */ .comments-reply{ border-top:1px solid #efefef; padding: 60px 0 0 0; margin: 0; } #respond { } #respond form{ margin: 0; } #respond .required { color: #c82929; display: inline-block; margin: 3px 0 0 6px; font-size: 14px; font-weight: normal; } /*#respond p { clear: both }*/ #respond-inputs p{ width: 32%; margin-right:2%; float: left; } #respond-inputs p.last{ margin-right: 0; } #respond input[type=text] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; margin: 0; } #respond textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; } #respond p.comment-notes, #respond p.form-allowed-tags { display: none; } #cancel-comment-reply-link { display: inline-block; background: #cccccc; color: #ffffff; border-radius: 2px; text-transform: uppercase; padding: 2px 8px; font-weight: 700; float: right; } #cancel-comment-reply-link:hover{ background: #999999; } .commentlist .comment-respond{ margin-top: 40px; } /* Comment Styling for normal Pages */ .page-template #comments, .page-template-default #comments{ margin-top: 60px; } .single-portfolio #comments{ margin-top: 20px; margin-bottom: 60px; } .single-portfolio #comments .comments-list, .single-portfolio #comments .comments-reply{ padding:0; border: none; } /*.page-template #comments .comments-list, .page-template #comments .comments-reply, .page-template-default #comments .comments-list, .page-template-default #comments .comments-reply{ padding:0; border: none; }*/ /* ------------------------------------------------------------------------ */ /* 404 Page /* ------------------------------------------------------------------------ */ .page-404 .entry{ text-align: center; padding: 40px 0 80px 0; } .page-404 h2{ font-size: 100px; color: #666666; font-weight: 700; width: 300px; height: 300px; line-height: 300px; text-align: center; border: 10px solid #999999; color: #999999; border-radius: 50%; margin: 0 auto 60px auto; } .page-404 h3{ font-size: 52px; font-weight: 700; line-height: 1.2; margin: 0; color: #999999; text-transform: uppercase; } /* ------------------------------------------------------------------------ */ /* Footer /* ------------------------------------------------------------------------ */ #footer { padding: 60px 0 20px 0; background: #555555; color:#aaaaaa; } #footer a{ color:#aaaaaa; } #footer a:hover{ color:#ffffff; } /* ------------------------------------------------------------------------ */ /* Copyright /* ------------------------------------------------------------------------ */ #copyright { padding: 15px 0 13px 0; background: #333333; color:#777777; } #copyright .copyright-col1{ float: left; margin: 0; padding: 0; } #copyright .copyright-col2{ float: right; margin: 0; padding: 0; } #copyright a { color: #999999 } #copyright a:hover { color: #cccccc } #copyright .copyright-text { font-family: 'Nunito Sans', sans-serif !important; } #copyright .social-icons { float: right; margin: -7px 0; } #copyright .menu{ list-style: none; margin: 0; padding: 0; text-align: right; } #copyright .menu li{ display: inline-block; margin: 0 0 0 20px; padding: 0; } /* ------------------------------------------------------------------------ */ /* Back-To-Top Button /* ------------------------------------------------------------------------ */ #back-to-top { position: fixed; z-index: 1000; bottom: 0px; right: 24px; display: none; } #back-to-top a { position: relative; display: block; width: 42px; height: 36px; background: #000000; color: #ffffff; font-size: 14px; line-height: 36px; text-align: center; border-radius: 3px 3px 0 0; opacity: 0.8; } #back-to-top a:hover { background-color: #44bdbd; opacity: 1 } /* ------------------------------------------------------------------------ */ /* Sidebar Widgets /* ------------------------------------------------------------------------ */ /* General Widgets /--------------------------------------------------------- */ .widget ul { margin: 0; padding: 0; list-style: none; } #sidebar .widget { margin-bottom: 40px; color: #888888; } #sidebar .widget:last-child { margin-bottom: 0; } #sidebar .widget h3 { font-size: 14px; font-weight: 700; margin:0 0 16px 0; color: #444444; } #sidebar .widget ul{ margin: -10px 0 0 0; } #sidebar .widget ul li{ position: relative; } #sidebar .widget > ul > li{ border-bottom: 1px solid #efefef; position: relative; padding: 10px 0; } #sidebar .widget > ul > li:last-child{ border: none; } #sidebar .widget > ul > li ul{ margin-top: 10px; margin-bottom: -10px; border-top: 1px solid #efefef; } #sidebar .widget > ul > li ul li{ background: #f9f9f9; padding: 10px 0 10px 14px; border-bottom: 1px dashed #efefef; } #sidebar .widget > ul > li ul li:last-child{ border-bottom: none; } #sidebar .widget > ul > li ul li a:before{ content: '+'; margin-right: 10px; } #sidebar .widget ul li:after{ font-family: "FontAwesome"; content: "\f105"; position: absolute; top: 10px; right: 0; font-size: 14px; color: #cccccc; } #sidebar .widget ul li a{ display: block; color: #777777; } #sidebar .widget ul li a:hover{ color: #44bdbd; } #sidebar .widget ul li:hover:after{ color: #44bdbd; } #sidebar .widget > ul > li.current_page_item, #sidebar .widget > ul > li.current-menu-item { font-weight: 600; } #sidebar .widget img{ margin-bottom: 0 !important; } /* Search Widget /--------------------------------------------------------- */ .widget_search input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; border: 1px solid #e1e1e1; padding: 10px 12px 10px 36px; box-shadow: 0 2px 0 0 rgba(0,0,0,.03); border-radius: 2px; background: #ffffff; } .widget_search form{ position: relative; } .widget_search form:before{ position: absolute; top: 14px; left: 14px; font-size: 14px; font-family: 'FontAwesome'; content: '\f002'; -webkit-font-smoothing: antialiased; color: #999999; line-height: 1; } .widget_search input:focus { border-color: #d3d3d3; } .widget_search #searchsubmit{ display: none; } .widget_search:after{ content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } /* Calendar Widget /--------------------------------------------------------- */ #wp-calendar { width: 100% } #wp-calendar caption { padding: 0 10px; text-align: right; font-weight: 600; margin: -5px 0 5px 0; } #wp-calendar thead { font-size: 10px } #wp-calendar thead th { padding: 5px 10px; font-weight: 600; border-top: 1px solid #f9f9f9; } #wp-calendar tbody { color: #aaa } #wp-calendar tbody td { background: #f9f9f9; border: 1px solid #fff; text-align: center; padding: 5px 8px; } #wp-calendar tbody td:hover { background: #fff } #wp-calendar tbody .pad { background: none } #wp-calendar tfoot #next { font-size: 11px; font-weight: 600; text-transform: uppercase; text-align: right; padding-top: 5px; } #wp-calendar tfoot #prev { font-size: 11px; font-weight: 600; text-transform: uppercase; padding-top: 5px; } /* Tag Cloud Widget /--------------------------------------------------------- */ .widget_tag_cloud a, .widget_product_tag_cloud a { display: inline-block; font-size: 13px !important; border: 1px solid #efefef; border-radius: 30px; padding: 1px 20px; text-transform: uppercase; font-weight: 700; color: #999999; margin: 0 4px 10px 0; } .widget_tag_cloud a:hover, .widget_product_tag_cloud a:hover { background: #44bdbd; border-color: #44bdbd; color: #ffffff !important; } /* Sponsor Widget /--------------------------------------------------------- */ .widget_sponsor .sponsors { margin-right: -20px; } .widget_sponsor a { display: block; float: left; margin: 0 20px 20px 0; } .widget_sponsor a img { vertical-align: top; } /* Flickr Widget /--------------------------------------------------------- */ /*.widget_flickr a{ float: left; display: block; width: 33%; height: auto; }*/ .widget_flickr a:hover img{ opacity: 0.6; } .widget_flickr img{ width: 100%; height: auto; float: left; vertical-align: top; } /* Portfolio Widget /--------------------------------------------------------- */ .widget_portfolio .portfolio-widget-item { float: left; padding: 0; margin: 0 10px 10px 0; } .widget_portfolio .portfolio-widget-item:nth-child(3n) { margin: 0 0 10px 0; } .widget_portfolio .portfolio-widget-item .portfolio-pic { display: block; overflow: hidden; padding: 0; margin: 0; position: relative; border-radius:2px; } .widget_portfolio .portfolio-widget-item .portfolio-pic img { width: 100%; height: 100%; display: block; } .widget_portfolio .portfolio-widget-item .portfolio-overlay{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #44bdbd; text-align: center; opacity: 0; } .widget_portfolio .portfolio-widget-item .portfolio-overlay i{ font-size: 24px; line-height: 80px; color: #ffffff; } /* Contact Widget /--------------------------------------------------------- */ .widget_contact address{ font-style: normal; } .widget_contact address span{ display: block; margin-bottom: 6px; } .widget_contact address strong{ display: none; } .widget_contact address span i{ display: inline-block; width: 24px; float: left; margin: 5px 0 0px 0; } .widget_contact .adress-overflow{ overflow: hidden; } /* Custom Menu Widget /--------------------------------------------------------- */ #sidebar .widget_nav_menu{ margin-left:-41px; } #sidebar .widget_nav_menu h3{ margin-left: 40px; margin-bottom: 20px; } #sidebar .widget_nav_menu ul { margin-top: 20px; } #sidebar .widget_nav_menu ul li{ border: none; padding: 0; } #sidebar .widget_nav_menu ul li a{ display: block; color: #999999; padding: 7px 0 7px 41px; } #sidebar .widget_nav_menu ul li a:hover{ color: #44bdbd; } #sidebar .widget_nav_menu ul li.current_page_item a{ font-weight: 600; color: #444444; margin: -1px 0; border:1px solid #efefef; border-left: 1px solid #ffffff; } #sidebar .widget_nav_menu ul li:after{ display: none; } /* For the left Side */ #sidebar.sidebar-left .widget_nav_menu{ margin-left: 0; margin-right: -41px; } #sidebar.sidebar-left .widget_nav_menu h3{ margin-left: 0px; } #sidebar.sidebar-left .widget_nav_menu ul li a{ text-align: right; padding: 7px 41px 7px 0; } #sidebar.sidebar-left .widget_nav_menu ul li.current_page_item a{ font-weight: 600; color: #444444; margin: -1px 0; border:1px solid #efefef; border-right: 1px solid #ffffff; } /* ------------------------------------------------------------------------ */ /* Footer Widgets /* ------------------------------------------------------------------------ */ #footer .widget{ margin-bottom: 40px; } #footer .widget h3 { font-size: 13px; font-weight: 600; margin:0 0 20px 0; color: #ffffff; } #footer .widget ul{ margin: -10px 0 0 0; } #footer .widget ul li{ border-bottom: 1px solid #666666; position: relative; padding: 10px 10px 10px 0; } #footer .widget ul li .post-date{ opacity: 0.7; } #footer .widget ul li a{ display: block; } #footer .widget ul li:after{ font-family: "FontAwesome"; content: "\f105"; position: absolute; top: 10px; right: 0; font-size: 14px; color: #999999; } #footer .widget ul li:hover:after{ color: #ffffff; } #footer .widget_search input, #footer .widget_product_search input[type=text]{ color: #aaaaaa; background-color: #444444; box-shadow:none; border: 1px solid #444444; } #footer .widget_search input:focus{ color: #ffffff } #footer #wp-calendar thead th{ border-top: 1px solid #666666 } #footer #wp-calendar tbody{ color: #aaa } #footer #wp-calendar tbody td{ background: #666666; border: 1px solid #555555; } #footer #wp-calendar tbody td:hover{ background: #777777; color: #ffffff; } #footer #wp-calendar tbody .pad{ background: none } #footer .widget_tag_cloud a, #footer .widget_product_tag_cloud a{ border: none; background: #444444; color: #aaaaaa; box-shadow:none; } #footer .widget_tag_cloud a:hover, #footer .widget_product_tag_cloud a:hover{ background: #44bdbd; border-color: #44bdbd; color: #ffffff !important; } #footer .widget_twitter ul li:last-child{ margin: 0 } /* ------------------------------------------------------------------------ */ /* Social Icons /* ------------------------------------------------------------------------ */ .social-icons ul{ list-style: none; margin: 0; padding: 0; } .social-icons ul li{ list-style: none; display: block; width: 40px; height: 40px; float: left; } .social-icons ul li a{ -webkit-transition:all 0.2s ease 0s; -moz-transition:all 0.2s ease 0s; -o-transition:all 0.2s ease 0s; transition:all 0.2s ease 0s; display:block; float: left; width:40px; height:40px; line-height: 40px; font-size: 21px; text-align: center; color: #888888 !important; } .social-icons a:hover{ color: #08a3bb !important; } /* ------------------------------------------------------------------------ */ /* Basic WordPress WYSIWYG Editor Styles /* ------------------------------------------------------------------------ */ .alignleft { display: block; float: left; margin-top:5px; margin-right:20px !important; margin-bottom:12px; } .alignright { float: right; margin-left:20px !important; margin-bottom:12px; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { max-width: 100%; /* Keep wide captions from overflowing their container. */ padding: 0px; } .wp-caption .wp-caption-text, .gallery-caption, .entry-caption { color: #888888; margin: 10px 0 10px 0 !important; } img.wp-smiley, .rsswidget img { } blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; } blockquote.right { margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right; } .size-full {} .size-large {} .size-medium {} .size-thumbnail {} .sticky {} .bypostauthor {} /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* ------------------------------------------------------------------------ */ /* Plugin - Contact Form 7 /* ------------------------------------------------------------------------ */ .wpcf7-form input[type="text"],.wpcf7-form input[type="email"],.wpcf7-form input[type="tel"],.wpcf7-form input[type="date"]{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%!important;max-width:100%;margin:5px 0 0;background:#ffffff; border: 1px solid #08a3bb !important; border-radius: 0px !important;} .wpcf7-select { border-radius: 0px !important; border: 1px solid #08a3bb !important; padding: 10px 12px !important; } div[data-id*="conditional"] { margin-bottom: 20px !important; font-family: 'Nunito Sans', sans-serif !important; font-weight: 600 !important; font-size: 18px !important; } .wpcf7-form textarea{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:100%;margin:5px 0 0; border-radius: 0px !important;} .wpcf7-form select{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;margin:5px 0 0;width:100%;} .wpcf7-form .customSelect{margin:5px 0 0;padding:8px 10px;} .wpcf7-form{margin:0;padding:0;} .wpcf7-form .wpcf7-submit{background:#999999;color:#ffffff;border:none;font-weight:700;} .wpcf7-form input[type="checkbox"]{width:auto;} .wpcf7 form.wpcf7-form p{position:relative;font-weight:600;margin:0 0 20px!important;} .wpcf7-list-item{display:inline-block;margin:0 10px 10px 0!important; font-weight: 600 !important;} .wpcf7-list-item-label{font-weight:normal;} .wpcf7-response-output{background: #08a3bb !important; border: 0px !important; color: #ffffff !important;font-family: 'Nunito Sans', sans-serif !important;padding: 10px 15px !important;} .wpcf7-form .invalid{color:#bf1515!important;} .wpcf7-not-valid{ border-color: #bf1515 !important;} /*.wpcf7 span.wpcf7-not-valid-tip{color:rgba(0,0,0,0.6);;margin-top:-1px;background:rgba(0,0,0,0.05);padding:4px 10px;border-radius:0 0 2px 2px;}*/ .wpcf7 span.wpcf7-not-valid-tip, .wpcf7-validation-errors{} div.wpcf7-response-output{margin:0!important;padding:5px 10px!important;} div.wpcf7-mail-sent-ng,div.wpcf7-spam-blocked,div.wpcf7-validation-errors{position:relative;display:block;text-align:center;border-radius:2px;font-weight:700;padding:12px 40px 12px 20px!important;/*border:1px solid #edbbbb !important;*/border:none!important;background-color:#44bdbd;color:#ffffff;margin:30px 0 30px!important;} .wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {display: none !important;} .one-line-form .wpcf7-submit{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:100%;margin:5px 0 0!important;padding:15px 16px;font-weight:700;} .wpcf7-form .simpleselect{margin:5px 0 0!important;} .minimalistic_form input[type="text"], .minimalistic_form input[type="password"], .minimalistic_form input[type="email"], .minimalistic_form input[type="tel"], .minimalistic_form textarea{ -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; width:100%!important; max-width:100%; margin:0; padding: 10px 2px; font-size: 18px !important; line-height: 1; background-color: transparent !important; border-top: transparent; border-right: transparent; border-left: transparent; border-bottom-width: 1px; border-radius: 0; } .minimalistic_form .simpleselect .placeholder{ border:1px solid #ddd; border-radius:2px; background-color: transparent !important; border-top: transparent; border-right: transparent; border-left: transparent; padding:0px 2px 10px 2px !important; margin: 0; cursor:pointer; font-size: 18px !important; border-radius: 0; } /* ------------------------------------------------------------------------ */ /* Plugin - Tipsy /* ------------------------------------------------------------------------ */ .tipsy { font-size: 13px; position: absolute; padding: 5px; z-index: 100000; } .tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 12px 4px 12px; text-align: center; } /* Rounded corners */ .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; } /* Rules to colour arrows */ .tipsy-arrow-n { border-bottom-color: #000; } .tipsy-arrow-s { border-top-color: #000; } .tipsy-arrow-e { border-left-color: #000; } .tipsy-arrow-w { border-right-color: #000; } .tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;} .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;} .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; } .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; } /* ------------------------------------------------------------------------ */ /* Plugin - Revolution Slider /* ------------------------------------------------------------------------ */ .tp-bullets.simplebullets.custom .bullet{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block !important; cursor:pointer !important;border:2px solid #fff!important;width:12px!important;height:12px!important;border-radius:50%!important;margin-left:7px!important;-webkit-transition:color .2s;-moz-transition:color .2s;-ms-transition:color .2s;-o-transition:color .2s;transition:all .2s} .tp-bullets.simplebullets.custom .bullet.last{margin-right:7px!important} .tp-bullets.simplebullets.custom .bullet{opacity:.5} .tp-bullets.simplebullets.custom .bullet:hover{opacity:1} .tp-bullets.simplebullets.custom .bullet.selected{background:#fff!important;opacity:1} /* Custom Bullets v5+ */ .tp-bullets.custom .tp-bullet{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background: none; display:inline-block !important; cursor:pointer !important;border:2px solid #fff!important;width:12px!important;height:12px!important;border-radius:50%!important;margin-left:7px!important;-webkit-transition:color .2s;-moz-transition:color .2s;-ms-transition:color .2s;-o-transition:color .2s;transition:all .2s} .tp-bullets.custom .tp-bullet.last{margin-right:7px!important} .tp-bullets.custom .tp-bullet{opacity:.5} .tp-bullets.custom .tp-bullet:hover{opacity:1} .tp-bullets.custom .tp-bullet.selected{background:#fff!important;opacity:1} .tp-leftarrow.custom,.tp-rightarrow.custom{margin-top: 0px !important; top: 50% !important; background: #ffffff!important; color:#333333 !important; width:60px!important;height:60px!important;line-height:60px!important;text-align:center!important;-webkit-transition:background-color .2s;-moz-transition:background-color .2s;-ms-transition:background-color .2s;-o-transition:background-color .2s;transition:background-color .2s} .tp-leftarrow.custom{border-radius:0 2px 2px 0 !important;} .tp-rightarrow.custom{border-radius:2px 0 0 2px !important;} .tp-leftarrow.custom:before{color:#333333; line-height:60px!important;content:"\f104"!important;font-family:'FontAwesome'!important;font-size:40px;margin-right:3px;-webkit-font-smoothing:antialiased} .tp-rightarrow.custom:before{color:#333333; line-height:60px!important;content:"\f105"!important;font-family:'FontAwesome'!important;font-size:40px;margin-left:3px;-webkit-font-smoothing:antialiased} .tp-leftarrow.custom:hover,.tp-rightarrow.custom:hover{background:rgba(0,0,0,0.79)!important; opacity:1!important} .tp-leftarrow.custom:hover:before,.tp-rightarrow.custom:hover:before{color:#ffffff !important;} .tparrows{ line-height: 1 !important; } .rev_slider a.button{ -webkit-transition: all 0.2s !important; -moz-transition: all 0.2s !important; -ms-transition: all 0.2s !important; -o-transition: all 0.2s !important; transition: all 0.2s !important; } /* ------------------------------------------------------------------------ */ /* Plugin - PrettyPhoto CSS edited by mintithemes.com /* ------------------------------------------------------------------------ */ div.pp_default .pp_expand{cursor:pointer;width:30px;height:30px;margin:0 11px 0 0;} div.pp_default .pp_expand:after{background:rgba(0,0,0,.2);color:#fff;position:absolute;width:30px;height:30px;text-align:center;line-height:30px;top:0;left:0;text-indent:0;font-size:14px;font-family:FontAwesome;content:'\f065';-webkit-font-smoothing:antialiased;} div.pp_default .pp_contract{cursor:pointer;width:30px;height:30px;margin:0 11px 0 0;} div.pp_default .pp_contract:after{background:rgba(0,0,0,.2);color:#fff;position:absolute;width:30px;height:30px;text-align:center;line-height:30px;top:0;left:0;text-indent:0;font-size:14px;font-family:FontAwesome;content:'\f066';-webkit-font-smoothing:antialiased;} a.pp_contract,a.pp_expand{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000;} div.pp_default .pp_close{width:30px;height:30px;cursor:pointer;display:block;margin:5px -7px 0 0;padding:0;line-height:1;color:#fff;-webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease;-o-transition: all .2s ease; transition: all .2s ease;} div.pp_default .pp_close:hover{-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);} div.pp_default .pp_close:after{position:absolute;width:30px;height:30px;text-align:center;line-height:30px;top:0;left:0;text-indent:0;font-size:18px;font-family:'icomoon';content:'\e603';-webkit-font-smoothing:antialiased;} div.pp_default .pp_gallery ul li a{border-radius:1px;overflow:hidden;} div.pp_default .pp_gallery a.pp_arrow_next,div.pp_default .pp_gallery a.pp_arrow_previous{position:static;left:auto;} div.pp_default .pp_nav .pp_pause,div.pp_default .pp_nav .pp_play{height:30px;width:30px;margin:0;color:#fff;display:none;} div.pp_default .pp_nav .pp_play:after{position:absolute;width:30px;height:30px;text-align:center;line-height:30px;top:0;left:0;text-indent:0;font-size:14px;font-family:FontAwesome;content:'\f04b';-webkit-font-smoothing:antialiased;} div.pp_default .pp_nav .pp_pause:after{position:absolute;width:30px;height:30px;text-align:center;line-height:30px;top:0;left:0;text-indent:0;font-size:14px;font-family:FontAwesome;content:'\f04c';-webkit-font-smoothing:antialiased;} div.pp_default a.pp_arrow_next,div.pp_default a.pp_arrow_previous{height:30px;width:30px;position:relative;color:#fff;} div.pp_default a.pp_arrow_previous:after{position:absolute;width:30px;height:30px;text-align:center;line-height:30px;top:0;left:0;text-indent:0;font-size:14px;font-family:FontAwesome;content:'\f053';-webkit-font-smoothing:antialiased;} div.pp_default a.pp_arrow_next:after{position:absolute;width:30px;height:30px;text-align:center;line-height:30px;top:0;left:0;text-indent:0;font-size:14px;font-family:FontAwesome;content:'\f054';-webkit-font-smoothing:antialiased;} div.pp_default .pp_nav .currentTextHolder{color:#fff;display:block;text-align:center;padding:0 4px;width:30px;font-size:14px;line-height:30px;margin:0; font-size: 12px; font-weight: 700; letter-spacing: 1px; opacity: 0.7;} div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover,div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_nav .pp_play:hover{opacity:.7;} div.pp_pic_holder a:focus{outline:0;} div.pp_overlay{background:#000000;left:0;position:absolute;top:0;width:100%!important;z-index:9999;opacity:0;-webkit-transition: opacity .35s ease; -moz-transition: opacity .35s ease; -ms-transition: opacity .35s ease;-o-transition: opacity .35s ease; transition: opacity .35s ease; } div.pp_pic_holder{display:none;position:absolute;z-index:10000!important;} .pp_content{margin:0;padding:0;} .pp_content_container{margin-left:15px;width:100%;} .pp_description {display: block !important;padding-top: 6px;color: #ffffff;} .pp_social{float:left;height:20px;margin:10px 0 0;} .pp_social .facebook{float:left;overflow:hidden;} .pp_social .twitter{float:left;margin-right:10px;} .pp_nav{clear:right;float:left;margin:5px 10px 0 -10px;} .pp_nav p{float:left;white-space:nowrap;margin:0;} .pp_nav .pp_pause,.pp_nav .pp_play{float:left;margin-right:0;text-indent:-10000px;} a.pp_arrow_next,a.pp_arrow_previous{display:block;float:left;height:30px;overflow:hidden;text-indent:-10000px;width:30px;} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000;} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000;} .pp_gallery div{float:left;overflow:hidden;position:relative;} .pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0;} .pp_gallery ul a{border:1px rgba(0,0,0,.3) solid;display:block;float:left;height:33px;overflow:hidden;} .pp_gallery ul a img{border:0;} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0;} .pp_gallery li.default a{display:block;height:33px;width:50px;} a.pp_next{display:block;float:right;height:100%;text-indent:-10000px;width:49%;position:relative;overflow:hidden;} a.pp_next:after{position:absolute;width:60px;height:60px;text-align:center;line-height:60px;right:0px;top:50%;margin-top:10px;border-radius: 0px 0px 0px 0px;color:#fff;text-indent:0;font-size:40px;font-family:FontAwesome;content:'\f105';opacity:0;-webkit-font-smoothing:antialiased;-webkit-transition: opacity .2s ease; -moz-transition: opacity .2s ease; -ms-transition: opacity .2s ease;-o-transition: opacity .2s ease; transition: opacity .2s ease;} a.pp_previous{display:block;float:left;height:100%;text-indent:-10000px;width:49%;position:relative;overflow:hidden;} a.pp_previous:after{position:absolute;width:60px;height:60px;text-align:center;line-height:60px;left:0px;top:50%;margin-top:10px;border-radius: 0px 0px 0px 0px;color:#fff;text-indent:0;font-size:40px;font-family:FontAwesome;content:'\f104';opacity:0;-webkit-font-smoothing:antialiased;-webkit-transition: opacity .2s ease; -moz-transition: opacity .2s ease; -ms-transition: opacity .2s ease;-o-transition: opacity .2s ease; transition: opacity .2s ease;} div.pp_default .pp_next:hover{cursor:pointer;} div.pp_default .pp_next:hover:after{opacity:1; background: #333333;} div.pp_default .pp_previous:hover{cursor:pointer;} div.pp_default .pp_previous:hover:after{opacity:1; background: #333333;} a.pp_close{position:absolute;right:0;top:0;display:block;text-indent:-10000px;} .ppt{margin-left:15px;margin-bottom:5px;font-size:20px;color:#fff;} #pp_full_res{line-height:1!important;} #pp_full_res .pp_inline{text-align:left;} #pp_full_res .pp_inline p{margin:0 0 15px;} div.dark_rounded .pp_details,div.dark_square .pp_details,div.facebook .pp_details,div.light_rounded .pp_details,div.light_square .pp_details,div.pp_default .pp_details{position:relative;} .pp_bottom,.pp_top{height:0;position:relative;} * html .pp_bottom,* html .pp_top{padding:0;} .pp_fade,.pp_gallery li.default a img{display:none;} /* Hide navigation beneath image */ .pp_details .pp_nav .pp_arrow_previous, .pp_details .pp_nav .pp_arrow_next{ display: none; } /* Fix Loading Icon Crop */ .pp_content{ min-width: 40px; min-height: 40px;} /* Loader Animation */ .pp_loaderIcon{width:34px;height:34px;border-radius:54px;border:3px solid rgba(120,120,120,0.8);position:fixed;left:50%;top:50%;margin-left:-15px;margin-top:-15px;z-index:1!important;} .pp_loaderIcon:after{content:"";position:absolute;top:-3px;left:-3px;border:3px solid #ffffff;border-radius:54px;height:34px;width:34px;clip:rect(0px,26px,17px,0px);-moz-animation:rotate .7s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;-webkit-animation:rotate .7s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-ms-animation:rotate .7s;-ms-animation-timing-function:linear;-ms-animation-iteration-count:infinite;animation:rotate .7s;animation-timing-function:linear;animation-iteration-count:infinite;} @-moz-keyframes rotate { 0%{-moz-transform:rotate(0);} 100%{-moz-transform:rotate(360deg);} } @-webkit-keyframes rotate { 0%{-webkit-transform:rotate(0);} 100%{-webkit-transform:rotate(360deg);} } @-ms-keyframes rotate { 0%{-ms-transform:rotate(0);} 100%{-ms-transform:rotate(360deg);} } @keyframes rotate { 0%{transform:rotate(0);} 100%{transform:rotate(360deg);} } /* ------------------------------------------------------------------------ */ /* Plugin - FlexSlider edited by mintithemes.com /* ------------------------------------------------------------------------ */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles */ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme */ .flexslider { margin: 0; position: relative; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 0.2 ease; -moz-transition: all 0.2 ease; -o-transition: all 0.2 ease; transition: all 0.2 ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a { cursor:pointer !important; background: rgba(0,0,0,0.3); opacity: 0; text-decoration:none; display: block; color:#fff !important; width: 60px; height: 60px; margin: -30px 0 0; line-height:60px; text-align:center; position: absolute; top: 50%; z-index: 10; overflow: hidden; cursor: pointer; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .flex-direction-nav .flex-prev { left: 0px; border-radius: 0 2px 2px 0; } .flex-direction-nav .flex-next { right: 0px; border-radius: 2px 0 0 2px; } .flexslider:hover .flex-prev, .flexslider:hover .flex-next { opacity: 0.7; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; color:#fff; background: #333333; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; } .flex-direction-nav a:before { font-family: "FontAwesome"; font-size:40px; display: inline-block; content: '\f104'; } .flex-direction-nav a.flex-next:before { content: '\f105'; } /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: 10px; text-align: center;} .flex-control-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {text-indent:-9999px; display:inline-block;background:transparent;border:2px solid #fff;width:6px;height:6px;border-radius:50%;opacity:.5;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s;margin:0;cursor:pointer } .flex-control-paging li a:hover { opacity: 1; } .flex-control-paging li a.flex-active { background: #ffffff; opacity: 1; } .flexslider .slides{ cursor: grab!important; cursor: -moz-grab!important; cursor: -webkit-grab!important; } /* Flexslider Custom Additions */ .blog-medium .flex-direction-nav .flex-prev, .blog-medium .flex-direction-nav .flex-next{ width: 48px; height: 48px; line-height: 48px; margin-top: -24px; } .blog-medium .flex-direction-nav .flex-prev { left: 0px; } .blog-medium .flex-direction-nav .flex-next { right: 0px; } .blog-medium .flex-direction-nav a:before{ font-size: 34px; } /*.blog-medium .flex-control-nav{ display: none; }*/ .blog-masonry .flex-direction-nav .flex-prev, .blog-masonry .flex-direction-nav .flex-next{ width: 48px; height: 48px; line-height: 48px; margin-top: -24px; } .blog-masonry .flex-direction-nav .flex-prev { left: 0px; } .blog-masonry .flex-direction-nav .flex-next { right: 0px; } .blog-masonry .flex-direction-nav a:before{ font-size: 34px; } /* ------------------------------------------------------------------------ */ /* Plugin - Owl Carousel /* ------------------------------------------------------------------------ */ .owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both} .owl-carousel .owl-animated-in{z-index:0} .owl-carousel .owl-animated-out{z-index:1} .owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut} @-webkit-keyframes fadeOut { 0%{opacity:1} 100%{opacity:0} } @keyframes fadeOut { 0%{opacity:1} 100%{opacity:0} } .owl-height{-webkit-transition:height 400ms ease;-moz-transition:height 400ms ease;-ms-transition:height 400ms ease;-o-transition:height 400ms ease;transition:height 400ms ease} .owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0px,0px)} .owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-loaded{display:block} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel .owl-refresh .owl-item{display:none} .owl-carousel .owl-item{z-index: 1; transform: translate3d(0, 0, 0); position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel .owl-item img{display:block;-webkit-transform-style:preserve-3d} .owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto} .owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} .no-js .owl-carousel{display:block} .owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease} .owl-carousel .owl-item img{transform-style:preserve-3d} .owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000} .owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(https://magic-horizons.com/wp-content/themes/unicon-child/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease} .owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)} .owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{display:none} .owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease} .owl-carousel .owl-video-frame{position:relative;z-index:1} /* Owl Theme Design */ .owl-theme .owl-controls{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent} .owl-theme .owl-controls .owl-nav [class*=owl-]{position: absolute;top: 50%;color:#fff;cursor:pointer;margin-top: -60px;opacity: 0.5;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease} .owl-theme .owl-controls .owl-nav .owl-prev:after{ font-family: "FontAwesome"; font-size:40px; height:40px; line-height: 40px; display: block; content: '\f104'; color: rgba(0,0,0,0.6); } .owl-theme .owl-controls .owl-nav .owl-prev{ left: -50px; } .owl-theme .owl-controls .owl-nav .owl-next:after{ font-family: "FontAwesome"; font-size:40px; height:40px; line-height: 40px; display: block; content: '\f105'; color: rgba(0,0,0,0.6); } .owl-theme .owl-controls .owl-nav .owl-next{ right: -50px; } .owl-theme .owl-controls .owl-nav [class*=owl-]:hover{opacity: 1;} .owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default} .owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline} .owl-theme .owl-dots .owl-dot span{width:6px;height:6px;margin:0 4px; opacity: 0.5; border:2px solid #999999; background:transparent;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px} .owl-theme .owl-dots .owl-dot.active span{background:#999999; opacity: 1;} .owl-theme .owl-dots .owl-dot:hover span{opacity: 1;} .boxed-layout .owl-nav{ display: none;} /* ------------------------------------------------------------------------ */ /* Responsive CSS /* ------------------------------------------------------------------------ */ /* Menu Size */ .container-custom { padding: 0px !important; margin-left: 30px !important; } @media only screen and (max-width: 1312px) { .header-v1 #navigation > ul > li > a { padding-left: 8px !important; padding-right: 8px !important; font-size: 15px !important; } .header-v1 #navigation { padding-right: 40px !important; } } @media only screen and (max-width: 1200px) { .header-v1 #navigation { display: none !important; } } /* Desktop */ @media only screen and (min-width: 1199px) { .hide-on-desktop { display: none !important; } .column-htc { margin-top: 79.5px !important; } } @media only screen and (min-width: 960px) and (max-width: 1199px) { .wrapall{ min-width: 960px; } .container{position:relative;width:960px;margin:0 auto;padding:0;} .container .column,.container .columns{float:left;display:inline;margin-left:20px;margin-right:20px;} .row{margin-bottom:20px;} .column.alpha,.columns.alpha{margin-left:0;} .column.omega,.columns.omega{margin-right:0;} .container .one.column,.container .one.columns{width:20px;} .container .two.columns{width:80px;} .container .three.columns{width:140px;} .container .four.columns{width:200px;} .container .five.columns{width:260px;} .container .six.columns{width:320px;} .container .seven.columns{width:380px;} .container .eight.columns{width:440px;} .container .nine.columns{width:500px;} .container .ten.columns{width:560px;} .container .eleven.columns{width:620px;} .container .twelve.columns{width:680px;} .container .thirteen.columns{width:740px;} .container .fourteen.columns{width:800px;} .container .fifteen.columns{width:860px;} .container .sixteen.columns{width:920px;} .container .one-third.column,.container .one-third.columns{width:280px;} .container .two-thirds.column,.container .two-thirds.columns{width:620px;} .container .twelve.alt.sidebar-right{padding-right:39px;width:640px;} .container .twelve.alt.sidebar-left{padding-left:39px;width:640px;} #sidebar.sidebar-right #sidebar-widgets{margin-left:-21px;padding-left:40px;} #sidebar.sidebar-left #sidebar-widgets{margin-right:-21px;padding-right:40px;} .image-teaser-b2b { padding: 60px 0px 0px 0px !important; } .image-teaser-relax { padding: 0px 0px 0px 0px !important; } .hide-on-tablet { display: none !important; } .grecaptcha-badge{display:none;} .image-row-1 { background-image: url(https://magic-horizons.com/wp-content/uploads/2019/06/mh-background-teaser-10.jpg); background-size: cover; background-repeat: no-repeat; background-color: #f2f9fb; padding-top: 220px; padding-bottom: 220px; } .column-htc { margin-top: 14.5px !important; } br.header-break { display: none !important; } .button.apple-download, .button.google-download { padding: 8px 8px 8px 2.5rem !important; margin-right: 10px !important; font-size: 17px !important; } .praxisbeispiel-box-1 { min-height: 140px !important; position: relative !important; } .praxisbeispiel-box-2 { min-height: 140px !important; position: relative !important; } } /* iPad */ @media only screen and (min-width: 768px) and (max-width: 959px) { .wrapall{ min-width: 768px; } .container{width:768px; } .container .column,.container .columns{margin-left:10px;margin-right:10px;} .column.alpha,.columns.alpha{margin-left:0;margin-right:10px;} .column.omega,.columns.omega{margin-right:0;margin-left:10px;} .alpha.omega{margin-left:0;margin-right:0;} .container .one.column,.container .one.columns{width:28px;} .container .two.columns{width:76px;} .container .three.columns{width:124px;} .container .four.columns{width:172px;} .container .five.columns{width:220px;} .container .six.columns{width:268px;} .container .seven.columns{width:316px;} .container .eight.columns{width:364px;} .container .nine.columns{width:412px;} .container .ten.columns{width:460px;} .container .eleven.columns{width:508px;} .container .twelve.columns{width:556px;} .container .thirteen.columns{width:604px;} .container .fourteen.columns{width:652px;} .container .fifteen.columns{width:700px;} .container .sixteen.columns{width:748px;} .container .one-third.column,.container .one-third.columns{width:236px;} .container .two-thirds.column,.container .two-thirds.columns{width:492px;} .container .twelve.alt.sidebar-right,.container .twelve.alt.sidebar-left,#sidebar.sidebar-right #sidebar-widgets,#sidebar.sidebar-left #sidebar-widgets{padding-left:0; padding-right: 0; border:none;margin:0 10px;width:748px;} #sidebar-widgets{ padding-top: 0;} .image-teaser-b2b { padding: 32px 0px 0px 0px !important; } .image-teaser-b2b-img { padding: 0px 0px 0px 0px !important; vertical-align: bottom !important; } .image-teaser-relax { padding: 0px 0px 0px 0px !important; } p { font-size: 17px !important; } .hide-on-tablet { display: none !important; } .wp-show-posts-inner { padding: 10px !important; } .grecaptcha-badge{display:none;} .image-row-1 { background-image: url(https://magic-horizons.com/wp-content/uploads/2019/06/mh-background-teaser-10.jpg); background-size: cover; background-repeat: no-repeat; background-color: #f2f9fb; padding-top: 220px; padding-bottom: 220px; } .column-htc { margin-top: 95.5px !important; } .apps img.app-icon { display: inline !important; border-radius: 7px !important; box-shadow: 0 10px 20px 0 rgba(17,17,17,.2) !important; width: 40px !important; margin-right: 12px !important; } .apps h3 { font-weight: 500 !important; color: #08a3bb !important; margin-bottom: 40px !important; font-size: 20px !important; float: left !important; } .button.apple-download, .button.google-download { font-size: 14px !important; } .praxisbeispiel-box-1 { min-height: 170px !important; position: relative !important; } .praxisbeispiel-box-2 { min-height: 110px !important; position: relative !important; } } /* < iPhone Landscape */ @media only screen and (max-width: 767px) { .wrapall{ min-width: 300px; } .container{width:300px;} .container .column,.container .columns{margin-left:10px;margin-right:10px;} .container .columns,.container .column{margin:0;} .container .one.column,.container .one.columns,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .thirteen.columns,.container .fourteen.columns,.container .fifteen.columns,.container .sixteen.columns,.container .one-third.column,.container .one-third.columns,.container .two-thirds.column,.container .two-thirds.columns{width:300px;} .container .twelve.alt.sidebar-right,.container .twelve.alt.sidebar-left,#sidebar.sidebar-right #sidebar-widgets,#sidebar.sidebar-left #sidebar-widgets{padding-left:0; padding-right: 0;border:none;margin:0;width:300px;} .one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{position:relative;margin-right:0;margin-bottom:40px;float:none;width:100%;} #sidebar-widgets{ padding-top: 0;} /* Boxed Columns Height */ .full-width-section > .span_12 > .col{ height: auto !important; } .full-width-section > .span_12 > .col > .wpb_wrapper{ margin-top: 0px !important; margin-bottom: 0px !important;} /* 0 would be standard */ /* Column inside a column inside a full width section */ .full-width-section > .span_12 > .col > .wpb_wrapper .col{ margin-bottom: 40px !important; } .full-width-section > .span_12 > .col > .wpb_wrapper .col:last-child{ margin-bottom: 0 !important; } p.quote1 { font-size: 21px !important; } p.quote2 { line-height: 1.2 !important; } img.team-home { width: 300px !important; text-align: center !important; } .image-teaser-relax { padding: 0px 0px 50px 0px !important; } .hide-on-mobile { display: none !important; } .page-title { /*padding: 20px !important;*/ padding: 40px !important; } h1.header-image { padding-top: 70px !important; font-size: 32px !important; } #copyright .copyright-col1 { text-align: left !important; float: left !important; } #copyright .copyright-col2 { text-align: left !important; float: left !important; } .grecaptcha-badge{display:none;} .image-row-1 { background-image: url(https://magic-horizons.com/wp-content/uploads/2019/06/mh-background-teaser-10.jpg); background-size: cover; background-repeat: no-repeat; background-color: #f2f9fb; padding-top: 220px; padding-bottom: 220px; } .column-htc { margin-top: 0px !important; } #mc_embed_signup div.mc-field-group:nth-child(1) input{ margin-bottom: 5px !important; } #mc_embed_signup div.mc-field-group:nth-child(2) input{ margin-bottom: 5px !important; } #mc_embed_signup div.mc-field-group:nth-child(3) input{ margin-bottom: 40px !important; } .hvr-grow.core-vertical { width: 264px !important; height: 264px !important; } .apps { padding: 20px !important; } .apps img.app-icon { display: inline !important; border-radius: 7px !important; box-shadow: 0 10px 20px 0 rgba(17,17,17,.2) !important; width: 40px !important; margin-right: 12px !important; } .apps h3 { font-weight: 500 !important; color: #08a3bb !important; margin-bottom: 20px !important; font-size: 20px !important; float: none !important; } .apps img.app-brille { margin: 0px -20px -20px -20px; width: calc(100% + 40px); max-width: none; border-radius: 0px 0px 15px 15px; } .button.apple-download, .button.google-download { font-size: 14px !important; margin-right: 10px !important; margin-bottom: 10px !important; float: none !important; } .button.apple-download:hover, .button.google-download:hover { font-size: 14px !important; margin-right: 10px !important; margin-bottom: s0px !important; float: none !important; } .button.manual-btn { position: absolute !important; bottom: 15px !important; left: 20px !important; padding: 12px 18px !important; font-size: 12px !important; } .button.manual-btn:hover { position: absolute !important; bottom: 15px !important; left: 20px !important; padding: 12px 18px !important; font-size: 12px !important; } .mh-chat-widget { bottom: 10px !important; right: 10px !important; } .mh-chat-widget .pulse { width: 12px !important; height: 12px !important; } .mh-chat-widget img { width: 70px !important; } .pum-theme-mh-widget img { width: 70px !important; } .pum-theme-mh-widget .pulse { top: 3px !important; left: 3px !important; width: 12px !important; height: 12px !important; } } /* iPhone Landscape */ @media only screen and (min-width: 480px) and (max-width: 767px) { .wrapall{ min-width: 420px; } .container{width:420px; } .container .columns,.container .column{margin:0;} .container .one.column,.container .one.columns,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .thirteen.columns,.container .fourteen.columns,.container .fifteen.columns,.container .sixteen.columns,.container .one-third.column,.container .one-third.columns,.container .two-thirds.column,.container .two-thirds.columns{width:420px;} .container .twelve.alt.sidebar-right,.container .twelve.alt.sidebar-left,#sidebar.sidebar-right #sidebar-widgets,#sidebar.sidebar-left #sidebar-widgets{padding-left:0; padding-right: 0;border:none;margin:0;width:420px;} #sidebar-widgets{ padding-top: 0;} div.testimonials-image { width: 100% !important; padding: 0px 0px 20px 0px !important; } #mobile-header { background: #ffffff !important; } } @media only screen and (min-width: 0px) and (max-width: 480px) { div.mh-chat-profile-box { margin-top: 0px !important; gap: 20px !important; } p.quote1 { font-size: 20px !important; } p.quote2 { line-height: 1.2 !important; } p.header-image { font-size: 30px !important; font-family: 'Ubuntu', sans-serif !important; line-height: 1.2 !important; } div.testimonials-image { width: 100% !important; padding: 0px 0px 20px 0px !important; } h1.header-image { font-size: 32px !important; font-family: 'Ubuntu', sans-serif !important; line-height: 1.2 !important; text-shadow: 0px 0px 20px rgba(0, 0, 0, 1); font-weight: 500 !important; } h1.header-image-start { font-size: 32px !important; font-family: 'Ubuntu', sans-serif !important; line-height: 1.2 !important; font-weight: 500 !important; } h2.header-image-start { font-size: 28px !important; font-family: 'Ubuntu', sans-serif !important; line-height: 1.2 !important; text-shadow: 0px 0px 20px rgba(0, 0, 0, 1); } .apps h3 { margin-left: 2.5em !important; text-indent: -2.5em !important; } .grecaptcha-badge { display:none; } .pum-theme-mh-chat .pum-container { max-width: 90% !important; } .pum-theme-mh-chat .button { display: inline-block !important; width: 180px !important; margin-bottom: 10px !important; } .pum-theme-mh-chat .mh-chat-buttons img, .mh-chat-box .mh-chat-buttons img { display: none !important; } .pum-theme-mh-chat div.mh-chat-profile, div.mh-chat-profile .profile-subtitle { margin-bottom: 10px !important; } .pum-theme-mh-chat p { margin-bottom: 10px !important; } .pum-theme-mh-chat p { font-size: 14px !important; } .pum-theme-mh-chat div.mh-chat-profile img { } } @media only screen and (min-width: 0px) and (max-width: 430px) { } @media only screen and (max-width: 959px) { .hide-on-mobile { display: none !important; } } /* ------------------------------------------------------------------------ */ /* EOF /* ------------------------------------------------------------------------ */