/* Minification failed. Returning unminified contents. (6142,37): run-time error CSS1034: Expected closing parenthesis, found ',' (6142,37): run-time error CSS1042: Expected function, found ',' (6142,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (6244,37): run-time error CSS1034: Expected closing parenthesis, found ',' (6244,37): run-time error CSS1042: Expected function, found ',' (6244,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' */ /* FONTS */ /* arimo-regular - latin */ @font-face { font-family: 'Arimo'; font-style: normal; font-weight: 400; src: url('../fonts/arimo-v27-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/arimo-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/arimo-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/arimo-v27-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/arimo-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/arimo-v27-latin-regular.svg#Arimo') format('svg'); /* Legacy iOS */ } /* arimo-700 - latin */ @font-face { font-family: 'Arimo'; font-style: normal; font-weight: 700; src: url('../fonts/arimo-v27-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/arimo-v27-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/arimo-v27-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/arimo-v27-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/arimo-v27-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/arimo-v27-latin-700.svg#Arimo') format('svg'); /* Legacy iOS */ } /* arimo-italic - latin */ @font-face { font-family: 'Arimo'; font-style: italic; font-weight: 400; src: url('../fonts/arimo-v27-latin-italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/arimo-v27-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/arimo-v27-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/arimo-v27-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/arimo-v27-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/arimo-v27-latin-italic.svg#Arimo') format('svg'); /* Legacy iOS */ } /* arimo-700italic - latin */ @font-face { font-family: 'Arimo'; font-style: italic; font-weight: 700; src: url('../fonts/arimo-v27-latin-700italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/arimo-v27-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/arimo-v27-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/arimo-v27-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/arimo-v27-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/arimo-v27-latin-700italic.svg#Arimo') format('svg'); /* Legacy iOS */ } /* raleway-100 - latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 100; src: url('../fonts/raleway-v28-latin-100.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/raleway-v28-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/raleway-v28-latin-100.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/raleway-v28-latin-100.woff') format('woff'), /* Modern Browsers */ url('../fonts/raleway-v28-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/raleway-v28-latin-100.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-200 - latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 200; src: url('../fonts/raleway-v28-latin-200.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/raleway-v28-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/raleway-v28-latin-200.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/raleway-v28-latin-200.woff') format('woff'), /* Modern Browsers */ url('../fonts/raleway-v28-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/raleway-v28-latin-200.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-300 - latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 300; src: url('../fonts/raleway-v28-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/raleway-v28-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/raleway-v28-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/raleway-v28-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/raleway-v28-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/raleway-v28-latin-300.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-regular - latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; src: url('../fonts/raleway-v28-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/raleway-v28-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/raleway-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/raleway-v28-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-500 - latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 500; src: url('../fonts/raleway-v28-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/raleway-v28-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/raleway-v28-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/raleway-v28-latin-500.woff') format('woff'), /* Modern Browsers */ url('../fonts/raleway-v28-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/raleway-v28-latin-500.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-600 - latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 600; src: url('../fonts/raleway-v28-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/raleway-v28-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/raleway-v28-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/raleway-v28-latin-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/raleway-v28-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/raleway-v28-latin-600.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-700 - latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 700; src: url('../fonts/raleway-v28-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/raleway-v28-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/raleway-v28-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/raleway-v28-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/raleway-v28-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/raleway-v28-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-800 - latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 800; src: url('../fonts/raleway-v28-latin-800.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/raleway-v28-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/raleway-v28-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/raleway-v28-latin-800.woff') format('woff'), /* Modern Browsers */ url('../fonts/raleway-v28-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/raleway-v28-latin-800.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-900 - latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 900; src: url('../fonts/raleway-v28-latin-900.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/raleway-v28-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/raleway-v28-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/raleway-v28-latin-900.woff') format('woff'), /* Modern Browsers */ url('../fonts/raleway-v28-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/raleway-v28-latin-900.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-100italic - latin */ @font-face { font-family: 'Raleway'; font-style: italic; font-weight: 100; src: url('../fonts/raleway-v28-latin-100italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/raleway-v28-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/raleway-v28-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/raleway-v28-latin-100italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/raleway-v28-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/raleway-v28-latin-100italic.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-200italic - latin */ @font-face { font-family: 'Raleway'; font-style: italic; font-weight: 200; src: url('../fonts/raleway-v28-latin-200italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/raleway-v28-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/raleway-v28-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/raleway-v28-latin-200italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/raleway-v28-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/raleway-v28-latin-200italic.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-300italic - latin */ @font-face { font-family: 'Raleway'; font-style: italic; font-weight: 300; src: url('../fonts/raleway-v28-latin-300italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/raleway-v28-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/raleway-v28-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/raleway-v28-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/raleway-v28-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/raleway-v28-latin-300italic.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-italic - latin */ @font-face { font-family: 'Raleway'; font-style: italic; font-weight: 400; src: url('../fonts/raleway-v28-latin-italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/raleway-v28-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/raleway-v28-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/raleway-v28-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/raleway-v28-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/raleway-v28-latin-italic.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-500italic - latin */ @font-face { font-family: 'Raleway'; font-style: italic; font-weight: 500; src: url('../fonts/raleway-v28-latin-500italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/raleway-v28-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/raleway-v28-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/raleway-v28-latin-500italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/raleway-v28-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/raleway-v28-latin-500italic.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-600italic - latin */ @font-face { font-family: 'Raleway'; font-style: italic; font-weight: 600; src: url('../fonts/raleway-v28-latin-600italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/raleway-v28-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/raleway-v28-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/raleway-v28-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/raleway-v28-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/raleway-v28-latin-600italic.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-700italic - latin */ @font-face { font-family: 'Raleway'; font-style: italic; font-weight: 700; src: url('../fonts/raleway-v28-latin-700italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/raleway-v28-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/raleway-v28-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/raleway-v28-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/raleway-v28-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/raleway-v28-latin-700italic.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-800italic - latin */ @font-face { font-family: 'Raleway'; font-style: italic; font-weight: 800; src: url('../fonts/raleway-v28-latin-800italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/raleway-v28-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/raleway-v28-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/raleway-v28-latin-800italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/raleway-v28-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/raleway-v28-latin-800italic.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-900italic - latin */ @font-face { font-family: 'Raleway'; font-style: italic; font-weight: 900; src: url('../fonts/raleway-v28-latin-900italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/raleway-v28-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/raleway-v28-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/raleway-v28-latin-900italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/raleway-v28-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/raleway-v28-latin-900italic.svg#Raleway') format('svg'); /* Legacy iOS */ } /* vollkorn-regular - latin */ @font-face { font-family: 'Vollkorn'; font-style: normal; font-weight: 400; src: url('../fonts/vollkorn-v21-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/vollkorn-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/vollkorn-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/vollkorn-v21-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/vollkorn-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/vollkorn-v21-latin-regular.svg#Vollkorn') format('svg'); /* Legacy iOS */ } /* vollkorn-500 - latin */ @font-face { font-family: 'Vollkorn'; font-style: normal; font-weight: 500; src: url('../fonts/vollkorn-v21-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/vollkorn-v21-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/vollkorn-v21-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/vollkorn-v21-latin-500.woff') format('woff'), /* Modern Browsers */ url('../fonts/vollkorn-v21-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/vollkorn-v21-latin-500.svg#Vollkorn') format('svg'); /* Legacy iOS */ } /* vollkorn-600 - latin */ @font-face { font-family: 'Vollkorn'; font-style: normal; font-weight: 600; src: url('../fonts/vollkorn-v21-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/vollkorn-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/vollkorn-v21-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/vollkorn-v21-latin-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/vollkorn-v21-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/vollkorn-v21-latin-600.svg#Vollkorn') format('svg'); /* Legacy iOS */ } /* vollkorn-700 - latin */ @font-face { font-family: 'Vollkorn'; font-style: normal; font-weight: 700; src: url('../fonts/vollkorn-v21-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/vollkorn-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/vollkorn-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/vollkorn-v21-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/vollkorn-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/vollkorn-v21-latin-700.svg#Vollkorn') format('svg'); /* Legacy iOS */ } /* vollkorn-800 - latin */ @font-face { font-family: 'Vollkorn'; font-style: normal; font-weight: 800; src: url('../fonts/vollkorn-v21-latin-800.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/vollkorn-v21-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/vollkorn-v21-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/vollkorn-v21-latin-800.woff') format('woff'), /* Modern Browsers */ url('../fonts/vollkorn-v21-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/vollkorn-v21-latin-800.svg#Vollkorn') format('svg'); /* Legacy iOS */ } /* vollkorn-900 - latin */ @font-face { font-family: 'Vollkorn'; font-style: normal; font-weight: 900; src: url('../fonts/vollkorn-v21-latin-900.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/vollkorn-v21-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/vollkorn-v21-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/vollkorn-v21-latin-900.woff') format('woff'), /* Modern Browsers */ url('../fonts/vollkorn-v21-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/vollkorn-v21-latin-900.svg#Vollkorn') format('svg'); /* Legacy iOS */ } /* vollkorn-italic - latin */ @font-face { font-family: 'Vollkorn'; font-style: italic; font-weight: 400; src: url('../fonts/vollkorn-v21-latin-italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/vollkorn-v21-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/vollkorn-v21-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/vollkorn-v21-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/vollkorn-v21-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/vollkorn-v21-latin-italic.svg#Vollkorn') format('svg'); /* Legacy iOS */ } /* vollkorn-500italic - latin */ @font-face { font-family: 'Vollkorn'; font-style: italic; font-weight: 500; src: url('../fonts/vollkorn-v21-latin-500italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/vollkorn-v21-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/vollkorn-v21-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/vollkorn-v21-latin-500italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/vollkorn-v21-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/vollkorn-v21-latin-500italic.svg#Vollkorn') format('svg'); /* Legacy iOS */ } /* vollkorn-600italic - latin */ @font-face { font-family: 'Vollkorn'; font-style: italic; font-weight: 600; src: url('../fonts/vollkorn-v21-latin-600italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/vollkorn-v21-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/vollkorn-v21-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/vollkorn-v21-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/vollkorn-v21-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/vollkorn-v21-latin-600italic.svg#Vollkorn') format('svg'); /* Legacy iOS */ } /* vollkorn-700italic - latin */ @font-face { font-family: 'Vollkorn'; font-style: italic; font-weight: 700; src: url('../fonts/vollkorn-v21-latin-700italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/vollkorn-v21-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/vollkorn-v21-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/vollkorn-v21-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/vollkorn-v21-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/vollkorn-v21-latin-700italic.svg#Vollkorn') format('svg'); /* Legacy iOS */ } /* vollkorn-800italic - latin */ @font-face { font-family: 'Vollkorn'; font-style: italic; font-weight: 800; src: url('../fonts/vollkorn-v21-latin-800italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/vollkorn-v21-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/vollkorn-v21-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/vollkorn-v21-latin-800italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/vollkorn-v21-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/vollkorn-v21-latin-800italic.svg#Vollkorn') format('svg'); /* Legacy iOS */ } /* vollkorn-900italic - latin */ @font-face { font-family: 'Vollkorn'; font-style: italic; font-weight: 900; src: url('../fonts/vollkorn-v21-latin-900italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/vollkorn-v21-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/vollkorn-v21-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/vollkorn-v21-latin-900italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/vollkorn-v21-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/vollkorn-v21-latin-900italic.svg#Vollkorn') format('svg'); /* Legacy iOS */ } /* montserrat-100 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100; src: url('../fonts/montserrat-v25-latin-100.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-100.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-100.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-100.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-200 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 200; src: url('../fonts/montserrat-v25-latin-200.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-200.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-200.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-200.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-300 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; src: url('../fonts/montserrat-v25-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-regular - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: url('../fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-500 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; src: url('../fonts/montserrat-v25-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-500.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-600 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; src: url('../fonts/montserrat-v25-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-700 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: url('../fonts/montserrat-v25-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-800 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; src: url('../fonts/montserrat-v25-latin-800.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-800.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-800.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-900 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; src: url('../fonts/montserrat-v25-latin-900.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-900.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-900.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-100italic - latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 100; src: url('../fonts/montserrat-v25-latin-100italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-100italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-100italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-200italic - latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 200; src: url('../fonts/montserrat-v25-latin-200italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-200italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-200italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-300italic - latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 300; src: url('../fonts/montserrat-v25-latin-300italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-300italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-italic - latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 400; src: url('../fonts/montserrat-v25-latin-italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-500italic - latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 500; src: url('../fonts/montserrat-v25-latin-500italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-500italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-500italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-600italic - latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 600; src: url('../fonts/montserrat-v25-latin-600italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-600italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-700italic - latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 700; src: url('../fonts/montserrat-v25-latin-700italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-700italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-800italic - latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 800; src: url('../fonts/montserrat-v25-latin-800italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-800italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-800italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-900italic - latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 900; src: url('../fonts/montserrat-v25-latin-900italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-900italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-900italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* poppins-regular - latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; src: url('../fonts/poppins-v20-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/poppins-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/poppins-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/poppins-v20-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/poppins-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/poppins-v20-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-italic - latin */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 400; src: url('../fonts/poppins-v20-latin-italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/poppins-v20-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/poppins-v20-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/poppins-v20-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/poppins-v20-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/poppins-v20-latin-italic.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-500 - latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; src: url('../fonts/poppins-v20-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/poppins-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/poppins-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/poppins-v20-latin-500.woff') format('woff'), /* Modern Browsers */ url('../fonts/poppins-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/poppins-v20-latin-500.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-500italic - latin */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 500; src: url('../fonts/poppins-v20-latin-500italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/poppins-v20-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/poppins-v20-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/poppins-v20-latin-500italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/poppins-v20-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/poppins-v20-latin-500italic.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-600 - latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; src: url('../fonts/poppins-v20-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/poppins-v20-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/poppins-v20-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/poppins-v20-latin-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/poppins-v20-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/poppins-v20-latin-600.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-600italic - latin */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 600; src: url('../fonts/poppins-v20-latin-600italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/poppins-v20-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/poppins-v20-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/poppins-v20-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/poppins-v20-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/poppins-v20-latin-600italic.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-700 - latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; src: url('../fonts/poppins-v20-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/poppins-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/poppins-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/poppins-v20-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/poppins-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/poppins-v20-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-700italic - latin */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 700; src: url('../fonts/poppins-v20-latin-700italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/poppins-v20-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/poppins-v20-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/poppins-v20-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/poppins-v20-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/poppins-v20-latin-700italic.svg#Poppins') format('svg'); /* Legacy iOS */ } /* prata-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Prata'; font-style: normal; font-weight: 400; src: url('../fonts/prata-v18-latin-regular.eot'); /* IE9 Compat Modes */ src: url('../fonts/prata-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/prata-v18-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/prata-v18-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/prata-v18-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/prata-v18-latin-regular.svg#Prata') format('svg'); /* Legacy iOS */ } /* FONTS end */ .buttons{ display: flex; width: 300px; height: 200px; align-items: center; justify-content: space-around; } .buttons .row{ display: block; margin-left: 60px; } .buttons .row button{ position: relative; display: block; height: 80px; width:115px; /* margin: 10px 0;*/ margin: 0px 0; color: #fff; font-size: 16px; font-weight: 500; text-shadow: 0px -1px 0px rgba(0,0,0,0.4); cursor: pointer; border: none; outline: none; border-radius: 0 5px 5px 0; transition: all 0s ease-out; } .row button:active{ top: 3px; } .row button.facebook, .row button.facebook span{ background: #3B5999; border-left: 1px solid #2E4476; } .row button.facebook:active{ box-shadow: 0px 2px 0px 0px #2E4476; } .row button.facebook:hover{ background: #123867; } .row button.twitter, .row button.twitter span{ background: #46C1F6; border-left: 1px solid #269BD0; } .row button.twitter:active{ box-shadow: 0px 2px 0px 0px #269BD0; } .row button.twitter:hover{ background: #4787AC; } .row button.instagram, .row button.instagram span{ background: #e1306c; border-left: 1px solid #c91d56; } .row button.instagram:active{ box-shadow: 0px 2px 0px 0px #c91d56; } .row button.instagram:hover{ background: #905075; } .row button.youtube, .row button.youtube span{ background: #DE463B; border-left: 1px solid #C02B21; } .row button.youtube:active{ box-shadow: 0px 2px 0px 0px #C02B21; } .row button.youtube:hover{ background: #820002; } .row button span{ position: absolute; height: 80px; width: 40px; top: 0; left: -40px; line-height: 100px; font-size: 25px; display: block; font-weight: normal; border-radius: 5px 0 0 5px; } .row button:active span{ top: -3px; } .row button.facebook span{ border-right: 1px solid #2E4476; } .row button.twitter span{ border-right: 1px solid #269BD0; } .row button.instagram span{ border-right: 1px solid #c91d56; } .row button.youtube span{ border-right: 1px solid #C02B21; } .row button.facebook:active span{ box-shadow: 0px 5px 0px 0px #2E4476, 6px 4px 2px rgba(0,0,0,0.3); } .row button.twitter:active span{ box-shadow: 0px 5px 0px 0px #269BD0, 6px 4px 2px rgba(0,0,0,0.3); } .row button.instagram:active span{ box-shadow: 0px 5px 0px 0px #c91d56, 6px 4px 2px rgba(0,0,0,0.3); } .row button.youtube:active span{ box-shadow: 0px 5px 0px 0px #C02B21, 6px 4px 2px rgba(0,0,0,0.3); } @font-face { font-family: 'Arimo', sans-serif; } html, body { margin: 0; padding: 0; font-family: 'Arimo', sans-serif; font-size: 14px; } .card-header { padding: .75rem 0rem; } #main #faq .card .card-header { border: 0; -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5); box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5); border-radius: 2px; padding: 0; } #main #faq .card .card-header .btn-header-link { color: #003D78; display: block; text-align: left; } #main #faq .card .card-header .btn-header-link:after { content: "\f106"; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; right: 0px; top:-1px; font-size: 18px; z-index: 999; } #main #faq .card .card-header .btn-header-link.collapsed, .blue2 { color: #003D78; } #main #faq .card .card-header .btn-header-link.collapsed:after { content: "\f107"; color:#c20000; } .bg-lblue { background-color: rgba(236,242,251,.9)!important; } a.btn.btn-header-link::after { color:#c20000; } #main #faq .card .collapsing { line-height: 18px; } #main #faq .card .collapse { border: 0; } #main #faq .card .collapse.show { /*line-height: 30px;*/ line-height: 18px; color: #003D78; } .pl-15 {padding-left:15px;} #main #faq .card .card-header2 { border: 0; -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5); box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5); border-radius: 2px; padding: 0; } #main #faq .card .card-header2 .btn-header-link { color: #003D78; display: block; text-align: left; } #main #faq .card .card-header2 .btn-header-link:after { content: "\f106"; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; right: 15px; font-size: 18px; z-index: 999; } #main #faq .card .card-header2 .btn-header-link.collapsed, .blue2 { color: #003D78; } #main #faq .card .card-header2 .btn-header-link.collapsed:after { content: "\f107"; color:#c20000; } #main #accordionTracks .card .card-header3 { border: 0; -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5); box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5); border-radius: 2px; padding: 0; } #main #accordionTracks .card .card-header3 .btn-header-link { color: #003D78; display: block; text-align: left; } #main #accordionTracks .card .card-header3 .btn-header-link:before { content: "\f056"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #003D78; position: relative; left: 0px; font-size: 12px; line-height:18px; z-index: 999; } #main #accordionTracks .card .card-header3 .btn-header-link.collapsed, .blue2 { color: #003D78; } #main #accordionTracks .card .card-header3 .btn-header-link.collapsed:before { content: "\f055"; color:#003D78; } #main #accordionTracks .card .card-header3 .btn { padding:0px; } .play-track { position:relative; top:-1px; } /*a:active, a:focus, li:focus, li:active { outline: none !important; border: none !important; text-decoration: none !important; box-shadow: none !important; -webkit-tap-highlight-color: transparent !important; -webkit-user-select: none;*/ /* Chrome/Safari */ /*-moz-user-select: none;*/ /* Firefox */ /*-ms-user-select: none;*/ /* IE10+ */ /*user-select: none; }*/ .track-composer { background-color:#f3f3f3; font-size:14px; font-weight:700; padding:3px 10px 3px 39px; } #accordionTracks .card-body { font-size:13px; color:#000000; background-color:#FFFFFF; margin-left:38px; } .main-inner { width: 1200px; margin: 0 auto; -webkit-box-shadow: 0px 0px 24px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 24px 5px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 24px 5px rgba(0, 0, 0, 0.25); height: auto; } .navbar { display: none; } .navs a { text-decoration: none; color: black; /*color:#003D78;*/ text-transform: uppercase; font-weight: bold; padding-left: 10px; padding-right: 10px; letter-spacing: 2px; transition: 0.2s; font-size: 15px; } .navs a:hover { color: #285ea8; transition: 0.2s; } .navbar { background-color: #204C7C; background-position: center; background-size: cover; background-repeat: no-repeat; } .nav-tabs { border-bottom:0px;} .nav-link { font-size:14px; letter-spacing:1px; font-weight:500; padding:0.3rem 1.5rem; } .top-nav .nav-link { font-size:11px; letter-spacing:1px; font-weight:500; padding:0.7rem 1.5rem; } .header-blue .nav-link { font-size:12px; letter-spacing:1px; font-weight:500; padding:0; } .header-blue .card-body { margin-top:-25px; margin-bottom:20px; } .header-blue .dropdown-item { padding:0px; } .header-blue ul li { padding:0px 15px; } .top-nav .tab-content { width:100%; background-color:#FFFFFF; color:#000000; position:absolute; top:38px; left:0px; } .top-nav .nav-item.show .nav-link, .nav-link.active { background-color:#FFFFFF; color:#000000; border-radius:0px; border:none; } .top-nav .nav-link:focus, .nav-link:hover { border-color:transparent; border:none; border-radius: 0px; background-color:#FFFFFF; color:#000000; } .top-nav .nav-link { border:0px; } .main-nav .nav-item .nav-link { /*font-size:11px;*/ font-size:.8rem; letter-spacing:.5px; padding:.8rem .8rem; font-weight:700; color:#666666; border:none; } .main-nav .nav-item.show .nav-link, .nav-link.active, .main-nav .nav-item .nav-link:hover { background-color:#FFFFFF; color:#666666; border-radius:0px; /*border:none;*/ } .artists-tour { margin-top:10px; } .artists-tour .tour-body { border:1px solid #CCCCCC!important; border-color:#CCCCCC #CCCCCC #CCCCCC #CCCCCC!important; } .artists-tour .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { /*background-color: rgba(240,240,240,1);*/ /*background-color:#004e96;*/ color:#000000; border-radius:5px 5px 0px 0px; border:1px solid #CCCCCC; border-color:#CCCCCC #CCCCCC transparent #CCCCCC; } .artists-tour .nav-link { padding:0.6rem 1.5rem; } .artists-tour .nav-item a { font-size:12px; line-height: 15px; background-color: transparent; color: #000000; /*border:none;*/ font-weight:700; } .artists-tour .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { /*border:none;*/ border-radius:5px 5px 0px 0px!important; border:1px solid #CCCCCC!important; border-color:#CCCCCC #CCCCCC transparent #CCCCCC!important; } .artists-tour .nav-tabs .nav-link a:link { /*border:none;*/ background:none; } .tour-odd, .tour-even { font-size:10px; line-height: 12px; font-weight:700; /* padding:10px 0px;*/ } .tour-odd { background-color: rgba(255,243,244,1); } .tour-even { background-color: rgba(240,240,240,1); } .tour-item-row { display: flex; align-items:flex-start; justify-content: flex-start; } .tour-item-row icon { width: 10px; height: 10px; /*background: #252525;*/ background-color:transparent; border-radius: 2px; cursor: pointer; user-select: none; display: flex; align-items: center; justify-content: center; margin-left: .5rem; text-align: center; } .tour-item-row svg { width: 10px; margin: 0 auto; } .tour-item-row-title { width: 100%; /*display: flex;*/ display:block; padding:0px 0px 0px 3px; } .tour-item-row-title { margin: 0; } .tour-date { font-size:12px; line-height: 13px; font-weight:700; text-align:center; } .tour-date-num { font-size:24px; line-height: 20px; } .tour-col-1, .tour-col-2, .tour-col-3, .tour-col-4, .past-tour-col-1, .past-tour-col-2, .past-tour-col-3 { position: relative; width: 100%; padding-right: 5px; padding-left: 5px; padding-top:8px; padding-bottom:8px; border:1px solid #FFFFFF; } .modal-tour-name, .modal-tour-date, .tour-dropdown-container, .tour-btn, .tour-img-container, .tour-details-container { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .tour-tix-row { display: flex; align-items:center; justify-content: flex-start; } .tour-info { width: 100%; /*display: flex;*/ display:block; padding:0px 0px 0px 5px; } .tour-info { margin: 0; } .btn-more-info { background: #4085a8; border:none; border-radius: 3px; color: #fff; font-weight: normal; font-size: 7px; line-height: 7px; text-transform:uppercase; padding: 3px 3px; } .btn-more-info:hover { background: #276585; color: #fff; transition: 0.2s; } .av-title { font-size:14px; line-height: 18px; text-align:left; font-weight:700; margin:0px 0px 15px 0px; } .artist-photo { border-radius:10px; } .photo-credit { font-size: 10px; line-height: 12px; position: absolute; bottom:5px; left:10px; } .shadow-txt-l { text-shadow: 0 0 3px rgba(255,255,255,0.8); } .shadow-txt-d { text-shadow: 0 0 8px rgba(0,0,0,1); } .txt-white { color:#FFFFFF;} .txt-black { color:#000000;} .tour-name { font-size:30px; line-height: 35px; font-weight:700; color:#000000; text-transform:uppercase; } .modal .tour-item-row icon { width: 20px; height: 20px; /*background: #252525;*/ background-color:transparent; border-radius: 2px; cursor: pointer; user-select: none; display: flex; align-items: center; justify-content: center; margin-left: .5rem; text-align: center; } .modal .tour-item-row svg { width: 20px; margin: 0 auto; } .modal .tour-item-row-title { width: 100%; /*display: flex;*/ display:block; padding:0px 0px 0px 8px; } .date-modal { background-color: rgba(0,0,0,1); color:#FFFFFF; font-size:18px; line-height: 23px; text-align:center; padding:10px 10px 10px 10px; } .date-modal-num { font-size:40px; line-height: 35px; } .float-view { position:absolute; top:33px; right:15px; z-index: 900; } .box-dropdown { background-color:#f4f3f3; border:1px solid #e2e2e2; border-radius:10px; padding:15px 20px 15px; } .box-dropdown2 { background-color:#f4f3f3; border:1px solid #e2e2e2; border-radius:10px; padding:5px 15px 5px; } select.tour-dropdown { width:280px; border-radius:5px; border:1px solid #d9d9da; padding:5px 10px; background-color:#FFFFFF!important; -moz-appearance:none !important; -webkit-appearance: none !important; appearance: none !important; background: url("data:image/svg+xml,") no-repeat; background-position: calc(100% - 0.75rem) center !important; } select.tour-dropdown2 { width:100%; border-radius:5px; border:1px solid #d9d9da; padding:5px 10px; background-color:#FFFFFF!important; -moz-appearance:none !important; -webkit-appearance: none !important; appearance: none !important; background: url("data:image/svg+xml,") no-repeat; background-position: calc(100% - 0.75rem) center !important; } .tour-dropdown option .hide-default { color:#FFFFFF!important;} .btn-go { width:100%; background-color: #eaf2fe; border: 1px solid #d0d0d0; border-radius: 20px; color: #707070; font-weight: normal; font-size: 14px; padding: 5px 15px; } .btn-go:hover { background-color: #aec5e8; color: #707070; transition: 0.2s; } .btn-read-more { background: #1e519a; border:none; border-radius: 3px; color: #fff; font-weight: normal; font-size: 11px; line-height: 15px; text-transform:uppercase; padding: 5px 10px; } .btn-read-more:hover { background: #0c3979; color: #fff; transition: 0.2s; } .title-bar-tour { width:100%; color:#000000; background-color: #f4f3f3; padding: 5px 15px 5px; margin-bottom:20px; } .img-artist img{ width: 100%; border-radius: 50%; } .sticky { position: fixed; top: 0; width: 100%; } .sticky + .content { padding-top: 102px; } .header { width:1200px!important; min-height: 130px; z-index: 999; /*-webkit-box-shadow: 0px 6px 28px -12px rgba(0, 0, 0, 0.20); -moz-box-shadow: 0px 6px 28px -12px rgba(0, 0, 0, 0.20); box-shadow: 0px 6px 28px -12px rgba(0, 0, 0, 0.20);*/ position: fixed; display: block; } .header-sticky { width:1200px!important; background: #285ea8; color: #f1f1f1; } .inner { padding-top: 165px; } .yt-fit-container { width:560px; } .yt-fit { } select { -webkit-appearance: menulist-button; color: #000000!important; } .home-carousel { width: 100%; margin: 0 auto; height: 290px; position: relative; display: block; padding: 10px; overflow: hidden; max-height: 100%; } .home-carousel img.img-banner { width: 100%; height: 290px; object-fit: cover; object-position: center center; } .navbar-nav .nav-item:focus, .nav-link:hover { background-color: transparent; color: #ffffff; } .navbar-nav .dropdown-menu { text-align: center; background-color: transparent; box-shadow: none; border: none; margin-top: 0px; margin-bottom: 2px; padding: 0rem 0rem 0.5rem; } .navbar-nav .dropdown-menu .dropdown-item { color: #95fffb; } .gray-nav { background-color: #DDDDDD; color: #000000; position: relative; z-index: 9999 !important; } .main-nav .nav-item a { color: #666666; font-weight: 700; } .icon-square { color: #004e96; font-size: 15px; padding-right: 10px; padding-left: 15px; padding-top: 6px; } .searchTerm input { width: 100%; height: 100%; display: block; border-radius: 25px; font-size: 13px; padding: 10px 40px 10px 15px; border: none; position: relative; } .searchTerm input:focus { outline: none; } .searchTerm button { position: absolute; top: 0; right: 0; width: 50px; height: 100%; border-radius: 50%; cursor: pointer; border: none; background: none; font-size: 18px; } .searchTerm button i { color: rgb(93, 94, 95); } .searchTerm button:hover i { color: rgb(162, 163, 163); } .searchTerm button:focus { outline: none; } .searchTerm2 input { width: 100%; height: 100%; max-height: 25px; display: block; border-radius: 25px; font-size: 13px; padding: 3px 40px 3px 15px; margin: 0px 0px; border: none; position: relative; } .searchTerm2 input:focus { outline: none; } .searchTerm2 button { position: absolute; top: 0; right: 0; width: 40px; height: 25px; border-radius: 50%; cursor: pointer; border: none; background: none; font-size: 16px; } .searchTerm2 button i { color: rgb(93, 94, 95); } .searchTerm2 button:hover i { color: rgb(162, 163, 163); } .searchTerm2 button:focus { outline: none; } .searchTerm { width: 240px; /*border: 1px solid #4c4c4c;*/ border-right: none; padding: 0px; border-radius: 20px 20px 20px 20px; outline: none; color: #9DBFAF; /*height: 33px;*/ height: 100%; } .searchTerm2 { width: 180px; /*border: 1px solid #4c4c4c;*/ border-right: none; padding: 0px; border-radius: 20px 20px 20px 20px; outline: none; color: #9DBFAF; /*height: 33px;*/ height: 100%; justify-content: flex-end; } .searchTerm:focus, input-nl-sub:focus, .searchTerm2:focus { color: #4c4c4c; } .hover-swap { transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } div:hover > .hover-swap { opacity: 0; } .socmed { position: relative; } .img1 { position: relative; top: 0px; left: 0px; display: block; z-index: 100; } .img2 { position: absolute; top: 0px; left: 0px; display: block; z-index: 90; } .text-overflow-clamp-2 { width: 100%; /* this code clamps based on specified lines */ overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; text-overflow: ellipsis; } /* ACCORDION */ .aks-accordion { width: 100%; max-height: 380px; } .aks-accordion-row { } .aks-accordion-item { width: 100%; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; cursor: pointer; } .aks-accordion-item-row { display: flex; align-items: center; justify-content: flex-start; } .aks-accordion-item-icon { width: 10px; height: 10px; /*background: #252525;*/ background-color: transparent; border-radius: 2px; cursor: pointer; user-select: none; display: flex; align-items: center; justify-content: center; margin-left: .5rem; text-align: center; } .aks-accordion-item-icon svg { width: 10px; fill: white; margin: 0 auto; } .aks-accordion-item-title { width: 100%; color: #FFFFFF; text-align: center; line-height: 1.5; /*display: flex;*/ display: block; align-items: center; } .aks-accordion-item-title { margin: 0; } .aks-accordion-item-content { display: none; width: 100%; padding-top: 10px; padding-right: 8px; padding-bottom: 0; padding-left: 0px; overflow: hidden; word-break: break-word; width: 100%; text-align: left; line-height: 1.5; } .aks-accordion-item.opened .aks-accordion-item-icon-open { display: none; } .aks-accordion-item-icon-close { display: none; } .aks-accordion-item.opened .aks-accordion-item-icon-close { display: block; } /*.aks-accordion-item.opened .aks-accordion-item-title { display: none; }*/ .accordion-content { padding: 0px 30px; } .top-dropdown-icon { width: 10px; height: 10px; /*background: #252525;*/ background-color: transparent; border-radius: 2px; cursor: pointer; user-select: none; display: flex; align-items: center; justify-content: center; margin-left: .5rem; text-align: center; } .top-dropdown-icon svg { width: 10px; fill: white; margin: 0 auto; } .half-display, .logo-ind, .logo-ind2, .covers-lineup, .av-lineup { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .logo-ind, .logo-ind2 { margin: 10px 0px; } /*** overlay2 ***/ .vid-container { position: relative; } .image-video { opacity: 1; display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden; margin: 0 auto; } .middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .vid-container:hover .image-video { opacity: 0.7; } .vid-container:hover .middle { opacity: 1; } .yt-middle { transition: .5s ease; opacity: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .logo { position: relative; top: -12px; left: 60px } .content { padding-top: 0px; /* padding-left: 38px; padding-right: 38px; */ padding-left: 54px; padding-right: 54px; padding-bottom: 0px; } .content2 { padding-top: 0px; padding-left: 55px; padding-right: 55px; padding-bottom: 10px; } .titles { color: #000000; font-size: 22px; line-height: 28px; position: relative; /*left: 20px;*/ font-weight: bold; font-kerning: none; } .titles-sub { color: #666666; font-size: 15px; line-height: 18px; position: relative; font-weight: bold; margin-left: 37px; text-transform: none; } .titles2 { color: #003d78; font-size: 22px; position: relative; left: 10px; font-weight: bold; font-kerning: none; } .titles3 { color: #005699; font-size: 18px; line-height: 23px; font-weight: 700; } .flex-nav { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ flex-direction: column; /*padding-top: 35px;*/ } .search { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ position: relative; display: flex; font-size: 13.5px; margin-right: 50px; } .input-nl-sub { width: 100%; border: 1px solid #4c4c4c; padding: 5px; border-radius: 2px 0 0 2px; outline: none; color: #4c4c4c; height: 33px; } .dropdown-blue { width: 120px; background-color: transparent; color: #FFFFFF; border: none; font-size: 14px; } .dropdown-blue > option { font-size: 13px; text-transform: none; } .dropdown-nl-sub { width: 50%; border: 1px solid #4c4c4c; padding: 5px; border-radius: 2px 0 0 2px; outline: none; color: #4c4c4c; height: 33px; } .label-nl { color: #004e96; margin-top: 5px; } .label-nl2 { color: #004e96; } .searchButton { width: 40px; height: 33px; border: 1px solid #4c4c4c; text-align: center; color: #4c4c4c; border-radius: 0 2px 2px 0; cursor: pointer; font-size: 20px; background-image: linear-gradient(#4c4c4c, #242424); } .lbl-search { color: white; font-weight: 400; font-size: 11px; cursor: pointer; padding-left: 8px; padding-top: 8px; } .flex-nav > div { } .card { border: none; border-radius: 0px !important; } .card img { border: 1px solid #D7D7D7 } .card-text { text-align: left; } .card-body { padding: 0px; } .cf-top { padding-top: 10px; } .btn-play { background: #1e519a; /*border: 0.5px solid #d2d2d2;*/ border: none; border-radius: 5px; color: #fff; font-weight: normal; font-size: 14px; padding: 3px 10px; float: right; margin-left: 2px; margin-top: 5px; } .btn-play:hover { background: #003b79; color: #fff; transition: 0.2s; } .btn-buy { background: #eeeeee; border: 0.5px solid #d2d2d2; border-radius: 5px; color: #4f4f4f; font-weight: bold; font-size: 14px; padding: 5px 15px 5px 15px; } .btn-buy:hover { background: #003b79; color: #fff; transition: 0.2s; } .pt10 { padding-top: 10px; } .bolder { font-weight: bold; } .lbl-more { color: #7b0000; font-style: italic; font-weight: normal; cursor: pointer; } .lbl-more:hover { color: #7b0000; text-decoration: underline; } a.lbl-more { color: #7b0000 !important; } .flex-items { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ } .flex-items > div { margin: 10px; font-weight: bold; margin-left: 0px; margin-right: 0px; text-align: center; font-size: 13px; } .title-items { margin: 10px; font-weight: bold; margin-left: 0px; margin-right: 0px; text-align: center; font-size: 14px; line-height: 18px; color: #000000; } .title-items a:link, .title-items a:visited, .title2 a:link, .title2 a:visited { color: #000000; } .title-items a:hover, .title-items a:active, .title2 a:hover, .title a:active { color: #005699; } .title2 { font-size: 18px; line-height: 23px; font-weight: 700; } .icon-titles { padding-right: 15px; } .ttl-items { text-transform: uppercase; } .spaces { padding-top: 20px; } .spaces2 { padding-top: 20px; } .spaces3 { padding-top: 30px; } .card-size1 { width: 190px; } .card-size2 { /*width: 138px;*/ width: 100%; padding: 0px 10px; font-size: 13px; line-height: 16px; } .card-size3 { width: 138px; } .card-size4 { width: 140px; padding: 0px 10px; } .card-cd { height: 200px; position: relative; } .card-cd2 { height: 180px; position: relative; } .card-dvd { height: 270px; position: relative; } .card-valign img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .header-h { margin-top: 10px; margin-bottom: 10px; padding: 15px; text-align: center; background-color: grey; } .content-h { border: 1px solid #000; } .col-h { display: flex; flex-flow: column; } .col-h .content-h { width: 100%; flex-grow: 1; } .equal { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .equal > [class*='col-'] { display: flex; flex-direction: column; } .card iframe { border: none; } .block { width: 50%; height: 166px; padding: 15px; color: #000; float: left; text-align: left; font-size: 14px; font-weight: bold; border: 1px solid #FFF; background-color: #E3EAEF; } .block a { /*color: #000;*/ color: #003D78; } .table-striped tbody tr:nth-of-type(odd) { background-color: #EDF9FF; } .block2 { height: auto; padding: 20px; color: #000; text-align: left; font-size: 14px; font-weight: bold; margin: 0 auto; /*background-color: #E3EAEF;*/ border-radius: 3px; } .block2 a { /*color: #454545!important;*/ color: #003D78; } .block2 a:hover { /*color: #285ea8;*/ color: #009; } .flex-social { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ justify-content: center; } .flex-social a { filter: grayscale(100); opacity: 1; transition: 0.2s; } .flex-social a:hover { filter: grayscale(0); opacity: 0.7; transition: 0.2s; } .flex-social2 a { filter: grayscale(100); opacity: 1; transition: 0.2s; } .flex-social2 a:hover { filter: grayscale(0); opacity: 0.7; transition: 0.2s; } .desaturate { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); transition: .2s; } .desaturate:hover { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); } .contrast { filter: contrast(0%); -webkit-filter: contrast(0%); -moz-filter: contrast(0%); -ms-filter: contrast(0%); -o-filter: contrast(0%); } .flex-social > div { margin: 5px; text-align: center; } .flex-social img { /* width: 28px; */ height: 23px; } .flex-social2 { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ justify-content: center; } .flex-social2 > div { margin-left: 6px; margin-right: 6px; text-align: center; } .flex-social2 img { width: 68px; /*height:25px;*/ } .lr-border { border-left: 1px dotted #C2C2C2; border-right: 1px dotted #C2C2C2; } .b-border { border-bottom: 1px solid #6f859f; } hr { border-style: dotted; border-top: 0; border-right: 0; border-left: 0; border-color: #C2C2C2; border-width: thin; } hr.style-one { margin: 30px auto; } hr.style-two { border-style: dotted; border-top: 0; border-right: 0; border-left: 0; border-color: #C2C2C2; border-width: thin; margin: 5px 0px 20px 0px; } hr.style-three { width: 20%; border-style: solid; border-top: 0; border-right: 0; border-left: 0; border-color: #C2C2C2; border-width: thin; margin: 10px auto 20px; } .footer { background: #285ea8; height: auto; width: 100%; text-align: center; color: white; padding-top: 30px; padding-bottom: 10px; } .footer a { color: white; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; padding-left: 10px; padding-right: 10px; font-size: 17px; text-decoration: none; transition: 0.2s; } .footer a:hover { color: #b4d2ed; transition: 0.2s; } .footer-link a { color: white; text-transform: none; letter-spacing: 0px; font-weight: 400; padding-left: 10px; padding-right: 10px; font-size: 14px; text-decoration: none; transition: 0.2s; } .footer-link a:hover { color: #b4d2ed; transition: 0.2s; } .flex-ficons { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ justify-content: center; margin-top: 18px; } .flex-ficons img { width: 38px; padding-bottom: 5px; } .flex-ficons > div { text-align: center; padding: 0px 8px 0px 8px; } .ttl-t { color: #919191; font-size: 11px; font-weight: 800; letter-spacing: 1px; padding-bottom: 3px; } .h-dashed { border-style: dotted; border-top: none; border-right: none; border-left: none; border-color: #C2C2C2; border-width: thin; padding-top: 15px; } .m-dashed { border-style: dotted; border-top: none; border-right: none; border-left: none; border-color: #272727; border-width: thin; display: none; } .v-dashed { border-style: dotted; border-top: none; border-right: none; border-bottom: none; border-color: #ccc; border-width: thin; } .lr-dashed { border-style: dotted; border-top: none; border-bottom: none; border-color: #ccc; border-width: thin; } .l-dashed { border-style: dotted; border-top: none; border-bottom: none; border-right: none; border-color: #ccc; border-width: thin; } .f-ttl { text-transform: uppercase; font-weight: bold; font-size: 11px; position: relative; bottom: -10px; margin-top: 20px; } .ttl-credit { font-weight: lighter; font-size: 13px; position: relative; top: 8px; } .btn-search { background: #2F2F2F; border: 1px solid #AAAAAA; color: #fff; font-weight: 600; text-transform: uppercase; width: 100%; } .btn-search:hover { background: #072d5a; border: none; color: white; width: 100%; border: 1px solid white; } .btn-search:active { background: #072d5a; border: none; color: white; width: 100%; } .bio .nav-item a { /*color: #004e96;*/ color: #003D78; } .bio .nav-item a:hover { /*color: #1e3a6c;*/ color: #009; } .nav-item a { color: white; } .navbar-toggler { border: 0; } .navbar-toggler i { color: white; font-size: 23px; padding: 6px 8px 6px 8px; } .navbar-toggler:focus { border: 0; } .navbar-nav { color: white; letter-spacing: 1px; } .card-header:first-child { border-radius: 0; } .slick-prev, .slick-next { height: 25px; } a { /* color: #1e3a6c!important;*/ /*color:black;*/ color: #003D78; text-decoration: none; transition: 0.2s; } a:hover { /*color: #1e3a6c;*/ color: #009; text-decoration: none; transition: 0.2s; } .adsearch { color: #861618; padding-left: 15px; text-transform: uppercase; padding-top: 10px; } .row-alpa a { padding-left: 6px; padding-right: 6px; margin-bottom: 20px; /*color: #053e58;*/ color: #003D78; text-decoration: none; font-size: 16px; } .mini-text { font-weight: bold; } .row-alpa a:hover { /*color: #861618;*/ color: #009; cursor: pointer; } .top-link { font-size: 12px; } .nav-item a { text-decoration: none; } h2 { color: #1e3a6c; text-transform: uppercase; font-weight: bold; line-height: normal; } h3 { color: #1e3a6c; text-transform: uppercase; font-size: 22px; font-weight: 600; /*line-height:normal;*/ } h4 { color: #1e3a6c; font-size: 16px; font-weight: 600; line-height: 1.5; } h5 { color: #1e3a6c; text-transform: uppercase; font-weight: bold; font-size: 16px; } h6 { color: black; text-transform: uppercase; } .track-name { text-transform: none; font-size: 17px; } .num-rel { font-size: 11px; font-style: italic; } .num-artist { font-weight: bold; } .track-num { font-size: 13px !important; text-align: right; } .item-body { padding: 0; } .card-small a { padding-top: 10px; text-transform: none; } .flex-cover-items { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; flex-wrap: wrap; width: 100%; } .flex-cover-items > div { margin: 10px; text-align: center; margin-left: 20px; } .row-album div { margin: 10px; padding: 0; } .btn-read { color: #004e96; padding: 3px 6px 3px 6px; float: right; border: 2px solid #004e96; text-transform: uppercase; font-size: 13px; background: white; font-weight: 500; transition: 0.2s; font-weight: 600; } .btn-read:hover { background: #1e3a6c; border: 1px solid #1e3a6c; color: white; } .flex-date { display: flex; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ } .flex-date > div { margin: 10px; padding-left: 5px; margin-bottom: -10px; } .arrows2 { width: 9px; position: relative; top: 15px; left: 75px; } #more { display: none; } .modal-backdrop { z-index: 1000 !important; } .modal-inner { padding: 20px; } .modal-header { padding: 7px; } .modal-dialog { top: 12px; z-index: 9999 !important; } .topnav.modal-body { font-size: 13px; line-height: 15px; } .modal { padding-right: 0px !important; } .top-nav { background-color: #132d52; color: #ffffff; position: relative; z-index: 9999 !important; } .modal-open .modal { overflow-y: scroll; } .flex-modal { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; width: 100%; } .flex-modal > div { width: 100%; } .modal-tb { width: 330px; border-radius: 3px; border: 1px solid #ccc; height: 35px; font-size: 13px; padding-left: 5px; } .modal-tb2 { width: 124px; border-radius: 3px; border: 1px solid #ccc; height: 33px; font-size: 12px; padding-left: 5px; } .modal-tbm { width: 100%; border-radius: 3px; border: 1px solid #ccc; height: 33px; font-size: 12px; padding-left: 5px; } .modal-tb3 { width: 161px; border-radius: 3px; border: 1px solid #ccc; height: 33px; font-size: 12px; padding-left: 5px; } .modal-text { font-size: 15px; } .modal-text2 { font-size: 13px; } .modal-text2 { font-size: 13px; padding-top: 9px; padding-right: 10px; padding-left: 10px } .modal-search { width: 23px; position: relative; top: 5px; left: 10px; } .flex-catalogue { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; flex-wrap: wrap; width: 100%; justify-content: center; } .flex-catalogue > div { margin: 40px; text-align: center; margin-left: 15px; width: 160px; margin-bottom: -25px; } .red { color: #940a0a; text-transform: none; font-size: 18px; font-family: 'Arimo', sans-serif; } /*.card-text{ font-size: 14px; font-weight: bold; text-align: center; padding-top: 10px; }*/ .card-text2 { font-size: 14px; font-weight: bold; text-align: center; padding-top: 20px; } .faded { position: absolute; bottom: 40px; left: 0; width: 100%; text-align: center; margin: 0; padding: 30px 0; /* "transparent" only works here because == rgba(0,0,0,0) */ background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(0,0,0,0)); } .cat-links { font-size: 14px; } .flex-cover-series { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; flex-wrap: wrap; width: 100%; } .flex-cover-series > div { margin: 10px; text-align: center; margin-left: 20px; width: 127px; } /* Position the image container (needed to position the left and right arrows) */ .container { position: relative; } /* Hide the images by default */ .mySlides { display: none; } /* Add a pointer when hovering over the thumbnail images */ .cursor { cursor: pointer; } /* Next & previous buttons */ .prev, .next { cursor: pointer; position: absolute; top: 40%; width: auto; padding: 16px; margin-top: -50px; color: white; font-weight: bold; font-size: 20px; border-radius: 0 3px 3px 0; user-select: none; -webkit-user-select: none; } /* Position the "next button" to the right */ .next { right: 0; border-radius: 3px 0 0 3px; } /* On hover, add a black background color with a little bit see-through */ .prev:hover, .next:hover { background-color: rgba(0, 0, 0, 0.8); } /* Number text (1/3 etc) */ .numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 63%; left: 76%; } /* Container for image text */ .caption-container { text-align: center; padding: 2px 16px; color: white; } .row:after { content: ""; display: table; clear: both; } /* Six columns side by side */ .column { float: left; width: 16.66%; } /* Add a transparency effect for thumnbail images */ .demo { opacity: 0.6; } .active, .demo:hover { opacity: 1; } .mini-slide { position: relative; } .flex-infos { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; display: block; padding-top: 20px; } .flex-infos > div { font-size: 13px; line-height: 1.25em; margin-bottom: 7px; } ion-icon { font-size: 18px; } .flex-infos label { color: #004e96; font-weight: 600; } .flex-per { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; display: block; padding-top: 20px; } .flex-per > div { font-size: 14px; line-height: 1.2em; margin-bottom: 7px; } .flex-per label { color: #004e96; font-weight: 600; } /* .blue{ color: #004e96; } */ .flex-infos span { font-weight: 700; } .flex-infos a:link, .flex-infos a:visited { /*color:#212529;*/ color: #003D78; } .flex-infos a:hover { /*color:#285ea8!important;*/ color: #009; } .circle-portrait { position: relative; width: 110px; height: 110px; overflow: hidden; border-radius: 50%; } .circle-portrait img { width: 120%; height: auto; position: relative; top: -10px; left: -10px; } .truncate-text-4 { -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; } .truncate-text-rev { -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; } ion-icon { font-size: 18px; } .flex-track { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; align-items: stretch; } .flex-track > div { color: black; padding-right: 10px; font-size: 14px; line-height: 1.4em; margin: 1px 0px; } .number-track { width: 30px; /*background-color:#707070;*/ text-align: left; color: #000000; font-size: 13px; /*font-weight:600;*/ font-weight: 400; /*line-height:15px;*/ padding-right: 5px; margin-bottom: 0px; } .flex-miniz { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; justify-content: center; } .flex-miniz div { width: 50px; margin: 10px; } .lbl-track-info { font-weight: 600; } .flex-md-foot { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; justify-content: center; flex-wrap: wrap; } #md-search { background: #204C7C; color: white; border: 1px solid #285ea8; } #md-search:hover { color: #285ea8; border: 1px solid #285ea8; background: white; } #md-clear { background: #434343; color: white; border: 1px solid #434343; } #md-clear:hover { color: #434343; border: 1px solid #434343; background: white; } .flex-contact { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; justify-content: center; font-size: 17px; text-align: center; } .flex-contact li { list-style: none; } .flex-distrib { display: flex; flex-wrap: wrap; } .flex-distrib > div { border: 1px solid #eee; padding: 10px; border-radius: 5px; width: 193px; margin: 10px; text-align: center; line-height: 20px; } .flex-distrib li { list-style: none; } .blue { color: #1e3a6c !important; } .page-link { color: #1e3a6c; } .pagenum { position: relative; right: 10px; } .flex-subs { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; justify-content: center; flex-direction: column; padding-left: 200px; padding-right: 200px; } .bold { font-weight: bold; } .flex-btns { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; justify-content: center; } .ptop { padding-top: 10px; } .adsearch { color: #861618; text-transform: none; padding-top: 10px; } .flex-newsrevs { display: flex; flex-wrap: wrap; flex-direction: column; width: 100%; } .flex-newsrevs a { font-weight: bold; } .flex-newsrevs > div { border: 1px solid #eee; padding: 10px; border-radius: 5px; width: 100%; margin: 10px; line-height: 20px; padding-left: 15px; margin-bottom: 0px; } .flex-vids { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ flex-wrap: wrap; } .flex-vids iframe { border: none; width: 100%; } .flex-vids > div { width: 340px; margin: 5px; height: auto; padding: 10px; border: 1px solid #eee; border-radius: 5px; } .flex-nb { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ flex-wrap: wrap; } .flex-nb iframe { border: none; width: 100%; } .flex-nb > div { width: 49%; margin: 5px; height: auto; padding: 10px; border: 1px solid #eee; border-radius: 5px; } .flex-videosds a { font-weight: bold; } .btn-pv { background: #eeeeee; border: 0.5px solid #d2d2d2; border-radius: 5px; color: #4f4f4f; font-weight: bold; font-size: 11px; padding: 2px 8px 2px 8px; margin-left: 2px; float: right; margin-top: 10px; transition: 0.2s; } .btn-pv:hover { color: white; background: #1e3a6c; border: 0.5 solid #1e3a6c; transition: 0.2s; } #banners { width: 100%; padding-left: 30px; padding-right: 30px; } .prr12 { position: relative; right: 12px; } .flex-abc2 { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; flex-wrap: wrap; background-color: #285ea8; padding: 0px 70px; position: relative; } .flex-abc2 > div { margin: 0px; text-align: left; color: white; text-transform: uppercase; font-size: 14px; padding-top: 7px; padding-bottom: 7px; } #ttl-all { font-size: 16px; font-weight: bold; margin-top: -1px; } .flex-abc3 { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; flex-wrap: wrap; background-color: #285ea8; padding: 0px 70px; position: relative; margin: 0px; } .flex-abc3 > div { margin: 0px; text-align: left; color: white; text-transform: uppercase; font-size: 16px; font-weight: bold; padding-top: 7px; padding-bottom: 7px; } .flex-alsoav { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; flex-wrap: wrap; } .flex-alsoav > div { width: 156px; margin: 10px; } .flex-alsoav img { width: 100%; /*padding-bottom: 10px;*/ } .album-details { display: block; } .album-details-mini { display: none; } #headingOne2 { display: none; } .flex-divider { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; justify-content: center; } .flex-divider > div { text-align: center; width: 100%; } .lines { background: #cedaea; width: 100%; height: 2px; position: relative; top: 3px; } .lbl-divider { background: #004e96; color: white; font-weight: 600; padding-left: 25px; padding-right: 25px; margin-left: 20px; margin-right: 20px; font-size: 15px; text-transform: uppercase; letter-spacing: 1px; white-space: nowrap; } .bg-ttl { width: 100%; text-align: center; background: #004e96; padding-top: 3px; padding-bottom: 3px; } .spaces10 { padding-bottom: 10px; } .flex-popular { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; flex-direction: column; width: 100%; } .flex-popular a { text-transform: uppercase; font-weight: 600; font-size: 16px; } .flex-popular p { font-size: 13px; } .flex-popular2 p { font-size: 13px; margin-bottom: 0px; } .flex-popular > div { margin-bottom: 10px; } .flex-popular2 > div { margin-bottom: 0px; } .flex-rev { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; flex-direction: column; width: 100%; } .flex-rev a { text-transform: uppercase; font-weight: 600; font-size: 16px; line-height: 18px; } .flex-rev p { font-size: 14px; } .rev-side { margin-top: 50px; } .star { color: #c20000; } .btn-album { background: #003d8c; width: 150px; /*height: 29px;*/ border: none; color: white; font-weight: 600; transition: 0.2s; font-size: 14px; text-transform: uppercase; } .btn-album:hover { background: white; border: 1px solid #003d8c; color: #003d8c; transition: 0.2s; } .btn-gray { background: #dddddd; border: none; color: #000000; font-weight: 400; padding: 10px 20px; border-radius: 4px; transition: 0.2s; font-size: 15px; } .btn-gray:hover { background: #cccccc; color: #000000; transition: 0.2s; } .flex-bsellers { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; justify-content: center; width: 100%; } .flex-bsellers2 { justify-content: flex-end; } .flex-bsellers > div { margin: 10px; } .btn-read { color: #004e96; padding: 3px 15px 3px 15px; float: right; border: 2px solid #004e96; text-transform: uppercase; font-size: 12px; background: white; font-weight: 500; } .btn-read:hover { background: #004e96; border: 2px solid #004e96; color: white; transition: 0.2s; } .btn-read2 { color: #1e3a6c; padding: 5px 12px 5px 12px; background: transparent; border: 1px solid #1e3a6c; text-transform: uppercase; font-size: 14px; } .btn-read2:hover { background: #1e3a6c; border: 1px solid #1e3a6c; color: white } .flex-seller { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; margin-bottom: 10px; } /*.flex-seller img{ border: 1px solid #ccc; } */ .flex-seller > div { margin: 10px; margin-top: 0px; } .card-img-seller { width: 90px; } .card-img-topstream { width: 150px; } .flex-bs-btn { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; } .flex-bs-btn > div { margin-left: 10px; } .btn-dis { background: #003d8c; width: 110px; height: 29px; border: none; color: white; font-weight: 600; transition: 0.2s; font-size: 14px; text-transform: uppercase; } .btn-bookstore { background: #003d8c; width: 150px; height: 29px; border: none; color: white; font-weight: 600; transition: 0.2s; font-size: 14px; text-transform: uppercase; } .btn-bookstore:hover { background: white; border: 1px solid #003d8c; color: #003d8c; transition: 0.2s; } .btn-dis:hover { background: white; border: 1px solid #003d8c; color: #003d8c; transition: 0.2s; } .btn-rev { background: #eeeeee; border: 0.5px solid #d2d2d2; border-radius: 5px; color: #4f4f4f; font-weight: bold; font-size: 11px; padding: 2px 8px 2px 8px; float: right; margin-left: 2px; margin-top: 5px; } .btn-rev:hover { background: white; border: 1px solid #003d8c; color: #003d8c; transition: 0.2s; } .btn-rev > label { margin-bottom: 0px; } .btn-all { background: #003d8c; width: 210px; height: 29px; border: none; color: white; font-weight: 600; transition: 0.2s; font-size: 14px; text-transform: uppercase; } .btn-all:hover { background: white; border: 1px solid #003d8c; color: #003d8c; transition: 0.2s; } .btn-m { padding: 7px 20px 7px; text-align: center; text-transform: uppercase; font-size: 13px; font-weight: 700; color: #ffffff; opacity: 1; transition: 0.3s; border-radius: 2px; cursor: pointer; } .btn-watch2 { background-color: #003d8c; } .btn-watch2:hover { background: white; border: 1px solid #003d8c; color: #003d8c !important; transition: 0.2s; } #btn-dw { width: 200px; } .lbl-seller { font-size: 30px; color: #135cae; font-weight: 600; padding-top: 20px; } .card-img-seller { width: 90px; } .card-img-topstream { width: 150px; } .lbl-seller-info { font-size: 12px; } .col-seller-info { padding-top: 10px; text-align: left; } .lbl-seller-ttl { font-size: 15px; color: #135cae; font-weight: 600; margin-bottom: 15px; } .bs-fs { font-weight: bold; margin-bottom: -3px; } .cover-border { border: 1px solid #CCC; } .border-m { border: 1px solid #d7d7d7; } .switch { position: relative; height: 30px; width: 300px; margin: 20px auto; background: #ededed; border-radius: 100px; top: 2px; } .switch-label { position: relative; z-index: 2; float: left; width: 50%; line-height: 30px; font-size: 15px; color: #707070; text-align: center; cursor: pointer; font-weight: 600; } .switch-label:active { font-weight: 600; } .switch-label-off { padding-left: 2px; } .switch-label-on { padding-right: 2px; } .switch-input { display: none; } .switch-input:checked + .switch-label { font-weight: 600; color: white; -webkit-transition: 0.15s ease-out; -moz-transition: 0.15s ease-out; -ms-transition: 0.15s ease-out; -o-transition: 0.15s ease-out; transition: 0.15s ease-out; -webkit-transition-property: color, text-shadow; -moz-transition-property: color, text-shadow; -ms-transition-property: color, text-shadow; -o-transition-property: color, text-shadow; transition-property: color, text-shadow; } .switch-input:checked + .switch-label-on ~ .switch-selection { left: 148px; /* Note: left: 50%; doesn't transition in WebKit */ } .switch-selection { position: absolute; z-index: 1; top: 0px; left: 0px; display: block; width: 50%; height: 30px; border-radius: 100px; background-color: #004e96; -webkit-transition: left 0.15s ease-out; -moz-transition: left 0.15s ease-out; -ms-transition: left 0.15s ease-out; -o-transition: left 0.15s ease-out; transition: left 0.15s ease-out; } .switch-blue .switch-selection { background-color: #004e96; } .switch-mini { position: relative; height: 30px; width: 100px; background: #ededed; border-radius: 100px; top: 2px; margin-top: -23px; float: right; } .switch-label-mini { position: relative; z-index: 2; float: left; width: 50%; line-height: 30px; font-size: 12px; color: #707070; text-align: center; cursor: pointer; font-weight: 600; } .switch-label-mini:active { font-weight: 600; } .switch-label-off-mini { padding-left: 2px; } .switch-label-on-mini { padding-right: 2px; } .switch-input-mini { display: none; } .switch-input-mini:checked + .switch-label-mini { font-weight: 600; color: white; text-shadow: 0 1px rgba(255, 255, 255, 0.25); -webkit-transition: 0.15s ease-out; -moz-transition: 0.15s ease-out; -ms-transition: 0.15s ease-out; -o-transition: 0.15s ease-out; transition: 0.15s ease-out; -webkit-transition-property: color, text-shadow; -moz-transition-property: color, text-shadow; -ms-transition-property: color, text-shadow; -o-transition-property: color, text-shadow; transition-property: color, text-shadow; } .switch-input-mini:checked + .switch-label-on-mini ~ .switch-selection-mini { left: 48px; /* Note: left: 50%; doesn't transition in WebKit */ } .switch-selection-mini { position: absolute; z-index: 1; top: 0px; left: 0px; display: block; width: 50%; height: 30px; border-radius: 100px; background-color: #004e96; -webkit-transition: left 0.15s ease-out; -moz-transition: left 0.15s ease-out; -ms-transition: left 0.15s ease-out; -o-transition: left 0.15s ease-out; transition: left 0.15s ease-out; } .switch-blue-mini .switch-selection-mini { background-color: #004e96; } /*.switch-mini2 { position: relative; height: 30px; width: 100px; background: #ededed; border-radius: 100px; margin-top: -23px; float: right; }*/ .switch-mini2 { height: 30px; width: 100px; background: #ededed; border-radius: 100px; position: absolute; top: 3px; right: 30px; } .switch-label-mini2 { position: relative; z-index: 2; float: left; width: 50%; line-height: 30px; font-size: 12px; color: #c5c5c5; text-align: center; cursor: pointer; font-weight: 600; } .switch-label-mini2:active { font-weight: 600; } .switch-label-off-mini2 { padding-left: 2px; } .switch-label-on-mini2 { padding-right: 2px; } .switch-input-mini2 { display: none; } .switch-input-mini2:checked + .switch-label-mini2 { font-weight: 600; color: #004e96; -webkit-transition: 0.15s ease-out; -moz-transition: 0.15s ease-out; -ms-transition: 0.15s ease-out; -o-transition: 0.15s ease-out; transition: 0.15s ease-out; -webkit-transition-property: color, text-shadow; -moz-transition-property: color, text-shadow; -ms-transition-property: color, text-shadow; -o-transition-property: color, text-shadow; transition-property: color, text-shadow; } .switch-input-mini2:checked + .switch-label-on-mini2 ~ .switch-selection-mini2 { left: 48px; /* Note: left: 50%; doesn't transition in WebKit */ } .switch-selection-mini2 { position: absolute; z-index: 1; left: 2px; display: block; width: 50%; height: 30px; border-radius: 100px; background-color: #004e96; -webkit-transition: left 0.15s ease-out; -moz-transition: left 0.15s ease-out; -ms-transition: left 0.15s ease-out; -o-transition: left 0.15s ease-out; transition: left 0.15s ease-out; } .switch-blue-mini2 .switch-selection-mini2 { background-color: #fff600; } .navcss { text-transform: uppercase; font-weight: 600; text-decoration: none; } .flex-bio1 { display: flex; flex-direction: column; } .flex-bio1 > div { font-size: 30px; width: 100%; } .flex-bio2 { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; width: 100%; } .flex-bio2 > div { background-color: #e3e3e3; width: 100%; font-size: 13px; font-weight: 600; margin-bottom: 10px; padding-left: 10px; padding-right: 10px; } .flex-pbio { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; justify-content: center; } .flex-pbio > div { margin: 10px; width: 100px; font-size: 13px; font-weight: 500; } .flex-pbio img { width: 100%; } .card-header { background: none; width: 100%; text-decoration: none; } .card-header:active { text-decoration: none; } .cbody { text-align: left; } .btn-link { color: #004e96; } .flex-psearch { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; font-size: 12px; /* margin-top: -20px; margin-left: -5px;*/ padding-left: 0px; } .flex-psearch > div { margin: 5px; } .flex-psearch input { border-radius: 100px; border: 1px solid #004e96; color: #004e96; font-weight: 600; width: 50px; padding-left: 5px; } .flex-toggle { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; justify-content: center; } .flex-toggle > div { } .faded { left: 0; width: 100%; text-align: center; margin: 0; padding: 30px 0; margin-top: -70px; /* "transparent" only works here because == rgba(0,0,0,0) */ background-image: linear-gradient(to bottom, transparent, white); position: absolute; /* background: red; */ } .faded-people { left: 0; width: 100%; text-align: center; margin: 0; padding: 30px 0; margin-top: -60px; /* background: red; */ /* "transparent" only works here because == rgba(0,0,0,0) */ background-image: linear-gradient(to bottom, transparent, white); position: absolute; } .faded3 { left: 0; width: 100%; text-align: center; margin: 0; padding: 30px 0; margin-top: -70px; /* background: red; */ /* "transparent" only works here because == rgba(0,0,0,0) */ background-image: linear-gradient(to bottom, transparent, white); position: absolute; } .faded2 { position: absolute; bottom: 40px; left: 0; width: 100%; text-align: center; margin: 0; padding: 30px 0; /* "transparent" only works here because == rgba(0,0,0,0) */ background-image: linear-gradient(to bottom, transparent, white); } #Bmore { display: none; } #Bmore2 { display: none; } .bio-ttl { font-size: 20px; font-weight: 600; margin-top: 15px; } .flex-lbls, .flex-apps, .flex-children, .flex-publications { display: flex; flex-wrap: wrap; justify-content: center; } .flex-lbls img { margin-bottom: 5px; } .img-gray { filter: grayscale(0); transition: 0.5s; } .img-gray:hover { filter: grayscale(100%); } .flex-lbls > div { /*width: 240px;*/ width: 24%; margin: 10px 5px 20px; padding: 0px 15px; text-align: center; border-radius: 4px; line-height: 16px; font-size: 13px; } .flex-publications > div { /*width: 240px;*/ width: 20%; margin: 10px 5px 10px; padding: 0px 10px; text-align: center; border-radius: 4px; line-height: 16px; font-size: 13px; } .flex-apps > div { width: 200px; margin: 5px; padding: 15px; text-align: center; border-radius: 4px; line-height: 16px; font-size: 13px; } .flex-children > div { width: 160px; margin: 0px 0px 0px 20px; padding: 15px 0px; text-align: center; line-height: 16px; font-size: 13px; } .flex-letters { width: 100%; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; flex-wrap: wrap; } .flex-letters > div { text-transform: uppercase; text-align: center; padding: 8px 0px; margin: 0px 10px 0px; } .flex-abc { width: 100%; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; flex-wrap: wrap; background-color: #285ea8; padding-left: 64px; padding-right: 64px; position: relative; margin-bottom: 20px; } .flex-abc-in { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; background-color: transparent; flex-wrap: wrap; padding-left: 0px; padding-right: 0px; position: relative; justify-content: center; padding-bottom: 8px; border-bottom: 1px dotted #999999; } .flex-lang { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; flex-wrap: wrap; background-color: none; padding-left: 64px; padding-right: 64px; position: relative; } #flex-tsearch { margin-right: 156px; } .page-link { color: #004e96; } .flex-abc > div { margin: 6px; text-align: center; width: 15px; color: white; text-transform: uppercase; margin-top: 0; margin-bottom: 0; font-size: 13px; padding-top: 8px; padding-bottom: 8px; } .flex-lang > div { margin: 6px; text-align: center; color: #000000; text-transform: uppercase; margin-top: 0; margin-bottom: 0; font-size: 13px; padding-top: 0px; padding-bottom: 0px; } .flex-abc-in > div { margin: 0px 12px; text-align: center; width: 15px; color: #000000; text-transform: uppercase; font-weight: 700; margin-top: 0; margin-bottom: 0; font-size: 13px; padding-top: 5px; padding-bottom: 5px; } .flex-abc-dict > div { width: 40px; } #tsearch { width: 300px; border-radius: 4px; border: none; } .flex-psearch select { border: 1px solid #004e96; background: none; width: 130px; border-radius: 1px; height: 25px; } .flex-suggest { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ flex-wrap: wrap; } .flex-suggest > div { margin: 6px; text-align: center; margin-bottom: 0px; } .flex-suggest2 > div { margin: 15px 12px; text-align: center; margin-bottom: 0px; margin-top: 0px; } .flex-search-result { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ width: 100%; text-align: left; } .flex-search-result > div { width: 100%; margin-top: 25px; } #more { display: none; } .flex-search-result img { width: 100%; } #newsimg { width: 96px; margin-top: 20px; } #newsp, .content-r { margin-left: 20px; } .nr-dd { background: #285ea8; color: white; } .nr-dd:hover { background: white; color: #285ea8; border: 1px solid #285ea8; } #btn-vanr { border-bottom: 1px dashed #ccc; color: #004e96; } #m-player { display: none; } .flex-players { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; justify-content: center; } .dict { font-weight: 600; color: #004e96; font-size: 17px; margin-top: 18px; margin-bottom: 10px; background: #d1f0fa; width: 30px; } .flex-players > div { margin-left: 30px; width: auto; } .news-img150 { width: 150px; } /*#pos-search{ margin-right: -385px; }*/ #wid-search { width: 200px; } .popular-img { width: 100px; position: relative; left: 15px; top: 8px; } .flex-track i { color: #003d8c; } .mini-slide { position: relative; } #more { display: none; } #more2 { display: none; } #s-spaces { margin-top: 80px; } .fweight400 { font-weight: 400 !important; } .fweight500 { font-weight: 500 !important; } .fweight600 { font-weight: 600 !important; } .fsize12 { font-size: 12px !important; } .fsize13 { font-size: 13px !important; line-height: 16px; } .fsize15 { font-size: 15px !important; line-height: 19px; } .fsize16 { font-size: 16px !important; color: #00578A } .fsize18 { font-size: 18px !important; } .fsize14 { font-size: 14px; line-height: normal; } .text-normal { text-transform: none !important; } .bold { font-weight: 700; } .black { color: #707070; } .pt10 { padding-top: 10px; } .pt20 { padding-top: 20px; } .prt5 { position: relative; top: 5px; } #cs-martop { padding-left: 56px; padding-right: 56px; } .flex-index-links { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; flex-direction: column; background-color: #E3EAEF; font-size: 14px; font-weight: bold; padding: 15px; height: 85%; line-height: 25px; } .ebook-links { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: block; background-color: white; font-size: 13px; padding: 15px; padding-top: 0px; line-height: 25px; } .flex-index-links a { /*color: #454545;*/ color: #003D78; } .flex-index-links a:hover { /*color: #285ea8;*/ color: 009; } .cd-height { min-height: 245px; } .breadcrumb { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0rem 1rem; margin-bottom: 0rem; list-style: none; background-color: transparent !important; border-radius: 0.25rem; font-size: 12px; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: #6c757d; content: "\00BB"; } .breadcrumb-item.active { color: #004e96; } .flex-cl { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; flex-wrap: wrap; } #fl-sp { padding-left: 40px; } .flex-cl > div { width: 156px; margin: 10px; text-align: center; line-height: 75px; font-size: 30px; margin-bottom: 15px; } .flex-cl img { width: 90%; } .cl-text { margin-top: -5px; } .card-text { /*font-size: 14px; font-weight: bold;*/ text-align: center; padding-top: 10px; text-decoration: none; transition: 0.2s; font-weight: 600; font-size: 13px; line-height: 15px; } .card-text:hover { text-decoration: none; transition: 0.2s; } #fltr { float: right; } .flex-explore { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; } .flex-explore b { position: relative; top: 15px; left: 10px; } .flex-explore > div { margin: 3.5px; font-size: 12px; margin-top: 10px; } div.b { white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; border: 1px solid #000000; height: 60px; } .blue { color: #004e96; } .bold { font-weight: bold; } .lbl-active { background: #004e96; color: white; padding: 5px 15px 5px 15px; border-radius: 100px; font-size: 13px; } .lbl-nactive { background: #e3e3e3; color: #707070; padding: 5px 15px 5px 15px; border-radius: 100px; font-size: 13px; } .multi-line-truncate { -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; } /*.multi-line-truncate2 { -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis; display: -webkit-box; overflow:hidden; }*/ .multi-line-truncate2 { -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis; display: -webkit-box; overflow: hidden; } .multi-line-truncate1 { -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-overflow: ellipsis; display: -webkit-box; overflow: hidden; } .multi-line-truncate2 { -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis; display: -webkit-box; overflow: hidden; } .cut-one > div { white-space: nowrap; /*keep text on one line */ overflow: hidden; /*prevent text from being shown outside the border */ text-overflow: ellipsis; /*cut off text with an ellipsis*/ } .cut-one2 { white-space: nowrap; /*keep text on one line */ overflow: hidden; /*prevent text from being shown outside the border */ text-overflow: ellipsis; /*cut off text with an ellipsis*/ } /*.truncate1 { -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; overflow:hidden; }*/ .truncate1 { position: relative; white-space: nowrap; word-wrap: break-word; overflow: hidden; display: inline-block; text-overflow: ellipsis; max-width: calc(100% - 68px); padding-right: 7px; /* adjust based on font size */ font-size: 14px; line-height: 17px; } .truncate1:before { content: "\2018"; } .truncate1:after { content: "\2019"; display: block; position: absolute; top: 0; right: 0; } .truncate1 + a { display: inline-block; vertical-align: top; margin-top: 0px; color: #7b0000; font-weight: normal; cursor: pointer; text-transform: none; font-size: 14px; line-height: 17px; } .truncate-read a { display: inline-block; vertical-align: top; margin-top: 0px; color: #7b0000; font-weight: normal; cursor: pointer; text-transform: none; font-size: 14px; line-height: 17px; } /* .truncate1-link a { color: #7b0000; font-style: italic; font-weight: normal; cursor: pointer; text-transform:none; font-size:13px; line-height:15px; } .truncate1 > div { display: inline-block; vertical-align: top; margin-top: -1px; } */ .norm-text { font-size: 14px; line-height: 18px; } .norm-text > div { margin: 0px 0px 8px; } .flex-instru { flex-direction: row; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; } .flex-instru > div { margin-left: 20px; } .flex-instru img { margin-bottom: 15px; } .flex-nr { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; font-size: 13px; } .flex-categ { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; flex-wrap: wrap; justify-content: center; } .flex-categ > div { width: 14%; margin: 6px; text-align: center; line-height: 17px; margin-top: 20px; } .flex-categ a { font-size: 13px; } .flex-categ img { width: 100%; /*padding-bottom: 10px;*/ } .flex-period { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; flex-wrap: wrap; justify-content: center; } .flex-period a { font-size: 13px; } .flex-period img { width: 100%; padding-bottom: 10px; } .flex-period > div { width: 130px; margin: 6px; text-align: center; } .flex-series { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; justify-content: center; flex-wrap: wrap; } .r-categ, .r-series, .r-audio { display: none; height: 100vh; } .flex-series > div { width: 160px; margin: 6px; text-align: center; } .flex-series a { font-size: 13px; } .flex-series img { width: 100%; padding-bottom: 10px; } .flex-audio { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; flex-wrap: wrap; justify-content: center; } .flex-audio > div { width: 10%; margin: 6px; text-align: center; } .flex-audio a { font-size: 13px; } .flex-audio img { width: 100%; /*padding-bottom: 10px;*/ } .newsletter-title { font-family: 'Roboto Condensed', sans-serif; text-align: center; font-size: 52px; font-weight: 400; color: #004e96; text-transform: uppercase; } .flex-chead { display: flex; justify-content: center; } .flex-chead > div { text-align: center; color: #3d3d3d; font-size: 24px; font-weight: 600; margin-left: 20px; margin-right: 20px; } .cat-header { background-image: url("../../img/bgb.jpg"); height: 300px; background-repeat: no-repeat; background-position: center; background-size: cover; padding-top: 80px; } /* .cat-header2{ background-image: url("../img/bg-books.jpg"); height: 300px; background-repeat: no-repeat; background-position: center; background-size: cover; padding-top: 80px; } */ .cat-header2 { background-image: url("../img/bg-books.jpg"); height: 235px; background-repeat: no-repeat; background-position: center; background-size: cover; padding-top: 40px; } .newsletter-header { background-image: url("../img/bg-newsletter.jpg"); height: 235px; background-repeat: no-repeat; background-position: center; background-size: cover; padding-top: 40px; } .btn-categs { background: #e3e3e3; color: #707070; font-size: 13px; border-radius: 100px; width: 170px; padding-top: 15px; padding-bottom: 15px; } .btn-categs2 { background: #e3e3e3; color: #707070; font-size: 13px; border-radius: 100px; width: 250px; padding-top: 15px; padding-bottom: 15px; } #vframes { border: none; } .flex-videos, flex-videos-feat { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; flex-wrap: wrap; justify-content: center; } .flex-videos > div { width: 18%; /*margin-left: 0px; margin-right: 15px; margin-top: 10px;*/ margin: 0px 10px 20px; font-size: 13px; line-height: 16px; } .flex-videos-feat > div { width: 333px; margin-left: 0px; margin-right: 15px; margin-top: 10px; margin: 10px 10px 0px; } .cat-nr { font-size: 12px; margin-top: 5px; } .cat-rev { font-size: 12px; margin-top: 0px; } #fil-mini { padding-left: 65px; } .bio-desk { display: block; } .bio-mini { display: none; } .children-desk { display: block; } .children-mini { display: none; } .btn-submit { color: #004e96; background-color: transparent; border: 2px solid #004e96; font-size: 1rem; line-height: 1.5rem; padding: 0.3rem 1.5rem; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-submit:hover { color: #fff; background-color: #004e96; border-color: #004e96; } .btn-submit:focus, .btn-submit.focus { color: #fff; background-color: #004e96; border-color: #004e96; box-shadow: 0 0 0 0.2rem rgba(0, 78, 150, 0.5); } .btn-submit.disabled, .btn-submit:disabled { color: #fff; background-color: #004e96; border-color: #004e96; } .btn-submit:not(:disabled):not(.disabled):active, .btn-submit:not(:disabled):not(.disabled).active, .show > .btn-submit.dropdown-toggle { color: #fff; background-color: #285ea8; border-color: #285ea8; } .btn-submit:not(:disabled):not(.disabled):active:focus, .btn-submit:not(:disabled):not(.disabled).active:focus, .show > .btn-submit.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 78, 150, 0.5); } /* .nr-dd{ background: #285ea8; color: white; } .nr-dd:hover{ background:white; color: #285ea8; border: 1px solid #285ea8; } */ .dropbtn { background-color: #285ea8; color: white; font-size: 14px; border: none; cursor: pointer; width: 250px; border-radius: 3px; margin-bottom: -3px; padding: 0px; text-align: left; } .dropbtn:focus, .dropbtn3:focus { outline: none; } .dropbtn3 { background-color: none; color: #000000; font-size: 14px; border: none; cursor: pointer; width: 100px; border-radius: 3px; margin-bottom: -3px; padding: 0px; text-align: left; } .dropbtn-bar { background-color: #285ea8; color: white; padding: 5px; font-size: 14px; border: none; cursor: pointer; width: 250px; border-radius: 3px; margin-top: 20px; text-align: center; } .dropbtn1 { background-color: #285ea8; color: white; font-size: 14px; border: none; cursor: pointer; width: 100px; border-radius: 3px; margin-bottom: -3px; padding: 0px; text-align: left; } .dropbtn1:hover { background-color: #285ea8; color: white; font-size: 14px; border: none; cursor: pointer; width: 100px; border-radius: 3px; margin-bottom: -3px; padding: 0px; text-align: left; } .dropbtn1:focus { outline: none; } .dropbtn-bar { background-color: #285ea8; color: white; padding: 5px; font-size: 14px; border: none; cursor: pointer; width: 250px; border-radius: 3px; margin-top: 20px; text-align: center; } .dropbtn2 { border: 1px solid white; color: #285EA8; padding: 0px; font-size: 13px; cursor: pointer; width: 110px; border-radius: 3px; background: white; font-weight: bold; padding-left: 10px; padding-right: 10px; position: relative; left: 700px; } .dropdown { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 100%; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; min-height: 220px; max-height: 300px; overflow-y: auto; margin-top: 8px; z-index: 9999 !important; } .gray-nav .dropdown-menu { font-size: .9rem; min-width: 100%; box-shadow: none; z-index: 1; min-height: auto; max-height: 300px; overflow-y: auto; margin-top: 0px; border: none; border-radius: 0px; background-color: #FFFFFF; padding: 0px; } .dropdown-menu { background-color: #f9f9f9; font-size: .9rem; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; min-height: auto; max-height: 300px; overflow-y: auto; margin-top: 8px; padding: 10px 20px; min-width: 200px; } .dropdown-menu a { font-size: 14px; color: #000000; } .navbar-nav .dropdown-menu a { font-size: 14px; } .dropdown-menu1 { background-color: #f9f9f9; min-width: 100%; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; height: auto; overflow-y: scroll; margin-top: 4px; } .dropdown-content a { color: black; padding: 2px; text-decoration: none; display: block; } .dropdown-content a:hover { background-color: #f1f1f1; } .dropdown:hover .dropdown-content { display: none; } .dropdown:hover .dropbtn { background-color: #285ea8; } .dropdown-item:hover { background: rgba(221,221,221,.5); } .flex-tvids { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; flex-wrap: wrap; width: 100%; } #tvid1 { width: 190px; margin-left: 25px; margin-right: 20px; } #tvid2 { width: 75%; } #fil-pad { padding-left: 60px; } #bot-page { padding-left: 15px; padding-top: 20px; padding-bottom: 20px; } #dict-pads { padding: 15px; padding-left: 30px; } .flex-nr2 { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; flex-wrap: wrap; padding-left: 15px; } .flex-nr2 > div { width: 200px; } #nr-links { border-style: dotted; border-top: 0; border-bottom: 0; border-left: 0; border-color: #C2C2C2; border-width: thin; } #nr-links a { margin-left: 10px; margin-right: 10px; position: relative; } .flex-nrs { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; flex-wrap: wrap; justify-content: center; } .flex-nrs > div { width: 20%; margin: 10px; text-align: center; margin-top: 20px; margin-bottom: 0px; } .flex-nrs a { font-size: 13px; } .flex-nrs img { width: 100%; } .flex-libreco { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; flex-wrap: wrap; justify-content: flex-start; } .flex-libreco > div { /* width: 198px;*/ width: 14%; margin: 0px 10px; text-align: center; /*margin-top: 20px; margin-bottom: 0px;*/ } .flex-libreco a { font-size: 13px; } .flex-libreco img { width: 100%; } .flex-es { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; flex-wrap: wrap; justify-content: center; } .flex-es > div { /* width: 198px;*/ width: 16%; margin: 25px 18px 0px; text-align: center; /* margin-top: 20px; margin-bottom: 0px;*/ } .flex-es a { font-size: 14px; } .flex-es img { width: 100%; } .flex-nrs-dvd { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; flex-wrap: wrap; justify-content: center; } .flex-nrs-dvd > div { /* width: 198px;*/ width: 14.5%; margin: 10px; text-align: center; margin-top: 20px; margin-bottom: 0px; } .flex-nrs-dvd a { font-size: 13px; } .flex-nrs-dvd img { width: 100%; } .nr-select { position: relative; left: 200px; } /* .card-img-top{ width: 198px; } */ .nr-covers { /*width: 198px;*/ width: 100%; padding: 0px 10px; /*margin: 20px;*/ /*text-align: center;*/ font-size: 13px; line-height: 16px; } .nr-covers a { font-size: 13px; line-height: 16px; } .nr-covers img, .w70-mob img { width: 100%; margin: auto; } .nr-title { text-align: left; } #nr-covers { } .c-srch { position: relative; left: 250px; } #vframes { height: 111px; } #btn-browse { /*margin-left: -20px;*/ margin-left: 0px; } #nr-brw { text-align: left; position: relative; left: 20px; top: -10px; } #nr-brw2 { text-align: center; } .img-rev { width: 40px; margin-right: 10px; } .video-full-feat, .video-full { position: relative; /*padding-bottom: 56.25%; */ /* 16:9 */ height: auto; } .video-full iframe { position: relative; top: 0; left: 0; width: 100%; } .video-full-feat iframe { position: relative; top: 0; left: 0; width: 425px; } .flex-25 { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; flex-wrap: wrap; width: 25%; } .p-left { padding-left: 10px; } .col3-a { position: relative; width: 100%; padding-right: 30px; padding-left: 30px; } .col3-a { -ms-flex: 0 0 22%; flex: 0 0 22%; max-width: 22%; } .border-r-20 { border-radius: 20px; } .border-r-50 { border-radius: 30px; } .flex-contactp { display: flex; flex-wrap: wrap; } .flex-contactp > div { /* font-size: 13px;*/ width: 40%; margin-left: 210px; } #cont-bellini, #cont-berg { display: none; } .lbl-dist { font-size: 18px; width: 100%; color: #7b0000; } .h-alt1 { background-color: #f3f3f3; } .h-alt2 { background-color: #FFFFFF; } .h-alt1:hover, .h-alt2:hover, .tab-hover:hover { background-color: #dde6ee; transition: 0.3s; } .table .tab-nohigh { padding: .40rem .75rem; } #btntopup { display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; font-size: 18px; border: none; outline: none; background-color: rgb(0, 78, 150,0.8); color: white; cursor: pointer; padding: 15px; border-radius: 4px; } #btntopup:hover { background-color: #555; } .feature-title { width: 100%; } .rev-icons { /*display:inline-block!important;*/ display: table-cell; margin: 0px 5px; } .socmed-icons { /*display:inline-block!important;*/ display: table-cell; margin: 0px 2px; } .videoWrapper { position: relative; /*padding-bottom: 56.25%; */ /* 16:9 */ height: auto; } .videoWrapper-s iframe { position: relative; top: 0; left: 0; width: 250px; } .rel200 .half-l, .rel170 .half-r { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ justify-content: center; } .invert-img:hover img { -webkit-filter: invert(1); filter: invert(1); } .star { color: #c20000; } .starHalfFill { background: linear-gradient(to right, #C20000 50%, #FFFFFF 50%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .nav-pills .nav-lang.active, .nav-pills .show > .nav-lang { color: #003D78; border-bottom: 3px solid #ffd739; } .nav-lang { display: block; font-weight: 600; padding: 0rem 0rem; margin: 0px .8rem; } a.nav-lang { transition: 0s; } a.anchor-off { position: relative; top: -130px; display: block; height: 0; width: 0; } #btntopup { display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; font-size: 18px; border: none; outline: none; background-color: rgb(0, 78, 150,0.8); color: white; cursor: pointer; padding: 15px; border-radius: 4px; } #btntopup:hover { background-color: #555; } .text { max-width: 800px; margin: 0 auto; display: block; text-align: center; } .mobile-nav-button { width: 35px; position: absolute; margin: 2rem; right: 70px; top: 10px; z-index: 9999; cursor: pointer; width: 25px; height: 20px; } .mobile-nav-button:before { content: " "; transition: all 155ms ease-in; -moz-transition: all 155ms ease-in; -webkit-transition: all 155ms ease-in; transform: scale3d(0, 0, 0); -webkit-transform: scale3d(0, 0, 0); width: 100px; height: 40px; float: left; /*background-color: #7b0000;*/ background-color: #333333; opacity: 1; border-radius: 100px; position: relative; left: -20px; top: -7px; } .mobile-nav-button:hover:before { transform: scale3d(1, 1, 1); opacity: .9; } .mobile-nav-button label { color: #FFFFFF; transition: .1s; } /*.mobile-nav-button:hover label { color:#000000;}*/ .mobile-nav-button .mobile-nav-button__line { width: 100%; height: 2px; background-color: white; position: relative; transition: 0.2s ease; margin-top: 3px; } .mobile-nav-button .mobile-nav-button__line:nth-of-type(2) { margin: 0.5rem 0; } .mobile-nav-button .mobile-nav-button__line--1 { transform: rotate(45deg); top: 8px; position: absolute; } .mobile-nav-button .mobile-nav-button__line--2 { display: none; } .mobile-nav-button .mobile-nav-button__line--3 { transform: rotate(135deg); top: 8px; position: absolute; } .mobile-menu { display: block; max-width: 500px; width: 80%; right: -20%; height: 100vh; background: #F5F9FF; position: absolute; z-index: 9998; transition: 0.6s ease; top: 130px; opacity: 0; margin-right: 15px; } .mobile-menu ul { position: relative; top: 50%; transform: translateY(-50%); padding: 0; } .mobile-menu ul li { list-style: none; } .mobile-menu ul li a { width: 100%; max-width: 1200px; margin: 0 auto; display: block; text-align: center; text-decoration: none; color: #0e0e0e; font-size: 3rem; font-weight: bold; overflow: hidden; position: relative; } .mobile-menu ul li a:after { content: ""; background: #0e0e0e; width: 100%; height: 100%; position: absolute; right: -100%; top: 0; z-index: -1; transition: 0.2s ease; } .mobile-menu ul li a:hover { color: #fff; } .mobile-menu ul li a:hover:after { right: 0; } .mobile-menu--open { right: 0; opacity: 1; } .flex-socmed { display: flex; background-color: DodgerBlue; } .flex-socmed > div { background-color: #f1f1f1; margin: 10px; padding: 20px; font-size: 30px; } .table .tablecell-four1 { width: 55%; } .table .tablecell-four2 { width: 13%; } .table .tablecell-four3 { width: 15%; } .table .tablecell-four4 { width: 17%; } .table .tablecell-two1 { width: 75%; } .table .tablecell-four2 { width: 25%; } .table .title { color: #1e3a6c; } .no-hover:hover { background-color: transparent !important; cursor: default !important; } /*.table-content { min-width:700px; }*/ .table-content th { border-color: transparent !important; } .ttl-rmore { font-weight: normal; color: white; font-size: 14px; width: auto; position: relative; left: 880px; } .ttl-rmore:hover { color: white; } .btn-categ-in { position: relative; min-height: 1px; padding-right: 8px; padding-left: 8px; } .btn-categ-in { width: 15.5%; } .btn-categ-s { background-color: #ededed; color: #707070; border-radius: 100px; width: 170px; padding-top: 5px; padding-bottom: 5px; border: none; } .btn-categ-s:hover { background-color: #004e96; color: #FFFFFF; transition: 0.2s; } .btn-categ-s-active { background-color: #004e96 !important; color: #FFFFFF !important; } .videoWrapper { position: relative; /*padding-bottom: 56.25%; */ /* 16:9 */ height: auto; } .videoWrapper iframe { position: relative; top: 0; left: 0; width: 400px; } .icons { /*display:inline-block!important;*/ display: table-cell; margin: 0px 2px; } .album-details .card-header { background-color: rgba(0,78,150,1); /* padding: 0.2rem 1.25rem!important;*/ padding: 0 !important; text-align: center; } .album-details .btn { font-size: 14px; line-height: 18px; border: 0px; } .album-details .btn-link { padding: 0.2rem 0.3rem; } .album-details .btn-link { color: #FFFFFF; font-weight: 600; } .album-details .btn-link:hover { text-decoration: none !important; } .album-details .btn-link:active { text-decoration: none !important; } .album-details .btn-link:focus { text-decoration: none !important; outline: none; border: 0px; box-shadow: none; } .album-details .mb-0 > button { display: inline-block; width: 100%; padding: 0.2rem 1.25rem !important; } .rev-icons { /*display:inline-block!important;*/ display: table-cell; margin: 0px 5px; } .title-release { background-color: rgba(0,78,150,1); color: #FFFFFF; font-size: 14px; line-height: 18px; text-align: center; padding: 0.2rem 1.25rem !important; } .title-bar { width: 100%; color: #FFFFFF; background-color: #285ea8; padding: 8px 69px 8px; margin-bottom: 20px; } .title-bar2 { width: 100%; color: #FFFFFF; background-color: #285ea8; padding: 0px 69px 0px; margin-bottom: 10px; } .btn-watch { color: #004e96; padding: 3px 6px 3px 6px; float: right; border: 2px solid #004e96; text-transform: uppercase; font-size: 13px; background: white; font-weight: 500; transition: 0.2s; font-weight: 600; } .btn-read:hover { background: #1e3a6c; border: 1px solid #1e3a6c; color: white; } .btn-top { max-width: 220px; background-color: #132d52; border-radius: 0px 0px 5px 5px; color: #FFFFFF; font-size: 11px; line-height: 13px; text-align: center; padding: 0px 10px; margin: auto; /*position:relative; top:0px; left:50%; transform: translate(-50%, 0%);*/ z-index: 1000; } .arrow { border: solid white; border-width: 0 2px 2px 0; display: inline-block; padding: 2px; } .down { transform: rotate(45deg); -webkit-transform: rotate(45deg); } .tagline { font-family: 'Prata', serif; font-size: 23px; text-align: center; color: #FFFFFF; } .plr-10 { padding-left: 10px; padding-right: 10px; } .plr-15 { padding-left: 15px; padding-right: 15px; } .plr-20 { padding-left: 20px; padding-right: 20px; } .plr-30 { padding-left: 30px; padding-right: 30px; } .flex-menu { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ justify-content: flex-end; } .flex-yt { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ } .item-name { /*color: black;*/ text-decoration: none; transition: 0.2s; } .item-name:hover { /*color: #072d5a;*/ text-decoration: none; transition: 0.2s; } .item-name a:link { color: #003D78 !important; } .item-name a:hover { color: #009 !important; } #mini-p { opacity: 0; } #txtins { padding-left: 155px; } #sr-categ { float: right; /*margin-top: 10px; margin-bottom: -10px;*/ } #mini-hs1 { display: block; margin-left: 20px; } #mini-hs2 { display: none; } /* Others */ .f-reset { font-weight: normal; color: black; } .flex-social img.small { width: 28px; height: 18px; } .btn-play.m-align { margin-right: 10px; } .btn-play.m-align2 { margin-right: 5px; } .categ-title { font-size: 24px; line-height: 35px; font-weight: 600; text-align: center; margin-bottom: 20px; } /* @media screen and (min-width: 1200px) **************************************************************************************************** start */ @media screen and (min-width: 1200px) { .tour-col-1, .past-tour-col-1 { -ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 15%; } .tour-col-2 { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; } .tour-col-3 { -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; } .tour-col-4 { -ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 15%; } .past-tour-col-2 { -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; } .past-tour-col-3 { -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; } .modal-tour-name { -ms-flex: 0 0 88%; flex: 0 0 88%; max-width: 88%; } .modal-tour-date { -ms-flex: 0 0 12%; flex: 0 0 12%; max-width: 12%; } .tour-dropdown-container { -ms-flex: 0 0 42%; flex: 0 0 42%; max-width: 42%; } .tour-btn { -ms-flex: 0 0 16%; flex: 0 0 16%; max-width: 16%; } .l-dashed { border: none; } } /* @media (min-width: 576px) ****************************************************************************************************************** start */ @media (min-width: 576px) { .modal-dialog { max-width: 1200px; } } /* @media screen and (min-width: 768px) ******************************************************************************************************* start */ @media screen and (min-width: 768px) { .logo-ind { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .logo-ind2 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .covers-lineup { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .av-lineup { -ms-flex: 0 0 12%; flex: 0 0 12%; max-width: 12%; } .tour-img-container { -ms-flex: 0 0 12%; flex: 0 0 12%; max-width: 12%; } .tour-details-container { -ms-flex: 0 0 88%; flex: 0 0 88%; max-width: 88%; } } /* @media screen and (max-width: 500px) ******************************************************************************************************* start */ @media screen and (max-width: 500px) { .aks-accordion { width: 100%; } .aks-accordion-item-content { /*padding-left: 11px;*/ width: 100%; } } /* @media only screen and (max-width: 1200px) ************************************************************************************************* start */ @media only screen and (max-width: 1200px) { .mbottom10-mob { margin-bottom:10px!important; } .mbottom20-mob { margin-bottom:20px!important; } .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .searchTerm2 { width: 180px; margin:auto; } .newsletter-title { font-size:25px; line-height:30px; padding-left:15px; padding-right:15px; } .title-bar { padding: 8px 34px 8px; margin-bottom:10px; } .flex-abc-in > div { margin: 0px 5px; } .ttl-rmore{ left: 0px; } .flex-mb-logos { display: flex; } .flex-mb-logos > div { margin: 10px; width: 49%; } .mobile-nav-button { width: 35px; position: absolute; margin: 2rem; right: 70px; top: -13px; z-index: 9999; cursor: pointer; width: 25px; height: 20px; } .mobile-nav-button:before { content: " "; transition: all 155ms ease-in; -moz-transition: all 155ms ease-in; -webkit-transition: all 155ms ease-in; transform: scale3d(0, 0, 0); -webkit-transform: scale3d(0, 0, 0); width: 100px; height: 40px; float: left; /*background-color: #7b0000;*/ background-color: #333333; opacity: 1; border-radius: 100px; position: relative; left: -20px; top: -7px; } .mobile-nav-button:hover:before { transform: scale3d(1, 1, 1); opacity: .9; } .mobile-nav-button .mobile-nav-button__line { width: 100%; height: 2px; background: white; position: relative; transition: 0.2s ease; margin-top: 3px; } .mobile-nav-button .mobile-nav-button__line:hover { background: #000000!important; } .mobile-nav-button .mobile-nav-button__line:nth-of-type(2) { margin: 0.5rem 0; } .mobile-nav-button .mobile-nav-button__line--1 { transform: rotate(45deg); top: 8px; position: absolute; } .mobile-nav-button .mobile-nav-button__line--2 { display: none; } .mobile-nav-button .mobile-nav-button__line--3 { transform: rotate(135deg); top: 8px; position: absolute; } .mobile-menu { display: block; max-width: 500px; width: 80%; right: -20%; height: auto; background: #F5F9FF; position: absolute; z-index: 50; transition: 0.6s ease; top: 60px; opacity: 0; margin-right: 0px; } .mobile-menu ul { position: relative; top: 50%; transform: translateY(-50%); padding: 0; } .mobile-menu ul li { list-style: none; } .mobile-menu ul li a { width: 100%; max-width: 1200px; margin: 0 auto; display: block; text-align: center; text-decoration: none; color: #0e0e0e; font-size: 3rem; font-weight: bold; overflow: hidden; position: relative; } .mobile-menu ul li a:after { content: ""; background: #0e0e0e; width: 100%; height: 100%; position: absolute; right: -100%; top: 0; z-index: -1; transition: 0.2s ease; } .mobile-menu ul li a:hover { color: #fff; } .mobile-menu ul li a:hover:after { right: 0; } .mobile-menu--open { right: 0; opacity: 1; } .flex-nb > div { width: 100%; margin: 5px; height: auto; padding: 10px; border: 1px solid #eee; border-radius: 5px; } .b-wid{ width: 49%; } .bc-top{ margin-top: -30px; margin-bottom: 20px; } .flex-es img { width: 70%; } .videoWrapper-s { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .videoWrapper-s iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .justify-cen-mob { -ms-flex-pack: center !important; justify-content: center !important; } hr.style-three{ width:80%; } .lbl-dist{ text-align: center; } .pl15-mob { padding-left:15px;} .flex-contactp { justify-content: center; } .flex-contactp > div { margin-left: 0px; margin: 10px; width: 100%; text-align: center; } .p-left{ padding-left: 0px; padding-top: 10px; padding-bottom: 20px; } .video-full { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .video-full iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .spaces2 { padding-top: 10px; } .card-cd, .card-dvd, .card-cd2 { height:100%; } .card-valign img { position: relative; } .hds{ display: none; } .hds2{ height: 37px; } .hds3{ height: 60px; } .nr-select{ left: 0px; margin-top: 10px; } .dropbtn2{ left: 0px; top: 15px; } #nr-brw{ text-align: center; position: relative; left: 0px; top: 0px; } #btn-browse{ margin-top: -30px; /*margin-bottom: 20px;*/ } #hr-hide{ display: none; } #v-pads{ padding-top: 10px; } #vframes{ height: 111px; } .c-srch{ position: relative; left: 0px; } #dict-pads{ padding:0px; padding-left:15px; } #bot-page{ position: relative; left: 15%; padding: 0px; margin-top: 10px; } #lrpad{ padding-left: 28px; padding-right: 28px; } #fil-pad{ padding-left: 30px; } #tggls{ position: relative; top:4px; right:0px; } .flex-videosdeos,.flex-tvids{ justify-content: center; } .lbl-divider { white-space:normal;} #pos-search{ /*margin-right: -385px;*/ margin-top:10px!important; margin-bottom:5px!important; } #sr-categ{ float: right; margin-top: 10px; margin-bottom: -10px; } #fil-mini{ padding-left:25px; } #topper{ justify-content: center; margin-bottom: 10px; } body{ overflow-x: hidden; } #headingOne3{ display: none; } #headingOne2{ display: block; } .flex-abc2 { padding: 0px 30px; margin-top: 50px; } #brs{ display: none; } .prr20{ position: relative; right:0px; } .card-size1 { width: 140px; } .card-size2 { /*width: 120px;*/ width:100%; } .card-size4 { width: 130px; } .titles { font-size: 17px; line-height: 21px; /*margin-top: 10px;*/ } .padt10{ padding-top: 10px; } .mt10{ margin-top: 10px; } .prt10{ position: relative; top:10px; } .prt20{ position: relative; top:20px; } .btop-mob-pt15 { border-top:1px dotted #C2C2C2; padding-top:15px;} .nopad-mob { padding:0px!important;} .nopad-l-mob { padding-left:0px!important;} .nomar-mob { margin:0px!important;} .plr-15-mob { padding:0px 15px!important;} #banners{ width: 100%; padding-left: 15px; padding-right: 15px; padding-top: 30px; } .mini-logo{ position: absolute; top: -0px; left: 34px; } #banners{ width: 100%; } .flex-videosds{ justify-content: center; } .flex-subs{ padding: 0px; } .flex-distrib { justify-content: center; } .flex-md-foot{ flex-direction: column; float: left; } #md-search{ margin: 0px; margin-top: 20px; position: relative; right: 10px; } #md-clear{ position: relative; right: 20px; margin-top: 20px; } .flex-items { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ flex-wrap: wrap; } .main-inner { width: 100%; box-shadow: none; } .header { display: none; } .cf-top { padding-top: 0px; } .navbar { display: block; } .navz, .lines { display: none; } .v-dashed { border: none; } .lr-dashed { border: none; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 30px; line-height: 1; opacity: .75; color: #ccc; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .flex-ficons { flex-wrap: wrap; } #content{ padding-top: 30px; } .btn-play { margin-top: 0px; } .cat-header, .cat-header2{ padding-top: 10px; height: auto!important; } .flex-chead > div { padding-bottom: 10px; } .cat-header, .cat-header2{ height: auto; } .flex-chead > div { padding-bottom: 10px; } .dropdown-menu-center { right: auto; left: 50%; -webkit-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .flex-nr{ justify-content:center; } #fltr{ float: none; margin-top: 25px; } .flex-cl{ justify-content: center; } .flex-lbls > div { padding-bottom: 0px; } .flex-apps > div, .flex-children > div { margin-bottom: 0px; padding-bottom: 0px; } .flex-lbls { justify-content: center; } .flex-lbls > div { width:48%; padding: 15px 10px; } .popular-img{ width:100px; position: relative; left: 0px; top: 0px; padding-bottom: 20px; } #wid-search{ width:100%; } #pos-search{ margin-right:0px; } #newsp{ margin-left: 0px; margin-top: 25px; } .content-r { margin-left: 0px; margin-top:10px; } #newsimg{ width: 70%; } .flex-search-result > div { width: 100%; margin-top: 0px; } #flex-tsearch{ flex-basis: 100%; margin:auto; } #pos-search { margin-top:-5px; margin-bottom:-5px; } .flex-abc { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */display: flex; flex-wrap: wrap; background-color: #285ea8; padding-left: 35px; padding-right: 35px; position:relative; justify-content:center; margin-bottom:0px; } .flex-lang { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */display: flex; flex-wrap: wrap; background-color: none; padding-left: 0px; padding-right: 0px; position:relative; justify-content:flex-end; } .flex-apps > div, .flex-children > div{ width: 100% } .flex-apps img, .flex-children img { width: 70%; } #martop{ margin-top:0px; } #cs-martop{ margin-top: 40px; padding-left: 33px; padding-right: 33px; } .col-seller-info{ text-align: center; } .flex-bs-btn { flex-wrap: wrap; justify-content:center; } .flex-bs-btn2{ flex-direction: row; justify-content:center; } .flex-bs-btn > div{ margin-top: 10px; } .card-img-seller{ width: 70%; } .card-img-topstream{ width: 70%; } .col-seller-info{ padding-top: 10px; } .flex-seller{ margin: 0px; } .flex-seller > div{ margin: 0px; } .flex-seller{ flex-direction: column; text-align: center; } .flex-alsoav > div { width: 100%!important; } .flex-alsoav img { width: 70%; } #txt-cntr{ text-align: center; } .flex-abc2 { padding: 0px 30px; } .cen-m { width:100%!important; text-align:center!important;} .flex-abc3 { margin:40px 0px 0px; padding-left:35px; padding-right:35px;} .bio-desk {display:none;} .bio-mini {display:block;} .children-desk {display:none;} .children-mini {display:block;} .dropdown-nl-sub { width: 100%; } /* ********* */ body { overflow-x: hidden; } #headingOne3 { display: none; } #headingOne2 { display: block; } .flex-abc2 { padding: 0px 30px; margin-top: 50px; } .inner { padding-top: 0px; } #brs { display: none; } .prr20 { position: relative; right: 0px; } .card-size1 { width: 140px; } .card-size2 { width: 120px; } .titles { font-size: 18px; /*margin-top: 10px;*/ } .padt10 { padding-top: 10px; } .mt10 { margin-top: 10px; } .prt10 { position: relative; top: 10px; } .prt20 { position: relative; top: 20px; } #banners { width: 100%; padding-left: 15px; padding-right: 15px; padding-top: 30px; } .mini-logo { position: absolute; top: -0px; left: 34px; } #banners { width: 100%; } .flex-vids { justify-content: center; } .flex-subs { padding: 0px; } .flex-distrib { justify-content: center; } .flex-md-foot { flex-direction: column; float: left; } #md-search { margin: 0px; margin-top: 20px; position: relative; right: 10px; } #md-clear { position: relative; right: 20px; margin-top: 20px; } .flex-items { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ flex-wrap: wrap; } .main-inner { width: 100%; box-shadow: none; } .header { display: none; } .cf-top { padding-top: 0px; } .navbar { display: block; } .navz, .lines { display: none; } .v-dashed { border: none; } .lr-dashed { border: none; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 30px; line-height: 1; opacity: .75; color: #ccc; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .flex-ficons { flex-wrap: wrap; } .content { padding: 10px 20px 10px 20px; } .content2 { padding-top: 30px; } #content { padding-top: 30px; } .btn-play { margin-top: -5px; } .flex-column-mob { flex-direction: column !important; } select.tour-dropdown, select.tour-dropdown2 { width: 100% !important; } .box-dropdown, .box-dropdown2 { padding: 15px 20px !important; } .icon-square { padding-top: 2px; } .flex-chead { flex-wrap: wrap; } .categ-title { font-size: 20px; line-height: 25px; padding-top: 20px; padding: 20px 20px 0px; } } /* @media only screen and (max-width: 900px) ************************************************************************************************** start */ @media only screen and (max-width: 900px) { .full-mob { width:100%!important;} } /* @media only screen and (max-width: 768px) ************************************************************************************************** start */ @media only screen and (max-width: 768px) { .half-display { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .flex-libreco { justify-content:center; } .flex-libreco > div { width:70%; } .flex-lang { justify-content:center; } .table-content { min-width:800px; } .table .tablecell-four1 { width: 55%!important; } .table .tablecell-four2 { width: 13%!important; } .table .tablecell-four3{ width: 15%!important; } .table .tablecell-four4 { width: 17%!important; } .flex-25 { width:100%; margin:0px auto 20px;} .ml15-md-mob { margin-left:15px;} .flex-suggest > div { width:100%;} .txt-cen-md { text-align:center!important;} .txt-left-md { text-align:left!important;} .flex-nrs > div, .flex-nrs-dvd > div, .flex-es > div{ width: 25%; margin: 6px; text-align: center; margin-top: 20px; } .card-size1 { width: 230px; } .card-size4 { width: 140px; } .label-nl { padding-right:0px!important; margin-top:10px; } .cen-m2 { width:100%!important; text-align:center!important;} .nomar-mob2 { margin:0px!important;} .flex-lbls > div { width:100%; } .justify-content-md { justify-content:center; } .cut-one > div, .cut-one2 { white-space:normal; overflow: auto; } .nr-covers img, .w70-mob img { width:70%; } .w100-mob img, .w100-mob { width:100%; } .w75-mob img, .w75-mob { width:75%; } .w50-mob img, .w50-mob { width:50%; } .nr-title { text-align:center; } .rev-side { margin-top:0px;} .col3-a { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .img-artist img{ width: 150px; } .home-carousel { padding-left: 0px; padding-right: 0px; height: 230px; } .home-carousel img.img-banner { height: 230px; object-fit: cover; object-position: center center; } .artists-tour .nav-item a { font-size: 13px; line-height: 16px; } .tour-date { font-size: 15px; line-height: 19px; } .tour-odd, .tour-even { font-size: 14px; line-height: 17px; text-align: center; } .btn-more-info { font-size: 14px; line-height: 18px; padding: 3px 10px; } .tour-tix-row { justify-content: center; } .btn-categs { font-size: 13px; border-radius: 100px; width: 130px; padding-top: 8px; padding-bottom: 8px; } .half-display { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } /* @media only screen and (max-width: 600px) ************************************************************************************************** start */ @media only screen and (max-width: 600px) { .flex-mb-logos { display: flex; flex-direction: column; justify-content: center; } .flex-mb-logos > div { margin: 10px; width: 100%; } .spaces2 { padding-top: 0px; } #vframes{ height: auto; } /*.flex-nrs > div { width: 70%; margin: 6px; text-align: center; margin-top: 20px; }*/ .flex-nrs > div, .flex-nrs-dvd > div, .flex-es > div { width: 100%; margin: 6px; text-align: center; margin-top: 20px; } .flex-nrs a { font-size: 13px; } .flex-nrs img, .flex-nrs-dvd img, .flex-es > img { width: 70%; /*padding-bottom: 10px;*/ } #mini-hs2{ display: block; margin-top: -40px; margin-bottom: 20px; } #mini-hs1{ display: none; margin-left: 0px; } #fil-pad{ padding-left: 25px; } #tvid1{ width: 100%; } #tvid2{ width: 100%; padding-left: 25px; padding-right: 25px; } .flex-videos >div{ width: 100%; margin-right: 0px; } .flex-videos{ text-align: center; margin-top: 20px; } #pads{ padding: 0px; } .flex-instru > div { margin-left: 0px; justify-content: center; /*text-align: center;*/ } .flex-instru img { margin-bottom: 10px; margin-top: 10px; } #sr-pg{ justify-content: center; } #sr-categ{ float: none; justify-content: center; margin-top: 20px; margin-bottom: 10px; } #txtins{ padding-left: 0px; padding-top: 20px; } .flex-instru{ flex-direction: column; } #dispnone{ display: none; } .flex-categ { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */display: flex; flex-wrap: wrap; justify-content: center; } .flex-categ > div { width: 70%; margin: 6px; text-align: center; margin-top: 20px; } .flex-categ img { width: 100%; /*padding-bottom: 10px;*/ } .flex-period img { width: 100%; padding-bottom: 10px; } .flex-period > div { width: 70%; margin: 6px; text-align: center; } .flex-series > div { width: 70%; margin: 6px; text-align: center; } .flex-series img { width: 100%; padding-bottom: 10px; } .flex-audio > div { width: 70%; margin: 6px; text-align: center; } .flex-audio img { width: 100%; padding-bottom: 10px; } .flex-cl > div { width: 70%; margin: 10px; text-align: center; line-height: 75px; font-size: 30px; margin-bottom: 15px; } .flex-cl img{ width: 100%; } .flex-series > div { width: 70%; margin: 6px; text-align: center; margin-top: 20px; } .flex-series img { width: 100%; padding-bottom: 10px; } /* .flex-period > div { width: 70%; margin: 6px; text-align: center; margin-top: 20px; } .flex-period img { width: 100%; padding-bottom: 10px; } */ #minip2{ display: none; } #mini-p{ opacity: 1; } #newsp, .content-r{ text-align: center; } .flex-index-links{ height: auto; } .news-img150 { width:100%; } .news-img150 img{ width:70%; } .flex-search-result > div { margin: 0px; width: 100%; padding-top: 0px; } .flex-search-result{ flex-direction:column; padding: 20px; padding-bottom: 0px; margin-top: -10px; } .banner { padding-top:0px; } .card-size1 { /*width: 130px;*/ width: 100%; padding: 0px 10px; } .card-size4 { width: 100%; } .card-size2 { /*width: 138px;*/ width:100%; } .mspaces { padding-top: 10px; } .btn-play { margin-top: 0px; } .footer { padding: 20px; } .slick-prev { top: 50%; left: -30px; } .slick-next { top: 50%; right: -20px; } .m-dashed { display: block; } .footer a { padding-left: 5px; padding-right: 5px; font-size: 12px; } .flex-ficons>div { margin: 2px; padding: 5px; } .flex-ficons img { width: 30px; } .flex-social>div { text-align: center; } .flex-social2>div { text-align: center; } .spaces, .spaces3 { padding-top: 5px; } .pt10 { padding-top: 10px; } .pt20-mob { padding-top: 20px; } .logo { width: 70px; top:0px; } .home-carousel { padding-left: 0px; padding-right: 0px; height: 150px; } .home-carousel img.img-banner { height: 150px; object-fit: cover; object-position: center center; } }