commit e1150bc661388448322b62accb32e0e97b01bc96 Author: Kiow Just Me Date: Sat Nov 26 04:27:47 2022 +0300 Загрузил архивные файлы diff --git a/README.md b/README.md new file mode 100644 index 0000000..c88b2f1 --- /dev/null +++ b/README.md @@ -0,0 +1,9 @@ +# MySpotifyConnect + +## После ухода spotify из россии не поддерживается, хотя вроде работает еще на старых аккаунтах + +Бот для работы с плейлистами Spotify. Различные фильтры для создания плейлистов. + +Можно перенести песни из VK Music или Yandex Music с минимальными потерями - почти все песни найдутся на серверах Spotify! + +Бот доступен в телеграмме @MySpotifyConnectBot \ No newline at end of file diff --git a/bot.js b/bot.js new file mode 100644 index 0000000..fbf579e --- /dev/null +++ b/bot.js @@ -0,0 +1,2324 @@ +/*************************************/ +//Хранит информацию о пользователях во время работы бота +var users_keys = new Map(); +//Некие константы +var config = require('./config'); +/** + * Ждать ms милисекунд. + * + * @param {number} ms Количество милисекунд ожидания. + */ +const DEF_DELAY = 1000; +function sleep(ms) { + return new Promise(resolve => setTimeout(resolve, ms || DEF_DELAY)); +} +/*************************************/ +//Запуск получения сообщений от телеграмм бота +var Bot = require('node-telegram-bot-api'); +var bot = new Bot(process.env.TOKEN, { polling: true }); + +//Ошибки от телеграмма +bot.on('polling_error', (error) => { + console.log('Ошибка polling:', error); +}); + +//Авторизация в вк +const easyvk = require('easyvk'); +var vk; +init(); +async function init(){ + vk = await easyvk({ + token : process.env.VK_TOKEN + }) +} + +console.log('Бот был запущен'); + +/** + * Получение конфигурации для прикрепления кнопок к сообщению в телеграмм. + * + * @param {array} buttons Массив с необходимыми кнопками для сообщения. + * @param {number} id Id профиля telegram. + */ +function getButtonsByNames(buttons,id){ + var returned_buttons = []; + if(buttons.includes('auth')) + returned_buttons.push([{ text: 'Авторизоваться', url: spotifyApi.createAuthorizeURL(config.scopes,id,true) }]); + //if(buttons.includes('logout')) + //returned_buttons.push([{ text: 'Выйти в браузере', url: 'https://www.spotify.com/ru/logout' }]); + //если авторизован + + if(buttons.includes('profile_menu')) + returned_buttons.push([{ text: 'Профиль', + callback_data: JSON.stringify({command:"menu_profile"}) }]); + + if(buttons.includes('profile')) + returned_buttons.push([{ text: 'Профиль пользователя', + callback_data: JSON.stringify({command:"as_message",message:"/info"}) }]); + if(buttons.includes('top_tracks')) + returned_buttons.push([{ text: 'Топ треков', + callback_data: JSON.stringify({command:"as_message",message:"/top_tracks"}) }]); + if(buttons.includes('top_artists')) + returned_buttons.push([{ text: 'Топ исполнителей', + callback_data: JSON.stringify({command:"as_message",message:"/top_artists"}) }]); + + if(buttons.includes('player_menu')) + returned_buttons.push([{ text: 'Сейчас играет', + callback_data: JSON.stringify({command:"menu_player"}) }]); + // callback_data: JSON.stringify({command:"as_message",message:"/remote_control"}) }]); +/* if(buttons.includes('remote_control')) + returned_buttons.push([ + { text: '<', callback_data: JSON.stringify({command:"previous_track"}) }, + { text: '||', callback_data: JSON.stringify({command:"play_pause"}) }, + { text: '>', callback_data: JSON.stringify({command:"next_track"}) }]);*/ + if(buttons.includes('download_track')) + returned_buttons.push([{ text: 'Скачать текущий трек', + callback_data: JSON.stringify({command:"download_track"}) }]); + + if(buttons.includes('create_playlist')) + returned_buttons.push([{ text: 'Создать плейлист', + callback_data: JSON.stringify({command:"menu_playlists"}) }]); + + if(buttons.includes('vk_menu')) + returned_buttons.push([{ text: 'Импорт треков из VK', + callback_data: JSON.stringify({command:"menu_vk"}) }]); + + if(buttons.includes('import_vk_profile')) + returned_buttons.push([{ text: 'Треки профиля из VK', + callback_data: JSON.stringify({command:"as_message",message:"/vk_to_playlist"}) }]); + if(buttons.includes('import_vk_playlist')) + returned_buttons.push([{ text: 'Треки плейлиста из VK', + callback_data: JSON.stringify({command:"as_message",message:"/vk_get_playlist"}) }]); + + if(buttons.includes('settings')) + returned_buttons.push([{ text: 'Настройки', + callback_data: JSON.stringify({command:"menu_settings"}) }]); + if(buttons.includes('help')) + returned_buttons.push([{ text: 'Список доступных комманд', + callback_data: JSON.stringify({command:"as_message",message:"/help"}) }]); + + if(buttons.includes('create_playlist_from_liked')) + returned_buttons.push([{ text: 'Все избранные треки', + callback_data: JSON.stringify({command:"as_message",message:"/save_to_playlist"}) }]); + if(buttons.includes('create_dance_playlist_from_liked')) + returned_buttons.push([{ text: 'Избранные танцевальные треки', + callback_data: JSON.stringify({command:"as_message",message:"/save_dance_to_playlist"}) }]); + if(buttons.includes('create_not_russian_playlist_from_liked')) + returned_buttons.push([{ text: 'Избранные зарубежные треки', + callback_data: JSON.stringify({command:"as_message",message:"/save_english_to_playlist"}) }]); + + let map = new Map();map.set(true,'Вкл.');map.set(false,'Выкл.'); + if(buttons.includes('filter_explicit')) + returned_buttons.push([{ text: `Только песни без мата: ${map.get(users_keys.get(id).only_not_explicit)}`, + callback_data: JSON.stringify({command:"change_filter_explicit"}) }]); + if(buttons.includes('filter_popular')) + returned_buttons.push([{ text: `Только популярные песни: ${map.get(users_keys.get(id).only_popular)}`, + callback_data: JSON.stringify({command:"change_filter_popular"}) }]); + + if(buttons.includes('logout')) + returned_buttons.push([{ text: 'Выйти из профиля Spotify', + callback_data: JSON.stringify({command:"as_message",message:"/logout"}) }]); + if(buttons.includes('main_menu')) + returned_buttons.push([{ text: 'Вернуться в главное меню', + callback_data: JSON.stringify({command:"menu_main"}) }]); + return returned_buttons; +} + +/** + * Запуск функций для разных комманд из telegram. + * + * @param {map} data Информация о пользователе и его команда. + */ +async function launchFunctionByName(data){ + switch(data.name){ + case 'login': + var answer = await command_login(data); + return answer; + break; + case 'server_login': + var answer = await command_server_login(data); + return answer; + break; + case 'help': + var answer = await command_help(data); + return answer; + break; + case 'info_about_user': + var answer = await command_info_about_user(data); + return answer; + break; + case 'user_tracks': + var answer = await command_user_tracks(data); + return answer; + break; + case 'top_tracks': + var answer = await command_top_tracks(data); + return answer; + break; + case 'top_artists': + var answer = await command_top_artists(data); + return answer; + break; + case 'remote_control': + var answer = await command_remote_control(data); + + return answer; + break; + case 'create_playlist_from_liked': + var answ = await command_get_liked(data); + var new_message = { + id: data.id, + type: 'create_playlist', + save_playlist: answ.save_playlist, + name: config.defaulttext.playlist_create.playlist_name, + description: config.defaulttext.playlist_create.playlist_description.replace('&{name}',answ.display_name), + track_array: answ.track_array, + bot_options: answ.bot_options, + quite:data.quite + } + messages_wait_Spotify_server.push(new_message); + return 'no_answer'; + break; + case 'create_english_playlist_from_liked': + var answ = await command_get_liked(data); + var new_message = { + id: data.id, + type: 'get_english_tracks', + name: config.defaulttext.playlist_create.playlist_name_not_russian, + description: config.defaulttext.playlist_create.playlist_description_not_russian.replace('&{name}',answ.display_name), + track_array: answ.track_array, + bot_options: answ.bot_options + } + messages_wait_Spotify_server.push(new_message); + return 'no_answer'; + break; + case 'create_dance_playlist_from_liked': + var answ = await command_get_liked(data); + var new_message = { + id: data.id, + type: 'get_dance_tracks', + name: config.defaulttext.playlist_create.playlist_name_dance, + description: config.defaulttext.playlist_create.playlist_description_dance.replace('&{name}',answ.display_name), + // audios: answ.audios, + track_array: answ.track_array, + bot_options: answ.bot_options + } + //console.log(new_message); + messages_wait_Spotify_server.push(new_message); + return 'no_answer'; + break; + case 'create_not_explicit_playlist_from_liked': + var answ = await command_get_liked(data); + var new_message = { + id: data.id, + type: 'get_not_explicit_tracks', + name: config.defaulttext.playlist_create.playlist_name_not_explicit, + description: config.defaulttext.playlist_create.playlist_description_not_explicit.replace('&{name}',answ.display_name), + track_array: answ.track_array, + bot_options: answ.bot_options + } + messages_wait_Spotify_server.push(new_message); + return 'no_answer'; + break; + case 'logout': + var answer = await command_logout(data); + return answer; + break; + case 'show_list_of_users': + var answer = await command_show_list_of_users(data); + return answer; + break; + case 'update_all_liked': + var answer = await command_update_all_liked(data); + return answer; + break; + case 'get_info': + var answer = await command_get_info(data); + return answer; + break; + case 'create_playlist_from_vk': + var answer = await command_create_playlist_from_vk(data); + return answer; + break; + case 'create_playlist_from_vk_playlist': + var answer = await command_create_playlist_from_vk_playlist(data); + return answer; + break; + case 'create_playlist_in_vk': + var answ = await command_get_liked(data); + var new_message = { + id: data.id, + type: 'create_playlist_from_spotify', + name: config.defaulttext.playlist_create.playlist_name, + description: config.defaulttext.playlist_create.playlist_description.replace('&{name}',answ.display_name), + track_array: answ.track_array, + bot_options: answ.bot_options + } + //console.log(new_message); + messages_with_vk_server.push(new_message); + return 'no_answer'; + break; + case 'create_playlist_from_yandex': + var answer = await command_get_liked_from_yandex(data); + return answer; + break; + case 'yandex_login': + var answer = await command_yandex_login(data); + return answer; + break; + case 'like_playlist': + var answ = await command_get_playlist(data); + await command_like_tracks(answ); + users_keys.get(data.id).is_waiting = false; + return 'no_answer'; + break; + case 'download_track': + var new_message = { + id: data.id, + type: 'download_track', + text: data.text, + refreshToken: data.refreshToken, + options: data.options, + answer: data.answer + } + messages_wait_Spotify_server.push(new_message); + return 'no_answer'; + /*var answer = await command_server_download_track(data); + return answer;*/ + break; + case 'query': + var answer = await command_query(data); + return answer; + break; + default: + return data.answer; + break; + } +} + +//Выполнить операцию с таблицей +async function command_query(data){ + var answer = data.answer; + + var client = await new Client({ + connectionString: process.env.DATABASE_URL, + ssl: { + rejectUnauthorized: false + } + }) + await client.connect() + .catch(e => { + console.error(e); + }) + + try { + answer += JSON.stringify(await client.query(data.text)).replace(/{/g,'{\n').replace(/}/g,'\n}').replace(/,/g,',\n') + await client.end(); + } + catch(e){ + console.error(e); + await client.end(); + }; + return answer; +} + +//Отправить сообщение с ссылкой для авторизации +async function command_login(data){ + var answer = data.answer; + return answer.replace('&{url}', spotifyApi.createAuthorizeURL(config.scopes,data.id,true)); +} + +//Отправить сообщение со списком всех доступных комманд +function command_help(data){ + var answer = data.answer; + config.commands.forEach(function (values,keys) { + if(values.have_description) + if((values.need_admin==data.is_Admin)||(!values.need_admin)) + if((values.need_auth==data.is_Auth)||(values.show_after_login&&data.is_Auth)) + answer += `\n ${keys} - ${values.description}`; + }); + if(data.is_Admin){ + answer += `\n----------------------`; + config.admin_commands.forEach(function (values,keys) { + if(values.have_description) + if((values.need_auth==data.is_Auth)||(values.show_after_login&&data.is_Auth)) + answer += `\n ${keys} - ${values.description}`; + }); + } + return answer; +} + +//Выйти из профиля +async function command_logout(data){ + var del_user = `DELETE FROM USERS WHERE id = ${data.id};`; + await client.query(del_user) + users_keys.get(data.id).refreshToken = 'unauthorized'; + return data.answer; +} + +//Получить информацию о текущем профиле +async function command_info_about_user(data){ + var temp_spotifyApi = await getUserByRefreshToken(data.refreshToken,data.options); + var answer = data.answer; + const me = await temp_spotifyApi.getMe(); + var current_song = await temp_spotifyApi.getMyCurrentPlayingTrack() + .then(function(data) { + if(data.body.item){ + var song = data.body.item.name + ' - '; + for (const artist of data.body.item.artists) + song += artist.name + ', '; + return song.substring(0,song.length-2); + } + else return false; + }, function(err) { + return false; + }); + if(current_song) answer +='\nСейчас играет: ' + current_song; + const music = await temp_spotifyApi.getMySavedTracks({ + limit : 1, + offset: 0 + }); + return answer.replace('&{name}',me.body.display_name) + .replace('&{email}',me.body.email) + .replace('&{followers}',me.body.followers.total) + .replace('&{total}',music.body.total); +} + +//Получить 20 последних добавленных треков +async function command_user_tracks(data){ + var temp_spotifyApi = await getUserByRefreshToken(data.refreshToken,data.options); + var answer = data.answer; + const music = await temp_spotifyApi.getMySavedTracks({ + limit : 20, + offset: 0 + }); + for(var i=0; i0){ + count++; + var temp_spotifyApi = await getUserByRefreshToken(refreshToken,data.options); + var user = await temp_spotifyApi.getMe(); + answer += `\nПользователь: ${user.body.display_name} `; + if(key[1].liked!=='nothing') + answer += `💗`; + if(key[0]==data.id) answer += ' (Вы)'; + } + } + return answer.replace('&{count}',count); +} + +var whitelist = [247608317,483162302,784291122,1239328626,955327894,374919212] + +async function command_update_all_liked(data){ + var answer = data.answer; + var command_info = config.commands.get('/save_to_playlist')||config.admin_commands.get('/save_to_playlist'); + for await (const key of users_keys) { + if(key[1].refreshToken !== 'unauthorized'&&whitelist.includes(key[0])) + messages_wait_Spotify.push({ + id : key[0], + command : '/save_to_playlist', + text : '', + command_info : command_info, + quite : true + }); + } + return answer; +} + +async function command_server_login(data){ + var options = config.options.server_options; + var answer = ""; + for await (const server of options){ + var temp_spotifyApi = await new SpotifyWebApi(server); + answer += await data.answer.replace('&{url}', temp_spotifyApi.createAuthorizeURL(config.scopes,encodeURI(JSON.stringify(server)),true)); + } + return answer; +} + +const got = require('got'); +const PastebinAPI = require('pastebin-ts'); +const pastebin = new PastebinAPI({ + 'api_dev_key' : process.env.PASTEBIN_API_TOKEN +}); + +async function spotify_addTracksToPlaylist(tracks,playlist_id,temp_spotifyApi,track_index){ + try{ + let ans = await temp_spotifyApi.addTracksToPlaylist(playlist_id, tracks, { position : track_index }); + return ans; + } catch (e) { + await sleep(100); + //console.log(e); + return await spotify_addTracksToPlaylist(tracks,playlist_id,temp_spotifyApi,track_index); + } +} + +async function command_create_playlist(data){ + data.temp_spotifyApi = await getUserByRefreshToken(data.options.refreshToken,data.options); + if(data.save_playlist){ + if(users_keys.get(data.id).liked == 'nothing'){ + data.playlist_id = (await data.temp_spotifyApi.createPlaylist(data.name, { 'description': data.description, 'public': false })).body.id + users_keys.get(data.id).liked=data.playlist_id; + update_users.set(data.id); + } + else { + data.playlist_id = users_keys.get(data.id).liked; + data = await command_update_playlist(data); + } + } + else data.playlist_id = (await data.temp_spotifyApi.createPlaylist(data.name, { 'description': data.description, 'public': false })).body.id + var answer = config.defaulttext.playlist_created; + if(data.quite === undefined) + await bot.editMessageText(answer, data.bot_options); + + await command_add_tracks_to_playlist(data); + return; +} + +async function command_update_playlist(data){ + data.text = 'spotifyplaylist/' + data.playlist_id; + var tracks_in_playlist = await command_get_playlist(data); + var track_array = []; + for await(var track1 of data.track_array){ + var isin = true; + for await(var track2 of tracks_in_playlist.track_array) + if(track1.id == track2.id) + isin = false; + if(isin) track_array.push(track1); + } + data.track_array = track_array; + return data; +} + +async function command_add_tracks_to_playlist(data){ + let tracks_array = []; + let track_index = 0; + while(data.track_array.length>0){ + let track = data.track_array.shift(); + await tracks_array.push(track.uri); + if(tracks_array.length==50||data.track_array.length==0){ + await spotify_addTracksToPlaylist(tracks_array,data.playlist_id,data.temp_spotifyApi,track_index) + track_index+=tracks_array.length; + tracks_array = []; + } + } + if(data.quite === undefined){ + var reply = JSON.parse(data.bot_options.reply_markup); + reply.inline_keyboard.push([ { + text: config.defaulttext.playlist_save, + callback_data: JSON.stringify({ command: "addP", p_id: data.playlist_id}) + } ]); + data.bot_options.parse_mode = 'HTML'; + data.bot_options.reply_markup = JSON.stringify(reply); + answer = config.defaulttext.playlist_done.replace('&{playlist_id}',data.playlist_id); + await bot.editMessageText(answer, data.bot_options); + } + return; +} + +async function command_addPlaylistToUser(data){ + var refreshToken = users_keys.get(data.id).refreshToken; + var temp_spotifyApi = await getUserByRefreshToken(refreshToken,data.options); + await temp_spotifyApi.followPlaylist(data.playlist_id,{'public' : true}); + await bot.answerCallbackQuery(data.msg_id,'Плейлист успешно добавлен'); + return; +} + +async function spotify_search(find,temp_spotifyApi,number){ + try{ + const ans = await temp_spotifyApi.searchTracks(find,{ + limit : number||1 + }); + return ans; + } catch (e) { + await sleep(100); + console.log(e); + return await spotify_search(find,temp_spotifyApi,number); + } +} + +async function server_command_search_from_vk(data){ + var answer = config.defaulttext.playlist_vk_create.playlist_in_process; + await bot.editMessageText(answer ,{ + chat_id: data.id, + message_id : data.message_id, + }); + var audios = data.audios; + + var temp_spotifyApi = await getUserByRefreshToken(data.options.refreshToken,data.options); + var done = 0; + var errors = 0; + var error_list = "Не удалось найти следующие треки:\n"; + var total = audios.length; + var track_array = []; + var bot_options; + while (audios.length>0) { + let audio = audios.shift(); + var find_ = `${audio.artist} ${audio.title}` + .replace(/ x /g,' ') + .replace(/(\[.*?\])/g, '') + .trim().split(/(\(.*?\))/g); + var find = ''; + for await(const temp of find_) + if(!temp.toLowerCase().startsWith('(prod.')&&!temp.toLowerCase().startsWith('(feat.')) + find+=temp; + find = find.replace(/feat./g,''); + const ans = await spotify_search(find,temp_spotifyApi); + if(ans.body.tracks.total>0){ + done++; + let track = ans.body.tracks.items[0]; + let artists = []; + for (const artist of track.artists) + artists.push({id:artist.id,name:artist.name}) + + let track_info = { + id:track.id, + uri:track.uri, + name:track.name, + artists:artists + }; + await track_array.push(track_info); + if(done%50==0){ + bot_options = { + chat_id: data.id, + message_id : data.message_id, + reply_markup : JSON.stringify({ inline_keyboard: [[ { + text: config.defaulttext.playlist_vk_create.in_process.replace('&{done}',done).replace('&{total}',total).replace('&{errors}',errors), + callback_data: JSON.stringify({command:"waiting"}) + } ]] }) + } + await bot.editMessageText(answer ,bot_options); + } + } + else{ + errors++; + error_list+=`${audio.title} | ${audio.artist}\n` + } + await sleep(10); + } + + var url; + await pastebin.createPaste({ + text: error_list, + title: data.name + "(не нашлись треки)", + format: null, + privacy: 1, + expiration: '10M' + }) + .then((data) => { + url = data; + }) + .catch((err) => { + url = 'https://pastebin.com/XyBBXxLB'; + }); + bot_options = { + chat_id: data.id, + message_id : data.message_id, + parse_mode: 'HTML', + reply_markup : JSON.stringify({ inline_keyboard: [[ { + text: config.defaulttext.playlist_vk_create.in_process.replace('&{done}',done).replace('&{total}',total).replace('&{errors}',errors), + url: url + } ]] }) + } + await bot.editMessageText(answer ,bot_options); + + var new_message = { + id: data.id, + type: 'create_playlist', + name: data.name, + description: data.description, + track_array: track_array, + bot_options: bot_options + } + messages_wait_Spotify_server.push(new_message); + return; +} + +function AllVariants(arr, prepend) { + var i, version, el, result = []; + prepend = prepend || []; + if(arr.length === 1) return [arr]; + for( i=0; i0) { + let audio = audios.shift(); + var find_ = `${audio.artist} ${audio.title}` + .replace(/ x /g,' ') + .replace(/(\[.*?\])/g, '') + .trim().split(/(\(.*?\))/g); + var find = ''; + for await(const temp of find_) + if(!temp.toLowerCase().startsWith('(prod.')&&!temp.toLowerCase().startsWith('(feat.')) + find+=temp; + find = find.replace(/feat./g,'').replace(/ – /gi,' ').replace(/ё/g,'е'); + const ans = await spotify_search(find,temp_spotifyApi); + if(ans.body.tracks.total>0){ + done++; + let track = ans.body.tracks.items[0]; + let artists = []; + for (const artist of track.artists) + artists.push({id:artist.id,name:artist.name}) + + let track_info = { + id:track.id, + uri:track.uri, + name:track.name, + artists:artists + }; + await track_array.push(track_info); + if(done%50==0){ + bot_options = { + chat_id: data.id, + message_id : data.message_id, + reply_markup : JSON.stringify({ inline_keyboard: [[ { + text: config.defaulttext.playlist_vk_create.in_process.replace('&{done}',done).replace('&{total}',total).replace('&{errors}',errors), + callback_data: JSON.stringify({command:"waiting"}) + } ]] }) + } + await bot.editMessageText(answer ,bot_options); + } + } + else{ + errors++; + error_list+=`${audio.title} | ${audio.artist}\n` + } + await sleep(10); + } + */ + while(audios.length>0){ + let track = audios.shift(); + let combinations = AllVariants(track.artists); + let ans = {body:{tracks:{total:0}}}; + let track_name; + while ( combinations.length>0) { + let artists = combinations.shift(); + artists = Array.from(artists, function (artist) {return artist.name} ).join(', '); + + track.albums.push({title:''}) + while(ans.body.tracks.total == 0 && track.albums.length>0){ + let album = track.albums.shift(); + track_name = artists.replace(/ & /gi,' ').replace(/ x /gi,' ')/*track_name.substring(0,track_name.length-2)*/ + ' ' + track.title + ' ' + album.title; + track_name = track_name.replace(/ – /gi,' ').replace(/ё/g,'е') + + ans = await spotify_search(track_name,temp_spotifyApi); + } + if(ans.body.tracks.total>0)break; + } + if(ans.body.tracks.total>0){ + done++; + let track = ans.body.tracks.items[0]; + await track_array.push(track); + if(done%50==0){ + bot_options = { + chat_id: data.id, + message_id : data.message_id, + reply_markup : JSON.stringify({ inline_keyboard: [[ { + text: config.defaulttext.playlist_vk_create.in_process.replace('&{done}',done).replace('&{total}',total).replace('&{errors}',errors), + callback_data: JSON.stringify({command:"waiting"}) + } ]] }) + } + await bot.editMessageText(answer ,bot_options); + } + } + else{ + errors++; + error_list+=`${track_name}\n` + } + + } + + + + var url; + await pastebin.createPaste({ + text: error_list, + title: data.name + "(не нашлись треки)", + format: null, + privacy: 1, + expiration: '10M' + }) + .then((data) => { + url = data; + }) + .catch((err) => { + url = 'https://pastebin.com/XyBBXxLB'; + }); + bot_options = { + chat_id: data.id, + message_id : data.message_id, + parse_mode: 'HTML', + reply_markup : JSON.stringify({ inline_keyboard: [[ { + text: config.defaulttext.playlist_vk_create.in_process.replace('&{done}',done).replace('&{total}',total).replace('&{errors}',errors), + url: url + } ]] }) + } + await bot.editMessageText(answer ,bot_options); + + var new_message = { + id: data.id, + type: 'create_playlist', + name: data.name, + description: data.description, + track_array: track_array, + bot_options: bot_options + } + messages_wait_Spotify_server.push(new_message); + return; +} + +async function haveRussianGenres(track,artist_genres){ + let result = false; + if( track.name.search(/[А-яЁё]/) != -1 ) + result = true; + for await (let artist of track.artists){ + if( artist.name.search(/[А-яЁё]/) != -1 ) + result = true; + let genres = artist_genres.get(artist.id); + if(genres.length==0) result = true; + else + for await (let genre of genres) + if(genre.includes('russian')) + result = true; + } + return result; +} + +async function command_server_get_english_tracks(data){ + //console.log(data); + var temp_spotifyApi = await getUserByRefreshToken(data.options.refreshToken,data.options); + let artists = []; + let artist_genres = new Map(); + for await (let track of data.track_array) + for await (let artist of track.artists) + if(!artists.includes(artist.id)) + await artists.push(artist.id); + + let artist_array = []; + while(artists.length>0){ + let artist = artists.shift(); + artist_array.push(artist); + if(artist_array.length==50||artists.length==0){ + let data = await temp_spotifyApi.getArtists(artist_array); ///////////////////////////////////////////////////////////////////// + for (let art of data.body.artists) + artist_genres.set(art.id,art.genres); + artist_array = []; + } + } + let result_track_array = []; + for await (let track of data.track_array){ + let isRussian = await haveRussianGenres(track,artist_genres); + if(!isRussian) + await result_track_array.push(track); + // console.log(track.name); + } + return result_track_array; +} + +async function command_server_get_dance_tracks(data){ + //console.log(data); + var temp_spotifyApi = await getUserByRefreshToken(data.options.refreshToken,data.options); + let result_track_array = []; + let tracks_array = []; + while(data.track_array.length>0){ + let track = data.track_array.shift(); + await tracks_array.push(track.id); + if(tracks_array.length==50||data.track_array.length==0){ + let data = await temp_spotifyApi.getAudioFeaturesForTracks(tracks_array);////////////////////////////////////////////////////////////////// + // console.log(data); + for await (const track of data.body.audio_features) { + if(track!=null) + if(track.danceability>0.6) + if(track.valence>0.6) { + let track_info = { + id:track.id, + uri:track.uri + } + result_track_array.push(track_info); + } + } + + tracks_array = []; + } + // console.log(data.track_array.length); + } + //console.log(result_track_array.length); + return result_track_array; +} + +async function command_server_get_not_explicit_tracks(data){ + let result_track_array = []; + while(data.track_array.length>0){ + let track = data.track_array.shift(); + if(!track.explicit) + await result_track_array.push(track); + } + return result_track_array; +} + +const superagent = require('superagent'); + +async function command_create_playlist_from_vk(data){ + await vk; + var name = 'Аудиозаписи пользователя' + var vk_id = data.text; + if(!vk_id) + return config.defaulttext.playlist_vk_create.rule; + if(vk_id.startsWith('vk.com/')) + vk_id = 'https://'+vk_id; + if(vk_id.startsWith('https://vk.com/')){ + await vk.call("users.get",{ + user_ids: vk_id.slice(15), + name_case: 'gen' + }).then(async (response) => { + vk_id = response[0].id; + name = config.defaulttext.playlist_vk_create.playlist_name.replace('&{last_name}',response[0].last_name).replace('&{first_name}',response[0].first_name) + }).catch(function(e) { + console.log(e.error_msg); + }); + } + else + return config.defaulttext.playlist_vk_create.wrong_profile_url; + if(!(/^\d+$/.test(vk_id))) + return config.defaulttext.playlist_vk_create.wrong_id; + //console.log(name); + + const msg = await bot.sendMessage(data.id, config.defaulttext.playlist_vk_create.playlist_vk_get); + + var next_from = true; + var music_section = ''; + var audios = []; + while(next_from){ + await vk.call("execute",{ + profile_id: vk_id, + next_from: next_from, + music_section: music_section, + code: ` + var res = {}; + var profile_id = Args.profile_id; + res.next_from = Args.next_from; + res.music_section = Args.music_section; + + res.audios = []; + + if (res.music_section == '') { + var audios = API.catalog.getAudio({url:'https://vk.com/audios'+profile_id,need_blocks:1}); + + res.music_section = audios.catalog.sections[0].id; + + res.next_from = audios.catalog.sections[0].next_from; + + if(res.next_from){ + res.audios = audios.audios; + } + + + } + var i = 0; + while(res.next_from != null && i < 20){ + var audios_info = API.catalog.getSection({start_from: res.next_from, section_id: res.music_section}); + var audios = audios_info.audios; + if(audios!=null){ + while(audios.length>0) + res.audios.push(audios.shift()); + } + res.next_from = audios_info.section.next_from; + i = i + 1; + } + return res;` + }).then(async (response) => { + while (response.getFullResponse().response.audios.length>0) + await audios.push(response.getFullResponse().response.audios.shift()); + + next_from = response.getFullResponse().response.next_from; + music_section = response.getFullResponse().response.music_section; + + bot_options = { + chat_id: data.id, + message_id : msg.message_id, + reply_markup : JSON.stringify({ inline_keyboard: [[ { + text: config.defaulttext.playlist_vk_create.vk_in_process.replace('&{done}',audios.length), + callback_data: JSON.stringify({command:"waiting"}) + } ]] }) + } + await bot.editMessageText(config.defaulttext.playlist_vk_create.playlist_vk_get ,bot_options); + + }).catch(function(e) { + console.log(e.error_msg); + }); + await sleep(1000); + } + + var message = { + id: data.id, + message_id: msg.message_id, + type: 'search_from_vk', + name: name, + audios: audios, + description : config.defaulttext.playlist_vk_create.playlist_description_profile + } + + messages_wait_Spotify_server.push(message); + return 'no_answer'; +} + +async function command_create_playlist_from_vk_playlist(data){ + var name = 'Плейлист из вк' + var vk_url = data.text; + + if(!vk_url) + return config.defaulttext.playlist_vk_create.playlist_rule; + if(vk_url.startsWith('vk.com/')) + vk_url = 'https://'+vk_url; + var user_id = 0; + var access_key; + if(vk_url.startsWith('https://vk.com/audios')){ + vk_url = vk_url.slice(21).split('?'); + user_id = vk_url.shift(); + vk_url = ('vk'+vk_url[0]).split('audio_playlist')[1].split('%2F') + if(vk_url.length>1) + access_key = vk_url[1]; + vk_url = vk_url[0].split('/') + if(vk_url.length>1) + access_key = vk_url[1]; + vk_url = 'https://vk.com/music?z=audio_playlist'+vk_url[0]+'/'+access_key; + } + + if(vk_url.startsWith('https://vk.com/music/playlist/')) + vk_url = 'https://vk.com/music?z=audio_playlist'+vk_url.slice(32); + + + if(!vk_url.startsWith('https://vk.com/music?z=audio_playlist')) + return config.defaulttext.playlist_vk_create.wrong_playlist_url; + + vk_url = vk_url.slice(37).split('/'); + access_key = vk_url[1]; + vk_url = vk_url[0].split(/_+/g); + //console.log(vk_url,access_key); + if(vk_url.length>2) access_key = vk_url[2]; + var owner_id = vk_url[0],playlist_id = vk_url[1],offset=0,count=1000,fields,total=1; + if(!((/^\d+$/.test(owner_id))&&(/^\d+$/.test(playlist_id)))) + return config.defaulttext.playlist_vk_create.wrong_playlist_url; + + const msg = await bot.sendMessage(data.id, config.defaulttext.playlist_vk_create.playlist_vk_get); + + var first_name,last_name,description=''; + var audios = []; + while(total>offset){ + await vk.call("execute",{ + v: '5.144', + user_id: user_id, + owner_id: owner_id, + playlist_id: playlist_id, + offset: offset, + access_key: access_key, + count: count, + fields: fields, + code: ` +var user_id = Args.user_id; +var owner_id = Args.owner_id; +if(user_id == 0) user_id = owner_id; +var playlist_id = Args.playlist_id; +var access_key = Args.access_key; +var count = Args.count; +var offset = Args.offset; +var fields = Args.fields; + +var res = {}; + +if (offset == 0) { + if(access_key == 'undefined'){ + var playlists = API.catalog.getAudio({url:'https://vk.com/audios'+user_id,need_blocks:1}).playlists; + while(playlists.length>0){ + var playlist = playlists.shift(); + if(playlist.original.playlist_id == playlist_id && playlist.original.owner_id == owner_id) + access_key = playlist.original.access_key; + } + + } + res.playlist = API.audio.getPlaylistById({ + owner_id: owner_id, + playlist_id: playlist_id, + access_key: access_key, + ref: Args.ref + }); + + if (res.playlist.type == 0) { + if (owner_id < 0) { + res.owner = API.groups.getById({ group_id: -owner_id, fields: fields }).groups[0]; + } else { + res.owner = API.users.get({ user_ids: owner_id, fields: fields })[0]; + } + } + if (res.playlist.original != null) { + if (res.playlist.original.owner_id < 0) { + res.owner = API.groups.getById({ group_id: -res.playlist.original.owner_id, fields: fields }).groups[0]; + } else { + res.owner = API.users.get({ user_ids: res.playlist.original.owner_id, fields: fields })[0]; + } + } +} + +res.audios = API.audio.get({ owner_id: owner_id, playlist_id: playlist_id, access_key: access_key, count: count, offset: offset, ref: Args.ref }).items; +return res;` + }).then(async (response) => { + //console.log(response) + + //execute_errors = true; + + + if(response.getFullResponse().response.playlist){ + name = response.getFullResponse().response.playlist.title; + total = response.getFullResponse().response.playlist.count; + description = response.getFullResponse().response.playlist.description; + access_key = response.getFullResponse().response.playlist.access_key; + playlist_id = response.getFullResponse().response.playlist.id; + owner_id = response.getFullResponse().response.playlist.owner_id; + } + if(response.getFullResponse().response.owner){ + first_name = response.getFullResponse().response.owner.first_name; + last_name = response.getFullResponse().response.owner.last_name; + } + + //console.log(response.getFullResponse()) + offset = offset + count; + + while(response.getFullResponse().response.audios.length>0) + audios.push(response.getFullResponse().response.audios.shift()); + + bot_options = { + chat_id: data.id, + message_id : msg.message_id, + reply_markup : JSON.stringify({ inline_keyboard: [[ { + text: config.defaulttext.playlist_vk_create.vk_in_process.replace('&{done}',audios.length), + callback_data: JSON.stringify({command:"waiting"}) + } ]] }) + } + if(response.getFullResponse().execute_errors) + await bot.editMessageText(config.defaulttext.playlist_vk_create.wrong_playlist_private,bot_options); + else await bot.editMessageText(config.defaulttext.playlist_vk_create.playlist_vk_get ,bot_options); + + }).catch(function(e) { + console.log(e.error_msg); + }); + await sleep(1000); + } + var message = { + id: data.id, + message_id: msg.message_id, + type: 'search_from_vk', + name: name, + audios: audios, + description : config.defaulttext.playlist_vk_create.playlist_description_playlist.replace('&{last_name}',last_name).replace('&{first_name}',first_name).replace('&{description)',description) + } + + messages_wait_Spotify_server.push(message); + return 'no_answer'; +} + +const _yandex_config = { + CLIENT_ID: "23cabbbdc6cd418abb4b39c32c41195d", + CLIENT_SECRET: "53bc75238f0c4d08a118e51fe9203300", + AUTH_URL: "https://oauth.yandex.ru/token", + API_URL: "https://api.music.yandex.net:443" +} + +async function command_yandex_login(data){ + let credentials = data.text.split(" "); + try{ + let auth_body = (await superagent + .post(_yandex_config.AUTH_URL) + .send(`grant_type=password&client_id=${_yandex_config.CLIENT_ID}&client_secret=${_yandex_config.CLIENT_SECRET}&username=${credentials[0]}&password=${credentials[1]}`) + .set('Content-Type', 'application/x-www-form-urlencoded') + ).body; + users_keys.get(data.id).yandex = { + token: auth_body.access_token, + uid: auth_body.uid + } + console.log(users_keys.get(data.id)); + return JSON.stringify(auth_body); + } + catch(e){ + console.log(e); + return "Возникла ошибка при авторизации"; + } +} + +async function command_get_liked_from_yandex(data){ + var name = 'Аудиозаписи яндекса'; + try{ + let tracks_body = (await superagent + .get(`${_yandex_config.API_URL}/users/${users_keys.get(data.id).yandex.uid}/likes/tracks?if-modified-since-revision=0`) + .set('Authorization', `OAuth ${users_keys.get(data.id).yandex.token}`) + ).body.result; + + let tracks_array = tracks_body.library.tracks; + let req = 'trackIds='; + while(tracks_array.length>0){ + let track = tracks_array.shift(); + req+= track.id+':'+track.albumId+','; + } + if(req!='trackIds=')req=req.substring(0,req.length-1); + + let tracks_names = (await superagent + .post(`${_yandex_config.API_URL}/tracks?with-positions=true`) + .send(req) + .set('Authorization', `OAuth ${users_keys.get(data.id).yandex.token}`) + ).body.result; + + let audios = []; + while (tracks_names.length>0) { + let track = tracks_names.shift(); + audios.push({title:track.title,artists:track.artists,albums:track.albums}) + } + + const msg = await bot.sendMessage(data.id, "Аудио из яндекса получены"); + + + //console.log(tracks_body.library.tracks.length); + + var message = { + id: data.id, + message_id: msg.message_id, + type: 'search_from_yandex', + name: name, + audios: audios, + description : "Аудио профиля яндекса:3" + } + + messages_wait_Spotify_server.push(message); + return "no_answer"; + } + catch(e){ + console.log(e); + return "Возникла ошибка при получении избранных треков"; + } +} + +async function command_get_info(data){ + answer = data.answer; + return answer; +} + +async function get_vk_audio_id(track,i){ + try { + return (await superagent.get(`https://i120.kissvk.com/api/song/search/do?query=${track}`)).body; + } + catch(e){ + console.log('ошибочка'); + await sleep(200) + if(i<10) { + return await get_vk_audio_id(track,i+1); + } + else return {songs:[]}; + } +} + +async function vk_command_create_playlist(data){ + + var audios = []; + for await (const track of data.track_array){ + var track_name = ''; + // console.log(track.artists); + for await (var artist of track.artists) + track_name += artist.name + ' '; + track_name += track.name; + audios.push(track_name) + } + + await bot.editMessageText('Работает поиск треков в вк...',data.bot_options); + var audios_ids = []; + + var i = 0; + while(audios.length > 0){ + var track = audios.shift(); + const body = await get_vk_audio_id(encodeURI(track),0)//(await superagent.get(`https://i120.kissvk.com/api/song/search/do?query=${track}`)).body; + if(body.songs.length>0) + audios_ids.push(body.songs[0].id); + // else console.log(track) + await sleep(100); + i++; + if(i%10 == 0){ + data.bot_options.reply_markup = JSON.stringify({ inline_keyboard: [[ { + text: config.defaulttext.playlist_vk_create.vk_search_in_process.replace('&{done}',audios_ids.length).replace('&{errors}',i-audios_ids.length).replace('&{all}',i+audios.length), + callback_data: JSON.stringify({command:"waiting"}) + } ]] }) + await bot.editMessageText('Работает поиск треков в вк...',data.bot_options); + } + } + + var playlist_id = -1; + var profile_id = -1; + var url = ''; + + await vk.call("execute",{ + name: data.name, + description: data.description, + code: `var res = {}; +var profile_id = API.users.get()[0].id; +res.playlist_id = API.audio.createPlaylist({owner_id: profile_id, title: Args.name, description: Args.description}); +return res;` + }).then(async (response) => { + playlist_id = response.getFullResponse().response.playlist_id.id; + profile_id = response.getFullResponse().response.playlist_id.owner_id; + url = `https://vk.com/music/playlist/${profile_id}_${playlist_id}_${response.getFullResponse().response.playlist_id.access_key}`; + await bot.editMessageText(config.defaulttext.playlist_vk_create.vk_text_while_add_in_process,data.bot_options); + }).catch(function(e) { + console.log(e.error_msg); + }); + + i = 0; + var col = 0; + var tracks_to_add = []; + while(audios_ids.length>0) + { + tracks_to_add.push(audios_ids.shift()); + i++; + if(i%50 == 0 || audios_ids.length == 0){ + //console.log(tracks_to_add); + await vk.call("audio.addToPlaylist",{ + audio_ids: tracks_to_add.join(','), + playlist_id: playlist_id, + owner_id: profile_id + }).then(async (response) => { + console.log(response) + data.bot_options.reply_markup = JSON.stringify({ inline_keyboard: [[ { + text: config.defaulttext.playlist_vk_create.vk_add_in_process.replace('&{done}',i), + callback_data: JSON.stringify({command:"waiting"}) + } ]] }) + col += tracks_to_add.length; + await bot.editMessageText(config.defaulttext.playlist_vk_create.vk_text_while_add_in_process,data.bot_options); + }).catch(function(e) { + console.log(e) + console.log(e.error_msg); + }); + await sleep(1000); + tracks_to_add = []; + } + } + data.bot_options.reply_markup = JSON.stringify({ inline_keyboard: [[ { + text: config.defaulttext.playlist_vk_create.vk_add_in_process.replace('&{done}',col), + url: url + } ]] }) + await bot.editMessageText(config.defaulttext.playlist_vk_create.playlist_full_created,data.bot_options); + + console.log('закончил'); + return ; +} + +async function spotify_getPlaylistTracks(limit,offset,playlist_id,temp_spotifyApi){ + try{ + const ans = await temp_spotifyApi.getPlaylistTracks(playlist_id,{ + limit : limit, + offset: offset + }); + return ans; + } catch (e) { + await sleep(100); + return await spotify_getPlaylistTracks(limit,offset,playlist_id,temp_spotifyApi); + } +} + +async function command_get_playlist(data){ + var temp_spotifyApi = await getUserByRefreshToken(data.refreshToken||data.options.refreshToken,data.options); + let playlist_id = data.text.split('playlist/')[1].split('?').shift(); + + var music = await spotify_getPlaylistTracks(1,0,playlist_id,temp_spotifyApi); + var limit = 100; + var total = music.body.total; + var offset = 0; + var track_array = []; + if(total==0) + return config.defaulttext.playlist_create.empty_playlist; + var answer = config.defaulttext.playlist_create.playlist_get; + var msg; + if(data.quite === undefined) { + if(data.bot_options) msg = await bot.editMessageText(answer, data.bot_options) + else msg = await bot.sendMessage(data.id, answer, { reply_markup : JSON.stringify({ + inline_keyboard: [[ { + text: config.defaulttext.playlist_create.process_started.replace('&{total}',total), + callback_data: JSON.stringify({command:"waiting"}) + } ]] + })}); + } + while (offset < total){ + music = await spotify_getPlaylistTracks(limit,offset,playlist_id,temp_spotifyApi); + for(var i=0; i0){ + let track = data.track_array.shift(); + await tracks_array.push(track.id); + if(tracks_array.length==50||data.track_array.length==0){ + var contains = await spotify_containsTracks(tracks_array,temp_spotifyApi) + for(var i = 0;i0){ + let track = track_array.shift(); + await tracks_array.push(track); + if(tracks_array.length==50||track_array.length==0){ + await spotify_LikeTracks(tracks_array,temp_spotifyApi); + tracks_array = []; + } + } + answer = 'Работа закончена'; + bot.editMessageText(answer, data.bot_options); + return; +} + +var music_ids = new Map(); + +async function command_server_get_track(data){ + if(!data.text||data.text=="") return {err:`Пустой поисковый запрос... +Используйте /download [текст для поиска] +Например /download Lida Лиза`}; + + var temp_spotifyApi = await getUserByRefreshToken(data.options.refreshToken,data.options); + var answer = await spotify_search(data.text,temp_spotifyApi) + if(answer.body.tracks.total>0){ + let track = answer.body.tracks.items[0]; + return track; + } + else return {err:`Ничего не найдено`}; +} + +const SpotifyDownloadApi = require('spotifydl-core').default + +async function command_server_download_track(data){ + if(data.track.err) return await bot.sendMessage(data.id, data.track.err, {parse_mode: 'HTML'}); + + var track_name = ''; + for await (var artist of data.track.artists) + track_name += artist.name + ', '; + track_name = track_name.substring(0,track_name.length-2) + ' - ' + data.track.name; + + if(music_ids.get(data.track.id)) return await bot.sendDocument(data.id, music_ids.get(data.track.id)) + + let msg = await bot.sendMessage(data.id, `Трек найден: ${track_name} +Происходит загрузка с серверов Spotify...`,{parse_mode: 'HTML'}); + + let spotify = new SpotifyDownloadApi(options); + let file = await spotify.downloadTrack(data.track.href); + let fileOptions = { + filename: `${data.track.name}.mp3`, + contentType: `audio/mpeg`, + }; + + await bot.editMessageText(`Трек найден: ${track_name} +Загружаем в telegram...` ,{ + chat_id: msg.chat.id, + message_id : msg.message_id, + parse_mode: 'HTML' + }); + file = await bot.sendDocument(data.id, file, {}, fileOptions); + //console.log(file.audio); + music_ids.set(data.track.id,file.audio.file_id) + + await bot.deleteMessage(msg.chat.id,msg.message_id); + + return; +} + +/******************--- answer_for_messages ----**************************/ +var messages = []; +answer_for_messages(); + +var user_options = config.options.user_options; +var messages_wait_Spotify = []; +var messages_with_Spotify = []; +add_messages_with_Spotify(); +answer_for_messages_with_Spotify(); + +var server_options = config.options.server_options; +var messages_wait_Spotify_server = []; +var messages_with_Spotify_server = []; +add_messages_with_Spotify_server(); +answer_for_messages_with_Spotify_server(); + +var messages_with_vk_server = []; +answer_for_messages_with_vk_server(); + +async function answer_for_messages_with_vk_server(){ + var message = messages_with_vk_server.shift(); + while (message) { + var id = message.id; + try { + switch(message.type){ + case 'create_playlist_from_spotify': + await vk_command_create_playlist(message); + console.log("создан плейлист вк"); + break; + /* case 'create_playlist': + await command_create_playlist(message); + users_keys.get(id).is_waiting = false; + break;*/ + } + } catch (e) { + console.log(e); + // users_keys.get(id).is_waiting = false; + } + users_keys.get(id).is_waiting = false; + + message = messages_with_vk_server.shift(); + } + setTimeout(answer_for_messages_with_vk_server, 100); +} + +async function add_messages_with_Spotify_server(){ + while((messages_wait_Spotify_server.length > 0) && (server_options.length > 0)){ + var message = messages_wait_Spotify_server.shift(); + var options = server_options.shift(); + message.options = options; + await messages_with_Spotify_server.push(message); + } + setTimeout(add_messages_with_Spotify_server, 100); +} + +async function answer_for_messages_with_Spotify_server(){ + var message = messages_with_Spotify_server.shift(); + while (message) { + (async () => { + var id = message.id; + var opt = message.options; + try { + let data; + switch(message.type){ + case 'search_from_vk': + await server_command_search_from_vk(message); + break; + case 'search_from_yandex': + await server_command_search_from_yandex(message); + break; + case 'create_playlist': + await command_create_playlist(message); + break; + case 'get_english_tracks': + data = message; + message.track_array = await command_server_get_english_tracks(data); + await command_create_playlist(data); + break; + case 'get_dance_tracks': + data = message; + message.track_array = await command_server_get_dance_tracks(data); + await command_create_playlist(data); + break; + case 'get_not_explicit_tracks': + data = message; + message.track_array = await command_server_get_not_explicit_tracks(data); + await command_create_playlist(data); + break; + case 'download_track': + data = message; + data.track = await command_server_get_track(data); + await command_server_download_track(data); + break; + } + } catch (e) { + console.log(e); + users_keys.get(id).is_waiting = false; + } + server_options.push(opt); + users_keys.get(id).is_waiting = false; + })() + .catch(e => { + console.error(e); + }); + message = messages_with_Spotify_server.shift(); + } + setTimeout(answer_for_messages_with_Spotify_server, 100); +} + +async function answer_for_messages(){ + var message = messages.shift(); + while (message) { + var data = {}; + var id = message.id; + var command_info = message.command_info; + + var answer = ""; + var buttons = []; + + var user_is_admin = (id == process.env.ADMIN_ID); + if(command_info.need_admin&&!user_is_admin) + answer = config.defaulttext.need_admin; + else { + var refreshToken = users_keys.get(id).refreshToken; + var user_is_auth = !(refreshToken == 'unauthorized'); + if(command_info.need_auth&&!user_is_auth) { + answer = config.defaulttext.need_auth.answer; + buttons = getButtonsByNames(config.defaulttext.need_auth.buttons,id); + } + else { + if(command_info.another_after_login&&user_is_auth) { + answer = command_info.answer_after_login; + buttons = getButtonsByNames(command_info.buttons_after_login,id); + } + else { + answer = command_info.answer || 'no_answer'; + buttons = getButtonsByNames(command_info.buttons,id); + if(command_info.function_name){ + data = { + name : command_info.function_name, + id : id, + answer : answer, + is_Auth : user_is_auth, + is_Admin : user_is_admin, + refreshToken : refreshToken, + text : message.text, + msg : message.msg, + quite : message.quite + } + try { + users_keys.get(id).is_waiting = true; + answer = await launchFunctionByName(data); + } catch (e) { + console.log(e); + answer = 'Возникла ошибка'; + users_keys.get(id).is_waiting = false; + } + } + } + } + } + + + message = messages.shift(); + users_keys.get(id).is_waiting = false; + if(answer != 'no_answer'){ + if (answer.length >= 4000) + while(answer.length>0&&data.quite === undefined){ + await bot.sendMessage( id, answer.substring(0,4000), { + parse_mode: 'HTML', + reply_markup: { + inline_keyboard: buttons + } + }); + answer = answer.substring(4000); + } + else if(data.quite === undefined) + bot.sendMessage( id, answer, { + parse_mode: 'HTML', + reply_markup: { + inline_keyboard: buttons + } + }); + } + + } + setTimeout(answer_for_messages, 100); +} + +async function add_messages_with_Spotify(){ + while((messages_wait_Spotify.length > 0) && (user_options.length > 0)){ + var message = messages_wait_Spotify.shift(); + var options = user_options.shift(); + message.options = options; + //console.log(options); + await messages_with_Spotify.push(message); + } + setTimeout(add_messages_with_Spotify, 100); +} + +async function answer_for_messages_with_Spotify(){ + var message = messages_with_Spotify.shift(); + while (message) { + var id = message.id; + var answer = ""; + var buttons = []; + switch(message.type){ + case 'add_playlist': + try { + await command_addPlaylistToUser(message); + } catch (e) { + console.log(e); + bot.answerCallbackQuery(message.msg_id,'Возникла ошибка при добавлении плейлиста'); + } + users_keys.get(id).is_waiting = false; + break; + default: + var command_info = message.command_info; + var data = {}; + var user_is_admin = (id == process.env.ADMIN_ID); + if(command_info.need_admin&&!user_is_admin) + answer = config.defaulttext.need_admin; + else { + var refreshToken = users_keys.get(id).refreshToken; + var user_is_auth = !(refreshToken == 'unauthorized'); + if(command_info.need_auth&&!user_is_auth) { + answer = config.defaulttext.need_auth.answer; + buttons = getButtonsByNames(config.defaulttext.need_auth.buttons,id); + } + else { + if(command_info.another_after_login&&user_is_auth) { + answer = command_info.answer_after_login; + buttons = getButtonsByNames(command_info.buttons_after_login,id); + } + else { + answer = command_info.answer || 'no_answer'; + buttons = getButtonsByNames(command_info.buttons,id); + if(command_info.function_name){ + data = { + name : command_info.function_name, + id : id, + answer : answer, + is_Auth : user_is_auth, + is_Admin : user_is_admin, + refreshToken : refreshToken, + text : message.text, + options : message.options, + msg : message.msg, + quite : message.quite + } + if(message.msg) data.msg = message.msg; + try { + users_keys.get(id).is_waiting = true; + answer = await launchFunctionByName(data); + } catch (e) { + console.log(e); + answer = 'Возникла ошибка'; + users_keys.get(id).is_waiting = false; + } + } + } + } + } + if(answer != 'no_answer'){ + users_keys.get(id).is_waiting = false; + if (answer.length >= 4000) + while(answer.length>0&&data.quite === undefined){ + await bot.sendMessage( id, answer.substring(0,4000), { + parse_mode: 'HTML', + reply_markup: { + inline_keyboard: buttons + } + }); + answer = answer.substring(4000); + } + else if(data.quite === undefined) + bot.sendMessage( id, answer, { + parse_mode: 'HTML', + reply_markup: { + inline_keyboard: buttons + } + }); + } + break; + } + + user_options.push(message.options); + message = messages_with_Spotify.shift(); + } + setTimeout(answer_for_messages_with_Spotify, 100); +} +/******************--- answer_for_messages ----**************************/ + +function start_answering(id,command,text){ + if(!users_keys.get(id)) + users_keys.set(id,{ + refreshToken : 'unauthorized', + only_not_explicit : false, + only_popular : false, + is_waiting : false + }); + if(!users_keys.get(id).is_waiting){ + var command_info = config.commands.get(command)||config.admin_commands.get(command); + if(!command_info) { + bot.sendMessage( id, config.defaulttext.unknown); + } + else { + if(command_info.using_spotifyApi||command_info.need_auth) + messages_wait_Spotify.push({ + id : id, + command : command, + text : text, + command_info : command_info + }); + else + messages.push({ + id : id, + command : command, + text : text, + command_info : command_info + }); + } + } + else bot.sendMessage( id, config.defaulttext.need_wait); +} + +/******************--- bot.onText ----**************************/ +bot.onText(/^/, function (msg) { + //console.log(msg) + var id = msg.chat.id; + + const args = msg.text.slice("/").trim().split(/ +/g); + const command = args.shift().toLowerCase(); + var text = args.join(" "); + + start_answering(id,command,text); +}); + +module.exports = bot; +/******************--- bot.onText ----**************************/ + +bot.on("callback_query", function(data){ + //console.log(data); + const callbackId = data.id; + var chatId; + if(data.message) chatId = data.message.chat.id; + let callback_data = JSON.parse(data.data); + let buttons; + switch (callback_data.command) { + case "waiting": + // console.log(chatId); + bot.answerCallbackQuery(callbackId,'Ожидайте... Бот работает...'); //////////need_config_text + break; + case "addP": + messages_wait_Spotify.push({ + id : chatId, + type : "add_playlist", + playlist_id : callback_data.p_id, + msg_id : callbackId + }); + break; + case "download_track": + start_answering(chatId,'/download',data.message.text.substring(31).replace('●','')); + console.log(data.message.text.substring(31).replace('●',' - ')); + bot.answerCallbackQuery(callbackId,'Выполнено!'); + break; + case "as_message": + start_answering(chatId,callback_data.message); + bot.answerCallbackQuery(callbackId,'Выполнено!'); + break; + case "menu_profile": + buttons = getButtonsByNames(config.defaulttext.buttons_profile_menu,chatId); + bot.editMessageText(config.defaulttext.menu_profile ,{ + chat_id: chatId, + message_id : data.message.message_id, + parse_mode: 'HTML', + reply_markup : JSON.stringify({ inline_keyboard: buttons }) + }); + break; + case "menu_player": + buttons = getButtonsByNames(config.defaulttext.buttons_player_menu,chatId); + var command_info = config.commands.get('/remote_control')||config.admin_commands.get('/remote_control'); + messages_wait_Spotify.push({ + id : chatId, + command : 'remote_control', + text : '', + command_info : command_info, + msg : { + chat_id: chatId, + message_id : data.message.message_id, + parse_mode: 'HTML', + reply_markup : JSON.stringify({ inline_keyboard: buttons }) + } + }); + break; + case "menu_vk": + buttons = getButtonsByNames(config.defaulttext.buttons_vk_menu,chatId); + bot.editMessageText(config.defaulttext.menu_vk ,{ + chat_id: chatId, + message_id : data.message.message_id, + parse_mode: 'HTML', + reply_markup : JSON.stringify({ inline_keyboard: buttons }) + }); + break; + case "menu_settings": + buttons = getButtonsByNames(config.defaulttext.buttons_settings_menu,chatId); + bot.editMessageText(config.defaulttext.menu_settings ,{ + chat_id: chatId, + message_id : data.message.message_id, + parse_mode: 'HTML', + reply_markup : JSON.stringify({ inline_keyboard: buttons }) + }); + break; + case "menu_playlists": + buttons = getButtonsByNames(config.defaulttext.buttons_playlists_menu,chatId); + bot.editMessageText(config.defaulttext.menu_playlists ,{ + chat_id: chatId, + message_id : data.message.message_id, + parse_mode: 'HTML', + reply_markup : JSON.stringify({ inline_keyboard: buttons }) + }); + break; + case "menu_main": + buttons = getButtonsByNames(config.defaulttext.buttons_main_menu,chatId); + bot.editMessageText(config.defaulttext.menu_main ,{ + chat_id: chatId, + message_id : data.message.message_id, + parse_mode: 'HTML', + reply_markup : JSON.stringify({ inline_keyboard: buttons }) + }); + break; + case "change_filter_explicit": + users_keys.get(chatId).only_not_explicit=!users_keys.get(chatId).only_not_explicit; + buttons = getButtonsByNames(config.defaulttext.buttons_settings_menu,chatId); + bot.editMessageText(config.defaulttext.menu_settings ,{ + chat_id: chatId, + message_id : data.message.message_id, + parse_mode: 'HTML', + reply_markup : JSON.stringify({ inline_keyboard: buttons }) + }); + update_users.set(chatId); + break; + case "change_filter_popular": + users_keys.get(chatId).only_popular=!users_keys.get(chatId).only_popular; + buttons = getButtonsByNames(config.defaulttext.buttons_settings_menu,chatId); + bot.editMessageText(config.defaulttext.menu_settings ,{ + chat_id: chatId, + message_id : data.message.message_id, + parse_mode: 'HTML', + reply_markup : JSON.stringify({ inline_keyboard: buttons }) + }); + update_users.set(chatId); + break; + case "inline_dowload": + inline_dowload_track(data.inline_message_id,callback_data.id) + break; + default: + bot.answerCallbackQuery(callbackId,'Кнопка пока не работает'); //////need_config_text + } +}); +/* +bot.on("chosen_inline_result", function(data){ + console.log(data); + if(data.result_id!=0) + inline_dowload_track(data.inline_message_id,data.result_id); +});*/ + +async function inline_dowload_track(msgId,trackId){ + if(music_ids.get(trackId)) bot.editMessageMedia({type:'document', media:music_ids.get(trackId), mime_type:"audio/mpeg",caption:""},{ inline_message_id: msgId}); + else{ + bot.editMessageText("Происходит загрузка с серверов Spotify..." ,{ + inline_message_id: msgId + }) + let spotify = new SpotifyDownloadApi(options); + let file = await spotify.downloadTrack("https://api.spotify.com/v1/tracks/"+trackId); + bot.editMessageText("Загружаем в телеграмм..." ,{ + inline_message_id: msgId + }) + file = await bot.sendDocument(-746476380,file); + music_ids.set(trackId,file.audio.file_id) + bot.editMessageMedia({type:'document', media:file.audio.file_id, mime_type:"audio/mpeg",caption:""},{ inline_message_id: msgId + }) + } +} + +bot.on("inline_query", function(data){ + let is_Auth = users_keys.get(data.from.id) != undefined; + if(is_Auth) is_Auth = users_keys.get(data.from.id).refreshToken != 'unauthorized'; + if(!is_Auth) { + var answers = JSON.stringify([ + {type:'article',id: "0", title:"Необходима авторизация", input_message_content:{message_text:"Для авторизации перейдите в чат @MySpotifyConnectBot"}, is_personal:true} + ]); + bot.answerInlineQuery(data.id,answers); + } + else search_and_answer_inline_query(data); + +}); + +async function search_and_answer_inline_query(data){ + var temp_spotifyApi = await getUserByRefreshToken(users_keys.get(data.from.id).refreshToken,options); + + var find = await spotify_search(data.query,temp_spotifyApi,10); + var answers = []; + for await(var track of find.body.tracks.items) { + var artists = ''; + for (const artist of track.artists) + artists += artist.name + ', '; + artists = artists.substring(0,artists.length-2); + if(music_ids.get(track.id)) answers.push({type:'document',id: track.id, title:track.name, description:artists, document_url:music_ids.get(track.id), mime_type:"audio/mpeg"}); + else answers.push({type:'document',id: track.id, title:track.name, description:artists, caption:`Для загрузки ${track.name} - ${artists} нажмите кнопку`, document_url:'CQACAgIAAxkBAAIg7GGbzO7SzDUQqGzL8jNWVWorktCvAAIyEwACDEnhSMaVtC8QCrvPIgQ', mime_type:"audio/mpeg", thumb_url:track.album.images[0].url, /*input_message_content:{message_text:`Для загрузки ${track.name} - ${artists} нажмите кнопку`},*/ reply_markup:{parse_mode:"HTML",inline_keyboard:[[{ text: 'Скачать', callback_data: JSON.stringify({command:"inline_dowload",id:track.id}) }]]}}); + } + + var answers = JSON.stringify(answers); + + bot.answerInlineQuery(data.id,answers); +} + +/******************--- SpotifyInit ----**************************/ +var SpotifyWebApi = require('spotify-web-api-node'); +var spotifyClientId = process.env.SPOTIFY_CLIENT_ID; +var spotifyClientSecret = process.env.SPOTIFY_CLIENT_SECRET; +var spotifyRedirectUri = process.env.SPOTIFY_REDIRECT_URI; + +var options = { + clientId: spotifyClientId, + clientSecret: spotifyClientSecret, + redirectUri: spotifyRedirectUri +} + +var spotifyApi = new SpotifyWebApi(options); +/******************--- SpotifyInit ----**************************/ + +/******************--- getAccessToken ----**************************/ +async function getUserByRefreshToken(refreshToken, options){ +// console.log(options); + var temp_spotifyApi = new SpotifyWebApi(options); + await temp_spotifyApi.setRefreshToken(refreshToken); + const data = await temp_spotifyApi.refreshAccessToken(); + temp_spotifyApi.setAccessToken(data.body['access_token']); + return temp_spotifyApi; +}/* +async function getServerToken(options){ +// console.log(options); + var temp_spotifyApi = new SpotifyWebApi(options); + const data = await temp_spotifyApi.clientCredentialsGrant(); + temp_spotifyApi.setAccessToken(data.body['access_token']); + return temp_spotifyApi; +}*/ +/******************--- getAccessToken ----**************************/ + +/******************--- databaseConnect ----**************************/ +const { Client } = require('pg'); +const client = new Client({ + connectionString: process.env.DATABASE_URL, + ssl: { + rejectUnauthorized: false + } +}) +client.connect() +.catch(e => { + console.error(e); +}) +.then(function(){ + (async () => { + var create_table = `CREATE TABLE IF NOT EXISTS USERS( + ID INT PRIMARY KEY NOT NULL, + REFRESH_TOKEN VARCHAR(150) NOT NULL DEFAULT 'unauthorized', + ONLY_NOT_EXPLICIT BOOLEAN NOT NULL DEFAULT FALSE, + ONLY_POPULAR BOOLEAN NOT NULL DEFAULT FALSE, + LIKED VARCHAR(25) NOT NULL DEFAULT 'nothing', + YANDEX VARCHAR(50) NOT NULL DEFAULT '{"token":"unauthorized"}' + );`; + await client.query(create_table) + + + var load_users = `SELECT * FROM USERS;`; + await client.query(load_users, (err,res) => { + var users = res.rows; + for(var i=0; i { + console.error(e); + }); +}); +/******************--- databaseConnect ----**************************/ + +/******************--- newUsersCheck ----**************************/ +const newUsersClient = new Client({ + connectionString: process.env.DATABASE_URL, + ssl: { + rejectUnauthorized: false + } +}); +newUsersClient.connect(); + +function getUpdateUsers(){ + (async () => { + var load_users = `SELECT * FROM USERS;`; + await newUsersClient.query(load_users, (err,res) => { + var users = res.rows; + for(var i=0; i { + console.error(e); + setTimeout(getUpdateUsers, 5000); + }); +} +/******************--- newUsersCheck ----**************************/ + +var update_users = new Map(); +const updateUsersClient = new Client({ + connectionString: process.env.DATABASE_URL, + ssl: { + rejectUnauthorized: false + } +}); +updateUsersClient.connect(); + +setTimeout(updateUsersOnServer, 5000); + +async function updateUsersOnServer(){ + update_users.forEach(async(value,key,map)=>{ + map.delete(key); + let update = `UPDATE USERS SET ONLY_NOT_EXPLICIT = ${users_keys.get(key).only_not_explicit}, ONLY_POPULAR = ${users_keys.get(key).only_popular}, LIKED = '${users_keys.get(key).liked}' WHERE ID = ${key};` + await updateUsersClient.query(update) + }) + setTimeout(updateUsersOnServer, 5000); +} diff --git a/config-example.js b/config-example.js new file mode 100644 index 0000000..84e9d2c --- /dev/null +++ b/config-example.js @@ -0,0 +1,386 @@ +var config = {}; + +config.defaulttext = { + need_wait : `Бот уже работает, подождите окончание выполнения предыдущей команды`, + need_admin : `Команда недоступна для данного аккаунта`, + need_auth : { + answer : `Необходима авторизация`, + buttons : ['auth'] + }, + unknown : `Список доступных команд доступен по команде /help +Либо откройте меню по команде /menu`, + playlist_created : `Плейлист создан, добавляю в него треки...`, + playlist_done : `Плейлист успешно создан. +Плейлист можно найти по ссылке`, + playlist_save : `Сохранить плейлист себе`, + playlist_create : { + playlist_name : `Избранные треки`, + playlist_description : `Избранные треки пользователя &{name}. Плейлист создан с помощью @MySpotifyConnectBot`, + playlist_name_not_russian : `Избранные зарубежные треки`, + playlist_description_not_russian : `Зарубежные треки пользователя &{name}. Плейлист создан с помощью @MySpotifyConnectBot`, + playlist_name_dance : `Избранные танцевальные треки`, + playlist_description_dance : `Танцевальные треки пользователя &{name}. Плейлист создан с помощью @MySpotifyConnectBot`, + playlist_name_not_explicit : `Избранные треки без мата`, + playlist_description_not_explicit : `Нематерные треки пользователя &{name}. Плейлист создан с помощью @MySpotifyConnectBot`, + playlist_created : `Получаю данные профиля, ищу сохраненные песни...`, + process_started : `Необходимо добавить &{total} треков`, + playlist_get : `Получаю данные плейлиста...`, + //in_process : `Осталось примерно &{offset} треков из &{total}`, + in_process : `Получено &{offset} треков из &{total}`, + empty_playlist : `У вас отсуствуют треки в медиатеке` + }, + playlist_vk_create : { + playlist_name : `Аудиозаписи &{first_name} &{last_name}`, + playlist_vk_get : `Получаем аудиозаписи из вк`, + vk_in_process : `Получено &{done} треков`, + vk_search_in_process : `Найдено &{done} треков из &{all} (не найдено &{errors})`, + vk_text_while_add_in_process: `Плейлист в вк создан, начинаю добавлять туда песни...`, + vk_add_in_process : `В плейлист добавлено &{done} треков`, + playlist_just_created : `Аудиозаписи из вк получены. Происходит обработка...`, + playlist_in_process : `Аудиозаписи из вк получены. Начат поиск треков в Spotify...`, + playlist_full_created : `Плейлист создан`, + playlist_created : `Плейлист создан, поиск треков...`, + playlist_description_profile : `Музыка пользователя из социальной сети vk. Плейлист создан с помощью @MySpotifyConnectBot`, + playlist_description_playlist : `Автор плейлиста: &{first_name} &{last_name} | Плейлист создан с помощью @MySpotifyConnectBot`, + in_process : `Найдено &{done} треков из &{total}, не найдено &{errors}`, + wrong_id : `Неправильный id профиля`, + wrong_profile_url : `Неправильная ссылка на профиль`, + rule : `Для использования команды необходимо прислать ссылку на профиль vk, из которого необходимо брать музыку\n +Например: /vk_to_playlist vk.com/durov +Или: /vk_to_playlist https://vk.com/durov`, + wrong_playlist_url : `Неправильная ссылка на плейлист`, + wrong_playlist_private : `Проверьте настройки приватности и ссылку на плейлист. +Музыка должна быть доступна всем, если плейлист не ваш, а настройки приватности не позволяют его видеть всем, то добавьте его в свою музыку и скопируйте ссылку на плейлист в вашей музыке`, + playlist_rule : `Для использования команды необходимо прислать ссылку на плейлист vk, из которого необходимо брать музыку\n +Например: /vk_get_playlist vk.com/music?z=audio_playlist-147845620_6 +Или: /vk_get_playlist https://vk.com/audios0?&z=audio_playlist-147845620_6` + }, + menu_main : `📝➖➖➖📍Меню📍➖➖➖📝 +Выберите нужный пункт меню`, + buttons_main_menu : ['profile_menu','create_playlist','vk_menu','settings','help'], + menu_profile : `📝➖➖➖📍Профиль📍➖➖➖📝 +Выберите нужный пункт меню`, + buttons_profile_menu : ['profile','player_menu','main_menu'], + menu_vk : `📝➖➖➖📍Импорт из VK📍➖➖➖📝 +Выберите нужный пункт меню`, + buttons_vk_menu : ['import_vk_profile','import_vk_playlist','main_menu'], + menu_playlists : `📝➖➖➖📍Создать плейлист📍➖➖➖📝 +Выберите какие песни будут в плейлисте`, + buttons_playlists_menu : ['create_playlist_from_liked','create_dance_playlist_from_liked','create_not_russian_playlist_from_liked','main_menu'], + menu_settings : `📝➖➖➖📍Настройки📍➖➖➖📝 +Для переключения настроек, нажмите на нужный пункт`, + buttons_settings_menu : ['filter_explicit','filter_popular','logout','main_menu'], + menu_player : `📝➖➖➖📍Сейчас играет📍➖➖➖📝 + +🎵&{track_name}`, + buttons_player_menu : ['remote_control','download_track','profile_menu','player_menu'], +} + +config.commands = new Map([ + [`/start`, { + need_auth : false, + answer : `Вас приветствует бот для работы с аккаунтом Spotify\nЧтобы посмотреть доступные команды введите /help`, + another_after_login : true, + answer_after_login : `Рад видеть вас снова.\nЧтобы посмотреть доступные команды введите /help`, + buttons : ['auth'], + buttons_after_login : [] + }], + [`/help`, { + need_auth : false, + answer : `Список доступных команд:`, + have_description : false, + description : `Список доступных команд`, + buttons : [], + buttons_after_login : ['main_menu'], + function_name : "help" + }], + [`/login`, { + need_auth : false, + need_admin : false, + answer : +`Для авторизации откройте ссылку и следуйте указаниям. +Нажмите на кнопку выйти для того, чтобы выйти из аккаунта Spotify в веб браузере`, + have_description : true, + description : `Авторизация`, + another_after_login : true, + answer_after_login : `Вы уже авторизованы. Если вы хотите выйти, введите /logout`, + buttons : ['auth','logout'], + buttons_after_login : ['main_menu'], + function_name : "login" + }], + [`/menu`, { + need_auth : true, + have_description : true, + description : `Меню бота`, + answer : `📝➖➖➖📍Меню📍➖➖➖📝 +Выберите нужный пункт меню`, + buttons : ['profile_menu','create_playlist','vk_menu','settings','help'] + }], + [`/info`, { + need_auth : true, + answer : +`Имя пользователя: &{name} +Email: &{email} +Подписчиков: &{followers} +Всего треков: &{total}`, + have_description : true, + description : `Информация о профиле`, + buttons : ['top_tracks','top_artists'], + function_name : "info_about_user" + }], + [`/tracks`, { + need_auth : true, + answer : `💬Список избранных треков:`, + have_description : false, + description : `Последние 20 добавленных треков`, + buttons : [], + function_name : "user_tracks" + }], + [`/top_tracks`, { + need_auth : true, + answer : `💬Топ треков пользователя:`, + have_description : true, + description : `Топ треков пользователя`, + buttons : ['top_artists'], + function_name : "top_tracks" + }], + [`/top_artists`, { + need_auth : true, + answer : `💬Топ исполнителей пользователя:`, + have_description : true, + description : `Топ треков исполнителей`, + buttons : ['top_tracks'], + function_name : "top_artists" + }], + [`/remote_control`, { + need_auth : true, + answer : `📝➖➖➖📍Сейчас играет📍➖➖➖📝 + +🎵 &{track_name}`, + have_description : false, + description : `Управление текущим воспроизведением`, + buttons : ['remote_control','download_track'], + function_name : "remote_control" + }], + [`/save_to_playlist`, { + need_auth : true, + answer : `Плейлист успешно создан. +Плейлист можно найти у себя в музыке и по ссылке`, + have_description : true, + description : `Создать плейлист из избранных треков`, + buttons : [], + function_name : "create_playlist_from_liked" + }], + [`/save_english_to_playlist`, { + need_auth : true, + have_description : true, + description : `Создать плейлист из избранных зарубежных треков`, + buttons : [], + function_name : "create_english_playlist_from_liked" + }], + [`/save_dance_to_playlist`, { + need_auth : true, + have_description : true, + description : `Создать плейлист из избранных танцевальных треков`, + buttons : [], + function_name : "create_dance_playlist_from_liked" + }], +/* [`/save_not_explicit_to_playlist`, { + need_auth : true, + have_description : true, + description : `Создать плейлист из избранных нематерных треков`, + buttons : [], + function_name : "create_not_explicit_playlist_from_liked" + }],*/ + [`/vk_to_playlist`, { + need_auth : true, + need_admin : false, + answer : `Плейлист успешно создан. +Плейлист можно найти у себя в музыке и по ссылке`, + have_description : true, + description : `Создать плейлист из треков профиля вк. При вызове напишите ссылку на профиль vk через пробел от команды`, + buttons : [], + function_name : "create_playlist_from_vk" + }], + [`/vk_get_playlist`, { + need_auth : true, + need_admin : false, + answer : `Плейлист успешно создан. +Плейлист можно найти у себя в музыке и по ссылке`, + have_description : true, + description : `Импортировать плейлист вк. При вызове напишите ссылку на плейлист vk через пробел от команды`, + buttons : [], + function_name : "create_playlist_from_vk_playlist" + }], + [`/download`, { + need_auth : true, + need_admin : false, + have_description : true, + description : `Скачать трек по названию/исполнителю. При вызове напишите слова для поиска песни через пробел от команды`, + answer : `Трек не найден`, + buttons : [], + function_name : "download_track" + }], + [`/logout`, { + need_auth : true, + need_admin : false, + answer : `Вы успешно вышли из аккаунта`, + have_description : true, + description : `Выйти из аккаунта`, + buttons : ['auth'], + function_name : "logout" + }], +]); + +config.admin_commands = new Map([ + [`/yandex_login`, { + need_auth : true, + need_admin : true, + have_description : true, + description : `yandex login`, + buttons : [], + function_name : "yandex_login" + }], + [`/yandex_to_playlist`, { + need_auth : true, + need_admin : true, + have_description : true, + description : `Создать плейлист из треков профиля Yandex в Spotify`, + buttons : [], + function_name : "create_playlist_from_yandex" + }], + [`/list_of_users`, { + using_spotifyApi : true, + need_auth : false, + need_admin : true, + answer : `Список пользователей(&{count}):`, + have_description : true, + description : `Список пользователей`, + show_after_login : true, + buttons : [], + function_name : "show_list_of_users" + }], + [`/update_all_liked`, { + using_spotifyApi : true, + need_auth : false, + need_admin : true, + answer : `Запущен процесс...`, + have_description : true, + description : `Обновить все плейлисты с избранными треками`, + show_after_login : true, + buttons : [], + function_name : "update_all_liked" + }], + [`/test`, { + need_auth : false, + need_admin : true, + answer : `test`, + have_description : true, + description : `test`, + show_after_login : false, + buttons : [] + }], + [`/query`, { + need_auth : false, + need_admin : true, + answer : `query answer\n`, + have_description : false, + buttons : [], + function_name : "query" + }], + [`/login_server`, { + need_auth : false, + need_admin : true, + answer : `Ссылки на все `, + have_description : false, + buttons : [] + }], + [`/get_info`, { + need_auth : true, + need_admin : true, + answer : `get_info`, + have_description : true, + description : `get_info`, + buttons : [], + function_name : "get_info" + }], + [`/server_login`, { + need_auth : false, + need_admin : true, + answer : `Авторизация сервера\n`, + have_description : false, + buttons : [], + function_name : "server_login" + }], + [`/spotify_to_playlist`, { + need_auth : true, + need_admin : false, + have_description : true, + description : `Создать плейлист из треков профиля Spotify в Vk`, + buttons : [], + function_name : "create_playlist_in_vk" + }], + [`/like_playlist`, { + need_auth : true, + need_admin : false, + have_description : true, + description : `Лайкнуть каждую песню плейлиста`, + buttons : [], + function_name : "like_playlist" + }], +]); + +config.options = { + user_options : [ + { + clientId: '', + clientSecret: '', + redirectUri: '' + } + ], + + server_options: [ + { + clientId: '', + clientSecret: '', + redirectUri: '', + refreshToken: '' + }, + { + clientId: '', + clientSecret: '', + redirectUri: '', + refreshToken: '' + }, + { + clientId: '', + clientSecret: '', + redirectUri: '', + refreshToken: '' + } + ] +}; + +config.scopes = [ + `ugc-image-upload`, + `user-read-playback-state`, + `user-modify-playback-state`, + `user-read-currently-playing`, + `streaming`, + `app-remote-control`, + `user-read-email`, + `user-read-private`, + `playlist-read-collaborative`, + `playlist-modify-public`, + `playlist-read-private`, + `playlist-modify-private`, + `user-library-modify`, + `user-library-read`, + `user-top-read`, + `user-read-playback-position`, + `user-read-recently-played`, + `user-follow-read`, + `user-follow-modify` +]; + +module.exports = config; \ No newline at end of file diff --git a/package.json b/package.json new file mode 100644 index 0000000..81991e6 --- /dev/null +++ b/package.json @@ -0,0 +1,33 @@ +{ + "name": "MySpotifyTransfer", + "version": "0.3.26062021", + "description": "A sample spotify transfer", + "engines": { + "node": "12.x" + }, + "main": "starter.js", + "scripts": { + "start": "node starter.js", + "test": "node test.js" + }, + "dependencies": { + "easyvk": "^2.8.2", + "ejs": "^2.5.6", + "express": "^4.15.2", + "got": "^11.8.3", + "heroku-self-ping": "^2.0.1", + "https": "^1.0.0", + "node-telegram-bot-api": "^0.51.0", + "pastebin-ts": "^1.2.0", + "pg": "^8.5.1", + "readline": "^1.3.0", + "request": "^2.88.2", + "spotify-web-api-node": "^5.0.0", + "spotifydl-core": "^0.2.0", + "superagent": "^6.1.0" + }, + "devDependencies": { + "tape": "^4.7.0" + }, + "license": "MIT" +} diff --git a/public/auth_completed.css b/public/auth_completed.css new file mode 100644 index 0000000..6762c3a --- /dev/null +++ b/public/auth_completed.css @@ -0,0 +1,163 @@ +.u-section-1 { + background-image: url("images/background.jpg"); + background-position: 50% 50%; +} + +.u-section-1 .u-sheet-1 { + min-height: 711px; +} + +.u-section-1 .u-slider-1 { + width: 533px; + min-height: 394px; + margin: 60px auto 60px 0; +} + +.u-section-1 .u-carousel-indicators-1 { + position: absolute; + width: 32px; + height: 10px; + top: auto; + left: 0; + right: auto; + bottom: -21px; +} + +.u-section-1 .u-carousel-item-1 { + background-image: none; +} + +.u-section-1 .u-container-layout-1 { + padding: 30px 65px; +} + +.u-section-1 .u-text-1 { + text-transform: uppercase; + font-weight: 700; + font-family: "PT Sans", sans-serif; + font-size: 3rem; + margin: 0; +} + +.u-section-1 .u-text-2 { + font-size: 1.125rem; + text-transform: none; + letter-spacing: normal; + font-weight: 400; + margin: 20px 0 0; +} + +.u-section-1 .u-btn-1 { + background-image: none; + text-transform: uppercase; + letter-spacing: 3px; + font-size: 0.875rem; + border-style: solid; + font-weight: 700; + margin: 20px auto 0 0; +} + +.u-section-1 .u-carousel-control-1 { + width: 45px; + height: 45px; +} + +.u-section-1 .u-carousel-control-2 { + width: 45px; + height: 45px; +} + +@media (max-width: 1199px) { + .u-section-1 .u-sheet-1 { + min-height: 586px; + } + + .u-section-1 .u-slider-1 { + height: auto; + } +} + +@media (max-width: 991px) { + .u-section-1 .u-sheet-1 { + min-height: 489px; + } + + .u-section-1 .u-container-layout-1 { + padding-left: 30px; + padding-right: 30px; + } + + .u-section-1 .u-text-1 { + width: auto; + margin-top: 44px; + margin-left: 39px; + } + + .u-section-1 .u-text-2 { + width: auto; + margin-right: 27px; + margin-left: 39px; + } + + .u-section-1 .u-btn-1 { + margin-left: 39px; + padding: 10px 31px 11px 30px; + } +} + +@media (max-width: 767px) { + .u-section-1 .u-sheet-1 { + min-height: 367px; + } + + .u-section-1 .u-slider-1 { + margin-right: initial; + margin-left: initial; + width: auto; + } + + .u-section-1 .u-container-layout-1 { + padding-left: 40px; + padding-right: 40px; + } + + .u-section-1 .u-text-1 { + margin-left: 0; + } + + .u-section-1 .u-text-2 { + margin-left: 0; + margin-right: 0; + } + + .u-section-1 .u-btn-1 { + margin-left: 0; + } +} + +@media (max-width: 575px) { + .u-section-1 .u-sheet-1 { + min-height: 800px; + } + + .u-section-1 .u-slider-1 { + margin-top: 80px; + width: auto; + margin-right: initial; + margin-left: initial; + } + + .u-section-1 .u-container-layout-1 { + padding-left: 20px; + padding-right: 20px; + } + + .u-section-1 .u-text-1 { + font-size: 2.625rem; + margin-top: 0; + } + + .u-section-1 .u-text-2 { + font-size: 1rem; + } +} \ No newline at end of file diff --git a/public/images/background.jpg b/public/images/background.jpg new file mode 100644 index 0000000..fe69fae Binary files /dev/null and b/public/images/background.jpg differ diff --git a/public/images/login.png b/public/images/login.png new file mode 100644 index 0000000..f3bbcfa Binary files /dev/null and b/public/images/login.png differ diff --git a/public/nicepage.css b/public/nicepage.css new file mode 100644 index 0000000..927b7b0 --- /dev/null +++ b/public/nicepage.css @@ -0,0 +1,31415 @@ +/*! + * froala_editor v3.2.3 (https://www.froala.com/wysiwyg-editor) + * License https://froala.com/wysiwyg-editor/terms/ + * Copyright 2014-2020 Froala Labs + */ + +.fr-clearfix::after { + clear: both; + display: block; + content: ""; + height: 0; } + +.fr-hide-by-clipping { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; } + +.fr-view img.fr-rounded, .fr-view .fr-img-caption.fr-rounded img { + border-radius: 10px; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + -moz-background-clip: padding; + -webkit-background-clip: padding-box; + background-clip: padding-box; } + +.fr-view img.fr-shadow, .fr-view .fr-img-caption.fr-shadow img { + -webkit-box-shadow: 10px 10px 5px 0px #cccccc; + -moz-box-shadow: 10px 10px 5px 0px #cccccc; + box-shadow: 10px 10px 5px 0px #cccccc; } + +.fr-view img.fr-bordered, .fr-view .fr-img-caption.fr-bordered img { + border: solid 5px #CCC; } + +.fr-view img.fr-bordered { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; } + +.fr-view .fr-img-caption.fr-bordered img { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + +.fr-view { + word-wrap: break-word; } + .fr-view span[style~="color:"] a { + color: inherit; } + .fr-view strong { + font-weight: 700; } + .fr-view table { + border: none; + border-collapse: collapse; + empty-cells: show; + max-width: 100%; } + .fr-view table td { + min-width: 5px; } + .fr-view table.fr-dashed-borders td, .fr-view table.fr-dashed-borders th { + border-style: dashed; } + .fr-view table.fr-alternate-rows tbody tr:nth-child(2n) { + background: whitesmoke; } + .fr-view table td, .fr-view table th { + border: 1px solid #DDD; } + .fr-view table td:empty, .fr-view table th:empty { + height: 20px; } + .fr-view table td.fr-highlighted, .fr-view table th.fr-highlighted { + border: 1px double red; } + .fr-view table td.fr-thick, .fr-view table th.fr-thick { + border-width: 2px; } + .fr-view table th { + background: #ececec; } + .fr-view hr { + clear: both; + user-select: none; + -o-user-select: none; + -moz-user-select: none; + -khtml-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + break-after: always; + page-break-after: always; } + .fr-view .fr-file { + position: relative; } + .fr-view .fr-file::after { + position: relative; + content: "\1F4CE"; + font-weight: normal; } + .fr-view pre { + white-space: pre-wrap; + word-wrap: break-word; + overflow: visible; } + .fr-view[dir="rtl"] blockquote { + border-left: none; + border-right: solid 2px #5E35B1; + margin-right: 0; + padding-right: 5px; + padding-left: 0; } + .fr-view[dir="rtl"] blockquote blockquote { + border-color: #00BCD4; } + .fr-view[dir="rtl"] blockquote blockquote blockquote { + border-color: #43A047; } + .fr-view blockquote { + border-left: solid 2px #5E35B1; + margin-left: 0; + padding-left: 5px; + color: #5E35B1; } + .fr-view blockquote blockquote { + border-color: #00BCD4; + color: #00BCD4; } + .fr-view blockquote blockquote blockquote { + border-color: #43A047; + color: #43A047; } + .fr-view span.fr-emoticon { + font-weight: normal; + font-family: "Apple Color Emoji","Segoe UI Emoji","NotoColorEmoji","Segoe UI Symbol","Android Emoji","EmojiSymbols"; + display: inline; + line-height: 0; } + .fr-view span.fr-emoticon.fr-emoticon-img { + background-repeat: no-repeat !important; + font-size: inherit; + height: 1em; + width: 1em; + min-height: 20px; + min-width: 20px; + display: inline-block; + margin: -.1em .1em .1em; + line-height: 1; + vertical-align: middle; } + .fr-view .fr-text-gray { + color: #AAA !important; } + .fr-view .fr-text-bordered { + border-top: solid 1px #222; + border-bottom: solid 1px #222; + padding: 10px 0; } + .fr-view .fr-text-spaced { + letter-spacing: 1px; } + .fr-view .fr-text-uppercase { + text-transform: uppercase; } + .fr-view .fr-class-highlighted { + background-color: #ffff00; } + .fr-view .fr-class-code { + border-color: #cccccc; + border-radius: 2px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + -moz-background-clip: padding; + -webkit-background-clip: padding-box; + background-clip: padding-box; + background: #f5f5f5; + padding: 10px; + font-family: "Courier New", Courier, monospace; } + .fr-view .fr-class-transparency { + opacity: 0.5; } + .fr-view img { + position: relative; + max-width: 100%; } + .fr-view img.fr-dib { + margin: 5px auto; + display: block; + float: none; + vertical-align: top; } + .fr-view img.fr-dib.fr-fil { + margin-left: 0; + text-align: left; } + .fr-view img.fr-dib.fr-fir { + margin-right: 0; + text-align: right; } + .fr-view img.fr-dii { + display: inline-block; + float: none; + vertical-align: bottom; + margin-left: 5px; + margin-right: 5px; + max-width: calc(100% - (2 * 5px)); } + .fr-view img.fr-dii.fr-fil { + float: left; + margin: 5px 5px 5px 0; + max-width: calc(100% - 5px); } + .fr-view img.fr-dii.fr-fir { + float: right; + margin: 5px 0 5px 5px; + max-width: calc(100% - 5px); } + .fr-view span.fr-img-caption { + position: relative; + max-width: 100%; } + .fr-view span.fr-img-caption.fr-dib { + margin: 5px auto; + display: block; + float: none; + vertical-align: top; } + .fr-view span.fr-img-caption.fr-dib.fr-fil { + margin-left: 0; + text-align: left; } + .fr-view span.fr-img-caption.fr-dib.fr-fir { + margin-right: 0; + text-align: right; } + .fr-view span.fr-img-caption.fr-dii { + display: inline-block; + float: none; + vertical-align: bottom; + margin-left: 5px; + margin-right: 5px; + max-width: calc(100% - (2 * 5px)); } + .fr-view span.fr-img-caption.fr-dii.fr-fil { + float: left; + margin: 5px 5px 5px 0; + max-width: calc(100% - 5px); } + .fr-view span.fr-img-caption.fr-dii.fr-fir { + float: right; + margin: 5px 0 5px 5px; + max-width: calc(100% - 5px); } + .fr-view .fr-video { + text-align: center; + position: relative; } + .fr-view .fr-video.fr-rv { + padding-bottom: 56.25%; + padding-top: 30px; + height: 0; + overflow: hidden; } + .fr-view .fr-video.fr-rv > iframe, .fr-view .fr-video.fr-rv object, .fr-view .fr-video.fr-rv embed { + position: absolute !important; + top: 0; + left: 0; + width: 100%; + height: 100%; } + .fr-view .fr-video > * { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + max-width: 100%; + border: none; } + .fr-view .fr-video.fr-dvb { + display: block; + clear: both; } + .fr-view .fr-video.fr-dvb.fr-fvl { + text-align: left; } + .fr-view .fr-video.fr-dvb.fr-fvr { + text-align: right; } + .fr-view .fr-video.fr-dvi { + display: inline-block; } + .fr-view .fr-video.fr-dvi.fr-fvl { + float: left; } + .fr-view .fr-video.fr-dvi.fr-fvr { + float: right; } + .fr-view a.fr-strong { + font-weight: 700; } + .fr-view a.fr-green { + color: green; } + .fr-view .fr-img-caption { + text-align: center; } + .fr-view .fr-img-caption .fr-img-wrap { + padding: 0; + margin: auto; + text-align: center; + width: 100%; } + .fr-view .fr-img-caption .fr-img-wrap a { + display: block; } + .fr-view .fr-img-caption .fr-img-wrap img { + display: block; + margin: auto; + width: 100%; } + .fr-view .fr-img-caption .fr-img-wrap > span { + margin: auto; + display: block; + padding: 5px 5px 10px; + font-size: 14px; + font-weight: initial; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-opacity: 0.9; + -moz-opacity: 0.9; + opacity: 0.9; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + width: 100%; + text-align: center; } + .fr-view button.fr-rounded, .fr-view input.fr-rounded, .fr-view textarea.fr-rounded { + border-radius: 10px; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + -moz-background-clip: padding; + -webkit-background-clip: padding-box; + background-clip: padding-box; } + .fr-view button.fr-large, .fr-view input.fr-large, .fr-view textarea.fr-large { + font-size: 24px; } + .fr-view ul, .fr-view ol { + list-style-position: inside; } + +/** + * Image style. + */ +a.fr-view.fr-strong { + font-weight: 700; } +a.fr-view.fr-green { + color: green; } + +/** + * Link style. + */ +img.fr-view { + position: relative; + max-width: 100%; } + img.fr-view.fr-dib { + margin: 5px auto; + display: block; + float: none; + vertical-align: top; } + img.fr-view.fr-dib.fr-fil { + margin-left: 0; + text-align: left; } + img.fr-view.fr-dib.fr-fir { + margin-right: 0; + text-align: right; } + img.fr-view.fr-dii { + display: inline-block; + float: none; + vertical-align: bottom; + margin-left: 5px; + margin-right: 5px; + max-width: calc(100% - (2 * 5px)); } + img.fr-view.fr-dii.fr-fil { + float: left; + margin: 5px 5px 5px 0; + max-width: calc(100% - 5px); } + img.fr-view.fr-dii.fr-fir { + float: right; + margin: 5px 0 5px 5px; + max-width: calc(100% - 5px); } + +span.fr-img-caption.fr-view { + position: relative; + max-width: 100%; } + span.fr-img-caption.fr-view.fr-dib { + margin: 5px auto; + display: block; + float: none; + vertical-align: top; } + span.fr-img-caption.fr-view.fr-dib.fr-fil { + margin-left: 0; + text-align: left; } + span.fr-img-caption.fr-view.fr-dib.fr-fir { + margin-right: 0; + text-align: right; } + span.fr-img-caption.fr-view.fr-dii { + display: inline-block; + float: none; + vertical-align: bottom; + margin-left: 5px; + margin-right: 5px; + max-width: calc(100% - (2 * 5px)); } + span.fr-img-caption.fr-view.fr-dii.fr-fil { + float: left; + margin: 5px 5px 5px 0; + max-width: calc(100% - 5px); } + span.fr-img-caption.fr-view.fr-dii.fr-fir { + float: right; + margin: 5px 0 5px 5px; + max-width: calc(100% - 5px); } +/*begin-commonstyles animate*/@charset "UTF-8"; + +/*! + * animate.css -http://daneden.me/animate + * Version - 3.7.0 + * Licensed under the MIT license - http://opensource.org/licenses/MIT + * + * Copyright (c) 2018 Daniel Eden + */ + +@-webkit-keyframes bounce { + from, + 20%, + 53%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 40%, + 43% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); + } + + 70% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0); + } + + 90% { + -webkit-transform: translate3d(0, -4px, 0); + transform: translate3d(0, -4px, 0); + } +} + +@keyframes bounce { + from, + 20%, + 53%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 40%, + 43% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); + } + + 70% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0); + } + + 90% { + -webkit-transform: translate3d(0, -4px, 0); + transform: translate3d(0, -4px, 0); + } +} + +.bounce { + -webkit-animation-name: bounce; + animation-name: bounce; + -webkit-transform-origin: center bottom; + transform-origin: center bottom; +} + +@-webkit-keyframes flash { + from, + 50%, + to { + opacity: 1; + } + + 25%, + 75% { + opacity: 0; + } +} + +@keyframes flash { + from, + 50%, + to { + opacity: 1; + } + + 25%, + 75% { + opacity: 0; + } +} + +.flash { + -webkit-animation-name: flash; + animation-name: flash; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes pulse { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes pulse { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.pulse { + -webkit-animation-name: pulse; + animation-name: pulse; +} + +@-webkit-keyframes rubberBand { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); + } + + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); + } + + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); + } + + 65% { + -webkit-transform: scale3d(0.95, 1.05, 1); + transform: scale3d(0.95, 1.05, 1); + } + + 75% { + -webkit-transform: scale3d(1.05, 0.95, 1); + transform: scale3d(1.05, 0.95, 1); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes rubberBand { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); + } + + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); + } + + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); + } + + 65% { + -webkit-transform: scale3d(0.95, 1.05, 1); + transform: scale3d(0.95, 1.05, 1); + } + + 75% { + -webkit-transform: scale3d(1.05, 0.95, 1); + transform: scale3d(1.05, 0.95, 1); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.rubberBand { + -webkit-animation-name: rubberBand; + animation-name: rubberBand; +} + +@-webkit-keyframes shake { + from, + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 10%, + 30%, + 50%, + 70%, + 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 20%, + 40%, + 60%, + 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } +} + +@keyframes shake { + from, + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 10%, + 30%, + 50%, + 70%, + 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 20%, + 40%, + 60%, + 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } +} + +.shake { + -webkit-animation-name: shake; + animation-name: shake; +} + +@-webkit-keyframes headShake { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 6.5% { + -webkit-transform: translateX(-6px) rotateY(-9deg); + transform: translateX(-6px) rotateY(-9deg); + } + + 18.5% { + -webkit-transform: translateX(5px) rotateY(7deg); + transform: translateX(5px) rotateY(7deg); + } + + 31.5% { + -webkit-transform: translateX(-3px) rotateY(-5deg); + transform: translateX(-3px) rotateY(-5deg); + } + + 43.5% { + -webkit-transform: translateX(2px) rotateY(3deg); + transform: translateX(2px) rotateY(3deg); + } + + 50% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes headShake { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 6.5% { + -webkit-transform: translateX(-6px) rotateY(-9deg); + transform: translateX(-6px) rotateY(-9deg); + } + + 18.5% { + -webkit-transform: translateX(5px) rotateY(7deg); + transform: translateX(5px) rotateY(7deg); + } + + 31.5% { + -webkit-transform: translateX(-3px) rotateY(-5deg); + transform: translateX(-3px) rotateY(-5deg); + } + + 43.5% { + -webkit-transform: translateX(2px) rotateY(3deg); + transform: translateX(2px) rotateY(3deg); + } + + 50% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +.headShake { + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + -webkit-animation-name: headShake; + animation-name: headShake; +} + +@-webkit-keyframes swing { + 20% { + -webkit-transform: rotate3d(0, 0, 1, 15deg); + transform: rotate3d(0, 0, 1, 15deg); + } + + 40% { + -webkit-transform: rotate3d(0, 0, 1, -10deg); + transform: rotate3d(0, 0, 1, -10deg); + } + + 60% { + -webkit-transform: rotate3d(0, 0, 1, 5deg); + transform: rotate3d(0, 0, 1, 5deg); + } + + 80% { + -webkit-transform: rotate3d(0, 0, 1, -5deg); + transform: rotate3d(0, 0, 1, -5deg); + } + + to { + -webkit-transform: rotate3d(0, 0, 1, 0deg); + transform: rotate3d(0, 0, 1, 0deg); + } +} + +@keyframes swing { + 20% { + -webkit-transform: rotate3d(0, 0, 1, 15deg); + transform: rotate3d(0, 0, 1, 15deg); + } + + 40% { + -webkit-transform: rotate3d(0, 0, 1, -10deg); + transform: rotate3d(0, 0, 1, -10deg); + } + + 60% { + -webkit-transform: rotate3d(0, 0, 1, 5deg); + transform: rotate3d(0, 0, 1, 5deg); + } + + 80% { + -webkit-transform: rotate3d(0, 0, 1, -5deg); + transform: rotate3d(0, 0, 1, -5deg); + } + + to { + -webkit-transform: rotate3d(0, 0, 1, 0deg); + transform: rotate3d(0, 0, 1, 0deg); + } +} + +.swing { + -webkit-transform-origin: top center; + transform-origin: top center; + -webkit-animation-name: swing; + animation-name: swing; +} + +@-webkit-keyframes tada { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 10%, + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + } + + 30%, + 50%, + 70%, + 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + } + + 40%, + 60%, + 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes tada { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 10%, + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + } + + 30%, + 50%, + 70%, + 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + } + + 40%, + 60%, + 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.tada { + -webkit-animation-name: tada; + animation-name: tada; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes wobble { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + } + + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + } + + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + } + + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + } + + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes wobble { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + } + + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + } + + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + } + + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + } + + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.wobble { + -webkit-animation-name: wobble; + animation-name: wobble; +} + +@-webkit-keyframes jello { + from, + 11.1%, + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 22.2% { + -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); + transform: skewX(-12.5deg) skewY(-12.5deg); + } + + 33.3% { + -webkit-transform: skewX(6.25deg) skewY(6.25deg); + transform: skewX(6.25deg) skewY(6.25deg); + } + + 44.4% { + -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); + transform: skewX(-3.125deg) skewY(-3.125deg); + } + + 55.5% { + -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); + transform: skewX(1.5625deg) skewY(1.5625deg); + } + + 66.6% { + -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); + transform: skewX(-0.78125deg) skewY(-0.78125deg); + } + + 77.7% { + -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); + transform: skewX(0.390625deg) skewY(0.390625deg); + } + + 88.8% { + -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + } +} + +@keyframes jello { + from, + 11.1%, + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 22.2% { + -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); + transform: skewX(-12.5deg) skewY(-12.5deg); + } + + 33.3% { + -webkit-transform: skewX(6.25deg) skewY(6.25deg); + transform: skewX(6.25deg) skewY(6.25deg); + } + + 44.4% { + -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); + transform: skewX(-3.125deg) skewY(-3.125deg); + } + + 55.5% { + -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); + transform: skewX(1.5625deg) skewY(1.5625deg); + } + + 66.6% { + -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); + transform: skewX(-0.78125deg) skewY(-0.78125deg); + } + + 77.7% { + -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); + transform: skewX(0.390625deg) skewY(0.390625deg); + } + + 88.8% { + -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + } +} + +.jello { + -webkit-animation-name: jello; + animation-name: jello; + -webkit-transform-origin: center; + transform-origin: center; +} + +@-webkit-keyframes heartBeat { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + } + + 14% { + -webkit-transform: scale(1.3); + transform: scale(1.3); + } + + 28% { + -webkit-transform: scale(1); + transform: scale(1); + } + + 42% { + -webkit-transform: scale(1.3); + transform: scale(1.3); + } + + 70% { + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@keyframes heartBeat { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + } + + 14% { + -webkit-transform: scale(1.3); + transform: scale(1.3); + } + + 28% { + -webkit-transform: scale(1); + transform: scale(1); + } + + 42% { + -webkit-transform: scale(1.3); + transform: scale(1.3); + } + + 70% { + -webkit-transform: scale(1); + transform: scale(1); + } +} + +.heartBeat { + -webkit-animation-name: heartBeat; + animation-name: heartBeat; + -webkit-animation-duration: 1.3s; + animation-duration: 1.3s; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; +} + +@-webkit-keyframes bounceIn { + from, + 20%, + 40%, + 60%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 40% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); + } + + 80% { + -webkit-transform: scale3d(0.97, 0.97, 0.97); + transform: scale3d(0.97, 0.97, 0.97); + } + + to { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes bounceIn { + from, + 20%, + 40%, + 60%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 40% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); + } + + 80% { + -webkit-transform: scale3d(0.97, 0.97, 0.97); + transform: scale3d(0.97, 0.97, 0.97); + } + + to { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.bounceIn { + -webkit-animation-duration: 0.75s; + animation-duration: 0.75s; + -webkit-animation-name: bounceIn; + animation-name: bounceIn; +} + +@-webkit-keyframes bounceInDown { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); + } + + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes bounceInDown { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); + } + + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.bounceInDown { + -webkit-animation-name: bounceInDown; + animation-name: bounceInDown; +} + +@-webkit-keyframes bounceInLeft { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0); + transform: translate3d(-3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes bounceInLeft { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0); + transform: translate3d(-3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.bounceInLeft { + -webkit-animation-name: bounceInLeft; + animation-name: bounceInLeft; +} + +@-webkit-keyframes bounceInRight { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + from { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0); + transform: translate3d(3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes bounceInRight { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + from { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0); + transform: translate3d(3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.bounceInRight { + -webkit-animation-name: bounceInRight; + animation-name: bounceInRight; +} + +@-webkit-keyframes bounceInUp { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + from { + opacity: 0; + -webkit-transform: translate3d(0, 3000px, 0); + transform: translate3d(0, 3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + 75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes bounceInUp { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + from { + opacity: 0; + -webkit-transform: translate3d(0, 3000px, 0); + transform: translate3d(0, 3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + 75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.bounceInUp { + -webkit-animation-name: bounceInUp; + animation-name: bounceInUp; +} + +@-webkit-keyframes bounceOut { + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + + 50%, + 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + to { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } +} + +@keyframes bounceOut { + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + + 50%, + 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + to { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } +} + +.bounceOut { + -webkit-animation-duration: 0.75s; + animation-duration: 0.75s; + -webkit-animation-name: bounceOut; + animation-name: bounceOut; +} + +@-webkit-keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +@keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +.bounceOutDown { + -webkit-animation-name: bounceOutDown; + animation-name: bounceOutDown; +} + +@-webkit-keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +@keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +.bounceOutLeft { + -webkit-animation-name: bounceOutLeft; + animation-name: bounceOutLeft; +} + +@-webkit-keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +@keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +.bounceOutRight { + -webkit-animation-name: bounceOutRight; + animation-name: bounceOutRight; +} + +@-webkit-keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +@keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +.bounceOutUp { + -webkit-animation-name: bounceOutUp; + animation-name: bounceOutUp; +} + +@-webkit-keyframes fadeIn { + from { + opacity: 0; + } + + to { + opacity: 1; + } +} + +@keyframes fadeIn { + from { + opacity: 0; + } + + to { + opacity: 1; + } +} + +.fadeIn { + -webkit-animation-name: fadeIn; + animation-name: fadeIn; +} + +@-webkit-keyframes fadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes fadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; +} + +@-webkit-keyframes fadeInDownBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes fadeInDownBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.fadeInDownBig { + -webkit-animation-name: fadeInDownBig; + animation-name: fadeInDownBig; +} + +@-webkit-keyframes fadeInLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes fadeInLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.fadeInLeft { + -webkit-animation-name: fadeInLeft; + animation-name: fadeInLeft; +} + +@-webkit-keyframes fadeInLeftBig { + from { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes fadeInLeftBig { + from { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.fadeInLeftBig { + -webkit-animation-name: fadeInLeftBig; + animation-name: fadeInLeftBig; +} + +@-webkit-keyframes fadeInRight { + from { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes fadeInRight { + from { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.fadeInRight { + -webkit-animation-name: fadeInRight; + animation-name: fadeInRight; +} + +@-webkit-keyframes fadeInRightBig { + from { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes fadeInRightBig { + from { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.fadeInRightBig { + -webkit-animation-name: fadeInRightBig; + animation-name: fadeInRightBig; +} + +@-webkit-keyframes fadeInUp { + from { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes fadeInUp { + from { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.fadeInUp { + -webkit-animation-name: fadeInUp; + animation-name: fadeInUp; +} + +@-webkit-keyframes fadeInUpBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes fadeInUpBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.fadeInUpBig { + -webkit-animation-name: fadeInUpBig; + animation-name: fadeInUpBig; +} + +@-webkit-keyframes fadeOut { + from { + opacity: 1; + } + + to { + opacity: 0; + } +} + +@keyframes fadeOut { + from { + opacity: 1; + } + + to { + opacity: 0; + } +} + +.fadeOut { + -webkit-animation-name: fadeOut; + animation-name: fadeOut; +} + +@-webkit-keyframes fadeOutDown { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +@keyframes fadeOutDown { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +.fadeOutDown { + -webkit-animation-name: fadeOutDown; + animation-name: fadeOutDown; +} + +@-webkit-keyframes fadeOutDownBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +@keyframes fadeOutDownBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +.fadeOutDownBig { + -webkit-animation-name: fadeOutDownBig; + animation-name: fadeOutDownBig; +} + +@-webkit-keyframes fadeOutLeft { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +@keyframes fadeOutLeft { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +.fadeOutLeft { + -webkit-animation-name: fadeOutLeft; + animation-name: fadeOutLeft; +} + +@-webkit-keyframes fadeOutLeftBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +@keyframes fadeOutLeftBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +.fadeOutLeftBig { + -webkit-animation-name: fadeOutLeftBig; + animation-name: fadeOutLeftBig; +} + +@-webkit-keyframes fadeOutRight { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +@keyframes fadeOutRight { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +.fadeOutRight { + -webkit-animation-name: fadeOutRight; + animation-name: fadeOutRight; +} + +@-webkit-keyframes fadeOutRightBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +@keyframes fadeOutRightBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +.fadeOutRightBig { + -webkit-animation-name: fadeOutRightBig; + animation-name: fadeOutRightBig; +} + +@-webkit-keyframes fadeOutUp { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +@keyframes fadeOutUp { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp; +} + +@-webkit-keyframes fadeOutUpBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +@keyframes fadeOutUpBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +.fadeOutUpBig { + -webkit-animation-name: fadeOutUpBig; + animation-name: fadeOutUpBig; +} + +@-webkit-keyframes flip { + from { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) + rotate3d(0, 1, 0, -360deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 40% { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -190deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -190deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 50% { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -170deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -170deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 80% { + -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) + rotate3d(0, 1, 0, 0deg); + transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) + rotate3d(0, 1, 0, 0deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + to { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) + rotate3d(0, 1, 0, 0deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } +} + +@keyframes flip { + from { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) + rotate3d(0, 1, 0, -360deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 40% { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -190deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -190deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 50% { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -170deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -170deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 80% { + -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) + rotate3d(0, 1, 0, 0deg); + transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) + rotate3d(0, 1, 0, 0deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + to { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) + rotate3d(0, 1, 0, 0deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } +} + +.animated.flip { + -webkit-backface-visibility: visible; + backface-visibility: visible; + -webkit-animation-name: flip; + animation-name: flip; +} + +@-webkit-keyframes flipInX { + from { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + } + + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +@keyframes flipInX { + from { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + } + + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +.flipInX { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInX; + animation-name: flipInX; +} + +@-webkit-keyframes flipInY { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + } + + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +@keyframes flipInY { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + } + + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +.flipInY { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInY; + animation-name: flipInY; +} + +@-webkit-keyframes flipOutX { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + opacity: 1; + } + + to { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + opacity: 0; + } +} + +@keyframes flipOutX { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + opacity: 1; + } + + to { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + opacity: 0; + } +} + +.flipOutX { + -webkit-animation-duration: 0.75s; + animation-duration: 0.75s; + -webkit-animation-name: flipOutX; + animation-name: flipOutX; + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; +} + +@-webkit-keyframes flipOutY { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + opacity: 1; + } + + to { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + opacity: 0; + } +} + +@keyframes flipOutY { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + opacity: 1; + } + + to { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + opacity: 0; + } +} + +.flipOutY { + -webkit-animation-duration: 0.75s; + animation-duration: 0.75s; + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipOutY; + animation-name: flipOutY; +} + +@-webkit-keyframes lightSpeedIn { + from { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; + } + + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + opacity: 1; + } + + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes lightSpeedIn { + from { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; + } + + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + opacity: 1; + } + + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.lightSpeedIn { + -webkit-animation-name: lightSpeedIn; + animation-name: lightSpeedIn; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} + +@-webkit-keyframes lightSpeedOut { + from { + opacity: 1; + } + + to { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; + } +} + +@keyframes lightSpeedOut { + from { + opacity: 1; + } + + to { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; + } +} + +.lightSpeedOut { + -webkit-animation-name: lightSpeedOut; + animation-name: lightSpeedOut; + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} + +@-webkit-keyframes rotateIn { + from { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, -200deg); + transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; + } + + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} + +@keyframes rotateIn { + from { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, -200deg); + transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; + } + + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} + +.rotateIn { + -webkit-animation-name: rotateIn; + animation-name: rotateIn; +} + +@-webkit-keyframes rotateInDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} + +@keyframes rotateInDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} + +.rotateInDownLeft { + -webkit-animation-name: rotateInDownLeft; + animation-name: rotateInDownLeft; +} + +@-webkit-keyframes rotateInDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} + +@keyframes rotateInDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} + +.rotateInDownRight { + -webkit-animation-name: rotateInDownRight; + animation-name: rotateInDownRight; +} + +@-webkit-keyframes rotateInUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} + +@keyframes rotateInUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} + +.rotateInUpLeft { + -webkit-animation-name: rotateInUpLeft; + animation-name: rotateInUpLeft; +} + +@-webkit-keyframes rotateInUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -90deg); + transform: rotate3d(0, 0, 1, -90deg); + opacity: 0; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} + +@keyframes rotateInUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -90deg); + transform: rotate3d(0, 0, 1, -90deg); + opacity: 0; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} + +.rotateInUpRight { + -webkit-animation-name: rotateInUpRight; + animation-name: rotateInUpRight; +} + +@-webkit-keyframes rotateOut { + from { + -webkit-transform-origin: center; + transform-origin: center; + opacity: 1; + } + + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, 200deg); + transform: rotate3d(0, 0, 1, 200deg); + opacity: 0; + } +} + +@keyframes rotateOut { + from { + -webkit-transform-origin: center; + transform-origin: center; + opacity: 1; + } + + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, 200deg); + transform: rotate3d(0, 0, 1, 200deg); + opacity: 0; + } +} + +.rotateOut { + -webkit-animation-name: rotateOut; + animation-name: rotateOut; +} + +@-webkit-keyframes rotateOutDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } +} + +@keyframes rotateOutDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } +} + +.rotateOutDownLeft { + -webkit-animation-name: rotateOutDownLeft; + animation-name: rotateOutDownLeft; +} + +@-webkit-keyframes rotateOutDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +@keyframes rotateOutDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +.rotateOutDownRight { + -webkit-animation-name: rotateOutDownRight; + animation-name: rotateOutDownRight; +} + +@-webkit-keyframes rotateOutUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +@keyframes rotateOutUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +.rotateOutUpLeft { + -webkit-animation-name: rotateOutUpLeft; + animation-name: rotateOutUpLeft; +} + +@-webkit-keyframes rotateOutUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 90deg); + transform: rotate3d(0, 0, 1, 90deg); + opacity: 0; + } +} + +@keyframes rotateOutUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 90deg); + transform: rotate3d(0, 0, 1, 90deg); + opacity: 0; + } +} + +.rotateOutUpRight { + -webkit-animation-name: rotateOutUpRight; + animation-name: rotateOutUpRight; +} + +@-webkit-keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, + 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 40%, + 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; + } + + to { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; + } +} + +@keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, + 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 40%, + 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; + } + + to { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; + } +} + +.hinge { + -webkit-animation-duration: 2s; + animation-duration: 2s; + -webkit-animation-name: hinge; + animation-name: hinge; +} + +@-webkit-keyframes jackInTheBox { + from { + opacity: 0; + -webkit-transform: scale(0.1) rotate(30deg); + transform: scale(0.1) rotate(30deg); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + } + + 50% { + -webkit-transform: rotate(-10deg); + transform: rotate(-10deg); + } + + 70% { + -webkit-transform: rotate(3deg); + transform: rotate(3deg); + } + + to { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@keyframes jackInTheBox { + from { + opacity: 0; + -webkit-transform: scale(0.1) rotate(30deg); + transform: scale(0.1) rotate(30deg); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + } + + 50% { + -webkit-transform: rotate(-10deg); + transform: rotate(-10deg); + } + + 70% { + -webkit-transform: rotate(3deg); + transform: rotate(3deg); + } + + to { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); + } +} + +.jackInTheBox { + -webkit-animation-name: jackInTheBox; + animation-name: jackInTheBox; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollIn { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes rollIn { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.rollIn { + -webkit-animation-name: rollIn; + animation-name: rollIn; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollOut { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + } +} + +@keyframes rollOut { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + } +} + +.rollOut { + -webkit-animation-name: rollOut; + animation-name: rollOut; +} + +@-webkit-keyframes zoomIn { + from { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + 50% { + opacity: 1; + } +} + +@keyframes zoomIn { + from { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + 50% { + opacity: 1; + } +} + +.zoomIn { + -webkit-animation-name: zoomIn; + animation-name: zoomIn; +} + +@-webkit-keyframes zoomInDown { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +@keyframes zoomInDown { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +.zoomInDown { + -webkit-animation-name: zoomInDown; + animation-name: zoomInDown; +} + +@-webkit-keyframes zoomInLeft { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +@keyframes zoomInLeft { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +.zoomInLeft { + -webkit-animation-name: zoomInLeft; + animation-name: zoomInLeft; +} + +@-webkit-keyframes zoomInRight { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +@keyframes zoomInRight { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +.zoomInRight { + -webkit-animation-name: zoomInRight; + animation-name: zoomInRight; +} + +@-webkit-keyframes zoomInUp { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +@keyframes zoomInUp { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +.zoomInUp { + -webkit-animation-name: zoomInUp; + animation-name: zoomInUp; +} + +@-webkit-keyframes zoomOut { + from { + opacity: 1; + } + + 50% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + to { + opacity: 0; + } +} + +@keyframes zoomOut { + from { + opacity: 1; + } + + 50% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + to { + opacity: 0; + } +} + +.zoomOut { + -webkit-animation-name: zoomOut; + animation-name: zoomOut; +} + +@-webkit-keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +@keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +.zoomOutDown { + -webkit-animation-name: zoomOutDown; + animation-name: zoomOutDown; +} + +@-webkit-keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); + transform: scale(0.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center; + } +} + +@keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); + transform: scale(0.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center; + } +} + +.zoomOutLeft { + -webkit-animation-name: zoomOutLeft; + animation-name: zoomOutLeft; +} + +@-webkit-keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); + transform: scale(0.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center; + } +} + +@keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); + transform: scale(0.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center; + } +} + +.zoomOutRight { + -webkit-animation-name: zoomOutRight; + animation-name: zoomOutRight; +} + +@-webkit-keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +@keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +.zoomOutUp { + -webkit-animation-name: zoomOutUp; + animation-name: zoomOutUp; +} + +@-webkit-keyframes slideInDown { + from { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes slideInDown { + from { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.slideInDown { + -webkit-animation-name: slideInDown; + animation-name: slideInDown; +} + +@-webkit-keyframes slideInLeft { + from { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes slideInLeft { + from { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.slideInLeft { + -webkit-animation-name: slideInLeft; + animation-name: slideInLeft; +} + +@-webkit-keyframes slideInRight { + from { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes slideInRight { + from { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.slideInRight { + -webkit-animation-name: slideInRight; + animation-name: slideInRight; +} + +@-webkit-keyframes slideInUp { + from { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes slideInUp { + from { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.slideInUp { + -webkit-animation-name: slideInUp; + animation-name: slideInUp; +} + +@-webkit-keyframes slideOutDown { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +@keyframes slideOutDown { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +.slideOutDown { + -webkit-animation-name: slideOutDown; + animation-name: slideOutDown; +} + +@-webkit-keyframes slideOutLeft { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +@keyframes slideOutLeft { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +.slideOutLeft { + -webkit-animation-name: slideOutLeft; + animation-name: slideOutLeft; +} + +@-webkit-keyframes slideOutRight { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +@keyframes slideOutRight { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +.slideOutRight { + -webkit-animation-name: slideOutRight; + animation-name: slideOutRight; +} + +@-webkit-keyframes slideOutUp { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +@keyframes slideOutUp { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +.slideOutUp { + -webkit-animation-name: slideOutUp; + animation-name: slideOutUp; +} + +.animated { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} + +.animated.infinite { + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; +} + +.animated.delay-1s { + -webkit-animation-delay: 1s; + animation-delay: 1s; +} + +.animated.delay-2s { + -webkit-animation-delay: 2s; + animation-delay: 2s; +} + +.animated.delay-3s { + -webkit-animation-delay: 3s; + animation-delay: 3s; +} + +.animated.delay-4s { + -webkit-animation-delay: 4s; + animation-delay: 4s; +} + +.animated.delay-5s { + -webkit-animation-delay: 5s; + animation-delay: 5s; +} + +.animated.fast { + -webkit-animation-duration: 800ms; + animation-duration: 800ms; +} + +.animated.faster { + -webkit-animation-duration: 500ms; + animation-duration: 500ms; +} + +.animated.slow { + -webkit-animation-duration: 2s; + animation-duration: 2s; +} + +.animated.slower { + -webkit-animation-duration: 3s; + animation-duration: 3s; +} + +@media (prefers-reduced-motion) { + .animated { + -webkit-animation: unset !important; + animation: unset !important; + -webkit-transition: none !important; + transition: none !important; + } +} +/*end-commonstyles animate*//*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */ +html { + font-family: sans-serif; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; +} +body { + margin: 0; +} +article, +aside, +details, +figcaption, +figure, +footer, +header, +main, +menu, +nav, +section, +summary { + display: block; +} +audio, +canvas, +progress, +video { + display: inline-block; +} +audio:not([controls]) { + display: none; + height: 0; +} +progress { + vertical-align: baseline; +} +template, +[hidden] { + display: none; +} +a { + background-color: transparent; + -webkit-text-decoration-skip: objects; +} +a:active, +a:hover { + outline-width: 0; +} +abbr[title] { + border-bottom: none; + text-decoration: underline; +} +b, +strong { + font-weight: inherit; + font-weight: bold; +} +dfn { + font-style: italic; +} +h1 { + font-size: 2em; + margin: 0.67em 0; +} +mark { + background-color: #ff0; + color: #000; +} +small { + font-size: 80%; +} +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sub { + bottom: -0.25em; +} +sup { + top: -0.5em; +} +img { + border-style: none; +} +svg:not(:root) { + overflow: hidden; +} +code, +kbd, +pre, +samp { + font-family: monospace,monospace; + font-size: 1em; +} +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} +button, +input, +optgroup, +select, +textarea { + color: inherit; + font: inherit; + margin: 0; +} +optgroup { + font-weight: 700; +} +button, +input { + overflow: visible; +} +button, +select { + text-transform: none; +} +button, +html [type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; +} +button:-moz-focusring, +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; +} +fieldset { + border: 1px solid silver; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} +legend { + box-sizing: border-box; + color: inherit; + display: table; + max-width: 100%; + padding: 0; + white-space: normal; +} +textarea { + overflow: auto; +} +[type="checkbox"], +[type="radio"] { + box-sizing: border-box; + padding: 0; +} +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} +[type="search"] { + -webkit-appearance: textfield; + outline-offset: -2px; +} +[type="search"]::-webkit-search-cancel-button, +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} +::-webkit-input-placeholder { + color: inherit; + opacity: 0.54; +} +::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit; +} +ul, +ol { + padding-left: 20px; +} +/* Fade effect */ +/* Over effect */ +/* Slide effect */ +/* Over and Slide effect */ +/* Flip Left effect */ +/* Flip Right effect */ +/* Flip Top effect */ +/* Flip Bottom effect */ +/* Wobble Left effect */ +/* Wobble Right effect */ +/* Wobble top effect */ +/* Wobble bottom effect */ +/* Zoom and Rotate Effects */ +/* Utility */ +.u-over-slide { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; +} +.u-background-effect { + overflow: hidden; +} +/* Fade effect */ +.u-effect-fade .u-over-slide { + opacity: 0; + transition: all 500ms ease; +} +.u-effect-fade:hover .u-over-slide, +.u-effect-fade.u-effect-active .u-over-slide { + opacity: 1; +} +/* Over effect */ +.u-effect-over-left .u-over-slide { + transform: translate(-100%, 0); + transition: all 500ms ease; +} +.u-effect-over-left:hover .u-over-slide, +.u-effect-over-left.u-effect-active .u-over-slide { + transform: translate(0, 0); +} +.u-effect-over-right .u-over-slide { + transform: translate(100%, 0); + transition: all 500ms ease; +} +.u-effect-over-right:hover .u-over-slide, +.u-effect-over-right.u-effect-active .u-over-slide { + transform: translate(0, 0); +} +.u-effect-over-top .u-over-slide { + transform: translate(0, -100%); + transition: all 500ms ease; +} +.u-effect-over-top:hover .u-over-slide, +.u-effect-over-top.u-effect-active .u-over-slide { + transform: translate(0, 0); +} +.u-effect-over-bottom .u-over-slide { + transform: translate(0, 100%); + transition: all 500ms ease; +} +.u-effect-over-bottom:hover .u-over-slide, +.u-effect-over-bottom.u-effect-active .u-over-slide { + transform: translate(0, 0); +} +.u-effect-over-topleft .u-over-slide { + transform: translate(-100%, -100%); + transition: all 500ms ease; +} +.u-effect-over-topleft:hover .u-over-slide, +.u-effect-over-topleft.u-effect-active .u-over-slide { + transform: translate(0, 0); +} +.u-effect-over-topright .u-over-slide { + transform: translate(100%, -100%); + transition: all 500ms ease; +} +.u-effect-over-topright:hover .u-over-slide, +.u-effect-over-topright.u-effect-active .u-over-slide { + transform: translate(0, 0); +} +.u-effect-over-bottomleft .u-over-slide { + transform: translate(-100%, 100%); + transition: all 500ms ease; +} +.u-effect-over-bottomleft:hover .u-over-slide, +.u-effect-over-bottomleft.u-effect-active .u-over-slide { + transform: translate(0, 0); +} +.u-effect-over-bottomright .u-over-slide { + transform: translate(100%, 100%); + transition: all 500ms ease; +} +.u-effect-over-bottomright:hover .u-over-slide, +.u-effect-over-bottomright.u-effect-active .u-over-slide { + transform: translate(0, 0); +} +/* Slide effect */ +.u-effect-slide-left .u-over-slide { + transform: translate(-100%, 0); + transition: all 500ms ease; +} +.u-effect-slide-left:hover .u-over-slide, +.u-effect-slide-left.u-effect-active .u-over-slide { + transform: translate(0, 0); +} +.u-effect-slide-left .u-back-slide { + transition: all 500ms ease; +} +.u-effect-slide-left:hover .u-back-slide, +.u-effect-slide-left.u-effect-active .u-back-slide { + transform: translate(100%, 0); +} +.u-effect-slide-right .u-over-slide { + transform: translate(100%, 0); + transition: all 500ms ease; +} +.u-effect-slide-right:hover .u-over-slide, +.u-effect-slide-right.u-effect-active .u-over-slide { + transform: translate(0, 0); +} +.u-effect-slide-right .u-back-slide { + transition: all 500ms ease; +} +.u-effect-slide-right:hover .u-back-slide, +.u-effect-slide-right.u-effect-active .u-back-slide { + transform: translate(-100%, 0); +} +.u-effect-slide-top .u-over-slide { + transform: translate(0, -100%); + transition: all 500ms ease; +} +.u-effect-slide-top:hover .u-over-slide, +.u-effect-slide-top.u-effect-active .u-over-slide { + transform: translate(0, 0); +} +.u-effect-slide-top .u-back-slide { + transition: all 500ms ease; +} +.u-effect-slide-top:hover .u-back-slide, +.u-effect-slide-top.u-effect-active .u-back-slide { + transform: translate(0, 100%); +} +.u-effect-slide-bottom .u-over-slide { + transform: translate(0, 100%); + transition: all 500ms ease; +} +.u-effect-slide-bottom:hover .u-over-slide, +.u-effect-slide-bottom.u-effect-active .u-over-slide { + transform: translate(0, 0); +} +.u-effect-slide-bottom .u-back-slide { + transition: all 500ms ease; +} +.u-effect-slide-bottom:hover .u-back-slide, +.u-effect-slide-bottom.u-effect-active .u-back-slide { + transform: translate(0, -100%); +} +.u-effect-slide-topleft .u-over-slide { + transform: translate(-100%, -100%); + transition: all 500ms ease; +} +.u-effect-slide-topleft:hover .u-over-slide, +.u-effect-slide-topleft.u-effect-active .u-over-slide { + transform: translate(0, 0); +} +.u-effect-slide-topleft .u-back-slide { + transition: all 500ms ease; +} +.u-effect-slide-topleft:hover .u-back-slide, +.u-effect-slide-topleft.u-effect-active .u-back-slide { + transform: translate(100%, 100%); +} +.u-effect-slide-topright .u-over-slide { + transform: translate(100%, -100%); + transition: all 500ms ease; +} +.u-effect-slide-topright:hover .u-over-slide, +.u-effect-slide-topright.u-effect-active .u-over-slide { + transform: translate(0, 0); +} +.u-effect-slide-topright .u-back-slide { + transition: all 500ms ease; +} +.u-effect-slide-topright:hover .u-back-slide, +.u-effect-slide-topright.u-effect-active .u-back-slide { + transform: translate(-100%, 100%); +} +.u-effect-slide-bottomleft .u-over-slide { + transform: translate(-100%, 100%); + transition: all 500ms ease; +} +.u-effect-slide-bottomleft:hover .u-over-slide, +.u-effect-slide-bottomleft.u-effect-active .u-over-slide { + transform: translate(0, 0); +} +.u-effect-slide-bottomleft .u-back-slide { + transition: all 500ms ease; +} +.u-effect-slide-bottomleft:hover .u-back-slide, +.u-effect-slide-bottomleft.u-effect-active .u-back-slide { + transform: translate(100%, -100%); +} +.u-effect-slide-bottomright .u-over-slide { + transform: translate(100%, 100%); + transition: all 500ms ease; +} +.u-effect-slide-bottomright:hover .u-over-slide, +.u-effect-slide-bottomright.u-effect-active .u-over-slide { + transform: translate(0, 0); +} +.u-effect-slide-bottomright .u-back-slide { + transition: all 500ms ease; +} +.u-effect-slide-bottomright:hover .u-back-slide, +.u-effect-slide-bottomright.u-effect-active .u-back-slide { + transform: translate(-100%, -100%); +} +/* Flip */ +.u-effect-flip-left, +.u-effect-flip-left .u-slidesWrapper { + perspective: 300px; +} +.u-effect-flip-left .u-over-slide { + opacity: 0; + transform: rotateY(130deg); + transform-origin: center left; + transition: transform 500ms ease, transform-origin 500ms ease, opacity 0ms ease 500ms; +} +.u-effect-flip-left:hover .u-over-slide, +.u-effect-flip-left.u-effect-active .u-over-slide { + opacity: 1; + transform: rotateY(0deg); + transition: transform 500ms ease, transform-origin 500ms ease; +} +.u-effect-flip-right, +.u-effect-flip-right .u-slidesWrapper { + perspective: 300px; +} +.u-effect-flip-right .u-over-slide { + opacity: 0; + transform: rotateY(-130deg); + transform-origin: center right; + transition: transform 500ms ease, transform-origin 500ms ease, opacity 0ms ease 500ms; +} +.u-effect-flip-right:hover .u-over-slide, +.u-effect-flip-right.u-effect-active .u-over-slide { + opacity: 1; + transform: rotateY(0deg); + transition: transform 500ms ease, transform-origin 500ms ease; +} +.u-effect-flip-top, +.u-effect-flip-top .u-slidesWrapper { + perspective: 300px; +} +.u-effect-flip-top .u-over-slide { + opacity: 0; + transform: rotateX(-130deg); + transform-origin: center top; + transition: transform 500ms ease, transform-origin 500ms ease, opacity 0ms ease 500ms; +} +.u-effect-flip-top:hover .u-over-slide, +.u-effect-flip-top.u-effect-active .u-over-slide { + opacity: 1; + transform: rotateX(0deg); + transition: transform 500ms ease, transform-origin 500ms ease; +} +.u-effect-flip-bottom, +.u-effect-flip-bottom .u-slidesWrapper { + perspective: 300px; +} +.u-effect-flip-bottom .u-over-slide { + opacity: 0; + transform: rotateX(130deg); + transform-origin: center bottom; + transition: transform 500ms ease, transform-origin 500ms ease, opacity 0ms ease 500ms; +} +.u-effect-flip-bottom:hover .u-over-slide, +.u-effect-flip-bottom.u-effect-active .u-over-slide { + opacity: 1; + transform: rotateX(0deg); + transition: transform 500ms ease, transform-origin 500ms ease; +} +/* Wooble */ +.u-effect-wobble-left, +.u-effect-wobble-left .u-slidesWrapper { + perspective: 300px; +} +.u-effect-wobble-left .u-over-slide { + opacity: 0; + transform: rotateY(130deg); + transform-origin: center left; + transition: transform 500ms ease, transform-origin 500ms ease, opacity 0ms ease 500ms; +} +.u-effect-wobble-left:hover .u-over-slide, +.u-effect-wobble-left.u-effect-active .u-over-slide { + opacity: 1; + transform: rotateY(0deg); + transform-origin: center right; + transition: transform 500ms ease, transform-origin 500ms ease; +} +.u-effect-wobble-right, +.u-effect-wobble-right .u-slidesWrapper { + perspective: 300px; +} +.u-effect-wobble-right .u-over-slide { + opacity: 0; + transform: rotateY(-130deg); + transform-origin: center right; + transition: transform 500ms ease, transform-origin 500ms ease, opacity 0ms ease 500ms; +} +.u-effect-wobble-right:hover .u-over-slide, +.u-effect-wobble-right.u-effect-active .u-over-slide { + opacity: 1; + transform: rotateY(0deg); + transform-origin: center left; + transition: transform 500ms ease, transform-origin 500ms ease; +} +.u-effect-wobble-top, +.u-effect-wobble-top .u-slidesWrapper { + perspective: 300px; +} +.u-effect-wobble-top .u-over-slide { + opacity: 0; + transform: rotateX(-130deg); + transform-origin: center top; + transition: transform 500ms ease, transform-origin 500ms ease, opacity 0ms ease 500ms; +} +.u-effect-wobble-top:hover .u-over-slide, +.u-effect-wobble-top.u-effect-active .u-over-slide { + opacity: 1; + transform: rotateX(0deg); + transform-origin: center bottom; + transition: transform 500ms ease, transform-origin 500ms ease; +} +.u-effect-wobble-bottom, +.u-effect-wobble-bottom .u-slidesWrapper { + perspective: 300px; +} +.u-effect-wobble-bottom .u-over-slide { + opacity: 0; + transform: rotateX(130deg); + transform-origin: center bottom; + transition: transform 500ms ease, transform-origin 500ms ease, opacity 0ms ease 500ms; +} +.u-effect-wobble-bottom:hover .u-over-slide, +.u-effect-wobble-bottom.u-effect-active .u-over-slide { + opacity: 1; + transform: rotateX(0deg); + transform-origin: center top; + transition: transform 500ms ease, transform-origin 500ms ease; +} +/* Zoom */ +.u-effect-zoom .u-over-slide { + transition: transform 500ms ease; + transform: scale(0, 0); +} +.u-effect-zoom:hover .u-over-slide, +.u-effect-zoom.u-effect-active .u-over-slide { + transform: scale(1, 1); +} +.u-effect-hover-zoom .u-back-slide, +.u-effect-hover-zoom .u-background-effect-image { + transition: transform 500ms ease; + transform: scale(1); +} +.u-effect-hover-zoom:hover .u-back-slide, +.u-effect-hover-zoom:hover .u-background-effect-image, +.u-effect-hover-zoom.u-effect-active .u-back-slide, +.u-effect-hover-zoom.u-effect-active .u-background-effect-image { + transform: scale(1.1); +} +.u-effect-hover-zoomOut .u-back-slide, +.u-effect-hover-zoomOut .u-background-effect-image { + transition: transform 500ms ease; + transform: scale(1.1); +} +.u-effect-hover-zoomOut:hover .u-back-slide, +.u-effect-hover-zoomOut:hover .u-background-effect-image, +.u-effect-hover-zoomOut.u-effect-active .u-back-slide, +.u-effect-hover-zoomOut.u-effect-active .u-background-effect-image { + transform: scale(1); +} +.u-effect-hover-liftUp { + transition: transform 500ms ease; + transform: scale(1); +} +.u-effect-hover-liftUp:hover, +.u-effect-hover-liftUp.u-effect-active { + transform: scale(1.03); + z-index: 1; +} +.u-effect-zoom-rotate .u-over-slide { + transition: transform 500ms ease; + transform: rotate(0deg) scale(0, 0); +} +.u-effect-zoom-rotate:hover .u-over-slide, +.u-effect-zoom-rotate.u-effect-active .u-over-slide { + transform: rotate(360deg) scale(1, 1); +} +.u-effect-zoom-rotateX .u-over-slide { + transition: transform 500ms ease; + transform: rotateX(0deg) scale(0, 0); +} +.u-effect-zoom-rotateX:hover .u-over-slide, +.u-effect-zoom-rotateX.u-effect-active .u-over-slide { + transform: rotateX(360deg) scale(1, 1); +} +.u-effect-zoom-rotateY .u-over-slide { + transition: transform 500ms ease; + transform: rotateY(0deg) scale(0, 0); +} +.u-effect-zoom-rotateY:hover .u-over-slide, +.u-effect-zoom-rotateY.u-effect-active .u-over-slide { + transform: rotateY(360deg) scale(1, 1); +} +.u-btn { + /*display: inline-block;*/ + display: table; + /*TODO maye need another solution for negative marin*/ + cursor: pointer; + color: inherit; + font-size: inherit; + font-family: inherit; + line-height: inherit; + letter-spacing: inherit; + text-transform: inherit; + font-style: inherit; + font-weight: inherit; + text-decoration: none; + border: 0 none transparent; + outline-width: 0; + background-color: transparent; + margin: 0; + -webkit-text-decoration-skip: objects; + font-style: initial; + white-space: nowrap; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; + vertical-align: middle; + text-align: center; + padding: 10px 30px; + border-radius: 0; + align-self: flex-start; +} +.u-btn:focus, +.u-btn:active:focus, +.u-btn.active:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +.u-btn:hover, +.u-btn:focus { + text-decoration: none; +} +.u-btn:active, +.u-btn.active { + outline: 0; + background-image: none; +} +.u-btn.disabled, +.u-btn[disabled] { + opacity: 0.6; +} +.u-btn-circle { + border-radius: 50%; +} +.u-btn-round { + border-radius: 4px; +} +.u-btn-rectangle { + border-radius: 0 !important; +} +.u-text a, +.u-post-content a, +.u-tab-item a, +.u-nav-item a { + font-size: inherit; + font-family: inherit; + line-height: inherit; + letter-spacing: inherit; + text-transform: inherit; +} +.u-text:not(ul):not(ol):not(p):not(.u-post-content):not(.u-block-content):not(.u-product-desc):not(.u-cart-block-content) a { + color: inherit; +} +.u-text:not(ul):not(ol):not(p):not(.u-post-content):not(.u-block-content):not(.u-product-desc):not(.u-cart-block-content) a, +.u-text:not(ul):not(ol):not(p):not(.u-post-content):not(.u-block-content):not(.u-product-desc):not(.u-cart-block-content) a:hover { + text-decoration: none; +} +.u-link, +a { + border-top-width: 0; + border-left-width: 0; + border-right-width: 0; +} +.u-link { + display: table; + border-style: solid; + border-bottom-width: 0; + white-space: nowrap; + align-self: flex-start; +} +.u-link, +.u-link:hover, +.u-link:focus { + text-decoration: none; +} +.u-link:focus, +.u-link:active:focus, +.u-link.active:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +.u-underline, +.u-underline:hover { + text-decoration: underline; + border-bottom-width: 0; +} +.u-no-underline, +.u-no-underline:hover { + text-decoration: none; + border-bottom-width: 0; +} +.u-block-content > :first-child, +.u-product-desc > :first-child, +.u-product-tab-pane > :first-child, +.u-post-content > :first-child { + margin-top: 0; +} +.u-block-content > :last-child, +.u-product-desc > :last-child, +.u-product-tab-pane > :last-child, +.u-post-content > :last-child { + margin-bottom: 0; +} +.u-block-content p, +.u-product-desc p, +.u-product-tab-pane p, +.u-post-content p { + text-decoration: inherit !important; + color: inherit !important; + font-style: inherit !important; + font-size: inherit !important; + font-weight: inherit !important; + font-family: inherit !important; + line-height: inherit !important; + letter-spacing: inherit !important; + text-transform: inherit !important; +} +.u-logo { + color: inherit; + font-size: inherit; + font-family: inherit; + line-height: inherit; + letter-spacing: inherit; + text-transform: inherit; + font-style: inherit; + font-weight: inherit; + text-decoration: none; + border: 0 none transparent; + outline-width: 0; + background-color: transparent; + margin: 0; + -webkit-text-decoration-skip: objects; +} +.u-image.u-logo { + display: table; + white-space: nowrap; +} +.u-image.u-logo img { + display: block; +} +.u-form-horizontal { + display: flex; + flex-flow: row; + align-items: center; + flex-grow: 1; +} +.u-input { + display: block; + width: 100%; + padding: 10px 12px; + background-image: none; + background-clip: padding-box; + border: none; + border-radius: 3px; + transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; + background-color: transparent; + color: inherit; + height: auto; +} +.u-form-horizontal label, +.u-form-horizontal input { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + flex-grow: 1; +} +.u-form-vertical { + display: flex; + flex-wrap: wrap; + align-items: flex-end; +} +.u-form-vertical.u-form-spacing-50 { + margin-left: -50px; + width: calc(100% + 50px); +} +.u-form-vertical.u-form-spacing-50 .u-form-group { + margin-bottom: 50px; + padding-left: 50px; +} +.u-form-vertical.u-form-spacing-49 { + margin-left: -49px; + width: calc(100% + 49px); +} +.u-form-vertical.u-form-spacing-49 .u-form-group { + margin-bottom: 49px; + padding-left: 49px; +} +.u-form-vertical.u-form-spacing-48 { + margin-left: -48px; + width: calc(100% + 48px); +} +.u-form-vertical.u-form-spacing-48 .u-form-group { + margin-bottom: 48px; + padding-left: 48px; +} +.u-form-vertical.u-form-spacing-47 { + margin-left: -47px; + width: calc(100% + 47px); +} +.u-form-vertical.u-form-spacing-47 .u-form-group { + margin-bottom: 47px; + padding-left: 47px; +} +.u-form-vertical.u-form-spacing-46 { + margin-left: -46px; + width: calc(100% + 46px); +} +.u-form-vertical.u-form-spacing-46 .u-form-group { + margin-bottom: 46px; + padding-left: 46px; +} +.u-form-vertical.u-form-spacing-45 { + margin-left: -45px; + width: calc(100% + 45px); +} +.u-form-vertical.u-form-spacing-45 .u-form-group { + margin-bottom: 45px; + padding-left: 45px; +} +.u-form-vertical.u-form-spacing-44 { + margin-left: -44px; + width: calc(100% + 44px); +} +.u-form-vertical.u-form-spacing-44 .u-form-group { + margin-bottom: 44px; + padding-left: 44px; +} +.u-form-vertical.u-form-spacing-43 { + margin-left: -43px; + width: calc(100% + 43px); +} +.u-form-vertical.u-form-spacing-43 .u-form-group { + margin-bottom: 43px; + padding-left: 43px; +} +.u-form-vertical.u-form-spacing-42 { + margin-left: -42px; + width: calc(100% + 42px); +} +.u-form-vertical.u-form-spacing-42 .u-form-group { + margin-bottom: 42px; + padding-left: 42px; +} +.u-form-vertical.u-form-spacing-41 { + margin-left: -41px; + width: calc(100% + 41px); +} +.u-form-vertical.u-form-spacing-41 .u-form-group { + margin-bottom: 41px; + padding-left: 41px; +} +.u-form-vertical.u-form-spacing-40 { + margin-left: -40px; + width: calc(100% + 40px); +} +.u-form-vertical.u-form-spacing-40 .u-form-group { + margin-bottom: 40px; + padding-left: 40px; +} +.u-form-vertical.u-form-spacing-39 { + margin-left: -39px; + width: calc(100% + 39px); +} +.u-form-vertical.u-form-spacing-39 .u-form-group { + margin-bottom: 39px; + padding-left: 39px; +} +.u-form-vertical.u-form-spacing-38 { + margin-left: -38px; + width: calc(100% + 38px); +} +.u-form-vertical.u-form-spacing-38 .u-form-group { + margin-bottom: 38px; + padding-left: 38px; +} +.u-form-vertical.u-form-spacing-37 { + margin-left: -37px; + width: calc(100% + 37px); +} +.u-form-vertical.u-form-spacing-37 .u-form-group { + margin-bottom: 37px; + padding-left: 37px; +} +.u-form-vertical.u-form-spacing-36 { + margin-left: -36px; + width: calc(100% + 36px); +} +.u-form-vertical.u-form-spacing-36 .u-form-group { + margin-bottom: 36px; + padding-left: 36px; +} +.u-form-vertical.u-form-spacing-35 { + margin-left: -35px; + width: calc(100% + 35px); +} +.u-form-vertical.u-form-spacing-35 .u-form-group { + margin-bottom: 35px; + padding-left: 35px; +} +.u-form-vertical.u-form-spacing-34 { + margin-left: -34px; + width: calc(100% + 34px); +} +.u-form-vertical.u-form-spacing-34 .u-form-group { + margin-bottom: 34px; + padding-left: 34px; +} +.u-form-vertical.u-form-spacing-33 { + margin-left: -33px; + width: calc(100% + 33px); +} +.u-form-vertical.u-form-spacing-33 .u-form-group { + margin-bottom: 33px; + padding-left: 33px; +} +.u-form-vertical.u-form-spacing-32 { + margin-left: -32px; + width: calc(100% + 32px); +} +.u-form-vertical.u-form-spacing-32 .u-form-group { + margin-bottom: 32px; + padding-left: 32px; +} +.u-form-vertical.u-form-spacing-31 { + margin-left: -31px; + width: calc(100% + 31px); +} +.u-form-vertical.u-form-spacing-31 .u-form-group { + margin-bottom: 31px; + padding-left: 31px; +} +.u-form-vertical.u-form-spacing-30 { + margin-left: -30px; + width: calc(100% + 30px); +} +.u-form-vertical.u-form-spacing-30 .u-form-group { + margin-bottom: 30px; + padding-left: 30px; +} +.u-form-vertical.u-form-spacing-29 { + margin-left: -29px; + width: calc(100% + 29px); +} +.u-form-vertical.u-form-spacing-29 .u-form-group { + margin-bottom: 29px; + padding-left: 29px; +} +.u-form-vertical.u-form-spacing-28 { + margin-left: -28px; + width: calc(100% + 28px); +} +.u-form-vertical.u-form-spacing-28 .u-form-group { + margin-bottom: 28px; + padding-left: 28px; +} +.u-form-vertical.u-form-spacing-27 { + margin-left: -27px; + width: calc(100% + 27px); +} +.u-form-vertical.u-form-spacing-27 .u-form-group { + margin-bottom: 27px; + padding-left: 27px; +} +.u-form-vertical.u-form-spacing-26 { + margin-left: -26px; + width: calc(100% + 26px); +} +.u-form-vertical.u-form-spacing-26 .u-form-group { + margin-bottom: 26px; + padding-left: 26px; +} +.u-form-vertical.u-form-spacing-25 { + margin-left: -25px; + width: calc(100% + 25px); +} +.u-form-vertical.u-form-spacing-25 .u-form-group { + margin-bottom: 25px; + padding-left: 25px; +} +.u-form-vertical.u-form-spacing-24 { + margin-left: -24px; + width: calc(100% + 24px); +} +.u-form-vertical.u-form-spacing-24 .u-form-group { + margin-bottom: 24px; + padding-left: 24px; +} +.u-form-vertical.u-form-spacing-23 { + margin-left: -23px; + width: calc(100% + 23px); +} +.u-form-vertical.u-form-spacing-23 .u-form-group { + margin-bottom: 23px; + padding-left: 23px; +} +.u-form-vertical.u-form-spacing-22 { + margin-left: -22px; + width: calc(100% + 22px); +} +.u-form-vertical.u-form-spacing-22 .u-form-group { + margin-bottom: 22px; + padding-left: 22px; +} +.u-form-vertical.u-form-spacing-21 { + margin-left: -21px; + width: calc(100% + 21px); +} +.u-form-vertical.u-form-spacing-21 .u-form-group { + margin-bottom: 21px; + padding-left: 21px; +} +.u-form-vertical.u-form-spacing-20 { + margin-left: -20px; + width: calc(100% + 20px); +} +.u-form-vertical.u-form-spacing-20 .u-form-group { + margin-bottom: 20px; + padding-left: 20px; +} +.u-form-vertical.u-form-spacing-19 { + margin-left: -19px; + width: calc(100% + 19px); +} +.u-form-vertical.u-form-spacing-19 .u-form-group { + margin-bottom: 19px; + padding-left: 19px; +} +.u-form-vertical.u-form-spacing-18 { + margin-left: -18px; + width: calc(100% + 18px); +} +.u-form-vertical.u-form-spacing-18 .u-form-group { + margin-bottom: 18px; + padding-left: 18px; +} +.u-form-vertical.u-form-spacing-17 { + margin-left: -17px; + width: calc(100% + 17px); +} +.u-form-vertical.u-form-spacing-17 .u-form-group { + margin-bottom: 17px; + padding-left: 17px; +} +.u-form-vertical.u-form-spacing-16 { + margin-left: -16px; + width: calc(100% + 16px); +} +.u-form-vertical.u-form-spacing-16 .u-form-group { + margin-bottom: 16px; + padding-left: 16px; +} +.u-form-vertical.u-form-spacing-15 { + margin-left: -15px; + width: calc(100% + 15px); +} +.u-form-vertical.u-form-spacing-15 .u-form-group { + margin-bottom: 15px; + padding-left: 15px; +} +.u-form-vertical.u-form-spacing-14 { + margin-left: -14px; + width: calc(100% + 14px); +} +.u-form-vertical.u-form-spacing-14 .u-form-group { + margin-bottom: 14px; + padding-left: 14px; +} +.u-form-vertical.u-form-spacing-13 { + margin-left: -13px; + width: calc(100% + 13px); +} +.u-form-vertical.u-form-spacing-13 .u-form-group { + margin-bottom: 13px; + padding-left: 13px; +} +.u-form-vertical.u-form-spacing-12 { + margin-left: -12px; + width: calc(100% + 12px); +} +.u-form-vertical.u-form-spacing-12 .u-form-group { + margin-bottom: 12px; + padding-left: 12px; +} +.u-form-vertical.u-form-spacing-11 { + margin-left: -11px; + width: calc(100% + 11px); +} +.u-form-vertical.u-form-spacing-11 .u-form-group { + margin-bottom: 11px; + padding-left: 11px; +} +.u-form-vertical.u-form-spacing-10 { + margin-left: -10px; + width: calc(100% + 10px); +} +.u-form-vertical.u-form-spacing-10 .u-form-group { + margin-bottom: 10px; + padding-left: 10px; +} +.u-form-vertical.u-form-spacing-9 { + margin-left: -9px; + width: calc(100% + 9px); +} +.u-form-vertical.u-form-spacing-9 .u-form-group { + margin-bottom: 9px; + padding-left: 9px; +} +.u-form-vertical.u-form-spacing-8 { + margin-left: -8px; + width: calc(100% + 8px); +} +.u-form-vertical.u-form-spacing-8 .u-form-group { + margin-bottom: 8px; + padding-left: 8px; +} +.u-form-vertical.u-form-spacing-7 { + margin-left: -7px; + width: calc(100% + 7px); +} +.u-form-vertical.u-form-spacing-7 .u-form-group { + margin-bottom: 7px; + padding-left: 7px; +} +.u-form-vertical.u-form-spacing-6 { + margin-left: -6px; + width: calc(100% + 6px); +} +.u-form-vertical.u-form-spacing-6 .u-form-group { + margin-bottom: 6px; + padding-left: 6px; +} +.u-form-vertical.u-form-spacing-5 { + margin-left: -5px; + width: calc(100% + 5px); +} +.u-form-vertical.u-form-spacing-5 .u-form-group { + margin-bottom: 5px; + padding-left: 5px; +} +.u-form-vertical.u-form-spacing-4 { + margin-left: -4px; + width: calc(100% + 4px); +} +.u-form-vertical.u-form-spacing-4 .u-form-group { + margin-bottom: 4px; + padding-left: 4px; +} +.u-form-vertical.u-form-spacing-3 { + margin-left: -3px; + width: calc(100% + 3px); +} +.u-form-vertical.u-form-spacing-3 .u-form-group { + margin-bottom: 3px; + padding-left: 3px; +} +.u-form-vertical.u-form-spacing-2 { + margin-left: -2px; + width: calc(100% + 2px); +} +.u-form-vertical.u-form-spacing-2 .u-form-group { + margin-bottom: 2px; + padding-left: 2px; +} +.u-form-vertical.u-form-spacing-1 { + margin-left: -1px; + width: calc(100% + 1px); +} +.u-form-vertical.u-form-spacing-1 .u-form-group { + margin-bottom: 1px; + padding-left: 1px; +} +.u-form-vertical.u-form-spacing-0 { + margin-left: 0px; + width: calc(100% + 0px); +} +.u-form-vertical.u-form-spacing-0 .u-form-group { + margin-bottom: 0px; + padding-left: 0px; +} +.u-form-vertical .u-form-group { + width: 100%; +} +.u-form-vertical .u-form-partition-factor-10 { + width: 10%; +} +.u-form-vertical .u-form-partition-factor-9 { + width: 11.11111111%; +} +.u-form-vertical .u-form-partition-factor-8 { + width: 12.5%; +} +.u-form-vertical .u-form-partition-factor-7 { + width: 14.28571429%; +} +.u-form-vertical .u-form-partition-factor-6 { + width: 16.66666667%; +} +.u-form-vertical .u-form-partition-factor-5 { + width: 20%; +} +.u-form-vertical .u-form-partition-factor-4 { + width: 25%; +} +.u-form-vertical .u-form-partition-factor-3 { + width: 33.33333333%; +} +.u-form-vertical .u-form-partition-factor-2 { + width: 50%; +} +.u-form-vertical .u-form-partition-factor-1 { + width: 100%; +} +@media (max-width: 575px) { + .u-form-vertical .u-form-group { + width: 100%; + } +} +.u-form-horizontal .u-form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row nowrap; + align-items: center; + margin-bottom: 0; + flex-grow: 1; +} +.u-form-horizontal .u-form-submit { + display: flex; + flex-grow: 0; +} +.u-form-horizontal .u-form-group label { + display: flex; + flex-grow: 0; + margin-right: 10px; +} +.u-form-horizontal .u-input { + display: flex; + width: auto; + vertical-align: middle; + flex-grow: 1; + flex-shrink: 1; + min-width: 0px; +} +.u-form-horizontal .input-group { + width: auto; +} +.u-form-control-hidden { + display: none !important; +} +.u-form-horizontal .u-btn-submit, +.u-form-vertical .u-btn-submit { + margin-top: 1px; + margin-bottom: 1px; + position: relative; +} +.u-form-horizontal .u-form-group { + flex-shrink: 1; + min-width: 0; +} +/* ******** spacing ******** */ +.u-form-horizontal.u-form-spacing-50 .u-form-group { + margin-right: 50px; +} +.u-form-horizontal.u-form-spacing-49 .u-form-group { + margin-right: 49px; +} +.u-form-horizontal.u-form-spacing-48 .u-form-group { + margin-right: 48px; +} +.u-form-horizontal.u-form-spacing-47 .u-form-group { + margin-right: 47px; +} +.u-form-horizontal.u-form-spacing-46 .u-form-group { + margin-right: 46px; +} +.u-form-horizontal.u-form-spacing-45 .u-form-group { + margin-right: 45px; +} +.u-form-horizontal.u-form-spacing-44 .u-form-group { + margin-right: 44px; +} +.u-form-horizontal.u-form-spacing-43 .u-form-group { + margin-right: 43px; +} +.u-form-horizontal.u-form-spacing-42 .u-form-group { + margin-right: 42px; +} +.u-form-horizontal.u-form-spacing-41 .u-form-group { + margin-right: 41px; +} +.u-form-horizontal.u-form-spacing-40 .u-form-group { + margin-right: 40px; +} +.u-form-horizontal.u-form-spacing-39 .u-form-group { + margin-right: 39px; +} +.u-form-horizontal.u-form-spacing-38 .u-form-group { + margin-right: 38px; +} +.u-form-horizontal.u-form-spacing-37 .u-form-group { + margin-right: 37px; +} +.u-form-horizontal.u-form-spacing-36 .u-form-group { + margin-right: 36px; +} +.u-form-horizontal.u-form-spacing-35 .u-form-group { + margin-right: 35px; +} +.u-form-horizontal.u-form-spacing-34 .u-form-group { + margin-right: 34px; +} +.u-form-horizontal.u-form-spacing-33 .u-form-group { + margin-right: 33px; +} +.u-form-horizontal.u-form-spacing-32 .u-form-group { + margin-right: 32px; +} +.u-form-horizontal.u-form-spacing-31 .u-form-group { + margin-right: 31px; +} +.u-form-horizontal.u-form-spacing-30 .u-form-group { + margin-right: 30px; +} +.u-form-horizontal.u-form-spacing-29 .u-form-group { + margin-right: 29px; +} +.u-form-horizontal.u-form-spacing-28 .u-form-group { + margin-right: 28px; +} +.u-form-horizontal.u-form-spacing-27 .u-form-group { + margin-right: 27px; +} +.u-form-horizontal.u-form-spacing-26 .u-form-group { + margin-right: 26px; +} +.u-form-horizontal.u-form-spacing-25 .u-form-group { + margin-right: 25px; +} +.u-form-horizontal.u-form-spacing-24 .u-form-group { + margin-right: 24px; +} +.u-form-horizontal.u-form-spacing-23 .u-form-group { + margin-right: 23px; +} +.u-form-horizontal.u-form-spacing-22 .u-form-group { + margin-right: 22px; +} +.u-form-horizontal.u-form-spacing-21 .u-form-group { + margin-right: 21px; +} +.u-form-horizontal.u-form-spacing-20 .u-form-group { + margin-right: 20px; +} +.u-form-horizontal.u-form-spacing-19 .u-form-group { + margin-right: 19px; +} +.u-form-horizontal.u-form-spacing-18 .u-form-group { + margin-right: 18px; +} +.u-form-horizontal.u-form-spacing-17 .u-form-group { + margin-right: 17px; +} +.u-form-horizontal.u-form-spacing-16 .u-form-group { + margin-right: 16px; +} +.u-form-horizontal.u-form-spacing-15 .u-form-group { + margin-right: 15px; +} +.u-form-horizontal.u-form-spacing-14 .u-form-group { + margin-right: 14px; +} +.u-form-horizontal.u-form-spacing-13 .u-form-group { + margin-right: 13px; +} +.u-form-horizontal.u-form-spacing-12 .u-form-group { + margin-right: 12px; +} +.u-form-horizontal.u-form-spacing-11 .u-form-group { + margin-right: 11px; +} +.u-form-horizontal.u-form-spacing-10 .u-form-group { + margin-right: 10px; +} +.u-form-horizontal.u-form-spacing-9 .u-form-group { + margin-right: 9px; +} +.u-form-horizontal.u-form-spacing-8 .u-form-group { + margin-right: 8px; +} +.u-form-horizontal.u-form-spacing-7 .u-form-group { + margin-right: 7px; +} +.u-form-horizontal.u-form-spacing-6 .u-form-group { + margin-right: 6px; +} +.u-form-horizontal.u-form-spacing-5 .u-form-group { + margin-right: 5px; +} +.u-form-horizontal.u-form-spacing-4 .u-form-group { + margin-right: 4px; +} +.u-form-horizontal.u-form-spacing-3 .u-form-group { + margin-right: 3px; +} +.u-form-horizontal.u-form-spacing-2 .u-form-group { + margin-right: 2px; +} +.u-form-horizontal.u-form-spacing-1 .u-form-group { + margin-right: 1px; +} +.u-form-horizontal.u-form-spacing-0 .u-form-group { + margin-right: 0px; +} +/* ******** end of spacing ******** */ +.u-form-horizontal .u-form-group.u-form-submit { + margin-right: 0; +} +.u-form div.u-form-send-error, +.u-form div.u-form-send-success { + display: none; + position: absolute; + bottom: 0px; + left: 0px; + width: 100%; + text-align: center; + color: #fff; + padding: 20px 0px 20px 0px; + border: none; +} +.u-form .u-form-group.u-form-checkbox, +.u-form .u-form-group.u-form-agree { + display: flex; +} +.u-form .u-form-group.u-form-checkbox input[type="checkbox"], +.u-form .u-form-group.u-form-agree input[type="checkbox"] { + float: left; + flex-shrink: 0; +} +.u-form .u-form-group.u-form-checkbox label.u-label, +.u-form .u-form-group.u-form-agree label.u-label { + margin-left: 5px; +} +.u-form .u-form-horizontal .u-form-group.u-form-checkbox, +.u-form .u-form-horizontal .u-form-group.u-form-agree { + align-items: center; +} +.u-form .u-form-horizontal input[type="checkbox"] { + width: 13px; + max-width: 13px; + margin-bottom: 3px; + min-width: 13px; +} +.u-form .u-form-vertical .u-form-group.u-form-checkbox, +.u-form .u-form-vertical .u-form-group.u-form-agree { + align-items: baseline; +} +.u-form-send-message { + z-index: 1; +} +.u-form-send-error { + background: #F95D51; +} +.u-form-send-success { + background: #62C584; +} +.u-form { + position: relative; + font-size: 1rem; + height: auto !important; +} +.u-form-group { + text-align: start; +} +.u-btn-submit { + display: inline-block; +} +.u-label { + font-weight: normal; +} +.u-form ::placeholder { + opacity: 0.5; +} +.u-form :-ms-input-placeholder { + opacity: 1; +} +.u-form-horizontal .u-form-submit { + margin-right: 0 !important; +} +.u-form-vertical .u-form-submit { + margin-bottom: 0 !important; +} +@media (max-width: 767px) { + .u-form-horizontal { + flex-direction: column; + align-items: stretch; + margin: -0.5rem !important; + } + .u-form-horizontal .u-form-group { + border: 0.5rem solid transparent !important; + } + .u-form-horizontal label { + display: none; + } + .u-form-horizontal .u-btn-submit { + flex-grow: 1; + } +} +.u-input-round { + border-radius: 4px; +} +.u-input-rectangle { + border-radius: 0; +} +.u-form-select-wrapper { + position: relative; +} +.u-form-select-wrapper select { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} +.u-form-select-wrapper .u-caret { + position: absolute; + top: 50%; + transform: translateY(-50%); + right: 10px; + pointer-events: none; +} +.u-form-select-wrapper select[size] ~ .u-caret { + display: none; +} +*, +*:before, +*:after { + box-sizing: border-box; +} +html { + height: 100%; + overflow-y: auto; + overflow-x: hidden; +} +body { + height: auto; + min-height: 100%; +} +body, +aside, +.u-sidebar-block, +section, +header, +footer { + position: relative; +} +section > *, +header > *, +footer > *, +.u-sheet > * { + position: relative; +} +base { + display: none; +} +a { + color: #259bca; + text-decoration: none; +} +a:hover { + color: #0676a4; +} +a:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +.u-sheet-left { + left: calc((100% - 1140px) / 2); +} +.u-sheet-right { + right: calc((100% - 1140px) / 2); +} +.u-clearfix:after, +.u-clearfix:before { + content: ''; + display: table; +} +.u-clearfix:after { + clear: both; +} +.u-textlink, +.u-textlink:hover, +.u-textlink:focus, +.u-textlink:active { + color: inherit; +} +.u-opacity-100, +.u-opacity-100:before { + opacity: 1; +} +.u-opacity-95, +.u-opacity-95:before { + opacity: 0.95; +} +.u-opacity-90, +.u-opacity-90:before { + opacity: 0.9; +} +.u-opacity-85, +.u-opacity-85:before { + opacity: 0.85; +} +.u-opacity-80, +.u-opacity-80:before { + opacity: 0.8; +} +.u-opacity-75, +.u-opacity-75:before { + opacity: 0.75; +} +.u-opacity-70, +.u-opacity-70:before { + opacity: 0.7; +} +.u-opacity-65, +.u-opacity-65:before { + opacity: 0.65; +} +.u-opacity-60, +.u-opacity-60:before { + opacity: 0.6; +} +.u-opacity-55, +.u-opacity-55:before { + opacity: 0.55; +} +.u-opacity-50, +.u-opacity-50:before { + opacity: 0.5; +} +.u-opacity-45, +.u-opacity-45:before { + opacity: 0.45; +} +.u-opacity-40, +.u-opacity-40:before { + opacity: 0.4; +} +.u-opacity-35, +.u-opacity-35:before { + opacity: 0.35; +} +.u-opacity-30, +.u-opacity-30:before { + opacity: 0.3; +} +.u-opacity-25, +.u-opacity-25:before { + opacity: 0.25; +} +.u-opacity-20, +.u-opacity-20:before { + opacity: 0.2; +} +.u-opacity-15, +.u-opacity-15:before { + opacity: 0.15; +} +.u-opacity-10, +.u-opacity-10:before { + opacity: 0.1; +} +.u-opacity-5, +.u-opacity-5:before { + opacity: 0.05; +} +.u-opacity-0, +.u-opacity-0:before { + opacity: 0; +} +.u-text.u-spacing-100 li { + margin-bottom: 100px; +} +.u-text.u-indent-100, +.u-text.u-indent-100 ul, +.u-text.u-indent-100 ol { + padding-left: 120px; +} +.u-spacing-100 > div + div, +.u-spacing-100 .u-social-url + .u-social-url { + margin-left: 100px; +} +.u-spacing-100.u-icon, +.u-spacing-100.u-search-icon, +.u-spacing-100.u-carousel-control { + padding: 100px; +} +blockquote.u-text.u-indent-100 { + padding-left: 100px; +} +.u-text.u-spacing-99 li { + margin-bottom: 99px; +} +.u-text.u-indent-99, +.u-text.u-indent-99 ul, +.u-text.u-indent-99 ol { + padding-left: 119px; +} +.u-spacing-99 > div + div, +.u-spacing-99 .u-social-url + .u-social-url { + margin-left: 99px; +} +.u-spacing-99.u-icon, +.u-spacing-99.u-search-icon, +.u-spacing-99.u-carousel-control { + padding: 99px; +} +blockquote.u-text.u-indent-99 { + padding-left: 99px; +} +.u-text.u-spacing-98 li { + margin-bottom: 98px; +} +.u-text.u-indent-98, +.u-text.u-indent-98 ul, +.u-text.u-indent-98 ol { + padding-left: 118px; +} +.u-spacing-98 > div + div, +.u-spacing-98 .u-social-url + .u-social-url { + margin-left: 98px; +} +.u-spacing-98.u-icon, +.u-spacing-98.u-search-icon, +.u-spacing-98.u-carousel-control { + padding: 98px; +} +blockquote.u-text.u-indent-98 { + padding-left: 98px; +} +.u-text.u-spacing-97 li { + margin-bottom: 97px; +} +.u-text.u-indent-97, +.u-text.u-indent-97 ul, +.u-text.u-indent-97 ol { + padding-left: 117px; +} +.u-spacing-97 > div + div, +.u-spacing-97 .u-social-url + .u-social-url { + margin-left: 97px; +} +.u-spacing-97.u-icon, +.u-spacing-97.u-search-icon, +.u-spacing-97.u-carousel-control { + padding: 97px; +} +blockquote.u-text.u-indent-97 { + padding-left: 97px; +} +.u-text.u-spacing-96 li { + margin-bottom: 96px; +} +.u-text.u-indent-96, +.u-text.u-indent-96 ul, +.u-text.u-indent-96 ol { + padding-left: 116px; +} +.u-spacing-96 > div + div, +.u-spacing-96 .u-social-url + .u-social-url { + margin-left: 96px; +} +.u-spacing-96.u-icon, +.u-spacing-96.u-search-icon, +.u-spacing-96.u-carousel-control { + padding: 96px; +} +blockquote.u-text.u-indent-96 { + padding-left: 96px; +} +.u-text.u-spacing-95 li { + margin-bottom: 95px; +} +.u-text.u-indent-95, +.u-text.u-indent-95 ul, +.u-text.u-indent-95 ol { + padding-left: 115px; +} +.u-spacing-95 > div + div, +.u-spacing-95 .u-social-url + .u-social-url { + margin-left: 95px; +} +.u-spacing-95.u-icon, +.u-spacing-95.u-search-icon, +.u-spacing-95.u-carousel-control { + padding: 95px; +} +blockquote.u-text.u-indent-95 { + padding-left: 95px; +} +.u-text.u-spacing-94 li { + margin-bottom: 94px; +} +.u-text.u-indent-94, +.u-text.u-indent-94 ul, +.u-text.u-indent-94 ol { + padding-left: 114px; +} +.u-spacing-94 > div + div, +.u-spacing-94 .u-social-url + .u-social-url { + margin-left: 94px; +} +.u-spacing-94.u-icon, +.u-spacing-94.u-search-icon, +.u-spacing-94.u-carousel-control { + padding: 94px; +} +blockquote.u-text.u-indent-94 { + padding-left: 94px; +} +.u-text.u-spacing-93 li { + margin-bottom: 93px; +} +.u-text.u-indent-93, +.u-text.u-indent-93 ul, +.u-text.u-indent-93 ol { + padding-left: 113px; +} +.u-spacing-93 > div + div, +.u-spacing-93 .u-social-url + .u-social-url { + margin-left: 93px; +} +.u-spacing-93.u-icon, +.u-spacing-93.u-search-icon, +.u-spacing-93.u-carousel-control { + padding: 93px; +} +blockquote.u-text.u-indent-93 { + padding-left: 93px; +} +.u-text.u-spacing-92 li { + margin-bottom: 92px; +} +.u-text.u-indent-92, +.u-text.u-indent-92 ul, +.u-text.u-indent-92 ol { + padding-left: 112px; +} +.u-spacing-92 > div + div, +.u-spacing-92 .u-social-url + .u-social-url { + margin-left: 92px; +} +.u-spacing-92.u-icon, +.u-spacing-92.u-search-icon, +.u-spacing-92.u-carousel-control { + padding: 92px; +} +blockquote.u-text.u-indent-92 { + padding-left: 92px; +} +.u-text.u-spacing-91 li { + margin-bottom: 91px; +} +.u-text.u-indent-91, +.u-text.u-indent-91 ul, +.u-text.u-indent-91 ol { + padding-left: 111px; +} +.u-spacing-91 > div + div, +.u-spacing-91 .u-social-url + .u-social-url { + margin-left: 91px; +} +.u-spacing-91.u-icon, +.u-spacing-91.u-search-icon, +.u-spacing-91.u-carousel-control { + padding: 91px; +} +blockquote.u-text.u-indent-91 { + padding-left: 91px; +} +.u-text.u-spacing-90 li { + margin-bottom: 90px; +} +.u-text.u-indent-90, +.u-text.u-indent-90 ul, +.u-text.u-indent-90 ol { + padding-left: 110px; +} +.u-spacing-90 > div + div, +.u-spacing-90 .u-social-url + .u-social-url { + margin-left: 90px; +} +.u-spacing-90.u-icon, +.u-spacing-90.u-search-icon, +.u-spacing-90.u-carousel-control { + padding: 90px; +} +blockquote.u-text.u-indent-90 { + padding-left: 90px; +} +.u-text.u-spacing-89 li { + margin-bottom: 89px; +} +.u-text.u-indent-89, +.u-text.u-indent-89 ul, +.u-text.u-indent-89 ol { + padding-left: 109px; +} +.u-spacing-89 > div + div, +.u-spacing-89 .u-social-url + .u-social-url { + margin-left: 89px; +} +.u-spacing-89.u-icon, +.u-spacing-89.u-search-icon, +.u-spacing-89.u-carousel-control { + padding: 89px; +} +blockquote.u-text.u-indent-89 { + padding-left: 89px; +} +.u-text.u-spacing-88 li { + margin-bottom: 88px; +} +.u-text.u-indent-88, +.u-text.u-indent-88 ul, +.u-text.u-indent-88 ol { + padding-left: 108px; +} +.u-spacing-88 > div + div, +.u-spacing-88 .u-social-url + .u-social-url { + margin-left: 88px; +} +.u-spacing-88.u-icon, +.u-spacing-88.u-search-icon, +.u-spacing-88.u-carousel-control { + padding: 88px; +} +blockquote.u-text.u-indent-88 { + padding-left: 88px; +} +.u-text.u-spacing-87 li { + margin-bottom: 87px; +} +.u-text.u-indent-87, +.u-text.u-indent-87 ul, +.u-text.u-indent-87 ol { + padding-left: 107px; +} +.u-spacing-87 > div + div, +.u-spacing-87 .u-social-url + .u-social-url { + margin-left: 87px; +} +.u-spacing-87.u-icon, +.u-spacing-87.u-search-icon, +.u-spacing-87.u-carousel-control { + padding: 87px; +} +blockquote.u-text.u-indent-87 { + padding-left: 87px; +} +.u-text.u-spacing-86 li { + margin-bottom: 86px; +} +.u-text.u-indent-86, +.u-text.u-indent-86 ul, +.u-text.u-indent-86 ol { + padding-left: 106px; +} +.u-spacing-86 > div + div, +.u-spacing-86 .u-social-url + .u-social-url { + margin-left: 86px; +} +.u-spacing-86.u-icon, +.u-spacing-86.u-search-icon, +.u-spacing-86.u-carousel-control { + padding: 86px; +} +blockquote.u-text.u-indent-86 { + padding-left: 86px; +} +.u-text.u-spacing-85 li { + margin-bottom: 85px; +} +.u-text.u-indent-85, +.u-text.u-indent-85 ul, +.u-text.u-indent-85 ol { + padding-left: 105px; +} +.u-spacing-85 > div + div, +.u-spacing-85 .u-social-url + .u-social-url { + margin-left: 85px; +} +.u-spacing-85.u-icon, +.u-spacing-85.u-search-icon, +.u-spacing-85.u-carousel-control { + padding: 85px; +} +blockquote.u-text.u-indent-85 { + padding-left: 85px; +} +.u-text.u-spacing-84 li { + margin-bottom: 84px; +} +.u-text.u-indent-84, +.u-text.u-indent-84 ul, +.u-text.u-indent-84 ol { + padding-left: 104px; +} +.u-spacing-84 > div + div, +.u-spacing-84 .u-social-url + .u-social-url { + margin-left: 84px; +} +.u-spacing-84.u-icon, +.u-spacing-84.u-search-icon, +.u-spacing-84.u-carousel-control { + padding: 84px; +} +blockquote.u-text.u-indent-84 { + padding-left: 84px; +} +.u-text.u-spacing-83 li { + margin-bottom: 83px; +} +.u-text.u-indent-83, +.u-text.u-indent-83 ul, +.u-text.u-indent-83 ol { + padding-left: 103px; +} +.u-spacing-83 > div + div, +.u-spacing-83 .u-social-url + .u-social-url { + margin-left: 83px; +} +.u-spacing-83.u-icon, +.u-spacing-83.u-search-icon, +.u-spacing-83.u-carousel-control { + padding: 83px; +} +blockquote.u-text.u-indent-83 { + padding-left: 83px; +} +.u-text.u-spacing-82 li { + margin-bottom: 82px; +} +.u-text.u-indent-82, +.u-text.u-indent-82 ul, +.u-text.u-indent-82 ol { + padding-left: 102px; +} +.u-spacing-82 > div + div, +.u-spacing-82 .u-social-url + .u-social-url { + margin-left: 82px; +} +.u-spacing-82.u-icon, +.u-spacing-82.u-search-icon, +.u-spacing-82.u-carousel-control { + padding: 82px; +} +blockquote.u-text.u-indent-82 { + padding-left: 82px; +} +.u-text.u-spacing-81 li { + margin-bottom: 81px; +} +.u-text.u-indent-81, +.u-text.u-indent-81 ul, +.u-text.u-indent-81 ol { + padding-left: 101px; +} +.u-spacing-81 > div + div, +.u-spacing-81 .u-social-url + .u-social-url { + margin-left: 81px; +} +.u-spacing-81.u-icon, +.u-spacing-81.u-search-icon, +.u-spacing-81.u-carousel-control { + padding: 81px; +} +blockquote.u-text.u-indent-81 { + padding-left: 81px; +} +.u-text.u-spacing-80 li { + margin-bottom: 80px; +} +.u-text.u-indent-80, +.u-text.u-indent-80 ul, +.u-text.u-indent-80 ol { + padding-left: 100px; +} +.u-spacing-80 > div + div, +.u-spacing-80 .u-social-url + .u-social-url { + margin-left: 80px; +} +.u-spacing-80.u-icon, +.u-spacing-80.u-search-icon, +.u-spacing-80.u-carousel-control { + padding: 80px; +} +blockquote.u-text.u-indent-80 { + padding-left: 80px; +} +.u-text.u-spacing-79 li { + margin-bottom: 79px; +} +.u-text.u-indent-79, +.u-text.u-indent-79 ul, +.u-text.u-indent-79 ol { + padding-left: 99px; +} +.u-spacing-79 > div + div, +.u-spacing-79 .u-social-url + .u-social-url { + margin-left: 79px; +} +.u-spacing-79.u-icon, +.u-spacing-79.u-search-icon, +.u-spacing-79.u-carousel-control { + padding: 79px; +} +blockquote.u-text.u-indent-79 { + padding-left: 79px; +} +.u-text.u-spacing-78 li { + margin-bottom: 78px; +} +.u-text.u-indent-78, +.u-text.u-indent-78 ul, +.u-text.u-indent-78 ol { + padding-left: 98px; +} +.u-spacing-78 > div + div, +.u-spacing-78 .u-social-url + .u-social-url { + margin-left: 78px; +} +.u-spacing-78.u-icon, +.u-spacing-78.u-search-icon, +.u-spacing-78.u-carousel-control { + padding: 78px; +} +blockquote.u-text.u-indent-78 { + padding-left: 78px; +} +.u-text.u-spacing-77 li { + margin-bottom: 77px; +} +.u-text.u-indent-77, +.u-text.u-indent-77 ul, +.u-text.u-indent-77 ol { + padding-left: 97px; +} +.u-spacing-77 > div + div, +.u-spacing-77 .u-social-url + .u-social-url { + margin-left: 77px; +} +.u-spacing-77.u-icon, +.u-spacing-77.u-search-icon, +.u-spacing-77.u-carousel-control { + padding: 77px; +} +blockquote.u-text.u-indent-77 { + padding-left: 77px; +} +.u-text.u-spacing-76 li { + margin-bottom: 76px; +} +.u-text.u-indent-76, +.u-text.u-indent-76 ul, +.u-text.u-indent-76 ol { + padding-left: 96px; +} +.u-spacing-76 > div + div, +.u-spacing-76 .u-social-url + .u-social-url { + margin-left: 76px; +} +.u-spacing-76.u-icon, +.u-spacing-76.u-search-icon, +.u-spacing-76.u-carousel-control { + padding: 76px; +} +blockquote.u-text.u-indent-76 { + padding-left: 76px; +} +.u-text.u-spacing-75 li { + margin-bottom: 75px; +} +.u-text.u-indent-75, +.u-text.u-indent-75 ul, +.u-text.u-indent-75 ol { + padding-left: 95px; +} +.u-spacing-75 > div + div, +.u-spacing-75 .u-social-url + .u-social-url { + margin-left: 75px; +} +.u-spacing-75.u-icon, +.u-spacing-75.u-search-icon, +.u-spacing-75.u-carousel-control { + padding: 75px; +} +blockquote.u-text.u-indent-75 { + padding-left: 75px; +} +.u-text.u-spacing-74 li { + margin-bottom: 74px; +} +.u-text.u-indent-74, +.u-text.u-indent-74 ul, +.u-text.u-indent-74 ol { + padding-left: 94px; +} +.u-spacing-74 > div + div, +.u-spacing-74 .u-social-url + .u-social-url { + margin-left: 74px; +} +.u-spacing-74.u-icon, +.u-spacing-74.u-search-icon, +.u-spacing-74.u-carousel-control { + padding: 74px; +} +blockquote.u-text.u-indent-74 { + padding-left: 74px; +} +.u-text.u-spacing-73 li { + margin-bottom: 73px; +} +.u-text.u-indent-73, +.u-text.u-indent-73 ul, +.u-text.u-indent-73 ol { + padding-left: 93px; +} +.u-spacing-73 > div + div, +.u-spacing-73 .u-social-url + .u-social-url { + margin-left: 73px; +} +.u-spacing-73.u-icon, +.u-spacing-73.u-search-icon, +.u-spacing-73.u-carousel-control { + padding: 73px; +} +blockquote.u-text.u-indent-73 { + padding-left: 73px; +} +.u-text.u-spacing-72 li { + margin-bottom: 72px; +} +.u-text.u-indent-72, +.u-text.u-indent-72 ul, +.u-text.u-indent-72 ol { + padding-left: 92px; +} +.u-spacing-72 > div + div, +.u-spacing-72 .u-social-url + .u-social-url { + margin-left: 72px; +} +.u-spacing-72.u-icon, +.u-spacing-72.u-search-icon, +.u-spacing-72.u-carousel-control { + padding: 72px; +} +blockquote.u-text.u-indent-72 { + padding-left: 72px; +} +.u-text.u-spacing-71 li { + margin-bottom: 71px; +} +.u-text.u-indent-71, +.u-text.u-indent-71 ul, +.u-text.u-indent-71 ol { + padding-left: 91px; +} +.u-spacing-71 > div + div, +.u-spacing-71 .u-social-url + .u-social-url { + margin-left: 71px; +} +.u-spacing-71.u-icon, +.u-spacing-71.u-search-icon, +.u-spacing-71.u-carousel-control { + padding: 71px; +} +blockquote.u-text.u-indent-71 { + padding-left: 71px; +} +.u-text.u-spacing-70 li { + margin-bottom: 70px; +} +.u-text.u-indent-70, +.u-text.u-indent-70 ul, +.u-text.u-indent-70 ol { + padding-left: 90px; +} +.u-spacing-70 > div + div, +.u-spacing-70 .u-social-url + .u-social-url { + margin-left: 70px; +} +.u-spacing-70.u-icon, +.u-spacing-70.u-search-icon, +.u-spacing-70.u-carousel-control { + padding: 70px; +} +blockquote.u-text.u-indent-70 { + padding-left: 70px; +} +.u-text.u-spacing-69 li { + margin-bottom: 69px; +} +.u-text.u-indent-69, +.u-text.u-indent-69 ul, +.u-text.u-indent-69 ol { + padding-left: 89px; +} +.u-spacing-69 > div + div, +.u-spacing-69 .u-social-url + .u-social-url { + margin-left: 69px; +} +.u-spacing-69.u-icon, +.u-spacing-69.u-search-icon, +.u-spacing-69.u-carousel-control { + padding: 69px; +} +blockquote.u-text.u-indent-69 { + padding-left: 69px; +} +.u-text.u-spacing-68 li { + margin-bottom: 68px; +} +.u-text.u-indent-68, +.u-text.u-indent-68 ul, +.u-text.u-indent-68 ol { + padding-left: 88px; +} +.u-spacing-68 > div + div, +.u-spacing-68 .u-social-url + .u-social-url { + margin-left: 68px; +} +.u-spacing-68.u-icon, +.u-spacing-68.u-search-icon, +.u-spacing-68.u-carousel-control { + padding: 68px; +} +blockquote.u-text.u-indent-68 { + padding-left: 68px; +} +.u-text.u-spacing-67 li { + margin-bottom: 67px; +} +.u-text.u-indent-67, +.u-text.u-indent-67 ul, +.u-text.u-indent-67 ol { + padding-left: 87px; +} +.u-spacing-67 > div + div, +.u-spacing-67 .u-social-url + .u-social-url { + margin-left: 67px; +} +.u-spacing-67.u-icon, +.u-spacing-67.u-search-icon, +.u-spacing-67.u-carousel-control { + padding: 67px; +} +blockquote.u-text.u-indent-67 { + padding-left: 67px; +} +.u-text.u-spacing-66 li { + margin-bottom: 66px; +} +.u-text.u-indent-66, +.u-text.u-indent-66 ul, +.u-text.u-indent-66 ol { + padding-left: 86px; +} +.u-spacing-66 > div + div, +.u-spacing-66 .u-social-url + .u-social-url { + margin-left: 66px; +} +.u-spacing-66.u-icon, +.u-spacing-66.u-search-icon, +.u-spacing-66.u-carousel-control { + padding: 66px; +} +blockquote.u-text.u-indent-66 { + padding-left: 66px; +} +.u-text.u-spacing-65 li { + margin-bottom: 65px; +} +.u-text.u-indent-65, +.u-text.u-indent-65 ul, +.u-text.u-indent-65 ol { + padding-left: 85px; +} +.u-spacing-65 > div + div, +.u-spacing-65 .u-social-url + .u-social-url { + margin-left: 65px; +} +.u-spacing-65.u-icon, +.u-spacing-65.u-search-icon, +.u-spacing-65.u-carousel-control { + padding: 65px; +} +blockquote.u-text.u-indent-65 { + padding-left: 65px; +} +.u-text.u-spacing-64 li { + margin-bottom: 64px; +} +.u-text.u-indent-64, +.u-text.u-indent-64 ul, +.u-text.u-indent-64 ol { + padding-left: 84px; +} +.u-spacing-64 > div + div, +.u-spacing-64 .u-social-url + .u-social-url { + margin-left: 64px; +} +.u-spacing-64.u-icon, +.u-spacing-64.u-search-icon, +.u-spacing-64.u-carousel-control { + padding: 64px; +} +blockquote.u-text.u-indent-64 { + padding-left: 64px; +} +.u-text.u-spacing-63 li { + margin-bottom: 63px; +} +.u-text.u-indent-63, +.u-text.u-indent-63 ul, +.u-text.u-indent-63 ol { + padding-left: 83px; +} +.u-spacing-63 > div + div, +.u-spacing-63 .u-social-url + .u-social-url { + margin-left: 63px; +} +.u-spacing-63.u-icon, +.u-spacing-63.u-search-icon, +.u-spacing-63.u-carousel-control { + padding: 63px; +} +blockquote.u-text.u-indent-63 { + padding-left: 63px; +} +.u-text.u-spacing-62 li { + margin-bottom: 62px; +} +.u-text.u-indent-62, +.u-text.u-indent-62 ul, +.u-text.u-indent-62 ol { + padding-left: 82px; +} +.u-spacing-62 > div + div, +.u-spacing-62 .u-social-url + .u-social-url { + margin-left: 62px; +} +.u-spacing-62.u-icon, +.u-spacing-62.u-search-icon, +.u-spacing-62.u-carousel-control { + padding: 62px; +} +blockquote.u-text.u-indent-62 { + padding-left: 62px; +} +.u-text.u-spacing-61 li { + margin-bottom: 61px; +} +.u-text.u-indent-61, +.u-text.u-indent-61 ul, +.u-text.u-indent-61 ol { + padding-left: 81px; +} +.u-spacing-61 > div + div, +.u-spacing-61 .u-social-url + .u-social-url { + margin-left: 61px; +} +.u-spacing-61.u-icon, +.u-spacing-61.u-search-icon, +.u-spacing-61.u-carousel-control { + padding: 61px; +} +blockquote.u-text.u-indent-61 { + padding-left: 61px; +} +.u-text.u-spacing-60 li { + margin-bottom: 60px; +} +.u-text.u-indent-60, +.u-text.u-indent-60 ul, +.u-text.u-indent-60 ol { + padding-left: 80px; +} +.u-spacing-60 > div + div, +.u-spacing-60 .u-social-url + .u-social-url { + margin-left: 60px; +} +.u-spacing-60.u-icon, +.u-spacing-60.u-search-icon, +.u-spacing-60.u-carousel-control { + padding: 60px; +} +blockquote.u-text.u-indent-60 { + padding-left: 60px; +} +.u-text.u-spacing-59 li { + margin-bottom: 59px; +} +.u-text.u-indent-59, +.u-text.u-indent-59 ul, +.u-text.u-indent-59 ol { + padding-left: 79px; +} +.u-spacing-59 > div + div, +.u-spacing-59 .u-social-url + .u-social-url { + margin-left: 59px; +} +.u-spacing-59.u-icon, +.u-spacing-59.u-search-icon, +.u-spacing-59.u-carousel-control { + padding: 59px; +} +blockquote.u-text.u-indent-59 { + padding-left: 59px; +} +.u-text.u-spacing-58 li { + margin-bottom: 58px; +} +.u-text.u-indent-58, +.u-text.u-indent-58 ul, +.u-text.u-indent-58 ol { + padding-left: 78px; +} +.u-spacing-58 > div + div, +.u-spacing-58 .u-social-url + .u-social-url { + margin-left: 58px; +} +.u-spacing-58.u-icon, +.u-spacing-58.u-search-icon, +.u-spacing-58.u-carousel-control { + padding: 58px; +} +blockquote.u-text.u-indent-58 { + padding-left: 58px; +} +.u-text.u-spacing-57 li { + margin-bottom: 57px; +} +.u-text.u-indent-57, +.u-text.u-indent-57 ul, +.u-text.u-indent-57 ol { + padding-left: 77px; +} +.u-spacing-57 > div + div, +.u-spacing-57 .u-social-url + .u-social-url { + margin-left: 57px; +} +.u-spacing-57.u-icon, +.u-spacing-57.u-search-icon, +.u-spacing-57.u-carousel-control { + padding: 57px; +} +blockquote.u-text.u-indent-57 { + padding-left: 57px; +} +.u-text.u-spacing-56 li { + margin-bottom: 56px; +} +.u-text.u-indent-56, +.u-text.u-indent-56 ul, +.u-text.u-indent-56 ol { + padding-left: 76px; +} +.u-spacing-56 > div + div, +.u-spacing-56 .u-social-url + .u-social-url { + margin-left: 56px; +} +.u-spacing-56.u-icon, +.u-spacing-56.u-search-icon, +.u-spacing-56.u-carousel-control { + padding: 56px; +} +blockquote.u-text.u-indent-56 { + padding-left: 56px; +} +.u-text.u-spacing-55 li { + margin-bottom: 55px; +} +.u-text.u-indent-55, +.u-text.u-indent-55 ul, +.u-text.u-indent-55 ol { + padding-left: 75px; +} +.u-spacing-55 > div + div, +.u-spacing-55 .u-social-url + .u-social-url { + margin-left: 55px; +} +.u-spacing-55.u-icon, +.u-spacing-55.u-search-icon, +.u-spacing-55.u-carousel-control { + padding: 55px; +} +blockquote.u-text.u-indent-55 { + padding-left: 55px; +} +.u-text.u-spacing-54 li { + margin-bottom: 54px; +} +.u-text.u-indent-54, +.u-text.u-indent-54 ul, +.u-text.u-indent-54 ol { + padding-left: 74px; +} +.u-spacing-54 > div + div, +.u-spacing-54 .u-social-url + .u-social-url { + margin-left: 54px; +} +.u-spacing-54.u-icon, +.u-spacing-54.u-search-icon, +.u-spacing-54.u-carousel-control { + padding: 54px; +} +blockquote.u-text.u-indent-54 { + padding-left: 54px; +} +.u-text.u-spacing-53 li { + margin-bottom: 53px; +} +.u-text.u-indent-53, +.u-text.u-indent-53 ul, +.u-text.u-indent-53 ol { + padding-left: 73px; +} +.u-spacing-53 > div + div, +.u-spacing-53 .u-social-url + .u-social-url { + margin-left: 53px; +} +.u-spacing-53.u-icon, +.u-spacing-53.u-search-icon, +.u-spacing-53.u-carousel-control { + padding: 53px; +} +blockquote.u-text.u-indent-53 { + padding-left: 53px; +} +.u-text.u-spacing-52 li { + margin-bottom: 52px; +} +.u-text.u-indent-52, +.u-text.u-indent-52 ul, +.u-text.u-indent-52 ol { + padding-left: 72px; +} +.u-spacing-52 > div + div, +.u-spacing-52 .u-social-url + .u-social-url { + margin-left: 52px; +} +.u-spacing-52.u-icon, +.u-spacing-52.u-search-icon, +.u-spacing-52.u-carousel-control { + padding: 52px; +} +blockquote.u-text.u-indent-52 { + padding-left: 52px; +} +.u-text.u-spacing-51 li { + margin-bottom: 51px; +} +.u-text.u-indent-51, +.u-text.u-indent-51 ul, +.u-text.u-indent-51 ol { + padding-left: 71px; +} +.u-spacing-51 > div + div, +.u-spacing-51 .u-social-url + .u-social-url { + margin-left: 51px; +} +.u-spacing-51.u-icon, +.u-spacing-51.u-search-icon, +.u-spacing-51.u-carousel-control { + padding: 51px; +} +blockquote.u-text.u-indent-51 { + padding-left: 51px; +} +.u-text.u-spacing-50 li { + margin-bottom: 50px; +} +.u-text.u-indent-50, +.u-text.u-indent-50 ul, +.u-text.u-indent-50 ol { + padding-left: 70px; +} +.u-spacing-50 > div + div, +.u-spacing-50 .u-social-url + .u-social-url { + margin-left: 50px; +} +.u-spacing-50.u-icon, +.u-spacing-50.u-search-icon, +.u-spacing-50.u-carousel-control { + padding: 50px; +} +blockquote.u-text.u-indent-50 { + padding-left: 50px; +} +.u-text.u-spacing-49 li { + margin-bottom: 49px; +} +.u-text.u-indent-49, +.u-text.u-indent-49 ul, +.u-text.u-indent-49 ol { + padding-left: 69px; +} +.u-spacing-49 > div + div, +.u-spacing-49 .u-social-url + .u-social-url { + margin-left: 49px; +} +.u-spacing-49.u-icon, +.u-spacing-49.u-search-icon, +.u-spacing-49.u-carousel-control { + padding: 49px; +} +blockquote.u-text.u-indent-49 { + padding-left: 49px; +} +.u-text.u-spacing-48 li { + margin-bottom: 48px; +} +.u-text.u-indent-48, +.u-text.u-indent-48 ul, +.u-text.u-indent-48 ol { + padding-left: 68px; +} +.u-spacing-48 > div + div, +.u-spacing-48 .u-social-url + .u-social-url { + margin-left: 48px; +} +.u-spacing-48.u-icon, +.u-spacing-48.u-search-icon, +.u-spacing-48.u-carousel-control { + padding: 48px; +} +blockquote.u-text.u-indent-48 { + padding-left: 48px; +} +.u-text.u-spacing-47 li { + margin-bottom: 47px; +} +.u-text.u-indent-47, +.u-text.u-indent-47 ul, +.u-text.u-indent-47 ol { + padding-left: 67px; +} +.u-spacing-47 > div + div, +.u-spacing-47 .u-social-url + .u-social-url { + margin-left: 47px; +} +.u-spacing-47.u-icon, +.u-spacing-47.u-search-icon, +.u-spacing-47.u-carousel-control { + padding: 47px; +} +blockquote.u-text.u-indent-47 { + padding-left: 47px; +} +.u-text.u-spacing-46 li { + margin-bottom: 46px; +} +.u-text.u-indent-46, +.u-text.u-indent-46 ul, +.u-text.u-indent-46 ol { + padding-left: 66px; +} +.u-spacing-46 > div + div, +.u-spacing-46 .u-social-url + .u-social-url { + margin-left: 46px; +} +.u-spacing-46.u-icon, +.u-spacing-46.u-search-icon, +.u-spacing-46.u-carousel-control { + padding: 46px; +} +blockquote.u-text.u-indent-46 { + padding-left: 46px; +} +.u-text.u-spacing-45 li { + margin-bottom: 45px; +} +.u-text.u-indent-45, +.u-text.u-indent-45 ul, +.u-text.u-indent-45 ol { + padding-left: 65px; +} +.u-spacing-45 > div + div, +.u-spacing-45 .u-social-url + .u-social-url { + margin-left: 45px; +} +.u-spacing-45.u-icon, +.u-spacing-45.u-search-icon, +.u-spacing-45.u-carousel-control { + padding: 45px; +} +blockquote.u-text.u-indent-45 { + padding-left: 45px; +} +.u-text.u-spacing-44 li { + margin-bottom: 44px; +} +.u-text.u-indent-44, +.u-text.u-indent-44 ul, +.u-text.u-indent-44 ol { + padding-left: 64px; +} +.u-spacing-44 > div + div, +.u-spacing-44 .u-social-url + .u-social-url { + margin-left: 44px; +} +.u-spacing-44.u-icon, +.u-spacing-44.u-search-icon, +.u-spacing-44.u-carousel-control { + padding: 44px; +} +blockquote.u-text.u-indent-44 { + padding-left: 44px; +} +.u-text.u-spacing-43 li { + margin-bottom: 43px; +} +.u-text.u-indent-43, +.u-text.u-indent-43 ul, +.u-text.u-indent-43 ol { + padding-left: 63px; +} +.u-spacing-43 > div + div, +.u-spacing-43 .u-social-url + .u-social-url { + margin-left: 43px; +} +.u-spacing-43.u-icon, +.u-spacing-43.u-search-icon, +.u-spacing-43.u-carousel-control { + padding: 43px; +} +blockquote.u-text.u-indent-43 { + padding-left: 43px; +} +.u-text.u-spacing-42 li { + margin-bottom: 42px; +} +.u-text.u-indent-42, +.u-text.u-indent-42 ul, +.u-text.u-indent-42 ol { + padding-left: 62px; +} +.u-spacing-42 > div + div, +.u-spacing-42 .u-social-url + .u-social-url { + margin-left: 42px; +} +.u-spacing-42.u-icon, +.u-spacing-42.u-search-icon, +.u-spacing-42.u-carousel-control { + padding: 42px; +} +blockquote.u-text.u-indent-42 { + padding-left: 42px; +} +.u-text.u-spacing-41 li { + margin-bottom: 41px; +} +.u-text.u-indent-41, +.u-text.u-indent-41 ul, +.u-text.u-indent-41 ol { + padding-left: 61px; +} +.u-spacing-41 > div + div, +.u-spacing-41 .u-social-url + .u-social-url { + margin-left: 41px; +} +.u-spacing-41.u-icon, +.u-spacing-41.u-search-icon, +.u-spacing-41.u-carousel-control { + padding: 41px; +} +blockquote.u-text.u-indent-41 { + padding-left: 41px; +} +.u-text.u-spacing-40 li { + margin-bottom: 40px; +} +.u-text.u-indent-40, +.u-text.u-indent-40 ul, +.u-text.u-indent-40 ol { + padding-left: 60px; +} +.u-spacing-40 > div + div, +.u-spacing-40 .u-social-url + .u-social-url { + margin-left: 40px; +} +.u-spacing-40.u-icon, +.u-spacing-40.u-search-icon, +.u-spacing-40.u-carousel-control { + padding: 40px; +} +blockquote.u-text.u-indent-40 { + padding-left: 40px; +} +.u-text.u-spacing-39 li { + margin-bottom: 39px; +} +.u-text.u-indent-39, +.u-text.u-indent-39 ul, +.u-text.u-indent-39 ol { + padding-left: 59px; +} +.u-spacing-39 > div + div, +.u-spacing-39 .u-social-url + .u-social-url { + margin-left: 39px; +} +.u-spacing-39.u-icon, +.u-spacing-39.u-search-icon, +.u-spacing-39.u-carousel-control { + padding: 39px; +} +blockquote.u-text.u-indent-39 { + padding-left: 39px; +} +.u-text.u-spacing-38 li { + margin-bottom: 38px; +} +.u-text.u-indent-38, +.u-text.u-indent-38 ul, +.u-text.u-indent-38 ol { + padding-left: 58px; +} +.u-spacing-38 > div + div, +.u-spacing-38 .u-social-url + .u-social-url { + margin-left: 38px; +} +.u-spacing-38.u-icon, +.u-spacing-38.u-search-icon, +.u-spacing-38.u-carousel-control { + padding: 38px; +} +blockquote.u-text.u-indent-38 { + padding-left: 38px; +} +.u-text.u-spacing-37 li { + margin-bottom: 37px; +} +.u-text.u-indent-37, +.u-text.u-indent-37 ul, +.u-text.u-indent-37 ol { + padding-left: 57px; +} +.u-spacing-37 > div + div, +.u-spacing-37 .u-social-url + .u-social-url { + margin-left: 37px; +} +.u-spacing-37.u-icon, +.u-spacing-37.u-search-icon, +.u-spacing-37.u-carousel-control { + padding: 37px; +} +blockquote.u-text.u-indent-37 { + padding-left: 37px; +} +.u-text.u-spacing-36 li { + margin-bottom: 36px; +} +.u-text.u-indent-36, +.u-text.u-indent-36 ul, +.u-text.u-indent-36 ol { + padding-left: 56px; +} +.u-spacing-36 > div + div, +.u-spacing-36 .u-social-url + .u-social-url { + margin-left: 36px; +} +.u-spacing-36.u-icon, +.u-spacing-36.u-search-icon, +.u-spacing-36.u-carousel-control { + padding: 36px; +} +blockquote.u-text.u-indent-36 { + padding-left: 36px; +} +.u-text.u-spacing-35 li { + margin-bottom: 35px; +} +.u-text.u-indent-35, +.u-text.u-indent-35 ul, +.u-text.u-indent-35 ol { + padding-left: 55px; +} +.u-spacing-35 > div + div, +.u-spacing-35 .u-social-url + .u-social-url { + margin-left: 35px; +} +.u-spacing-35.u-icon, +.u-spacing-35.u-search-icon, +.u-spacing-35.u-carousel-control { + padding: 35px; +} +blockquote.u-text.u-indent-35 { + padding-left: 35px; +} +.u-text.u-spacing-34 li { + margin-bottom: 34px; +} +.u-text.u-indent-34, +.u-text.u-indent-34 ul, +.u-text.u-indent-34 ol { + padding-left: 54px; +} +.u-spacing-34 > div + div, +.u-spacing-34 .u-social-url + .u-social-url { + margin-left: 34px; +} +.u-spacing-34.u-icon, +.u-spacing-34.u-search-icon, +.u-spacing-34.u-carousel-control { + padding: 34px; +} +blockquote.u-text.u-indent-34 { + padding-left: 34px; +} +.u-text.u-spacing-33 li { + margin-bottom: 33px; +} +.u-text.u-indent-33, +.u-text.u-indent-33 ul, +.u-text.u-indent-33 ol { + padding-left: 53px; +} +.u-spacing-33 > div + div, +.u-spacing-33 .u-social-url + .u-social-url { + margin-left: 33px; +} +.u-spacing-33.u-icon, +.u-spacing-33.u-search-icon, +.u-spacing-33.u-carousel-control { + padding: 33px; +} +blockquote.u-text.u-indent-33 { + padding-left: 33px; +} +.u-text.u-spacing-32 li { + margin-bottom: 32px; +} +.u-text.u-indent-32, +.u-text.u-indent-32 ul, +.u-text.u-indent-32 ol { + padding-left: 52px; +} +.u-spacing-32 > div + div, +.u-spacing-32 .u-social-url + .u-social-url { + margin-left: 32px; +} +.u-spacing-32.u-icon, +.u-spacing-32.u-search-icon, +.u-spacing-32.u-carousel-control { + padding: 32px; +} +blockquote.u-text.u-indent-32 { + padding-left: 32px; +} +.u-text.u-spacing-31 li { + margin-bottom: 31px; +} +.u-text.u-indent-31, +.u-text.u-indent-31 ul, +.u-text.u-indent-31 ol { + padding-left: 51px; +} +.u-spacing-31 > div + div, +.u-spacing-31 .u-social-url + .u-social-url { + margin-left: 31px; +} +.u-spacing-31.u-icon, +.u-spacing-31.u-search-icon, +.u-spacing-31.u-carousel-control { + padding: 31px; +} +blockquote.u-text.u-indent-31 { + padding-left: 31px; +} +.u-text.u-spacing-30 li { + margin-bottom: 30px; +} +.u-text.u-indent-30, +.u-text.u-indent-30 ul, +.u-text.u-indent-30 ol { + padding-left: 50px; +} +.u-spacing-30 > div + div, +.u-spacing-30 .u-social-url + .u-social-url { + margin-left: 30px; +} +.u-spacing-30.u-icon, +.u-spacing-30.u-search-icon, +.u-spacing-30.u-carousel-control { + padding: 30px; +} +blockquote.u-text.u-indent-30 { + padding-left: 30px; +} +.u-text.u-spacing-29 li { + margin-bottom: 29px; +} +.u-text.u-indent-29, +.u-text.u-indent-29 ul, +.u-text.u-indent-29 ol { + padding-left: 49px; +} +.u-spacing-29 > div + div, +.u-spacing-29 .u-social-url + .u-social-url { + margin-left: 29px; +} +.u-spacing-29.u-icon, +.u-spacing-29.u-search-icon, +.u-spacing-29.u-carousel-control { + padding: 29px; +} +blockquote.u-text.u-indent-29 { + padding-left: 29px; +} +.u-text.u-spacing-28 li { + margin-bottom: 28px; +} +.u-text.u-indent-28, +.u-text.u-indent-28 ul, +.u-text.u-indent-28 ol { + padding-left: 48px; +} +.u-spacing-28 > div + div, +.u-spacing-28 .u-social-url + .u-social-url { + margin-left: 28px; +} +.u-spacing-28.u-icon, +.u-spacing-28.u-search-icon, +.u-spacing-28.u-carousel-control { + padding: 28px; +} +blockquote.u-text.u-indent-28 { + padding-left: 28px; +} +.u-text.u-spacing-27 li { + margin-bottom: 27px; +} +.u-text.u-indent-27, +.u-text.u-indent-27 ul, +.u-text.u-indent-27 ol { + padding-left: 47px; +} +.u-spacing-27 > div + div, +.u-spacing-27 .u-social-url + .u-social-url { + margin-left: 27px; +} +.u-spacing-27.u-icon, +.u-spacing-27.u-search-icon, +.u-spacing-27.u-carousel-control { + padding: 27px; +} +blockquote.u-text.u-indent-27 { + padding-left: 27px; +} +.u-text.u-spacing-26 li { + margin-bottom: 26px; +} +.u-text.u-indent-26, +.u-text.u-indent-26 ul, +.u-text.u-indent-26 ol { + padding-left: 46px; +} +.u-spacing-26 > div + div, +.u-spacing-26 .u-social-url + .u-social-url { + margin-left: 26px; +} +.u-spacing-26.u-icon, +.u-spacing-26.u-search-icon, +.u-spacing-26.u-carousel-control { + padding: 26px; +} +blockquote.u-text.u-indent-26 { + padding-left: 26px; +} +.u-text.u-spacing-25 li { + margin-bottom: 25px; +} +.u-text.u-indent-25, +.u-text.u-indent-25 ul, +.u-text.u-indent-25 ol { + padding-left: 45px; +} +.u-spacing-25 > div + div, +.u-spacing-25 .u-social-url + .u-social-url { + margin-left: 25px; +} +.u-spacing-25.u-icon, +.u-spacing-25.u-search-icon, +.u-spacing-25.u-carousel-control { + padding: 25px; +} +blockquote.u-text.u-indent-25 { + padding-left: 25px; +} +.u-text.u-spacing-24 li { + margin-bottom: 24px; +} +.u-text.u-indent-24, +.u-text.u-indent-24 ul, +.u-text.u-indent-24 ol { + padding-left: 44px; +} +.u-spacing-24 > div + div, +.u-spacing-24 .u-social-url + .u-social-url { + margin-left: 24px; +} +.u-spacing-24.u-icon, +.u-spacing-24.u-search-icon, +.u-spacing-24.u-carousel-control { + padding: 24px; +} +blockquote.u-text.u-indent-24 { + padding-left: 24px; +} +.u-text.u-spacing-23 li { + margin-bottom: 23px; +} +.u-text.u-indent-23, +.u-text.u-indent-23 ul, +.u-text.u-indent-23 ol { + padding-left: 43px; +} +.u-spacing-23 > div + div, +.u-spacing-23 .u-social-url + .u-social-url { + margin-left: 23px; +} +.u-spacing-23.u-icon, +.u-spacing-23.u-search-icon, +.u-spacing-23.u-carousel-control { + padding: 23px; +} +blockquote.u-text.u-indent-23 { + padding-left: 23px; +} +.u-text.u-spacing-22 li { + margin-bottom: 22px; +} +.u-text.u-indent-22, +.u-text.u-indent-22 ul, +.u-text.u-indent-22 ol { + padding-left: 42px; +} +.u-spacing-22 > div + div, +.u-spacing-22 .u-social-url + .u-social-url { + margin-left: 22px; +} +.u-spacing-22.u-icon, +.u-spacing-22.u-search-icon, +.u-spacing-22.u-carousel-control { + padding: 22px; +} +blockquote.u-text.u-indent-22 { + padding-left: 22px; +} +.u-text.u-spacing-21 li { + margin-bottom: 21px; +} +.u-text.u-indent-21, +.u-text.u-indent-21 ul, +.u-text.u-indent-21 ol { + padding-left: 41px; +} +.u-spacing-21 > div + div, +.u-spacing-21 .u-social-url + .u-social-url { + margin-left: 21px; +} +.u-spacing-21.u-icon, +.u-spacing-21.u-search-icon, +.u-spacing-21.u-carousel-control { + padding: 21px; +} +blockquote.u-text.u-indent-21 { + padding-left: 21px; +} +.u-text.u-spacing-20 li { + margin-bottom: 20px; +} +.u-text.u-indent-20, +.u-text.u-indent-20 ul, +.u-text.u-indent-20 ol { + padding-left: 40px; +} +.u-spacing-20 > div + div, +.u-spacing-20 .u-social-url + .u-social-url { + margin-left: 20px; +} +.u-spacing-20.u-icon, +.u-spacing-20.u-search-icon, +.u-spacing-20.u-carousel-control { + padding: 20px; +} +blockquote.u-text.u-indent-20 { + padding-left: 20px; +} +.u-text.u-spacing-19 li { + margin-bottom: 19px; +} +.u-text.u-indent-19, +.u-text.u-indent-19 ul, +.u-text.u-indent-19 ol { + padding-left: 39px; +} +.u-spacing-19 > div + div, +.u-spacing-19 .u-social-url + .u-social-url { + margin-left: 19px; +} +.u-spacing-19.u-icon, +.u-spacing-19.u-search-icon, +.u-spacing-19.u-carousel-control { + padding: 19px; +} +blockquote.u-text.u-indent-19 { + padding-left: 19px; +} +.u-text.u-spacing-18 li { + margin-bottom: 18px; +} +.u-text.u-indent-18, +.u-text.u-indent-18 ul, +.u-text.u-indent-18 ol { + padding-left: 38px; +} +.u-spacing-18 > div + div, +.u-spacing-18 .u-social-url + .u-social-url { + margin-left: 18px; +} +.u-spacing-18.u-icon, +.u-spacing-18.u-search-icon, +.u-spacing-18.u-carousel-control { + padding: 18px; +} +blockquote.u-text.u-indent-18 { + padding-left: 18px; +} +.u-text.u-spacing-17 li { + margin-bottom: 17px; +} +.u-text.u-indent-17, +.u-text.u-indent-17 ul, +.u-text.u-indent-17 ol { + padding-left: 37px; +} +.u-spacing-17 > div + div, +.u-spacing-17 .u-social-url + .u-social-url { + margin-left: 17px; +} +.u-spacing-17.u-icon, +.u-spacing-17.u-search-icon, +.u-spacing-17.u-carousel-control { + padding: 17px; +} +blockquote.u-text.u-indent-17 { + padding-left: 17px; +} +.u-text.u-spacing-16 li { + margin-bottom: 16px; +} +.u-text.u-indent-16, +.u-text.u-indent-16 ul, +.u-text.u-indent-16 ol { + padding-left: 36px; +} +.u-spacing-16 > div + div, +.u-spacing-16 .u-social-url + .u-social-url { + margin-left: 16px; +} +.u-spacing-16.u-icon, +.u-spacing-16.u-search-icon, +.u-spacing-16.u-carousel-control { + padding: 16px; +} +blockquote.u-text.u-indent-16 { + padding-left: 16px; +} +.u-text.u-spacing-15 li { + margin-bottom: 15px; +} +.u-text.u-indent-15, +.u-text.u-indent-15 ul, +.u-text.u-indent-15 ol { + padding-left: 35px; +} +.u-spacing-15 > div + div, +.u-spacing-15 .u-social-url + .u-social-url { + margin-left: 15px; +} +.u-spacing-15.u-icon, +.u-spacing-15.u-search-icon, +.u-spacing-15.u-carousel-control { + padding: 15px; +} +blockquote.u-text.u-indent-15 { + padding-left: 15px; +} +.u-text.u-spacing-14 li { + margin-bottom: 14px; +} +.u-text.u-indent-14, +.u-text.u-indent-14 ul, +.u-text.u-indent-14 ol { + padding-left: 34px; +} +.u-spacing-14 > div + div, +.u-spacing-14 .u-social-url + .u-social-url { + margin-left: 14px; +} +.u-spacing-14.u-icon, +.u-spacing-14.u-search-icon, +.u-spacing-14.u-carousel-control { + padding: 14px; +} +blockquote.u-text.u-indent-14 { + padding-left: 14px; +} +.u-text.u-spacing-13 li { + margin-bottom: 13px; +} +.u-text.u-indent-13, +.u-text.u-indent-13 ul, +.u-text.u-indent-13 ol { + padding-left: 33px; +} +.u-spacing-13 > div + div, +.u-spacing-13 .u-social-url + .u-social-url { + margin-left: 13px; +} +.u-spacing-13.u-icon, +.u-spacing-13.u-search-icon, +.u-spacing-13.u-carousel-control { + padding: 13px; +} +blockquote.u-text.u-indent-13 { + padding-left: 13px; +} +.u-text.u-spacing-12 li { + margin-bottom: 12px; +} +.u-text.u-indent-12, +.u-text.u-indent-12 ul, +.u-text.u-indent-12 ol { + padding-left: 32px; +} +.u-spacing-12 > div + div, +.u-spacing-12 .u-social-url + .u-social-url { + margin-left: 12px; +} +.u-spacing-12.u-icon, +.u-spacing-12.u-search-icon, +.u-spacing-12.u-carousel-control { + padding: 12px; +} +blockquote.u-text.u-indent-12 { + padding-left: 12px; +} +.u-text.u-spacing-11 li { + margin-bottom: 11px; +} +.u-text.u-indent-11, +.u-text.u-indent-11 ul, +.u-text.u-indent-11 ol { + padding-left: 31px; +} +.u-spacing-11 > div + div, +.u-spacing-11 .u-social-url + .u-social-url { + margin-left: 11px; +} +.u-spacing-11.u-icon, +.u-spacing-11.u-search-icon, +.u-spacing-11.u-carousel-control { + padding: 11px; +} +blockquote.u-text.u-indent-11 { + padding-left: 11px; +} +.u-text.u-spacing-10 li { + margin-bottom: 10px; +} +.u-text.u-indent-10, +.u-text.u-indent-10 ul, +.u-text.u-indent-10 ol { + padding-left: 30px; +} +.u-spacing-10 > div + div, +.u-spacing-10 .u-social-url + .u-social-url { + margin-left: 10px; +} +.u-spacing-10.u-icon, +.u-spacing-10.u-search-icon, +.u-spacing-10.u-carousel-control { + padding: 10px; +} +blockquote.u-text.u-indent-10 { + padding-left: 10px; +} +.u-text.u-spacing-9 li { + margin-bottom: 9px; +} +.u-text.u-indent-9, +.u-text.u-indent-9 ul, +.u-text.u-indent-9 ol { + padding-left: 29px; +} +.u-spacing-9 > div + div, +.u-spacing-9 .u-social-url + .u-social-url { + margin-left: 9px; +} +.u-spacing-9.u-icon, +.u-spacing-9.u-search-icon, +.u-spacing-9.u-carousel-control { + padding: 9px; +} +blockquote.u-text.u-indent-9 { + padding-left: 9px; +} +.u-text.u-spacing-8 li { + margin-bottom: 8px; +} +.u-text.u-indent-8, +.u-text.u-indent-8 ul, +.u-text.u-indent-8 ol { + padding-left: 28px; +} +.u-spacing-8 > div + div, +.u-spacing-8 .u-social-url + .u-social-url { + margin-left: 8px; +} +.u-spacing-8.u-icon, +.u-spacing-8.u-search-icon, +.u-spacing-8.u-carousel-control { + padding: 8px; +} +blockquote.u-text.u-indent-8 { + padding-left: 8px; +} +.u-text.u-spacing-7 li { + margin-bottom: 7px; +} +.u-text.u-indent-7, +.u-text.u-indent-7 ul, +.u-text.u-indent-7 ol { + padding-left: 27px; +} +.u-spacing-7 > div + div, +.u-spacing-7 .u-social-url + .u-social-url { + margin-left: 7px; +} +.u-spacing-7.u-icon, +.u-spacing-7.u-search-icon, +.u-spacing-7.u-carousel-control { + padding: 7px; +} +blockquote.u-text.u-indent-7 { + padding-left: 7px; +} +.u-text.u-spacing-6 li { + margin-bottom: 6px; +} +.u-text.u-indent-6, +.u-text.u-indent-6 ul, +.u-text.u-indent-6 ol { + padding-left: 26px; +} +.u-spacing-6 > div + div, +.u-spacing-6 .u-social-url + .u-social-url { + margin-left: 6px; +} +.u-spacing-6.u-icon, +.u-spacing-6.u-search-icon, +.u-spacing-6.u-carousel-control { + padding: 6px; +} +blockquote.u-text.u-indent-6 { + padding-left: 6px; +} +.u-text.u-spacing-5 li { + margin-bottom: 5px; +} +.u-text.u-indent-5, +.u-text.u-indent-5 ul, +.u-text.u-indent-5 ol { + padding-left: 25px; +} +.u-spacing-5 > div + div, +.u-spacing-5 .u-social-url + .u-social-url { + margin-left: 5px; +} +.u-spacing-5.u-icon, +.u-spacing-5.u-search-icon, +.u-spacing-5.u-carousel-control { + padding: 5px; +} +blockquote.u-text.u-indent-5 { + padding-left: 5px; +} +.u-text.u-spacing-4 li { + margin-bottom: 4px; +} +.u-text.u-indent-4, +.u-text.u-indent-4 ul, +.u-text.u-indent-4 ol { + padding-left: 24px; +} +.u-spacing-4 > div + div, +.u-spacing-4 .u-social-url + .u-social-url { + margin-left: 4px; +} +.u-spacing-4.u-icon, +.u-spacing-4.u-search-icon, +.u-spacing-4.u-carousel-control { + padding: 4px; +} +blockquote.u-text.u-indent-4 { + padding-left: 4px; +} +.u-text.u-spacing-3 li { + margin-bottom: 3px; +} +.u-text.u-indent-3, +.u-text.u-indent-3 ul, +.u-text.u-indent-3 ol { + padding-left: 23px; +} +.u-spacing-3 > div + div, +.u-spacing-3 .u-social-url + .u-social-url { + margin-left: 3px; +} +.u-spacing-3.u-icon, +.u-spacing-3.u-search-icon, +.u-spacing-3.u-carousel-control { + padding: 3px; +} +blockquote.u-text.u-indent-3 { + padding-left: 3px; +} +.u-text.u-spacing-2 li { + margin-bottom: 2px; +} +.u-text.u-indent-2, +.u-text.u-indent-2 ul, +.u-text.u-indent-2 ol { + padding-left: 22px; +} +.u-spacing-2 > div + div, +.u-spacing-2 .u-social-url + .u-social-url { + margin-left: 2px; +} +.u-spacing-2.u-icon, +.u-spacing-2.u-search-icon, +.u-spacing-2.u-carousel-control { + padding: 2px; +} +blockquote.u-text.u-indent-2 { + padding-left: 2px; +} +.u-text.u-spacing-1 li { + margin-bottom: 1px; +} +.u-text.u-indent-1, +.u-text.u-indent-1 ul, +.u-text.u-indent-1 ol { + padding-left: 21px; +} +.u-spacing-1 > div + div, +.u-spacing-1 .u-social-url + .u-social-url { + margin-left: 1px; +} +.u-spacing-1.u-icon, +.u-spacing-1.u-search-icon, +.u-spacing-1.u-carousel-control { + padding: 1px; +} +blockquote.u-text.u-indent-1 { + padding-left: 1px; +} +.u-text.u-spacing-0 li { + margin-bottom: 0px; +} +.u-text.u-indent-0, +.u-text.u-indent-0 ul, +.u-text.u-indent-0 ol { + padding-left: 20px; +} +.u-spacing-0 > div + div, +.u-spacing-0 .u-social-url + .u-social-url { + margin-left: 0px; +} +.u-spacing-0.u-icon, +.u-spacing-0.u-search-icon, +.u-spacing-0.u-carousel-control { + padding: 0px; +} +blockquote.u-text.u-indent-0 { + padding-left: 0px; +} +ul.u-text li:last-child { + margin-bottom: 0; +} +.u-vertical-spacing.u-spacing-100 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 100px; +} +.u-vertical-spacing.u-spacing-99 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 99px; +} +.u-vertical-spacing.u-spacing-98 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 98px; +} +.u-vertical-spacing.u-spacing-97 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 97px; +} +.u-vertical-spacing.u-spacing-96 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 96px; +} +.u-vertical-spacing.u-spacing-95 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 95px; +} +.u-vertical-spacing.u-spacing-94 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 94px; +} +.u-vertical-spacing.u-spacing-93 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 93px; +} +.u-vertical-spacing.u-spacing-92 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 92px; +} +.u-vertical-spacing.u-spacing-91 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 91px; +} +.u-vertical-spacing.u-spacing-90 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 90px; +} +.u-vertical-spacing.u-spacing-89 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 89px; +} +.u-vertical-spacing.u-spacing-88 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 88px; +} +.u-vertical-spacing.u-spacing-87 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 87px; +} +.u-vertical-spacing.u-spacing-86 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 86px; +} +.u-vertical-spacing.u-spacing-85 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 85px; +} +.u-vertical-spacing.u-spacing-84 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 84px; +} +.u-vertical-spacing.u-spacing-83 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 83px; +} +.u-vertical-spacing.u-spacing-82 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 82px; +} +.u-vertical-spacing.u-spacing-81 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 81px; +} +.u-vertical-spacing.u-spacing-80 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 80px; +} +.u-vertical-spacing.u-spacing-79 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 79px; +} +.u-vertical-spacing.u-spacing-78 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 78px; +} +.u-vertical-spacing.u-spacing-77 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 77px; +} +.u-vertical-spacing.u-spacing-76 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 76px; +} +.u-vertical-spacing.u-spacing-75 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 75px; +} +.u-vertical-spacing.u-spacing-74 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 74px; +} +.u-vertical-spacing.u-spacing-73 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 73px; +} +.u-vertical-spacing.u-spacing-72 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 72px; +} +.u-vertical-spacing.u-spacing-71 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 71px; +} +.u-vertical-spacing.u-spacing-70 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 70px; +} +.u-vertical-spacing.u-spacing-69 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 69px; +} +.u-vertical-spacing.u-spacing-68 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 68px; +} +.u-vertical-spacing.u-spacing-67 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 67px; +} +.u-vertical-spacing.u-spacing-66 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 66px; +} +.u-vertical-spacing.u-spacing-65 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 65px; +} +.u-vertical-spacing.u-spacing-64 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 64px; +} +.u-vertical-spacing.u-spacing-63 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 63px; +} +.u-vertical-spacing.u-spacing-62 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 62px; +} +.u-vertical-spacing.u-spacing-61 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 61px; +} +.u-vertical-spacing.u-spacing-60 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 60px; +} +.u-vertical-spacing.u-spacing-59 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 59px; +} +.u-vertical-spacing.u-spacing-58 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 58px; +} +.u-vertical-spacing.u-spacing-57 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 57px; +} +.u-vertical-spacing.u-spacing-56 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 56px; +} +.u-vertical-spacing.u-spacing-55 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 55px; +} +.u-vertical-spacing.u-spacing-54 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 54px; +} +.u-vertical-spacing.u-spacing-53 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 53px; +} +.u-vertical-spacing.u-spacing-52 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 52px; +} +.u-vertical-spacing.u-spacing-51 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 51px; +} +.u-vertical-spacing.u-spacing-50 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 50px; +} +.u-vertical-spacing.u-spacing-49 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 49px; +} +.u-vertical-spacing.u-spacing-48 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 48px; +} +.u-vertical-spacing.u-spacing-47 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 47px; +} +.u-vertical-spacing.u-spacing-46 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 46px; +} +.u-vertical-spacing.u-spacing-45 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 45px; +} +.u-vertical-spacing.u-spacing-44 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 44px; +} +.u-vertical-spacing.u-spacing-43 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 43px; +} +.u-vertical-spacing.u-spacing-42 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 42px; +} +.u-vertical-spacing.u-spacing-41 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 41px; +} +.u-vertical-spacing.u-spacing-40 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 40px; +} +.u-vertical-spacing.u-spacing-39 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 39px; +} +.u-vertical-spacing.u-spacing-38 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 38px; +} +.u-vertical-spacing.u-spacing-37 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 37px; +} +.u-vertical-spacing.u-spacing-36 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 36px; +} +.u-vertical-spacing.u-spacing-35 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 35px; +} +.u-vertical-spacing.u-spacing-34 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 34px; +} +.u-vertical-spacing.u-spacing-33 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 33px; +} +.u-vertical-spacing.u-spacing-32 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 32px; +} +.u-vertical-spacing.u-spacing-31 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 31px; +} +.u-vertical-spacing.u-spacing-30 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 30px; +} +.u-vertical-spacing.u-spacing-29 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 29px; +} +.u-vertical-spacing.u-spacing-28 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 28px; +} +.u-vertical-spacing.u-spacing-27 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 27px; +} +.u-vertical-spacing.u-spacing-26 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 26px; +} +.u-vertical-spacing.u-spacing-25 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 25px; +} +.u-vertical-spacing.u-spacing-24 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 24px; +} +.u-vertical-spacing.u-spacing-23 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 23px; +} +.u-vertical-spacing.u-spacing-22 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 22px; +} +.u-vertical-spacing.u-spacing-21 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 21px; +} +.u-vertical-spacing.u-spacing-20 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 20px; +} +.u-vertical-spacing.u-spacing-19 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 19px; +} +.u-vertical-spacing.u-spacing-18 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 18px; +} +.u-vertical-spacing.u-spacing-17 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 17px; +} +.u-vertical-spacing.u-spacing-16 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 16px; +} +.u-vertical-spacing.u-spacing-15 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 15px; +} +.u-vertical-spacing.u-spacing-14 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 14px; +} +.u-vertical-spacing.u-spacing-13 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 13px; +} +.u-vertical-spacing.u-spacing-12 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 12px; +} +.u-vertical-spacing.u-spacing-11 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 11px; +} +.u-vertical-spacing.u-spacing-10 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 10px; +} +.u-vertical-spacing.u-spacing-9 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 9px; +} +.u-vertical-spacing.u-spacing-8 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 8px; +} +.u-vertical-spacing.u-spacing-7 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 7px; +} +.u-vertical-spacing.u-spacing-6 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 6px; +} +.u-vertical-spacing.u-spacing-5 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 5px; +} +.u-vertical-spacing.u-spacing-4 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 4px; +} +.u-vertical-spacing.u-spacing-3 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 3px; +} +.u-vertical-spacing.u-spacing-2 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 2px; +} +.u-vertical-spacing.u-spacing-1 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 1px; +} +.u-vertical-spacing.u-spacing-0 > li:not(:last-child) { + margin-right: 0 !important; + margin-bottom: 0px; +} +.u-backlink { + position: relative; + text-align: center; + padding: 1em; +} +.u-backlink a:first-letter { + text-transform: capitalize; +} +.u-backlink a, +.u-backlink p { + display: inline-block; +} +.u-backlink span { + font-size: 0.8rem; +} +.u-backlink .u-link { + text-decoration: underline; +} +.u-backlink span, +.u-backlink .u-link:hover { + text-decoration: none; +} +.u-hidden { + display: none !important; +} +@media (min-width: 1200px) { + .u-hidden-xl { + display: none !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .u-hidden-lg { + display: none !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .u-hidden-md { + display: none !important; + } +} +@media (min-width: 576px) and (max-width: 767px) { + .u-hidden-sm { + display: none !important; + } +} +@media (max-width: 575px) { + .u-hidden-xs { + display: none !important; + } +} +.u-border-none { + border-width: 0 !important; +} +[class*="u-border-"].u-border-no-top { + border-top-width: 0; + border-top-style: none; +} +[class*="u-border-"].u-border-no-right { + border-right-width: 0; + border-right-style: none; +} +[class*="u-border-"].u-border-no-bottom { + border-bottom-width: 0; + border-bottom-style: none; +} +[class*="u-border-"].u-border-no-left { + border-left-width: 0; + border-left-style: none; +} +.u-border-color-none { + background-color: transparent; +} +.u-text.u-indent-none { + padding-left: 0 !important; +} +.u-text-default { + display: table; + align-self: flex-start; +} +.u-text-default:empty { + display: block; + width: 15px; +} +.u-image, +.u-background-effect-image, +.u-video-poster { + object-fit: cover; + display: block; + vertical-align: middle; + background-size: cover; + background-position: 50% 50%; + background-repeat: no-repeat; +} +img.u-image, +.u-video-poster { + overflow: hidden; +} +.u-back-image.u-image-contain, +.u-image.u-image-contain { + object-fit: contain; + background-size: contain; +} +.u-back-image.u-image-tiles, +.u-image.u-image-tiles { + background-size: initial; + background-repeat: repeat; + background-position: top left !important; +} +section.u-image, +.u-sheet.u-image, +.u-group.u-image, +.u-layout-cell.u-image { + overflow: visible; +} +.u-text .u-image { + display: inline-block; +} +.u-post-content .u-image { + margin-bottom: 0.5rem; +} +.u-image-circle.u-image { + border-radius: 50% !important; +} +.u-image-circle.u-expanded-width { + padding-bottom: 100%; +} +@media (min-width: 1200px) { + .u-image-circle.u-expanded-width-xl { + padding-bottom: 100%; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .u-image-circle.u-expanded-width-lg { + padding-bottom: 100%; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .u-image-circle.u-expanded-width-md { + padding-bottom: 100%; + } +} +@media (min-width: 576px) and (max-width: 767px) { + .u-image-circle.u-expanded-width-sm { + padding-bottom: 100%; + } +} +@media (max-width: 575px) { + .u-image-circle.u-expanded-width-xs { + padding-bottom: 100%; + } +} +.u-image-round { + border-radius: 10px; +} +.u-image-square { + border-radius: 0; +} +[data-post-link], +[data-href] { + cursor: pointer; +} +.u-sheet { + position: relative; + width: 1140px; + margin: 0 auto; +} +@media (min-width: 1200px) { + .u-sheet { + width: 1140px; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .u-sheet { + width: 940px; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .u-sheet { + width: 720px; + } +} +@media (min-width: 576px) and (max-width: 767px) { + .u-sheet { + width: 540px; + } +} +@media (max-width: 575px) { + .u-sheet { + width: 340px; + } +} +.u-sheet .u-sheet { + width: 100%; +} +.u-container-layout { + position: relative; + flex: 1; + max-width: 100%; +} +.u-inner-container-layout, +.u-container-layout > * { + position: relative; +} +.u-expanded { + position: absolute !important; + left: 0; + top: 0; + width: 100%; + height: 100%; +} +.u-expanded-width { + width: 100% !important; + margin-left: 0 !important; + margin-right: 0 !important; +} +@media (min-width: 1200px) { + .u-expanded-width-xl { + width: 100% !important; + margin-left: 0 !important; + margin-right: 0 !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .u-expanded-width-lg { + width: 100% !important; + margin-left: 0 !important; + margin-right: 0 !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .u-expanded-width-md { + width: 100% !important; + margin-left: 0 !important; + margin-right: 0 !important; + } +} +@media (min-width: 576px) and (max-width: 767px) { + .u-expanded-width-sm { + width: 100% !important; + margin-left: 0 !important; + margin-right: 0 !important; + } +} +@media (max-width: 575px) { + .u-expanded-width-xs { + width: 100% !important; + margin-left: 0 !important; + margin-right: 0 !important; + } +} +.u-expanded-height { + position: absolute !important; + height: 100% !important; + top: 0 !important; +} +@media (min-width: 1200px) { + .u-expanded-height-xl { + position: absolute !important; + height: 100% !important; + top: 0 !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .u-expanded-height-lg { + position: absolute !important; + height: 100% !important; + top: 0 !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .u-expanded-height-md { + position: absolute !important; + height: 100% !important; + top: 0 !important; + } +} +@media (min-width: 576px) and (max-width: 767px) { + .u-expanded-height-sm { + position: absolute !important; + height: 100% !important; + top: 0 !important; + } +} +@media (max-width: 575px) { + .u-expanded-height-xs { + position: absolute !important; + height: 100% !important; + top: 0 !important; + } +} +.u-valign-middle, +.u-valign-top, +.u-valign-bottom { + display: flex; + flex-direction: column; +} +@media (min-width: 1200px) { + .u-valign-middle-xl, + .u-valign-top-xl, + .u-valign-bottom-xl { + display: flex; + flex-direction: column; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .u-valign-middle-lg, + .u-valign-top-lg, + .u-valign-bottom-lg { + display: flex; + flex-direction: column; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .u-valign-middle-md, + .u-valign-top-md, + .u-valign-bottom-md { + display: flex; + flex-direction: column; + } +} +@media (min-width: 576px) and (max-width: 767px) { + .u-valign-middle-sm, + .u-valign-top-sm, + .u-valign-bottom-sm { + display: flex; + flex-direction: column; + } +} +@media (max-width: 575px) { + .u-valign-middle-xs, + .u-valign-top-xs, + .u-valign-bottom-xs { + display: flex; + flex-direction: column; + } +} +.u-valign-middle > *, +.u-valign-top > *, +.u-valign-bottom > * { + flex-shrink: 0; +} +.u-valign-middle { + justify-content: center; +} +@media (min-width: 1200px) { + .u-valign-middle-xl { + justify-content: center; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .u-valign-middle-lg { + justify-content: center; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .u-valign-middle-md { + justify-content: center; + } +} +@media (min-width: 576px) and (max-width: 767px) { + .u-valign-middle-sm { + justify-content: center; + } +} +@media (max-width: 575px) { + .u-valign-middle-xs { + justify-content: center; + } +} +.u-valign-top { + justify-content: flex-start; +} +@media (min-width: 1200px) { + .u-valign-top-xl { + justify-content: flex-start; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .u-valign-top-lg { + justify-content: flex-start; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .u-valign-top-md { + justify-content: flex-start; + } +} +@media (min-width: 576px) and (max-width: 767px) { + .u-valign-top-sm { + justify-content: flex-start; + } +} +@media (max-width: 575px) { + .u-valign-top-xs { + justify-content: flex-start; + } +} +.u-valign-bottom { + justify-content: flex-end; +} +@media (min-width: 1200px) { + .u-valign-bottom-xl { + justify-content: flex-end; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .u-valign-bottom-lg { + justify-content: flex-end; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .u-valign-bottom-md { + justify-content: flex-end; + } +} +@media (min-width: 576px) and (max-width: 767px) { + .u-valign-bottom-sm { + justify-content: flex-end; + } +} +@media (max-width: 575px) { + .u-valign-bottom-xs { + justify-content: flex-end; + } +} +@media (max-width: 767px) { + :not(.u-sheet) > [class*="u-gutter-"]:not(.u-gutter-0).u-expanded-width { + overflow: hidden; + } +} +.u-layout-row > .u-size-60 { + flex: 0 0 100%; + max-width: 100%; +} +.u-layout-col > .u-size-60 { + flex: 60 0 100%; +} +.u-layout-row > .u-size-59 { + flex: 0 0 98.33333333%; + max-width: 98.33333333%; +} +.u-layout-col > .u-size-59 { + flex: 59 0 98.33333333%; +} +.u-layout-row > .u-size-58 { + flex: 0 0 96.66666667%; + max-width: 96.66666667%; +} +.u-layout-col > .u-size-58 { + flex: 58 0 96.66666667%; +} +.u-layout-row > .u-size-57 { + flex: 0 0 95%; + max-width: 95%; +} +.u-layout-col > .u-size-57 { + flex: 57 0 95%; +} +.u-layout-row > .u-size-56 { + flex: 0 0 93.33333333%; + max-width: 93.33333333%; +} +.u-layout-col > .u-size-56 { + flex: 56 0 93.33333333%; +} +.u-layout-row > .u-size-55 { + flex: 0 0 91.66666667%; + max-width: 91.66666667%; +} +.u-layout-col > .u-size-55 { + flex: 55 0 91.66666667%; +} +.u-layout-row > .u-size-54 { + flex: 0 0 90%; + max-width: 90%; +} +.u-layout-col > .u-size-54 { + flex: 54 0 90%; +} +.u-layout-row > .u-size-53 { + flex: 0 0 88.33333333%; + max-width: 88.33333333%; +} +.u-layout-col > .u-size-53 { + flex: 53 0 88.33333333%; +} +.u-layout-row > .u-size-52 { + flex: 0 0 86.66666667%; + max-width: 86.66666667%; +} +.u-layout-col > .u-size-52 { + flex: 52 0 86.66666667%; +} +.u-layout-row > .u-size-51 { + flex: 0 0 85%; + max-width: 85%; +} +.u-layout-col > .u-size-51 { + flex: 51 0 85%; +} +.u-layout-row > .u-size-50 { + flex: 0 0 83.33333333%; + max-width: 83.33333333%; +} +.u-layout-col > .u-size-50 { + flex: 50 0 83.33333333%; +} +.u-layout-row > .u-size-49 { + flex: 0 0 81.66666667%; + max-width: 81.66666667%; +} +.u-layout-col > .u-size-49 { + flex: 49 0 81.66666667%; +} +.u-layout-row > .u-size-48 { + flex: 0 0 80%; + max-width: 80%; +} +.u-layout-col > .u-size-48 { + flex: 48 0 80%; +} +.u-layout-row > .u-size-47 { + flex: 0 0 78.33333333%; + max-width: 78.33333333%; +} +.u-layout-col > .u-size-47 { + flex: 47 0 78.33333333%; +} +.u-layout-row > .u-size-46 { + flex: 0 0 76.66666667%; + max-width: 76.66666667%; +} +.u-layout-col > .u-size-46 { + flex: 46 0 76.66666667%; +} +.u-layout-row > .u-size-45 { + flex: 0 0 75%; + max-width: 75%; +} +.u-layout-col > .u-size-45 { + flex: 45 0 75%; +} +.u-layout-row > .u-size-44 { + flex: 0 0 73.33333333%; + max-width: 73.33333333%; +} +.u-layout-col > .u-size-44 { + flex: 44 0 73.33333333%; +} +.u-layout-row > .u-size-43 { + flex: 0 0 71.66666667%; + max-width: 71.66666667%; +} +.u-layout-col > .u-size-43 { + flex: 43 0 71.66666667%; +} +.u-layout-row > .u-size-42 { + flex: 0 0 70%; + max-width: 70%; +} +.u-layout-col > .u-size-42 { + flex: 42 0 70%; +} +.u-layout-row > .u-size-41 { + flex: 0 0 68.33333333%; + max-width: 68.33333333%; +} +.u-layout-col > .u-size-41 { + flex: 41 0 68.33333333%; +} +.u-layout-row > .u-size-40 { + flex: 0 0 66.66666667%; + max-width: 66.66666667%; +} +.u-layout-col > .u-size-40 { + flex: 40 0 66.66666667%; +} +.u-layout-row > .u-size-39 { + flex: 0 0 65%; + max-width: 65%; +} +.u-layout-col > .u-size-39 { + flex: 39 0 65%; +} +.u-layout-row > .u-size-38 { + flex: 0 0 63.33333333%; + max-width: 63.33333333%; +} +.u-layout-col > .u-size-38 { + flex: 38 0 63.33333333%; +} +.u-layout-row > .u-size-37 { + flex: 0 0 61.66666667%; + max-width: 61.66666667%; +} +.u-layout-col > .u-size-37 { + flex: 37 0 61.66666667%; +} +.u-layout-row > .u-size-36 { + flex: 0 0 60%; + max-width: 60%; +} +.u-layout-col > .u-size-36 { + flex: 36 0 60%; +} +.u-layout-row > .u-size-35 { + flex: 0 0 58.33333333%; + max-width: 58.33333333%; +} +.u-layout-col > .u-size-35 { + flex: 35 0 58.33333333%; +} +.u-layout-row > .u-size-34 { + flex: 0 0 56.66666667%; + max-width: 56.66666667%; +} +.u-layout-col > .u-size-34 { + flex: 34 0 56.66666667%; +} +.u-layout-row > .u-size-33 { + flex: 0 0 55%; + max-width: 55%; +} +.u-layout-col > .u-size-33 { + flex: 33 0 55%; +} +.u-layout-row > .u-size-32 { + flex: 0 0 53.33333333%; + max-width: 53.33333333%; +} +.u-layout-col > .u-size-32 { + flex: 32 0 53.33333333%; +} +.u-layout-row > .u-size-31 { + flex: 0 0 51.66666667%; + max-width: 51.66666667%; +} +.u-layout-col > .u-size-31 { + flex: 31 0 51.66666667%; +} +.u-layout-row > .u-size-30 { + flex: 0 0 50%; + max-width: 50%; +} +.u-layout-col > .u-size-30 { + flex: 30 0 50%; +} +.u-layout-row > .u-size-29 { + flex: 0 0 48.33333333%; + max-width: 48.33333333%; +} +.u-layout-col > .u-size-29 { + flex: 29 0 48.33333333%; +} +.u-layout-row > .u-size-28 { + flex: 0 0 46.66666667%; + max-width: 46.66666667%; +} +.u-layout-col > .u-size-28 { + flex: 28 0 46.66666667%; +} +.u-layout-row > .u-size-27 { + flex: 0 0 45%; + max-width: 45%; +} +.u-layout-col > .u-size-27 { + flex: 27 0 45%; +} +.u-layout-row > .u-size-26 { + flex: 0 0 43.33333333%; + max-width: 43.33333333%; +} +.u-layout-col > .u-size-26 { + flex: 26 0 43.33333333%; +} +.u-layout-row > .u-size-25 { + flex: 0 0 41.66666667%; + max-width: 41.66666667%; +} +.u-layout-col > .u-size-25 { + flex: 25 0 41.66666667%; +} +.u-layout-row > .u-size-24 { + flex: 0 0 40%; + max-width: 40%; +} +.u-layout-col > .u-size-24 { + flex: 24 0 40%; +} +.u-layout-row > .u-size-23 { + flex: 0 0 38.33333333%; + max-width: 38.33333333%; +} +.u-layout-col > .u-size-23 { + flex: 23 0 38.33333333%; +} +.u-layout-row > .u-size-22 { + flex: 0 0 36.66666667%; + max-width: 36.66666667%; +} +.u-layout-col > .u-size-22 { + flex: 22 0 36.66666667%; +} +.u-layout-row > .u-size-21 { + flex: 0 0 35%; + max-width: 35%; +} +.u-layout-col > .u-size-21 { + flex: 21 0 35%; +} +.u-layout-row > .u-size-20 { + flex: 0 0 33.33333333%; + max-width: 33.33333333%; +} +.u-layout-col > .u-size-20 { + flex: 20 0 33.33333333%; +} +.u-layout-row > .u-size-19 { + flex: 0 0 31.66666667%; + max-width: 31.66666667%; +} +.u-layout-col > .u-size-19 { + flex: 19 0 31.66666667%; +} +.u-layout-row > .u-size-18 { + flex: 0 0 30%; + max-width: 30%; +} +.u-layout-col > .u-size-18 { + flex: 18 0 30%; +} +.u-layout-row > .u-size-17 { + flex: 0 0 28.33333333%; + max-width: 28.33333333%; +} +.u-layout-col > .u-size-17 { + flex: 17 0 28.33333333%; +} +.u-layout-row > .u-size-16 { + flex: 0 0 26.66666667%; + max-width: 26.66666667%; +} +.u-layout-col > .u-size-16 { + flex: 16 0 26.66666667%; +} +.u-layout-row > .u-size-15 { + flex: 0 0 25%; + max-width: 25%; +} +.u-layout-col > .u-size-15 { + flex: 15 0 25%; +} +.u-layout-row > .u-size-14 { + flex: 0 0 23.33333333%; + max-width: 23.33333333%; +} +.u-layout-col > .u-size-14 { + flex: 14 0 23.33333333%; +} +.u-layout-row > .u-size-13 { + flex: 0 0 21.66666667%; + max-width: 21.66666667%; +} +.u-layout-col > .u-size-13 { + flex: 13 0 21.66666667%; +} +.u-layout-row > .u-size-12 { + flex: 0 0 20%; + max-width: 20%; +} +.u-layout-col > .u-size-12 { + flex: 12 0 20%; +} +.u-layout-row > .u-size-11 { + flex: 0 0 18.33333333%; + max-width: 18.33333333%; +} +.u-layout-col > .u-size-11 { + flex: 11 0 18.33333333%; +} +.u-layout-row > .u-size-10 { + flex: 0 0 16.66666667%; + max-width: 16.66666667%; +} +.u-layout-col > .u-size-10 { + flex: 10 0 16.66666667%; +} +.u-layout-row > .u-size-9 { + flex: 0 0 15%; + max-width: 15%; +} +.u-layout-col > .u-size-9 { + flex: 9 0 15%; +} +.u-layout-row > .u-size-8 { + flex: 0 0 13.33333333%; + max-width: 13.33333333%; +} +.u-layout-col > .u-size-8 { + flex: 8 0 13.33333333%; +} +.u-layout-row > .u-size-7 { + flex: 0 0 11.66666667%; + max-width: 11.66666667%; +} +.u-layout-col > .u-size-7 { + flex: 7 0 11.66666667%; +} +.u-layout-row > .u-size-6 { + flex: 0 0 10%; + max-width: 10%; +} +.u-layout-col > .u-size-6 { + flex: 6 0 10%; +} +.u-layout-row > .u-size-5 { + flex: 0 0 8.33333333%; + max-width: 8.33333333%; +} +.u-layout-col > .u-size-5 { + flex: 5 0 8.33333333%; +} +.u-layout-row > .u-size-4 { + flex: 0 0 6.66666667%; + max-width: 6.66666667%; +} +.u-layout-col > .u-size-4 { + flex: 4 0 6.66666667%; +} +.u-layout-row > .u-size-3 { + flex: 0 0 5%; + max-width: 5%; +} +.u-layout-col > .u-size-3 { + flex: 3 0 5%; +} +.u-layout-row > .u-size-2 { + flex: 0 0 3.33333333%; + max-width: 3.33333333%; +} +.u-layout-col > .u-size-2 { + flex: 2 0 3.33333333%; +} +.u-layout-row > .u-size-1 { + flex: 0 0 1.66666667%; + max-width: 1.66666667%; +} +.u-layout-col > .u-size-1 { + flex: 1 0 1.66666667%; +} +.u-layout-row > .u-size-0 { + flex: 0 0 0%; + max-width: 0%; +} +.u-layout-col > .u-size-0 { + flex: 0 0 0%; +} +@media (min-width: 1200px) { + .u-layout-row > .u-size-60-xl { + flex: 0 0 100%; + max-width: 100%; + } + .u-layout-col > .u-size-60-xl { + flex: 60 0 100%; + } + .u-layout-row > .u-size-59-xl { + flex: 0 0 98.33333333%; + max-width: 98.33333333%; + } + .u-layout-col > .u-size-59-xl { + flex: 59 0 98.33333333%; + } + .u-layout-row > .u-size-58-xl { + flex: 0 0 96.66666667%; + max-width: 96.66666667%; + } + .u-layout-col > .u-size-58-xl { + flex: 58 0 96.66666667%; + } + .u-layout-row > .u-size-57-xl { + flex: 0 0 95%; + max-width: 95%; + } + .u-layout-col > .u-size-57-xl { + flex: 57 0 95%; + } + .u-layout-row > .u-size-56-xl { + flex: 0 0 93.33333333%; + max-width: 93.33333333%; + } + .u-layout-col > .u-size-56-xl { + flex: 56 0 93.33333333%; + } + .u-layout-row > .u-size-55-xl { + flex: 0 0 91.66666667%; + max-width: 91.66666667%; + } + .u-layout-col > .u-size-55-xl { + flex: 55 0 91.66666667%; + } + .u-layout-row > .u-size-54-xl { + flex: 0 0 90%; + max-width: 90%; + } + .u-layout-col > .u-size-54-xl { + flex: 54 0 90%; + } + .u-layout-row > .u-size-53-xl { + flex: 0 0 88.33333333%; + max-width: 88.33333333%; + } + .u-layout-col > .u-size-53-xl { + flex: 53 0 88.33333333%; + } + .u-layout-row > .u-size-52-xl { + flex: 0 0 86.66666667%; + max-width: 86.66666667%; + } + .u-layout-col > .u-size-52-xl { + flex: 52 0 86.66666667%; + } + .u-layout-row > .u-size-51-xl { + flex: 0 0 85%; + max-width: 85%; + } + .u-layout-col > .u-size-51-xl { + flex: 51 0 85%; + } + .u-layout-row > .u-size-50-xl { + flex: 0 0 83.33333333%; + max-width: 83.33333333%; + } + .u-layout-col > .u-size-50-xl { + flex: 50 0 83.33333333%; + } + .u-layout-row > .u-size-49-xl { + flex: 0 0 81.66666667%; + max-width: 81.66666667%; + } + .u-layout-col > .u-size-49-xl { + flex: 49 0 81.66666667%; + } + .u-layout-row > .u-size-48-xl { + flex: 0 0 80%; + max-width: 80%; + } + .u-layout-col > .u-size-48-xl { + flex: 48 0 80%; + } + .u-layout-row > .u-size-47-xl { + flex: 0 0 78.33333333%; + max-width: 78.33333333%; + } + .u-layout-col > .u-size-47-xl { + flex: 47 0 78.33333333%; + } + .u-layout-row > .u-size-46-xl { + flex: 0 0 76.66666667%; + max-width: 76.66666667%; + } + .u-layout-col > .u-size-46-xl { + flex: 46 0 76.66666667%; + } + .u-layout-row > .u-size-45-xl { + flex: 0 0 75%; + max-width: 75%; + } + .u-layout-col > .u-size-45-xl { + flex: 45 0 75%; + } + .u-layout-row > .u-size-44-xl { + flex: 0 0 73.33333333%; + max-width: 73.33333333%; + } + .u-layout-col > .u-size-44-xl { + flex: 44 0 73.33333333%; + } + .u-layout-row > .u-size-43-xl { + flex: 0 0 71.66666667%; + max-width: 71.66666667%; + } + .u-layout-col > .u-size-43-xl { + flex: 43 0 71.66666667%; + } + .u-layout-row > .u-size-42-xl { + flex: 0 0 70%; + max-width: 70%; + } + .u-layout-col > .u-size-42-xl { + flex: 42 0 70%; + } + .u-layout-row > .u-size-41-xl { + flex: 0 0 68.33333333%; + max-width: 68.33333333%; + } + .u-layout-col > .u-size-41-xl { + flex: 41 0 68.33333333%; + } + .u-layout-row > .u-size-40-xl { + flex: 0 0 66.66666667%; + max-width: 66.66666667%; + } + .u-layout-col > .u-size-40-xl { + flex: 40 0 66.66666667%; + } + .u-layout-row > .u-size-39-xl { + flex: 0 0 65%; + max-width: 65%; + } + .u-layout-col > .u-size-39-xl { + flex: 39 0 65%; + } + .u-layout-row > .u-size-38-xl { + flex: 0 0 63.33333333%; + max-width: 63.33333333%; + } + .u-layout-col > .u-size-38-xl { + flex: 38 0 63.33333333%; + } + .u-layout-row > .u-size-37-xl { + flex: 0 0 61.66666667%; + max-width: 61.66666667%; + } + .u-layout-col > .u-size-37-xl { + flex: 37 0 61.66666667%; + } + .u-layout-row > .u-size-36-xl { + flex: 0 0 60%; + max-width: 60%; + } + .u-layout-col > .u-size-36-xl { + flex: 36 0 60%; + } + .u-layout-row > .u-size-35-xl { + flex: 0 0 58.33333333%; + max-width: 58.33333333%; + } + .u-layout-col > .u-size-35-xl { + flex: 35 0 58.33333333%; + } + .u-layout-row > .u-size-34-xl { + flex: 0 0 56.66666667%; + max-width: 56.66666667%; + } + .u-layout-col > .u-size-34-xl { + flex: 34 0 56.66666667%; + } + .u-layout-row > .u-size-33-xl { + flex: 0 0 55%; + max-width: 55%; + } + .u-layout-col > .u-size-33-xl { + flex: 33 0 55%; + } + .u-layout-row > .u-size-32-xl { + flex: 0 0 53.33333333%; + max-width: 53.33333333%; + } + .u-layout-col > .u-size-32-xl { + flex: 32 0 53.33333333%; + } + .u-layout-row > .u-size-31-xl { + flex: 0 0 51.66666667%; + max-width: 51.66666667%; + } + .u-layout-col > .u-size-31-xl { + flex: 31 0 51.66666667%; + } + .u-layout-row > .u-size-30-xl { + flex: 0 0 50%; + max-width: 50%; + } + .u-layout-col > .u-size-30-xl { + flex: 30 0 50%; + } + .u-layout-row > .u-size-29-xl { + flex: 0 0 48.33333333%; + max-width: 48.33333333%; + } + .u-layout-col > .u-size-29-xl { + flex: 29 0 48.33333333%; + } + .u-layout-row > .u-size-28-xl { + flex: 0 0 46.66666667%; + max-width: 46.66666667%; + } + .u-layout-col > .u-size-28-xl { + flex: 28 0 46.66666667%; + } + .u-layout-row > .u-size-27-xl { + flex: 0 0 45%; + max-width: 45%; + } + .u-layout-col > .u-size-27-xl { + flex: 27 0 45%; + } + .u-layout-row > .u-size-26-xl { + flex: 0 0 43.33333333%; + max-width: 43.33333333%; + } + .u-layout-col > .u-size-26-xl { + flex: 26 0 43.33333333%; + } + .u-layout-row > .u-size-25-xl { + flex: 0 0 41.66666667%; + max-width: 41.66666667%; + } + .u-layout-col > .u-size-25-xl { + flex: 25 0 41.66666667%; + } + .u-layout-row > .u-size-24-xl { + flex: 0 0 40%; + max-width: 40%; + } + .u-layout-col > .u-size-24-xl { + flex: 24 0 40%; + } + .u-layout-row > .u-size-23-xl { + flex: 0 0 38.33333333%; + max-width: 38.33333333%; + } + .u-layout-col > .u-size-23-xl { + flex: 23 0 38.33333333%; + } + .u-layout-row > .u-size-22-xl { + flex: 0 0 36.66666667%; + max-width: 36.66666667%; + } + .u-layout-col > .u-size-22-xl { + flex: 22 0 36.66666667%; + } + .u-layout-row > .u-size-21-xl { + flex: 0 0 35%; + max-width: 35%; + } + .u-layout-col > .u-size-21-xl { + flex: 21 0 35%; + } + .u-layout-row > .u-size-20-xl { + flex: 0 0 33.33333333%; + max-width: 33.33333333%; + } + .u-layout-col > .u-size-20-xl { + flex: 20 0 33.33333333%; + } + .u-layout-row > .u-size-19-xl { + flex: 0 0 31.66666667%; + max-width: 31.66666667%; + } + .u-layout-col > .u-size-19-xl { + flex: 19 0 31.66666667%; + } + .u-layout-row > .u-size-18-xl { + flex: 0 0 30%; + max-width: 30%; + } + .u-layout-col > .u-size-18-xl { + flex: 18 0 30%; + } + .u-layout-row > .u-size-17-xl { + flex: 0 0 28.33333333%; + max-width: 28.33333333%; + } + .u-layout-col > .u-size-17-xl { + flex: 17 0 28.33333333%; + } + .u-layout-row > .u-size-16-xl { + flex: 0 0 26.66666667%; + max-width: 26.66666667%; + } + .u-layout-col > .u-size-16-xl { + flex: 16 0 26.66666667%; + } + .u-layout-row > .u-size-15-xl { + flex: 0 0 25%; + max-width: 25%; + } + .u-layout-col > .u-size-15-xl { + flex: 15 0 25%; + } + .u-layout-row > .u-size-14-xl { + flex: 0 0 23.33333333%; + max-width: 23.33333333%; + } + .u-layout-col > .u-size-14-xl { + flex: 14 0 23.33333333%; + } + .u-layout-row > .u-size-13-xl { + flex: 0 0 21.66666667%; + max-width: 21.66666667%; + } + .u-layout-col > .u-size-13-xl { + flex: 13 0 21.66666667%; + } + .u-layout-row > .u-size-12-xl { + flex: 0 0 20%; + max-width: 20%; + } + .u-layout-col > .u-size-12-xl { + flex: 12 0 20%; + } + .u-layout-row > .u-size-11-xl { + flex: 0 0 18.33333333%; + max-width: 18.33333333%; + } + .u-layout-col > .u-size-11-xl { + flex: 11 0 18.33333333%; + } + .u-layout-row > .u-size-10-xl { + flex: 0 0 16.66666667%; + max-width: 16.66666667%; + } + .u-layout-col > .u-size-10-xl { + flex: 10 0 16.66666667%; + } + .u-layout-row > .u-size-9-xl { + flex: 0 0 15%; + max-width: 15%; + } + .u-layout-col > .u-size-9-xl { + flex: 9 0 15%; + } + .u-layout-row > .u-size-8-xl { + flex: 0 0 13.33333333%; + max-width: 13.33333333%; + } + .u-layout-col > .u-size-8-xl { + flex: 8 0 13.33333333%; + } + .u-layout-row > .u-size-7-xl { + flex: 0 0 11.66666667%; + max-width: 11.66666667%; + } + .u-layout-col > .u-size-7-xl { + flex: 7 0 11.66666667%; + } + .u-layout-row > .u-size-6-xl { + flex: 0 0 10%; + max-width: 10%; + } + .u-layout-col > .u-size-6-xl { + flex: 6 0 10%; + } + .u-layout-row > .u-size-5-xl { + flex: 0 0 8.33333333%; + max-width: 8.33333333%; + } + .u-layout-col > .u-size-5-xl { + flex: 5 0 8.33333333%; + } + .u-layout-row > .u-size-4-xl { + flex: 0 0 6.66666667%; + max-width: 6.66666667%; + } + .u-layout-col > .u-size-4-xl { + flex: 4 0 6.66666667%; + } + .u-layout-row > .u-size-3-xl { + flex: 0 0 5%; + max-width: 5%; + } + .u-layout-col > .u-size-3-xl { + flex: 3 0 5%; + } + .u-layout-row > .u-size-2-xl { + flex: 0 0 3.33333333%; + max-width: 3.33333333%; + } + .u-layout-col > .u-size-2-xl { + flex: 2 0 3.33333333%; + } + .u-layout-row > .u-size-1-xl { + flex: 0 0 1.66666667%; + max-width: 1.66666667%; + } + .u-layout-col > .u-size-1-xl { + flex: 1 0 1.66666667%; + } + .u-layout-row > .u-size-0-xl { + flex: 0 0 0%; + max-width: 0%; + } + .u-layout-col > .u-size-0-xl { + flex: 0 0 0%; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .u-layout-row > .u-size-60-lg { + flex: 0 0 100%; + max-width: 100%; + } + .u-layout-col > .u-size-60-lg { + flex: 60 0 100%; + } + .u-layout-row > .u-size-59-lg { + flex: 0 0 98.33333333%; + max-width: 98.33333333%; + } + .u-layout-col > .u-size-59-lg { + flex: 59 0 98.33333333%; + } + .u-layout-row > .u-size-58-lg { + flex: 0 0 96.66666667%; + max-width: 96.66666667%; + } + .u-layout-col > .u-size-58-lg { + flex: 58 0 96.66666667%; + } + .u-layout-row > .u-size-57-lg { + flex: 0 0 95%; + max-width: 95%; + } + .u-layout-col > .u-size-57-lg { + flex: 57 0 95%; + } + .u-layout-row > .u-size-56-lg { + flex: 0 0 93.33333333%; + max-width: 93.33333333%; + } + .u-layout-col > .u-size-56-lg { + flex: 56 0 93.33333333%; + } + .u-layout-row > .u-size-55-lg { + flex: 0 0 91.66666667%; + max-width: 91.66666667%; + } + .u-layout-col > .u-size-55-lg { + flex: 55 0 91.66666667%; + } + .u-layout-row > .u-size-54-lg { + flex: 0 0 90%; + max-width: 90%; + } + .u-layout-col > .u-size-54-lg { + flex: 54 0 90%; + } + .u-layout-row > .u-size-53-lg { + flex: 0 0 88.33333333%; + max-width: 88.33333333%; + } + .u-layout-col > .u-size-53-lg { + flex: 53 0 88.33333333%; + } + .u-layout-row > .u-size-52-lg { + flex: 0 0 86.66666667%; + max-width: 86.66666667%; + } + .u-layout-col > .u-size-52-lg { + flex: 52 0 86.66666667%; + } + .u-layout-row > .u-size-51-lg { + flex: 0 0 85%; + max-width: 85%; + } + .u-layout-col > .u-size-51-lg { + flex: 51 0 85%; + } + .u-layout-row > .u-size-50-lg { + flex: 0 0 83.33333333%; + max-width: 83.33333333%; + } + .u-layout-col > .u-size-50-lg { + flex: 50 0 83.33333333%; + } + .u-layout-row > .u-size-49-lg { + flex: 0 0 81.66666667%; + max-width: 81.66666667%; + } + .u-layout-col > .u-size-49-lg { + flex: 49 0 81.66666667%; + } + .u-layout-row > .u-size-48-lg { + flex: 0 0 80%; + max-width: 80%; + } + .u-layout-col > .u-size-48-lg { + flex: 48 0 80%; + } + .u-layout-row > .u-size-47-lg { + flex: 0 0 78.33333333%; + max-width: 78.33333333%; + } + .u-layout-col > .u-size-47-lg { + flex: 47 0 78.33333333%; + } + .u-layout-row > .u-size-46-lg { + flex: 0 0 76.66666667%; + max-width: 76.66666667%; + } + .u-layout-col > .u-size-46-lg { + flex: 46 0 76.66666667%; + } + .u-layout-row > .u-size-45-lg { + flex: 0 0 75%; + max-width: 75%; + } + .u-layout-col > .u-size-45-lg { + flex: 45 0 75%; + } + .u-layout-row > .u-size-44-lg { + flex: 0 0 73.33333333%; + max-width: 73.33333333%; + } + .u-layout-col > .u-size-44-lg { + flex: 44 0 73.33333333%; + } + .u-layout-row > .u-size-43-lg { + flex: 0 0 71.66666667%; + max-width: 71.66666667%; + } + .u-layout-col > .u-size-43-lg { + flex: 43 0 71.66666667%; + } + .u-layout-row > .u-size-42-lg { + flex: 0 0 70%; + max-width: 70%; + } + .u-layout-col > .u-size-42-lg { + flex: 42 0 70%; + } + .u-layout-row > .u-size-41-lg { + flex: 0 0 68.33333333%; + max-width: 68.33333333%; + } + .u-layout-col > .u-size-41-lg { + flex: 41 0 68.33333333%; + } + .u-layout-row > .u-size-40-lg { + flex: 0 0 66.66666667%; + max-width: 66.66666667%; + } + .u-layout-col > .u-size-40-lg { + flex: 40 0 66.66666667%; + } + .u-layout-row > .u-size-39-lg { + flex: 0 0 65%; + max-width: 65%; + } + .u-layout-col > .u-size-39-lg { + flex: 39 0 65%; + } + .u-layout-row > .u-size-38-lg { + flex: 0 0 63.33333333%; + max-width: 63.33333333%; + } + .u-layout-col > .u-size-38-lg { + flex: 38 0 63.33333333%; + } + .u-layout-row > .u-size-37-lg { + flex: 0 0 61.66666667%; + max-width: 61.66666667%; + } + .u-layout-col > .u-size-37-lg { + flex: 37 0 61.66666667%; + } + .u-layout-row > .u-size-36-lg { + flex: 0 0 60%; + max-width: 60%; + } + .u-layout-col > .u-size-36-lg { + flex: 36 0 60%; + } + .u-layout-row > .u-size-35-lg { + flex: 0 0 58.33333333%; + max-width: 58.33333333%; + } + .u-layout-col > .u-size-35-lg { + flex: 35 0 58.33333333%; + } + .u-layout-row > .u-size-34-lg { + flex: 0 0 56.66666667%; + max-width: 56.66666667%; + } + .u-layout-col > .u-size-34-lg { + flex: 34 0 56.66666667%; + } + .u-layout-row > .u-size-33-lg { + flex: 0 0 55%; + max-width: 55%; + } + .u-layout-col > .u-size-33-lg { + flex: 33 0 55%; + } + .u-layout-row > .u-size-32-lg { + flex: 0 0 53.33333333%; + max-width: 53.33333333%; + } + .u-layout-col > .u-size-32-lg { + flex: 32 0 53.33333333%; + } + .u-layout-row > .u-size-31-lg { + flex: 0 0 51.66666667%; + max-width: 51.66666667%; + } + .u-layout-col > .u-size-31-lg { + flex: 31 0 51.66666667%; + } + .u-layout-row > .u-size-30-lg { + flex: 0 0 50%; + max-width: 50%; + } + .u-layout-col > .u-size-30-lg { + flex: 30 0 50%; + } + .u-layout-row > .u-size-29-lg { + flex: 0 0 48.33333333%; + max-width: 48.33333333%; + } + .u-layout-col > .u-size-29-lg { + flex: 29 0 48.33333333%; + } + .u-layout-row > .u-size-28-lg { + flex: 0 0 46.66666667%; + max-width: 46.66666667%; + } + .u-layout-col > .u-size-28-lg { + flex: 28 0 46.66666667%; + } + .u-layout-row > .u-size-27-lg { + flex: 0 0 45%; + max-width: 45%; + } + .u-layout-col > .u-size-27-lg { + flex: 27 0 45%; + } + .u-layout-row > .u-size-26-lg { + flex: 0 0 43.33333333%; + max-width: 43.33333333%; + } + .u-layout-col > .u-size-26-lg { + flex: 26 0 43.33333333%; + } + .u-layout-row > .u-size-25-lg { + flex: 0 0 41.66666667%; + max-width: 41.66666667%; + } + .u-layout-col > .u-size-25-lg { + flex: 25 0 41.66666667%; + } + .u-layout-row > .u-size-24-lg { + flex: 0 0 40%; + max-width: 40%; + } + .u-layout-col > .u-size-24-lg { + flex: 24 0 40%; + } + .u-layout-row > .u-size-23-lg { + flex: 0 0 38.33333333%; + max-width: 38.33333333%; + } + .u-layout-col > .u-size-23-lg { + flex: 23 0 38.33333333%; + } + .u-layout-row > .u-size-22-lg { + flex: 0 0 36.66666667%; + max-width: 36.66666667%; + } + .u-layout-col > .u-size-22-lg { + flex: 22 0 36.66666667%; + } + .u-layout-row > .u-size-21-lg { + flex: 0 0 35%; + max-width: 35%; + } + .u-layout-col > .u-size-21-lg { + flex: 21 0 35%; + } + .u-layout-row > .u-size-20-lg { + flex: 0 0 33.33333333%; + max-width: 33.33333333%; + } + .u-layout-col > .u-size-20-lg { + flex: 20 0 33.33333333%; + } + .u-layout-row > .u-size-19-lg { + flex: 0 0 31.66666667%; + max-width: 31.66666667%; + } + .u-layout-col > .u-size-19-lg { + flex: 19 0 31.66666667%; + } + .u-layout-row > .u-size-18-lg { + flex: 0 0 30%; + max-width: 30%; + } + .u-layout-col > .u-size-18-lg { + flex: 18 0 30%; + } + .u-layout-row > .u-size-17-lg { + flex: 0 0 28.33333333%; + max-width: 28.33333333%; + } + .u-layout-col > .u-size-17-lg { + flex: 17 0 28.33333333%; + } + .u-layout-row > .u-size-16-lg { + flex: 0 0 26.66666667%; + max-width: 26.66666667%; + } + .u-layout-col > .u-size-16-lg { + flex: 16 0 26.66666667%; + } + .u-layout-row > .u-size-15-lg { + flex: 0 0 25%; + max-width: 25%; + } + .u-layout-col > .u-size-15-lg { + flex: 15 0 25%; + } + .u-layout-row > .u-size-14-lg { + flex: 0 0 23.33333333%; + max-width: 23.33333333%; + } + .u-layout-col > .u-size-14-lg { + flex: 14 0 23.33333333%; + } + .u-layout-row > .u-size-13-lg { + flex: 0 0 21.66666667%; + max-width: 21.66666667%; + } + .u-layout-col > .u-size-13-lg { + flex: 13 0 21.66666667%; + } + .u-layout-row > .u-size-12-lg { + flex: 0 0 20%; + max-width: 20%; + } + .u-layout-col > .u-size-12-lg { + flex: 12 0 20%; + } + .u-layout-row > .u-size-11-lg { + flex: 0 0 18.33333333%; + max-width: 18.33333333%; + } + .u-layout-col > .u-size-11-lg { + flex: 11 0 18.33333333%; + } + .u-layout-row > .u-size-10-lg { + flex: 0 0 16.66666667%; + max-width: 16.66666667%; + } + .u-layout-col > .u-size-10-lg { + flex: 10 0 16.66666667%; + } + .u-layout-row > .u-size-9-lg { + flex: 0 0 15%; + max-width: 15%; + } + .u-layout-col > .u-size-9-lg { + flex: 9 0 15%; + } + .u-layout-row > .u-size-8-lg { + flex: 0 0 13.33333333%; + max-width: 13.33333333%; + } + .u-layout-col > .u-size-8-lg { + flex: 8 0 13.33333333%; + } + .u-layout-row > .u-size-7-lg { + flex: 0 0 11.66666667%; + max-width: 11.66666667%; + } + .u-layout-col > .u-size-7-lg { + flex: 7 0 11.66666667%; + } + .u-layout-row > .u-size-6-lg { + flex: 0 0 10%; + max-width: 10%; + } + .u-layout-col > .u-size-6-lg { + flex: 6 0 10%; + } + .u-layout-row > .u-size-5-lg { + flex: 0 0 8.33333333%; + max-width: 8.33333333%; + } + .u-layout-col > .u-size-5-lg { + flex: 5 0 8.33333333%; + } + .u-layout-row > .u-size-4-lg { + flex: 0 0 6.66666667%; + max-width: 6.66666667%; + } + .u-layout-col > .u-size-4-lg { + flex: 4 0 6.66666667%; + } + .u-layout-row > .u-size-3-lg { + flex: 0 0 5%; + max-width: 5%; + } + .u-layout-col > .u-size-3-lg { + flex: 3 0 5%; + } + .u-layout-row > .u-size-2-lg { + flex: 0 0 3.33333333%; + max-width: 3.33333333%; + } + .u-layout-col > .u-size-2-lg { + flex: 2 0 3.33333333%; + } + .u-layout-row > .u-size-1-lg { + flex: 0 0 1.66666667%; + max-width: 1.66666667%; + } + .u-layout-col > .u-size-1-lg { + flex: 1 0 1.66666667%; + } + .u-layout-row > .u-size-0-lg { + flex: 0 0 0%; + max-width: 0%; + } + .u-layout-col > .u-size-0-lg { + flex: 0 0 0%; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .u-layout-row > .u-size-60-md { + flex: 0 0 100%; + max-width: 100%; + } + .u-layout-col > .u-size-60-md { + flex: 60 0 100%; + } + .u-layout-row > .u-size-59-md { + flex: 0 0 98.33333333%; + max-width: 98.33333333%; + } + .u-layout-col > .u-size-59-md { + flex: 59 0 98.33333333%; + } + .u-layout-row > .u-size-58-md { + flex: 0 0 96.66666667%; + max-width: 96.66666667%; + } + .u-layout-col > .u-size-58-md { + flex: 58 0 96.66666667%; + } + .u-layout-row > .u-size-57-md { + flex: 0 0 95%; + max-width: 95%; + } + .u-layout-col > .u-size-57-md { + flex: 57 0 95%; + } + .u-layout-row > .u-size-56-md { + flex: 0 0 93.33333333%; + max-width: 93.33333333%; + } + .u-layout-col > .u-size-56-md { + flex: 56 0 93.33333333%; + } + .u-layout-row > .u-size-55-md { + flex: 0 0 91.66666667%; + max-width: 91.66666667%; + } + .u-layout-col > .u-size-55-md { + flex: 55 0 91.66666667%; + } + .u-layout-row > .u-size-54-md { + flex: 0 0 90%; + max-width: 90%; + } + .u-layout-col > .u-size-54-md { + flex: 54 0 90%; + } + .u-layout-row > .u-size-53-md { + flex: 0 0 88.33333333%; + max-width: 88.33333333%; + } + .u-layout-col > .u-size-53-md { + flex: 53 0 88.33333333%; + } + .u-layout-row > .u-size-52-md { + flex: 0 0 86.66666667%; + max-width: 86.66666667%; + } + .u-layout-col > .u-size-52-md { + flex: 52 0 86.66666667%; + } + .u-layout-row > .u-size-51-md { + flex: 0 0 85%; + max-width: 85%; + } + .u-layout-col > .u-size-51-md { + flex: 51 0 85%; + } + .u-layout-row > .u-size-50-md { + flex: 0 0 83.33333333%; + max-width: 83.33333333%; + } + .u-layout-col > .u-size-50-md { + flex: 50 0 83.33333333%; + } + .u-layout-row > .u-size-49-md { + flex: 0 0 81.66666667%; + max-width: 81.66666667%; + } + .u-layout-col > .u-size-49-md { + flex: 49 0 81.66666667%; + } + .u-layout-row > .u-size-48-md { + flex: 0 0 80%; + max-width: 80%; + } + .u-layout-col > .u-size-48-md { + flex: 48 0 80%; + } + .u-layout-row > .u-size-47-md { + flex: 0 0 78.33333333%; + max-width: 78.33333333%; + } + .u-layout-col > .u-size-47-md { + flex: 47 0 78.33333333%; + } + .u-layout-row > .u-size-46-md { + flex: 0 0 76.66666667%; + max-width: 76.66666667%; + } + .u-layout-col > .u-size-46-md { + flex: 46 0 76.66666667%; + } + .u-layout-row > .u-size-45-md { + flex: 0 0 75%; + max-width: 75%; + } + .u-layout-col > .u-size-45-md { + flex: 45 0 75%; + } + .u-layout-row > .u-size-44-md { + flex: 0 0 73.33333333%; + max-width: 73.33333333%; + } + .u-layout-col > .u-size-44-md { + flex: 44 0 73.33333333%; + } + .u-layout-row > .u-size-43-md { + flex: 0 0 71.66666667%; + max-width: 71.66666667%; + } + .u-layout-col > .u-size-43-md { + flex: 43 0 71.66666667%; + } + .u-layout-row > .u-size-42-md { + flex: 0 0 70%; + max-width: 70%; + } + .u-layout-col > .u-size-42-md { + flex: 42 0 70%; + } + .u-layout-row > .u-size-41-md { + flex: 0 0 68.33333333%; + max-width: 68.33333333%; + } + .u-layout-col > .u-size-41-md { + flex: 41 0 68.33333333%; + } + .u-layout-row > .u-size-40-md { + flex: 0 0 66.66666667%; + max-width: 66.66666667%; + } + .u-layout-col > .u-size-40-md { + flex: 40 0 66.66666667%; + } + .u-layout-row > .u-size-39-md { + flex: 0 0 65%; + max-width: 65%; + } + .u-layout-col > .u-size-39-md { + flex: 39 0 65%; + } + .u-layout-row > .u-size-38-md { + flex: 0 0 63.33333333%; + max-width: 63.33333333%; + } + .u-layout-col > .u-size-38-md { + flex: 38 0 63.33333333%; + } + .u-layout-row > .u-size-37-md { + flex: 0 0 61.66666667%; + max-width: 61.66666667%; + } + .u-layout-col > .u-size-37-md { + flex: 37 0 61.66666667%; + } + .u-layout-row > .u-size-36-md { + flex: 0 0 60%; + max-width: 60%; + } + .u-layout-col > .u-size-36-md { + flex: 36 0 60%; + } + .u-layout-row > .u-size-35-md { + flex: 0 0 58.33333333%; + max-width: 58.33333333%; + } + .u-layout-col > .u-size-35-md { + flex: 35 0 58.33333333%; + } + .u-layout-row > .u-size-34-md { + flex: 0 0 56.66666667%; + max-width: 56.66666667%; + } + .u-layout-col > .u-size-34-md { + flex: 34 0 56.66666667%; + } + .u-layout-row > .u-size-33-md { + flex: 0 0 55%; + max-width: 55%; + } + .u-layout-col > .u-size-33-md { + flex: 33 0 55%; + } + .u-layout-row > .u-size-32-md { + flex: 0 0 53.33333333%; + max-width: 53.33333333%; + } + .u-layout-col > .u-size-32-md { + flex: 32 0 53.33333333%; + } + .u-layout-row > .u-size-31-md { + flex: 0 0 51.66666667%; + max-width: 51.66666667%; + } + .u-layout-col > .u-size-31-md { + flex: 31 0 51.66666667%; + } + .u-layout-row > .u-size-30-md { + flex: 0 0 50%; + max-width: 50%; + } + .u-layout-col > .u-size-30-md { + flex: 30 0 50%; + } + .u-layout-row > .u-size-29-md { + flex: 0 0 48.33333333%; + max-width: 48.33333333%; + } + .u-layout-col > .u-size-29-md { + flex: 29 0 48.33333333%; + } + .u-layout-row > .u-size-28-md { + flex: 0 0 46.66666667%; + max-width: 46.66666667%; + } + .u-layout-col > .u-size-28-md { + flex: 28 0 46.66666667%; + } + .u-layout-row > .u-size-27-md { + flex: 0 0 45%; + max-width: 45%; + } + .u-layout-col > .u-size-27-md { + flex: 27 0 45%; + } + .u-layout-row > .u-size-26-md { + flex: 0 0 43.33333333%; + max-width: 43.33333333%; + } + .u-layout-col > .u-size-26-md { + flex: 26 0 43.33333333%; + } + .u-layout-row > .u-size-25-md { + flex: 0 0 41.66666667%; + max-width: 41.66666667%; + } + .u-layout-col > .u-size-25-md { + flex: 25 0 41.66666667%; + } + .u-layout-row > .u-size-24-md { + flex: 0 0 40%; + max-width: 40%; + } + .u-layout-col > .u-size-24-md { + flex: 24 0 40%; + } + .u-layout-row > .u-size-23-md { + flex: 0 0 38.33333333%; + max-width: 38.33333333%; + } + .u-layout-col > .u-size-23-md { + flex: 23 0 38.33333333%; + } + .u-layout-row > .u-size-22-md { + flex: 0 0 36.66666667%; + max-width: 36.66666667%; + } + .u-layout-col > .u-size-22-md { + flex: 22 0 36.66666667%; + } + .u-layout-row > .u-size-21-md { + flex: 0 0 35%; + max-width: 35%; + } + .u-layout-col > .u-size-21-md { + flex: 21 0 35%; + } + .u-layout-row > .u-size-20-md { + flex: 0 0 33.33333333%; + max-width: 33.33333333%; + } + .u-layout-col > .u-size-20-md { + flex: 20 0 33.33333333%; + } + .u-layout-row > .u-size-19-md { + flex: 0 0 31.66666667%; + max-width: 31.66666667%; + } + .u-layout-col > .u-size-19-md { + flex: 19 0 31.66666667%; + } + .u-layout-row > .u-size-18-md { + flex: 0 0 30%; + max-width: 30%; + } + .u-layout-col > .u-size-18-md { + flex: 18 0 30%; + } + .u-layout-row > .u-size-17-md { + flex: 0 0 28.33333333%; + max-width: 28.33333333%; + } + .u-layout-col > .u-size-17-md { + flex: 17 0 28.33333333%; + } + .u-layout-row > .u-size-16-md { + flex: 0 0 26.66666667%; + max-width: 26.66666667%; + } + .u-layout-col > .u-size-16-md { + flex: 16 0 26.66666667%; + } + .u-layout-row > .u-size-15-md { + flex: 0 0 25%; + max-width: 25%; + } + .u-layout-col > .u-size-15-md { + flex: 15 0 25%; + } + .u-layout-row > .u-size-14-md { + flex: 0 0 23.33333333%; + max-width: 23.33333333%; + } + .u-layout-col > .u-size-14-md { + flex: 14 0 23.33333333%; + } + .u-layout-row > .u-size-13-md { + flex: 0 0 21.66666667%; + max-width: 21.66666667%; + } + .u-layout-col > .u-size-13-md { + flex: 13 0 21.66666667%; + } + .u-layout-row > .u-size-12-md { + flex: 0 0 20%; + max-width: 20%; + } + .u-layout-col > .u-size-12-md { + flex: 12 0 20%; + } + .u-layout-row > .u-size-11-md { + flex: 0 0 18.33333333%; + max-width: 18.33333333%; + } + .u-layout-col > .u-size-11-md { + flex: 11 0 18.33333333%; + } + .u-layout-row > .u-size-10-md { + flex: 0 0 16.66666667%; + max-width: 16.66666667%; + } + .u-layout-col > .u-size-10-md { + flex: 10 0 16.66666667%; + } + .u-layout-row > .u-size-9-md { + flex: 0 0 15%; + max-width: 15%; + } + .u-layout-col > .u-size-9-md { + flex: 9 0 15%; + } + .u-layout-row > .u-size-8-md { + flex: 0 0 13.33333333%; + max-width: 13.33333333%; + } + .u-layout-col > .u-size-8-md { + flex: 8 0 13.33333333%; + } + .u-layout-row > .u-size-7-md { + flex: 0 0 11.66666667%; + max-width: 11.66666667%; + } + .u-layout-col > .u-size-7-md { + flex: 7 0 11.66666667%; + } + .u-layout-row > .u-size-6-md { + flex: 0 0 10%; + max-width: 10%; + } + .u-layout-col > .u-size-6-md { + flex: 6 0 10%; + } + .u-layout-row > .u-size-5-md { + flex: 0 0 8.33333333%; + max-width: 8.33333333%; + } + .u-layout-col > .u-size-5-md { + flex: 5 0 8.33333333%; + } + .u-layout-row > .u-size-4-md { + flex: 0 0 6.66666667%; + max-width: 6.66666667%; + } + .u-layout-col > .u-size-4-md { + flex: 4 0 6.66666667%; + } + .u-layout-row > .u-size-3-md { + flex: 0 0 5%; + max-width: 5%; + } + .u-layout-col > .u-size-3-md { + flex: 3 0 5%; + } + .u-layout-row > .u-size-2-md { + flex: 0 0 3.33333333%; + max-width: 3.33333333%; + } + .u-layout-col > .u-size-2-md { + flex: 2 0 3.33333333%; + } + .u-layout-row > .u-size-1-md { + flex: 0 0 1.66666667%; + max-width: 1.66666667%; + } + .u-layout-col > .u-size-1-md { + flex: 1 0 1.66666667%; + } + .u-layout-row > .u-size-0-md { + flex: 0 0 0%; + max-width: 0%; + } + .u-layout-col > .u-size-0-md { + flex: 0 0 0%; + } +} +@media (min-width: 576px) and (max-width: 767px) { + .u-layout-row > .u-size-60-sm { + flex: 0 0 100%; + max-width: 100%; + } + .u-layout-col > .u-size-60-sm { + flex: 60 0 100%; + } + .u-layout-row > .u-size-59-sm { + flex: 0 0 98.33333333%; + max-width: 98.33333333%; + } + .u-layout-col > .u-size-59-sm { + flex: 59 0 98.33333333%; + } + .u-layout-row > .u-size-58-sm { + flex: 0 0 96.66666667%; + max-width: 96.66666667%; + } + .u-layout-col > .u-size-58-sm { + flex: 58 0 96.66666667%; + } + .u-layout-row > .u-size-57-sm { + flex: 0 0 95%; + max-width: 95%; + } + .u-layout-col > .u-size-57-sm { + flex: 57 0 95%; + } + .u-layout-row > .u-size-56-sm { + flex: 0 0 93.33333333%; + max-width: 93.33333333%; + } + .u-layout-col > .u-size-56-sm { + flex: 56 0 93.33333333%; + } + .u-layout-row > .u-size-55-sm { + flex: 0 0 91.66666667%; + max-width: 91.66666667%; + } + .u-layout-col > .u-size-55-sm { + flex: 55 0 91.66666667%; + } + .u-layout-row > .u-size-54-sm { + flex: 0 0 90%; + max-width: 90%; + } + .u-layout-col > .u-size-54-sm { + flex: 54 0 90%; + } + .u-layout-row > .u-size-53-sm { + flex: 0 0 88.33333333%; + max-width: 88.33333333%; + } + .u-layout-col > .u-size-53-sm { + flex: 53 0 88.33333333%; + } + .u-layout-row > .u-size-52-sm { + flex: 0 0 86.66666667%; + max-width: 86.66666667%; + } + .u-layout-col > .u-size-52-sm { + flex: 52 0 86.66666667%; + } + .u-layout-row > .u-size-51-sm { + flex: 0 0 85%; + max-width: 85%; + } + .u-layout-col > .u-size-51-sm { + flex: 51 0 85%; + } + .u-layout-row > .u-size-50-sm { + flex: 0 0 83.33333333%; + max-width: 83.33333333%; + } + .u-layout-col > .u-size-50-sm { + flex: 50 0 83.33333333%; + } + .u-layout-row > .u-size-49-sm { + flex: 0 0 81.66666667%; + max-width: 81.66666667%; + } + .u-layout-col > .u-size-49-sm { + flex: 49 0 81.66666667%; + } + .u-layout-row > .u-size-48-sm { + flex: 0 0 80%; + max-width: 80%; + } + .u-layout-col > .u-size-48-sm { + flex: 48 0 80%; + } + .u-layout-row > .u-size-47-sm { + flex: 0 0 78.33333333%; + max-width: 78.33333333%; + } + .u-layout-col > .u-size-47-sm { + flex: 47 0 78.33333333%; + } + .u-layout-row > .u-size-46-sm { + flex: 0 0 76.66666667%; + max-width: 76.66666667%; + } + .u-layout-col > .u-size-46-sm { + flex: 46 0 76.66666667%; + } + .u-layout-row > .u-size-45-sm { + flex: 0 0 75%; + max-width: 75%; + } + .u-layout-col > .u-size-45-sm { + flex: 45 0 75%; + } + .u-layout-row > .u-size-44-sm { + flex: 0 0 73.33333333%; + max-width: 73.33333333%; + } + .u-layout-col > .u-size-44-sm { + flex: 44 0 73.33333333%; + } + .u-layout-row > .u-size-43-sm { + flex: 0 0 71.66666667%; + max-width: 71.66666667%; + } + .u-layout-col > .u-size-43-sm { + flex: 43 0 71.66666667%; + } + .u-layout-row > .u-size-42-sm { + flex: 0 0 70%; + max-width: 70%; + } + .u-layout-col > .u-size-42-sm { + flex: 42 0 70%; + } + .u-layout-row > .u-size-41-sm { + flex: 0 0 68.33333333%; + max-width: 68.33333333%; + } + .u-layout-col > .u-size-41-sm { + flex: 41 0 68.33333333%; + } + .u-layout-row > .u-size-40-sm { + flex: 0 0 66.66666667%; + max-width: 66.66666667%; + } + .u-layout-col > .u-size-40-sm { + flex: 40 0 66.66666667%; + } + .u-layout-row > .u-size-39-sm { + flex: 0 0 65%; + max-width: 65%; + } + .u-layout-col > .u-size-39-sm { + flex: 39 0 65%; + } + .u-layout-row > .u-size-38-sm { + flex: 0 0 63.33333333%; + max-width: 63.33333333%; + } + .u-layout-col > .u-size-38-sm { + flex: 38 0 63.33333333%; + } + .u-layout-row > .u-size-37-sm { + flex: 0 0 61.66666667%; + max-width: 61.66666667%; + } + .u-layout-col > .u-size-37-sm { + flex: 37 0 61.66666667%; + } + .u-layout-row > .u-size-36-sm { + flex: 0 0 60%; + max-width: 60%; + } + .u-layout-col > .u-size-36-sm { + flex: 36 0 60%; + } + .u-layout-row > .u-size-35-sm { + flex: 0 0 58.33333333%; + max-width: 58.33333333%; + } + .u-layout-col > .u-size-35-sm { + flex: 35 0 58.33333333%; + } + .u-layout-row > .u-size-34-sm { + flex: 0 0 56.66666667%; + max-width: 56.66666667%; + } + .u-layout-col > .u-size-34-sm { + flex: 34 0 56.66666667%; + } + .u-layout-row > .u-size-33-sm { + flex: 0 0 55%; + max-width: 55%; + } + .u-layout-col > .u-size-33-sm { + flex: 33 0 55%; + } + .u-layout-row > .u-size-32-sm { + flex: 0 0 53.33333333%; + max-width: 53.33333333%; + } + .u-layout-col > .u-size-32-sm { + flex: 32 0 53.33333333%; + } + .u-layout-row > .u-size-31-sm { + flex: 0 0 51.66666667%; + max-width: 51.66666667%; + } + .u-layout-col > .u-size-31-sm { + flex: 31 0 51.66666667%; + } + .u-layout-row > .u-size-30-sm { + flex: 0 0 50%; + max-width: 50%; + } + .u-layout-col > .u-size-30-sm { + flex: 30 0 50%; + } + .u-layout-row > .u-size-29-sm { + flex: 0 0 48.33333333%; + max-width: 48.33333333%; + } + .u-layout-col > .u-size-29-sm { + flex: 29 0 48.33333333%; + } + .u-layout-row > .u-size-28-sm { + flex: 0 0 46.66666667%; + max-width: 46.66666667%; + } + .u-layout-col > .u-size-28-sm { + flex: 28 0 46.66666667%; + } + .u-layout-row > .u-size-27-sm { + flex: 0 0 45%; + max-width: 45%; + } + .u-layout-col > .u-size-27-sm { + flex: 27 0 45%; + } + .u-layout-row > .u-size-26-sm { + flex: 0 0 43.33333333%; + max-width: 43.33333333%; + } + .u-layout-col > .u-size-26-sm { + flex: 26 0 43.33333333%; + } + .u-layout-row > .u-size-25-sm { + flex: 0 0 41.66666667%; + max-width: 41.66666667%; + } + .u-layout-col > .u-size-25-sm { + flex: 25 0 41.66666667%; + } + .u-layout-row > .u-size-24-sm { + flex: 0 0 40%; + max-width: 40%; + } + .u-layout-col > .u-size-24-sm { + flex: 24 0 40%; + } + .u-layout-row > .u-size-23-sm { + flex: 0 0 38.33333333%; + max-width: 38.33333333%; + } + .u-layout-col > .u-size-23-sm { + flex: 23 0 38.33333333%; + } + .u-layout-row > .u-size-22-sm { + flex: 0 0 36.66666667%; + max-width: 36.66666667%; + } + .u-layout-col > .u-size-22-sm { + flex: 22 0 36.66666667%; + } + .u-layout-row > .u-size-21-sm { + flex: 0 0 35%; + max-width: 35%; + } + .u-layout-col > .u-size-21-sm { + flex: 21 0 35%; + } + .u-layout-row > .u-size-20-sm { + flex: 0 0 33.33333333%; + max-width: 33.33333333%; + } + .u-layout-col > .u-size-20-sm { + flex: 20 0 33.33333333%; + } + .u-layout-row > .u-size-19-sm { + flex: 0 0 31.66666667%; + max-width: 31.66666667%; + } + .u-layout-col > .u-size-19-sm { + flex: 19 0 31.66666667%; + } + .u-layout-row > .u-size-18-sm { + flex: 0 0 30%; + max-width: 30%; + } + .u-layout-col > .u-size-18-sm { + flex: 18 0 30%; + } + .u-layout-row > .u-size-17-sm { + flex: 0 0 28.33333333%; + max-width: 28.33333333%; + } + .u-layout-col > .u-size-17-sm { + flex: 17 0 28.33333333%; + } + .u-layout-row > .u-size-16-sm { + flex: 0 0 26.66666667%; + max-width: 26.66666667%; + } + .u-layout-col > .u-size-16-sm { + flex: 16 0 26.66666667%; + } + .u-layout-row > .u-size-15-sm { + flex: 0 0 25%; + max-width: 25%; + } + .u-layout-col > .u-size-15-sm { + flex: 15 0 25%; + } + .u-layout-row > .u-size-14-sm { + flex: 0 0 23.33333333%; + max-width: 23.33333333%; + } + .u-layout-col > .u-size-14-sm { + flex: 14 0 23.33333333%; + } + .u-layout-row > .u-size-13-sm { + flex: 0 0 21.66666667%; + max-width: 21.66666667%; + } + .u-layout-col > .u-size-13-sm { + flex: 13 0 21.66666667%; + } + .u-layout-row > .u-size-12-sm { + flex: 0 0 20%; + max-width: 20%; + } + .u-layout-col > .u-size-12-sm { + flex: 12 0 20%; + } + .u-layout-row > .u-size-11-sm { + flex: 0 0 18.33333333%; + max-width: 18.33333333%; + } + .u-layout-col > .u-size-11-sm { + flex: 11 0 18.33333333%; + } + .u-layout-row > .u-size-10-sm { + flex: 0 0 16.66666667%; + max-width: 16.66666667%; + } + .u-layout-col > .u-size-10-sm { + flex: 10 0 16.66666667%; + } + .u-layout-row > .u-size-9-sm { + flex: 0 0 15%; + max-width: 15%; + } + .u-layout-col > .u-size-9-sm { + flex: 9 0 15%; + } + .u-layout-row > .u-size-8-sm { + flex: 0 0 13.33333333%; + max-width: 13.33333333%; + } + .u-layout-col > .u-size-8-sm { + flex: 8 0 13.33333333%; + } + .u-layout-row > .u-size-7-sm { + flex: 0 0 11.66666667%; + max-width: 11.66666667%; + } + .u-layout-col > .u-size-7-sm { + flex: 7 0 11.66666667%; + } + .u-layout-row > .u-size-6-sm { + flex: 0 0 10%; + max-width: 10%; + } + .u-layout-col > .u-size-6-sm { + flex: 6 0 10%; + } + .u-layout-row > .u-size-5-sm { + flex: 0 0 8.33333333%; + max-width: 8.33333333%; + } + .u-layout-col > .u-size-5-sm { + flex: 5 0 8.33333333%; + } + .u-layout-row > .u-size-4-sm { + flex: 0 0 6.66666667%; + max-width: 6.66666667%; + } + .u-layout-col > .u-size-4-sm { + flex: 4 0 6.66666667%; + } + .u-layout-row > .u-size-3-sm { + flex: 0 0 5%; + max-width: 5%; + } + .u-layout-col > .u-size-3-sm { + flex: 3 0 5%; + } + .u-layout-row > .u-size-2-sm { + flex: 0 0 3.33333333%; + max-width: 3.33333333%; + } + .u-layout-col > .u-size-2-sm { + flex: 2 0 3.33333333%; + } + .u-layout-row > .u-size-1-sm { + flex: 0 0 1.66666667%; + max-width: 1.66666667%; + } + .u-layout-col > .u-size-1-sm { + flex: 1 0 1.66666667%; + } + .u-layout-row > .u-size-0-sm { + flex: 0 0 0%; + max-width: 0%; + } + .u-layout-col > .u-size-0-sm { + flex: 0 0 0%; + } +} +@media (max-width: 575px) { + .u-layout-row > .u-size-60-xs { + flex: 0 0 100%; + max-width: 100%; + } + .u-layout-col > .u-size-60-xs { + flex: 60 0 100%; + } + .u-layout-row > .u-size-59-xs { + flex: 0 0 98.33333333%; + max-width: 98.33333333%; + } + .u-layout-col > .u-size-59-xs { + flex: 59 0 98.33333333%; + } + .u-layout-row > .u-size-58-xs { + flex: 0 0 96.66666667%; + max-width: 96.66666667%; + } + .u-layout-col > .u-size-58-xs { + flex: 58 0 96.66666667%; + } + .u-layout-row > .u-size-57-xs { + flex: 0 0 95%; + max-width: 95%; + } + .u-layout-col > .u-size-57-xs { + flex: 57 0 95%; + } + .u-layout-row > .u-size-56-xs { + flex: 0 0 93.33333333%; + max-width: 93.33333333%; + } + .u-layout-col > .u-size-56-xs { + flex: 56 0 93.33333333%; + } + .u-layout-row > .u-size-55-xs { + flex: 0 0 91.66666667%; + max-width: 91.66666667%; + } + .u-layout-col > .u-size-55-xs { + flex: 55 0 91.66666667%; + } + .u-layout-row > .u-size-54-xs { + flex: 0 0 90%; + max-width: 90%; + } + .u-layout-col > .u-size-54-xs { + flex: 54 0 90%; + } + .u-layout-row > .u-size-53-xs { + flex: 0 0 88.33333333%; + max-width: 88.33333333%; + } + .u-layout-col > .u-size-53-xs { + flex: 53 0 88.33333333%; + } + .u-layout-row > .u-size-52-xs { + flex: 0 0 86.66666667%; + max-width: 86.66666667%; + } + .u-layout-col > .u-size-52-xs { + flex: 52 0 86.66666667%; + } + .u-layout-row > .u-size-51-xs { + flex: 0 0 85%; + max-width: 85%; + } + .u-layout-col > .u-size-51-xs { + flex: 51 0 85%; + } + .u-layout-row > .u-size-50-xs { + flex: 0 0 83.33333333%; + max-width: 83.33333333%; + } + .u-layout-col > .u-size-50-xs { + flex: 50 0 83.33333333%; + } + .u-layout-row > .u-size-49-xs { + flex: 0 0 81.66666667%; + max-width: 81.66666667%; + } + .u-layout-col > .u-size-49-xs { + flex: 49 0 81.66666667%; + } + .u-layout-row > .u-size-48-xs { + flex: 0 0 80%; + max-width: 80%; + } + .u-layout-col > .u-size-48-xs { + flex: 48 0 80%; + } + .u-layout-row > .u-size-47-xs { + flex: 0 0 78.33333333%; + max-width: 78.33333333%; + } + .u-layout-col > .u-size-47-xs { + flex: 47 0 78.33333333%; + } + .u-layout-row > .u-size-46-xs { + flex: 0 0 76.66666667%; + max-width: 76.66666667%; + } + .u-layout-col > .u-size-46-xs { + flex: 46 0 76.66666667%; + } + .u-layout-row > .u-size-45-xs { + flex: 0 0 75%; + max-width: 75%; + } + .u-layout-col > .u-size-45-xs { + flex: 45 0 75%; + } + .u-layout-row > .u-size-44-xs { + flex: 0 0 73.33333333%; + max-width: 73.33333333%; + } + .u-layout-col > .u-size-44-xs { + flex: 44 0 73.33333333%; + } + .u-layout-row > .u-size-43-xs { + flex: 0 0 71.66666667%; + max-width: 71.66666667%; + } + .u-layout-col > .u-size-43-xs { + flex: 43 0 71.66666667%; + } + .u-layout-row > .u-size-42-xs { + flex: 0 0 70%; + max-width: 70%; + } + .u-layout-col > .u-size-42-xs { + flex: 42 0 70%; + } + .u-layout-row > .u-size-41-xs { + flex: 0 0 68.33333333%; + max-width: 68.33333333%; + } + .u-layout-col > .u-size-41-xs { + flex: 41 0 68.33333333%; + } + .u-layout-row > .u-size-40-xs { + flex: 0 0 66.66666667%; + max-width: 66.66666667%; + } + .u-layout-col > .u-size-40-xs { + flex: 40 0 66.66666667%; + } + .u-layout-row > .u-size-39-xs { + flex: 0 0 65%; + max-width: 65%; + } + .u-layout-col > .u-size-39-xs { + flex: 39 0 65%; + } + .u-layout-row > .u-size-38-xs { + flex: 0 0 63.33333333%; + max-width: 63.33333333%; + } + .u-layout-col > .u-size-38-xs { + flex: 38 0 63.33333333%; + } + .u-layout-row > .u-size-37-xs { + flex: 0 0 61.66666667%; + max-width: 61.66666667%; + } + .u-layout-col > .u-size-37-xs { + flex: 37 0 61.66666667%; + } + .u-layout-row > .u-size-36-xs { + flex: 0 0 60%; + max-width: 60%; + } + .u-layout-col > .u-size-36-xs { + flex: 36 0 60%; + } + .u-layout-row > .u-size-35-xs { + flex: 0 0 58.33333333%; + max-width: 58.33333333%; + } + .u-layout-col > .u-size-35-xs { + flex: 35 0 58.33333333%; + } + .u-layout-row > .u-size-34-xs { + flex: 0 0 56.66666667%; + max-width: 56.66666667%; + } + .u-layout-col > .u-size-34-xs { + flex: 34 0 56.66666667%; + } + .u-layout-row > .u-size-33-xs { + flex: 0 0 55%; + max-width: 55%; + } + .u-layout-col > .u-size-33-xs { + flex: 33 0 55%; + } + .u-layout-row > .u-size-32-xs { + flex: 0 0 53.33333333%; + max-width: 53.33333333%; + } + .u-layout-col > .u-size-32-xs { + flex: 32 0 53.33333333%; + } + .u-layout-row > .u-size-31-xs { + flex: 0 0 51.66666667%; + max-width: 51.66666667%; + } + .u-layout-col > .u-size-31-xs { + flex: 31 0 51.66666667%; + } + .u-layout-row > .u-size-30-xs { + flex: 0 0 50%; + max-width: 50%; + } + .u-layout-col > .u-size-30-xs { + flex: 30 0 50%; + } + .u-layout-row > .u-size-29-xs { + flex: 0 0 48.33333333%; + max-width: 48.33333333%; + } + .u-layout-col > .u-size-29-xs { + flex: 29 0 48.33333333%; + } + .u-layout-row > .u-size-28-xs { + flex: 0 0 46.66666667%; + max-width: 46.66666667%; + } + .u-layout-col > .u-size-28-xs { + flex: 28 0 46.66666667%; + } + .u-layout-row > .u-size-27-xs { + flex: 0 0 45%; + max-width: 45%; + } + .u-layout-col > .u-size-27-xs { + flex: 27 0 45%; + } + .u-layout-row > .u-size-26-xs { + flex: 0 0 43.33333333%; + max-width: 43.33333333%; + } + .u-layout-col > .u-size-26-xs { + flex: 26 0 43.33333333%; + } + .u-layout-row > .u-size-25-xs { + flex: 0 0 41.66666667%; + max-width: 41.66666667%; + } + .u-layout-col > .u-size-25-xs { + flex: 25 0 41.66666667%; + } + .u-layout-row > .u-size-24-xs { + flex: 0 0 40%; + max-width: 40%; + } + .u-layout-col > .u-size-24-xs { + flex: 24 0 40%; + } + .u-layout-row > .u-size-23-xs { + flex: 0 0 38.33333333%; + max-width: 38.33333333%; + } + .u-layout-col > .u-size-23-xs { + flex: 23 0 38.33333333%; + } + .u-layout-row > .u-size-22-xs { + flex: 0 0 36.66666667%; + max-width: 36.66666667%; + } + .u-layout-col > .u-size-22-xs { + flex: 22 0 36.66666667%; + } + .u-layout-row > .u-size-21-xs { + flex: 0 0 35%; + max-width: 35%; + } + .u-layout-col > .u-size-21-xs { + flex: 21 0 35%; + } + .u-layout-row > .u-size-20-xs { + flex: 0 0 33.33333333%; + max-width: 33.33333333%; + } + .u-layout-col > .u-size-20-xs { + flex: 20 0 33.33333333%; + } + .u-layout-row > .u-size-19-xs { + flex: 0 0 31.66666667%; + max-width: 31.66666667%; + } + .u-layout-col > .u-size-19-xs { + flex: 19 0 31.66666667%; + } + .u-layout-row > .u-size-18-xs { + flex: 0 0 30%; + max-width: 30%; + } + .u-layout-col > .u-size-18-xs { + flex: 18 0 30%; + } + .u-layout-row > .u-size-17-xs { + flex: 0 0 28.33333333%; + max-width: 28.33333333%; + } + .u-layout-col > .u-size-17-xs { + flex: 17 0 28.33333333%; + } + .u-layout-row > .u-size-16-xs { + flex: 0 0 26.66666667%; + max-width: 26.66666667%; + } + .u-layout-col > .u-size-16-xs { + flex: 16 0 26.66666667%; + } + .u-layout-row > .u-size-15-xs { + flex: 0 0 25%; + max-width: 25%; + } + .u-layout-col > .u-size-15-xs { + flex: 15 0 25%; + } + .u-layout-row > .u-size-14-xs { + flex: 0 0 23.33333333%; + max-width: 23.33333333%; + } + .u-layout-col > .u-size-14-xs { + flex: 14 0 23.33333333%; + } + .u-layout-row > .u-size-13-xs { + flex: 0 0 21.66666667%; + max-width: 21.66666667%; + } + .u-layout-col > .u-size-13-xs { + flex: 13 0 21.66666667%; + } + .u-layout-row > .u-size-12-xs { + flex: 0 0 20%; + max-width: 20%; + } + .u-layout-col > .u-size-12-xs { + flex: 12 0 20%; + } + .u-layout-row > .u-size-11-xs { + flex: 0 0 18.33333333%; + max-width: 18.33333333%; + } + .u-layout-col > .u-size-11-xs { + flex: 11 0 18.33333333%; + } + .u-layout-row > .u-size-10-xs { + flex: 0 0 16.66666667%; + max-width: 16.66666667%; + } + .u-layout-col > .u-size-10-xs { + flex: 10 0 16.66666667%; + } + .u-layout-row > .u-size-9-xs { + flex: 0 0 15%; + max-width: 15%; + } + .u-layout-col > .u-size-9-xs { + flex: 9 0 15%; + } + .u-layout-row > .u-size-8-xs { + flex: 0 0 13.33333333%; + max-width: 13.33333333%; + } + .u-layout-col > .u-size-8-xs { + flex: 8 0 13.33333333%; + } + .u-layout-row > .u-size-7-xs { + flex: 0 0 11.66666667%; + max-width: 11.66666667%; + } + .u-layout-col > .u-size-7-xs { + flex: 7 0 11.66666667%; + } + .u-layout-row > .u-size-6-xs { + flex: 0 0 10%; + max-width: 10%; + } + .u-layout-col > .u-size-6-xs { + flex: 6 0 10%; + } + .u-layout-row > .u-size-5-xs { + flex: 0 0 8.33333333%; + max-width: 8.33333333%; + } + .u-layout-col > .u-size-5-xs { + flex: 5 0 8.33333333%; + } + .u-layout-row > .u-size-4-xs { + flex: 0 0 6.66666667%; + max-width: 6.66666667%; + } + .u-layout-col > .u-size-4-xs { + flex: 4 0 6.66666667%; + } + .u-layout-row > .u-size-3-xs { + flex: 0 0 5%; + max-width: 5%; + } + .u-layout-col > .u-size-3-xs { + flex: 3 0 5%; + } + .u-layout-row > .u-size-2-xs { + flex: 0 0 3.33333333%; + max-width: 3.33333333%; + } + .u-layout-col > .u-size-2-xs { + flex: 2 0 3.33333333%; + } + .u-layout-row > .u-size-1-xs { + flex: 0 0 1.66666667%; + max-width: 1.66666667%; + } + .u-layout-col > .u-size-1-xs { + flex: 1 0 1.66666667%; + } + .u-layout-row > .u-size-0-xs { + flex: 0 0 0%; + max-width: 0%; + } + .u-layout-col > .u-size-0-xs { + flex: 0 0 0%; + } +} +.u-gutter-100 .u-layout { + margin: -50px; +} +.u-gutter-100 .u-layout .u-layout-cell { + border: 50px solid transparent; +} +.u-gutter-100.u-layout-spacing-top { + padding-top: 100px; +} +.u-gutter-100.u-layout-spacing-top-bottom { + padding: 100px 0; +} +.u-gutter-100.u-layout-spacing-left-right { + padding: 0 100px; +} +.u-gutter-100.u-layout-spacing-all { + padding: 100px; +} +.u-gutter-98 .u-layout { + margin: -49px; +} +.u-gutter-98 .u-layout .u-layout-cell { + border: 49px solid transparent; +} +.u-gutter-98.u-layout-spacing-top { + padding-top: 98px; +} +.u-gutter-98.u-layout-spacing-top-bottom { + padding: 98px 0; +} +.u-gutter-98.u-layout-spacing-left-right { + padding: 0 98px; +} +.u-gutter-98.u-layout-spacing-all { + padding: 98px; +} +.u-gutter-96 .u-layout { + margin: -48px; +} +.u-gutter-96 .u-layout .u-layout-cell { + border: 48px solid transparent; +} +.u-gutter-96.u-layout-spacing-top { + padding-top: 96px; +} +.u-gutter-96.u-layout-spacing-top-bottom { + padding: 96px 0; +} +.u-gutter-96.u-layout-spacing-left-right { + padding: 0 96px; +} +.u-gutter-96.u-layout-spacing-all { + padding: 96px; +} +.u-gutter-94 .u-layout { + margin: -47px; +} +.u-gutter-94 .u-layout .u-layout-cell { + border: 47px solid transparent; +} +.u-gutter-94.u-layout-spacing-top { + padding-top: 94px; +} +.u-gutter-94.u-layout-spacing-top-bottom { + padding: 94px 0; +} +.u-gutter-94.u-layout-spacing-left-right { + padding: 0 94px; +} +.u-gutter-94.u-layout-spacing-all { + padding: 94px; +} +.u-gutter-92 .u-layout { + margin: -46px; +} +.u-gutter-92 .u-layout .u-layout-cell { + border: 46px solid transparent; +} +.u-gutter-92.u-layout-spacing-top { + padding-top: 92px; +} +.u-gutter-92.u-layout-spacing-top-bottom { + padding: 92px 0; +} +.u-gutter-92.u-layout-spacing-left-right { + padding: 0 92px; +} +.u-gutter-92.u-layout-spacing-all { + padding: 92px; +} +.u-gutter-90 .u-layout { + margin: -45px; +} +.u-gutter-90 .u-layout .u-layout-cell { + border: 45px solid transparent; +} +.u-gutter-90.u-layout-spacing-top { + padding-top: 90px; +} +.u-gutter-90.u-layout-spacing-top-bottom { + padding: 90px 0; +} +.u-gutter-90.u-layout-spacing-left-right { + padding: 0 90px; +} +.u-gutter-90.u-layout-spacing-all { + padding: 90px; +} +.u-gutter-88 .u-layout { + margin: -44px; +} +.u-gutter-88 .u-layout .u-layout-cell { + border: 44px solid transparent; +} +.u-gutter-88.u-layout-spacing-top { + padding-top: 88px; +} +.u-gutter-88.u-layout-spacing-top-bottom { + padding: 88px 0; +} +.u-gutter-88.u-layout-spacing-left-right { + padding: 0 88px; +} +.u-gutter-88.u-layout-spacing-all { + padding: 88px; +} +.u-gutter-86 .u-layout { + margin: -43px; +} +.u-gutter-86 .u-layout .u-layout-cell { + border: 43px solid transparent; +} +.u-gutter-86.u-layout-spacing-top { + padding-top: 86px; +} +.u-gutter-86.u-layout-spacing-top-bottom { + padding: 86px 0; +} +.u-gutter-86.u-layout-spacing-left-right { + padding: 0 86px; +} +.u-gutter-86.u-layout-spacing-all { + padding: 86px; +} +.u-gutter-84 .u-layout { + margin: -42px; +} +.u-gutter-84 .u-layout .u-layout-cell { + border: 42px solid transparent; +} +.u-gutter-84.u-layout-spacing-top { + padding-top: 84px; +} +.u-gutter-84.u-layout-spacing-top-bottom { + padding: 84px 0; +} +.u-gutter-84.u-layout-spacing-left-right { + padding: 0 84px; +} +.u-gutter-84.u-layout-spacing-all { + padding: 84px; +} +.u-gutter-82 .u-layout { + margin: -41px; +} +.u-gutter-82 .u-layout .u-layout-cell { + border: 41px solid transparent; +} +.u-gutter-82.u-layout-spacing-top { + padding-top: 82px; +} +.u-gutter-82.u-layout-spacing-top-bottom { + padding: 82px 0; +} +.u-gutter-82.u-layout-spacing-left-right { + padding: 0 82px; +} +.u-gutter-82.u-layout-spacing-all { + padding: 82px; +} +.u-gutter-80 .u-layout { + margin: -40px; +} +.u-gutter-80 .u-layout .u-layout-cell { + border: 40px solid transparent; +} +.u-gutter-80.u-layout-spacing-top { + padding-top: 80px; +} +.u-gutter-80.u-layout-spacing-top-bottom { + padding: 80px 0; +} +.u-gutter-80.u-layout-spacing-left-right { + padding: 0 80px; +} +.u-gutter-80.u-layout-spacing-all { + padding: 80px; +} +.u-gutter-78 .u-layout { + margin: -39px; +} +.u-gutter-78 .u-layout .u-layout-cell { + border: 39px solid transparent; +} +.u-gutter-78.u-layout-spacing-top { + padding-top: 78px; +} +.u-gutter-78.u-layout-spacing-top-bottom { + padding: 78px 0; +} +.u-gutter-78.u-layout-spacing-left-right { + padding: 0 78px; +} +.u-gutter-78.u-layout-spacing-all { + padding: 78px; +} +.u-gutter-76 .u-layout { + margin: -38px; +} +.u-gutter-76 .u-layout .u-layout-cell { + border: 38px solid transparent; +} +.u-gutter-76.u-layout-spacing-top { + padding-top: 76px; +} +.u-gutter-76.u-layout-spacing-top-bottom { + padding: 76px 0; +} +.u-gutter-76.u-layout-spacing-left-right { + padding: 0 76px; +} +.u-gutter-76.u-layout-spacing-all { + padding: 76px; +} +.u-gutter-74 .u-layout { + margin: -37px; +} +.u-gutter-74 .u-layout .u-layout-cell { + border: 37px solid transparent; +} +.u-gutter-74.u-layout-spacing-top { + padding-top: 74px; +} +.u-gutter-74.u-layout-spacing-top-bottom { + padding: 74px 0; +} +.u-gutter-74.u-layout-spacing-left-right { + padding: 0 74px; +} +.u-gutter-74.u-layout-spacing-all { + padding: 74px; +} +.u-gutter-72 .u-layout { + margin: -36px; +} +.u-gutter-72 .u-layout .u-layout-cell { + border: 36px solid transparent; +} +.u-gutter-72.u-layout-spacing-top { + padding-top: 72px; +} +.u-gutter-72.u-layout-spacing-top-bottom { + padding: 72px 0; +} +.u-gutter-72.u-layout-spacing-left-right { + padding: 0 72px; +} +.u-gutter-72.u-layout-spacing-all { + padding: 72px; +} +.u-gutter-70 .u-layout { + margin: -35px; +} +.u-gutter-70 .u-layout .u-layout-cell { + border: 35px solid transparent; +} +.u-gutter-70.u-layout-spacing-top { + padding-top: 70px; +} +.u-gutter-70.u-layout-spacing-top-bottom { + padding: 70px 0; +} +.u-gutter-70.u-layout-spacing-left-right { + padding: 0 70px; +} +.u-gutter-70.u-layout-spacing-all { + padding: 70px; +} +.u-gutter-68 .u-layout { + margin: -34px; +} +.u-gutter-68 .u-layout .u-layout-cell { + border: 34px solid transparent; +} +.u-gutter-68.u-layout-spacing-top { + padding-top: 68px; +} +.u-gutter-68.u-layout-spacing-top-bottom { + padding: 68px 0; +} +.u-gutter-68.u-layout-spacing-left-right { + padding: 0 68px; +} +.u-gutter-68.u-layout-spacing-all { + padding: 68px; +} +.u-gutter-66 .u-layout { + margin: -33px; +} +.u-gutter-66 .u-layout .u-layout-cell { + border: 33px solid transparent; +} +.u-gutter-66.u-layout-spacing-top { + padding-top: 66px; +} +.u-gutter-66.u-layout-spacing-top-bottom { + padding: 66px 0; +} +.u-gutter-66.u-layout-spacing-left-right { + padding: 0 66px; +} +.u-gutter-66.u-layout-spacing-all { + padding: 66px; +} +.u-gutter-64 .u-layout { + margin: -32px; +} +.u-gutter-64 .u-layout .u-layout-cell { + border: 32px solid transparent; +} +.u-gutter-64.u-layout-spacing-top { + padding-top: 64px; +} +.u-gutter-64.u-layout-spacing-top-bottom { + padding: 64px 0; +} +.u-gutter-64.u-layout-spacing-left-right { + padding: 0 64px; +} +.u-gutter-64.u-layout-spacing-all { + padding: 64px; +} +.u-gutter-62 .u-layout { + margin: -31px; +} +.u-gutter-62 .u-layout .u-layout-cell { + border: 31px solid transparent; +} +.u-gutter-62.u-layout-spacing-top { + padding-top: 62px; +} +.u-gutter-62.u-layout-spacing-top-bottom { + padding: 62px 0; +} +.u-gutter-62.u-layout-spacing-left-right { + padding: 0 62px; +} +.u-gutter-62.u-layout-spacing-all { + padding: 62px; +} +.u-gutter-60 .u-layout { + margin: -30px; +} +.u-gutter-60 .u-layout .u-layout-cell { + border: 30px solid transparent; +} +.u-gutter-60.u-layout-spacing-top { + padding-top: 60px; +} +.u-gutter-60.u-layout-spacing-top-bottom { + padding: 60px 0; +} +.u-gutter-60.u-layout-spacing-left-right { + padding: 0 60px; +} +.u-gutter-60.u-layout-spacing-all { + padding: 60px; +} +.u-gutter-58 .u-layout { + margin: -29px; +} +.u-gutter-58 .u-layout .u-layout-cell { + border: 29px solid transparent; +} +.u-gutter-58.u-layout-spacing-top { + padding-top: 58px; +} +.u-gutter-58.u-layout-spacing-top-bottom { + padding: 58px 0; +} +.u-gutter-58.u-layout-spacing-left-right { + padding: 0 58px; +} +.u-gutter-58.u-layout-spacing-all { + padding: 58px; +} +.u-gutter-56 .u-layout { + margin: -28px; +} +.u-gutter-56 .u-layout .u-layout-cell { + border: 28px solid transparent; +} +.u-gutter-56.u-layout-spacing-top { + padding-top: 56px; +} +.u-gutter-56.u-layout-spacing-top-bottom { + padding: 56px 0; +} +.u-gutter-56.u-layout-spacing-left-right { + padding: 0 56px; +} +.u-gutter-56.u-layout-spacing-all { + padding: 56px; +} +.u-gutter-54 .u-layout { + margin: -27px; +} +.u-gutter-54 .u-layout .u-layout-cell { + border: 27px solid transparent; +} +.u-gutter-54.u-layout-spacing-top { + padding-top: 54px; +} +.u-gutter-54.u-layout-spacing-top-bottom { + padding: 54px 0; +} +.u-gutter-54.u-layout-spacing-left-right { + padding: 0 54px; +} +.u-gutter-54.u-layout-spacing-all { + padding: 54px; +} +.u-gutter-52 .u-layout { + margin: -26px; +} +.u-gutter-52 .u-layout .u-layout-cell { + border: 26px solid transparent; +} +.u-gutter-52.u-layout-spacing-top { + padding-top: 52px; +} +.u-gutter-52.u-layout-spacing-top-bottom { + padding: 52px 0; +} +.u-gutter-52.u-layout-spacing-left-right { + padding: 0 52px; +} +.u-gutter-52.u-layout-spacing-all { + padding: 52px; +} +.u-gutter-50 .u-layout { + margin: -25px; +} +.u-gutter-50 .u-layout .u-layout-cell { + border: 25px solid transparent; +} +.u-gutter-50.u-layout-spacing-top { + padding-top: 50px; +} +.u-gutter-50.u-layout-spacing-top-bottom { + padding: 50px 0; +} +.u-gutter-50.u-layout-spacing-left-right { + padding: 0 50px; +} +.u-gutter-50.u-layout-spacing-all { + padding: 50px; +} +.u-gutter-48 .u-layout { + margin: -24px; +} +.u-gutter-48 .u-layout .u-layout-cell { + border: 24px solid transparent; +} +.u-gutter-48.u-layout-spacing-top { + padding-top: 48px; +} +.u-gutter-48.u-layout-spacing-top-bottom { + padding: 48px 0; +} +.u-gutter-48.u-layout-spacing-left-right { + padding: 0 48px; +} +.u-gutter-48.u-layout-spacing-all { + padding: 48px; +} +.u-gutter-46 .u-layout { + margin: -23px; +} +.u-gutter-46 .u-layout .u-layout-cell { + border: 23px solid transparent; +} +.u-gutter-46.u-layout-spacing-top { + padding-top: 46px; +} +.u-gutter-46.u-layout-spacing-top-bottom { + padding: 46px 0; +} +.u-gutter-46.u-layout-spacing-left-right { + padding: 0 46px; +} +.u-gutter-46.u-layout-spacing-all { + padding: 46px; +} +.u-gutter-44 .u-layout { + margin: -22px; +} +.u-gutter-44 .u-layout .u-layout-cell { + border: 22px solid transparent; +} +.u-gutter-44.u-layout-spacing-top { + padding-top: 44px; +} +.u-gutter-44.u-layout-spacing-top-bottom { + padding: 44px 0; +} +.u-gutter-44.u-layout-spacing-left-right { + padding: 0 44px; +} +.u-gutter-44.u-layout-spacing-all { + padding: 44px; +} +.u-gutter-42 .u-layout { + margin: -21px; +} +.u-gutter-42 .u-layout .u-layout-cell { + border: 21px solid transparent; +} +.u-gutter-42.u-layout-spacing-top { + padding-top: 42px; +} +.u-gutter-42.u-layout-spacing-top-bottom { + padding: 42px 0; +} +.u-gutter-42.u-layout-spacing-left-right { + padding: 0 42px; +} +.u-gutter-42.u-layout-spacing-all { + padding: 42px; +} +.u-gutter-40 .u-layout { + margin: -20px; +} +.u-gutter-40 .u-layout .u-layout-cell { + border: 20px solid transparent; +} +.u-gutter-40.u-layout-spacing-top { + padding-top: 40px; +} +.u-gutter-40.u-layout-spacing-top-bottom { + padding: 40px 0; +} +.u-gutter-40.u-layout-spacing-left-right { + padding: 0 40px; +} +.u-gutter-40.u-layout-spacing-all { + padding: 40px; +} +.u-gutter-38 .u-layout { + margin: -19px; +} +.u-gutter-38 .u-layout .u-layout-cell { + border: 19px solid transparent; +} +.u-gutter-38.u-layout-spacing-top { + padding-top: 38px; +} +.u-gutter-38.u-layout-spacing-top-bottom { + padding: 38px 0; +} +.u-gutter-38.u-layout-spacing-left-right { + padding: 0 38px; +} +.u-gutter-38.u-layout-spacing-all { + padding: 38px; +} +.u-gutter-36 .u-layout { + margin: -18px; +} +.u-gutter-36 .u-layout .u-layout-cell { + border: 18px solid transparent; +} +.u-gutter-36.u-layout-spacing-top { + padding-top: 36px; +} +.u-gutter-36.u-layout-spacing-top-bottom { + padding: 36px 0; +} +.u-gutter-36.u-layout-spacing-left-right { + padding: 0 36px; +} +.u-gutter-36.u-layout-spacing-all { + padding: 36px; +} +.u-gutter-34 .u-layout { + margin: -17px; +} +.u-gutter-34 .u-layout .u-layout-cell { + border: 17px solid transparent; +} +.u-gutter-34.u-layout-spacing-top { + padding-top: 34px; +} +.u-gutter-34.u-layout-spacing-top-bottom { + padding: 34px 0; +} +.u-gutter-34.u-layout-spacing-left-right { + padding: 0 34px; +} +.u-gutter-34.u-layout-spacing-all { + padding: 34px; +} +.u-gutter-32 .u-layout { + margin: -16px; +} +.u-gutter-32 .u-layout .u-layout-cell { + border: 16px solid transparent; +} +.u-gutter-32.u-layout-spacing-top { + padding-top: 32px; +} +.u-gutter-32.u-layout-spacing-top-bottom { + padding: 32px 0; +} +.u-gutter-32.u-layout-spacing-left-right { + padding: 0 32px; +} +.u-gutter-32.u-layout-spacing-all { + padding: 32px; +} +.u-gutter-30 .u-layout { + margin: -15px; +} +.u-gutter-30 .u-layout .u-layout-cell { + border: 15px solid transparent; +} +.u-gutter-30.u-layout-spacing-top { + padding-top: 30px; +} +.u-gutter-30.u-layout-spacing-top-bottom { + padding: 30px 0; +} +.u-gutter-30.u-layout-spacing-left-right { + padding: 0 30px; +} +.u-gutter-30.u-layout-spacing-all { + padding: 30px; +} +.u-gutter-28 .u-layout { + margin: -14px; +} +.u-gutter-28 .u-layout .u-layout-cell { + border: 14px solid transparent; +} +.u-gutter-28.u-layout-spacing-top { + padding-top: 28px; +} +.u-gutter-28.u-layout-spacing-top-bottom { + padding: 28px 0; +} +.u-gutter-28.u-layout-spacing-left-right { + padding: 0 28px; +} +.u-gutter-28.u-layout-spacing-all { + padding: 28px; +} +.u-gutter-26 .u-layout { + margin: -13px; +} +.u-gutter-26 .u-layout .u-layout-cell { + border: 13px solid transparent; +} +.u-gutter-26.u-layout-spacing-top { + padding-top: 26px; +} +.u-gutter-26.u-layout-spacing-top-bottom { + padding: 26px 0; +} +.u-gutter-26.u-layout-spacing-left-right { + padding: 0 26px; +} +.u-gutter-26.u-layout-spacing-all { + padding: 26px; +} +.u-gutter-24 .u-layout { + margin: -12px; +} +.u-gutter-24 .u-layout .u-layout-cell { + border: 12px solid transparent; +} +.u-gutter-24.u-layout-spacing-top { + padding-top: 24px; +} +.u-gutter-24.u-layout-spacing-top-bottom { + padding: 24px 0; +} +.u-gutter-24.u-layout-spacing-left-right { + padding: 0 24px; +} +.u-gutter-24.u-layout-spacing-all { + padding: 24px; +} +.u-gutter-22 .u-layout { + margin: -11px; +} +.u-gutter-22 .u-layout .u-layout-cell { + border: 11px solid transparent; +} +.u-gutter-22.u-layout-spacing-top { + padding-top: 22px; +} +.u-gutter-22.u-layout-spacing-top-bottom { + padding: 22px 0; +} +.u-gutter-22.u-layout-spacing-left-right { + padding: 0 22px; +} +.u-gutter-22.u-layout-spacing-all { + padding: 22px; +} +.u-gutter-20 .u-layout { + margin: -10px; +} +.u-gutter-20 .u-layout .u-layout-cell { + border: 10px solid transparent; +} +.u-gutter-20.u-layout-spacing-top { + padding-top: 20px; +} +.u-gutter-20.u-layout-spacing-top-bottom { + padding: 20px 0; +} +.u-gutter-20.u-layout-spacing-left-right { + padding: 0 20px; +} +.u-gutter-20.u-layout-spacing-all { + padding: 20px; +} +.u-gutter-18 .u-layout { + margin: -9px; +} +.u-gutter-18 .u-layout .u-layout-cell { + border: 9px solid transparent; +} +.u-gutter-18.u-layout-spacing-top { + padding-top: 18px; +} +.u-gutter-18.u-layout-spacing-top-bottom { + padding: 18px 0; +} +.u-gutter-18.u-layout-spacing-left-right { + padding: 0 18px; +} +.u-gutter-18.u-layout-spacing-all { + padding: 18px; +} +.u-gutter-16 .u-layout { + margin: -8px; +} +.u-gutter-16 .u-layout .u-layout-cell { + border: 8px solid transparent; +} +.u-gutter-16.u-layout-spacing-top { + padding-top: 16px; +} +.u-gutter-16.u-layout-spacing-top-bottom { + padding: 16px 0; +} +.u-gutter-16.u-layout-spacing-left-right { + padding: 0 16px; +} +.u-gutter-16.u-layout-spacing-all { + padding: 16px; +} +.u-gutter-14 .u-layout { + margin: -7px; +} +.u-gutter-14 .u-layout .u-layout-cell { + border: 7px solid transparent; +} +.u-gutter-14.u-layout-spacing-top { + padding-top: 14px; +} +.u-gutter-14.u-layout-spacing-top-bottom { + padding: 14px 0; +} +.u-gutter-14.u-layout-spacing-left-right { + padding: 0 14px; +} +.u-gutter-14.u-layout-spacing-all { + padding: 14px; +} +.u-gutter-12 .u-layout { + margin: -6px; +} +.u-gutter-12 .u-layout .u-layout-cell { + border: 6px solid transparent; +} +.u-gutter-12.u-layout-spacing-top { + padding-top: 12px; +} +.u-gutter-12.u-layout-spacing-top-bottom { + padding: 12px 0; +} +.u-gutter-12.u-layout-spacing-left-right { + padding: 0 12px; +} +.u-gutter-12.u-layout-spacing-all { + padding: 12px; +} +.u-gutter-10 .u-layout { + margin: -5px; +} +.u-gutter-10 .u-layout .u-layout-cell { + border: 5px solid transparent; +} +.u-gutter-10.u-layout-spacing-top { + padding-top: 10px; +} +.u-gutter-10.u-layout-spacing-top-bottom { + padding: 10px 0; +} +.u-gutter-10.u-layout-spacing-left-right { + padding: 0 10px; +} +.u-gutter-10.u-layout-spacing-all { + padding: 10px; +} +.u-gutter-8 .u-layout { + margin: -4px; +} +.u-gutter-8 .u-layout .u-layout-cell { + border: 4px solid transparent; +} +.u-gutter-8.u-layout-spacing-top { + padding-top: 8px; +} +.u-gutter-8.u-layout-spacing-top-bottom { + padding: 8px 0; +} +.u-gutter-8.u-layout-spacing-left-right { + padding: 0 8px; +} +.u-gutter-8.u-layout-spacing-all { + padding: 8px; +} +.u-gutter-6 .u-layout { + margin: -3px; +} +.u-gutter-6 .u-layout .u-layout-cell { + border: 3px solid transparent; +} +.u-gutter-6.u-layout-spacing-top { + padding-top: 6px; +} +.u-gutter-6.u-layout-spacing-top-bottom { + padding: 6px 0; +} +.u-gutter-6.u-layout-spacing-left-right { + padding: 0 6px; +} +.u-gutter-6.u-layout-spacing-all { + padding: 6px; +} +.u-gutter-4 .u-layout { + margin: -2px; +} +.u-gutter-4 .u-layout .u-layout-cell { + border: 2px solid transparent; +} +.u-gutter-4.u-layout-spacing-top { + padding-top: 4px; +} +.u-gutter-4.u-layout-spacing-top-bottom { + padding: 4px 0; +} +.u-gutter-4.u-layout-spacing-left-right { + padding: 0 4px; +} +.u-gutter-4.u-layout-spacing-all { + padding: 4px; +} +.u-gutter-2 .u-layout { + margin: -1px; +} +.u-gutter-2 .u-layout .u-layout-cell { + border: 1px solid transparent; +} +.u-gutter-2.u-layout-spacing-top { + padding-top: 2px; +} +.u-gutter-2.u-layout-spacing-top-bottom { + padding: 2px 0; +} +.u-gutter-2.u-layout-spacing-left-right { + padding: 0 2px; +} +.u-gutter-2.u-layout-spacing-all { + padding: 2px; +} +.u-gutter-0 .u-layout { + margin: 0px; +} +.u-gutter-0 .u-layout .u-layout-cell { + border: 0px solid transparent; +} +.u-gutter-0.u-layout-spacing-top { + padding-top: 0px; +} +.u-gutter-0.u-layout-spacing-top-bottom { + padding: 0px 0; +} +.u-gutter-0.u-layout-spacing-left-right { + padding: 0 0px; +} +.u-gutter-0.u-layout-spacing-all { + padding: 0px; +} +.u-layout-wrap.u-layout-spacing-vertical .u-layout-cell { + border-top-width: 0; + border-bottom-width: 0; +} +.u-layout-wrap.u-layout-spacing-vertical .u-layout { + margin-top: 0; + margin-bottom: 0; + height: 100%; +} +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .u-layout-col > * { + flex-basis: auto !important; + } +} +.u-layout-col, +.u-layout-row, +.u-layout-col > * { + display: flex; +} +.u-layout-col, +.u-layout-row { + flex: 1 1 100%; +} +.u-layout-row > * { + max-height: 100%; + min-height: -webkit-fit-content; + min-height: fit-content; +} +@media (max-width: 767px) { + .u-layout-row > * { + min-width: 100%; + } +} +.u-layout-col > * { + min-height: -webkit-fit-content; + min-height: fit-content; + max-width: 100%; +} +.u-layout-col { + flex-direction: column; + min-height: 100%; +} +.u-layout-row { + flex-direction: row; + flex-wrap: wrap; + min-height: 100%; + max-width: 100%; +} +.u-layout-cell { + position: relative; + display: flex; + background-clip: padding-box; + background-origin: padding-box; +} +.u-sheet:not(.u-image):not(.u-video) { + pointer-events: none; +} +.u-sheet:not(.u-image):not(.u-video) > * { + pointer-events: auto; + pointer-events: initial; +} +.u-sticky { + position: fixed; + top: 0; + transition: background-color 250ms ease; +} +@supports (position: sticky) { + .u-sticky { + position: sticky; + } +} +@supports (position: -webkit-sticky) { + .u-sticky { + position: -webkit-sticky; + } +} +.u-overlap .u-header { + position: absolute; + top: 0; + right: 0; + left: 0; +} +.u-sticky, +.u-overlap .u-header { + z-index: 20; +} +.u-overlap .u-header.u-sticky { + position: fixed; +} +.u-overlap.u-overlap-transparent .u-header { + background-color: transparent !important; + background-image: none !important; +} +.u-offcanvas-opened .u-header.u-sticky { + z-index: auto; + position: absolute !important; +} +.u-offcanvas-opened .u-header.u-sticky + section { + z-index: -1; +} +.u-hide-header .u-header, +.u-hide-footer .u-footer { + display: none; +} +.u-absolute-hcenter { + left: 50% !important; + transform: translateX(-50%); +} +@media (min-width: 1200px) { + .u-absolute-hcenter-xl { + left: 50% !important; + transform: translateX(-50%); + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .u-absolute-hcenter-lg { + left: 50% !important; + transform: translateX(-50%); + } +} +@media (min-width: 768px) and (max-width: 991px) { + .u-absolute-hcenter-md { + left: 50% !important; + transform: translateX(-50%); + } +} +@media (min-width: 576px) and (max-width: 767px) { + .u-absolute-hcenter-sm { + left: 50% !important; + transform: translateX(-50%); + } +} +@media (max-width: 575px) { + .u-absolute-hcenter-xs { + left: 50% !important; + transform: translateX(-50%); + } +} +@media (max-width: 767px) { + .u-absolute-hcenter, + .u-absolute-hcenter-sm, + .u-absolute-hcenter-xs { + max-width: 100%; + } +} +.u-absolute-vcenter { + top: 50% !important; + transform: translateY(-50%); +} +@media (min-width: 1200px) { + .u-absolute-vcenter-xl { + top: 50% !important; + transform: translateY(-50%); + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .u-absolute-vcenter-lg { + top: 50% !important; + transform: translateY(-50%); + } +} +@media (min-width: 768px) and (max-width: 991px) { + .u-absolute-vcenter-md { + top: 50% !important; + transform: translateY(-50%); + } +} +@media (min-width: 576px) and (max-width: 767px) { + .u-absolute-vcenter-sm { + top: 50% !important; + transform: translateY(-50%); + } +} +@media (max-width: 575px) { + .u-absolute-vcenter-xs { + top: 50% !important; + transform: translateY(-50%); + } +} +@media (max-width: 767px) { + .u-layout-wrap .u-layout { + margin-left: 0 !important; + margin-right: 0 !important; + } + .u-layout-wrap .u-layout .u-layout-cell { + border-left: 0 !important; + border-right: 0 !important; + } +} +.u-sheet.u-content-layout { + display: flex; + flex-wrap: nowrap; +} +@media (max-width: 991px) { + .u-sheet.u-content-layout { + flex-direction: column; + align-items: center; + } +} +.u-sidebar { + flex: 0 0 300px; + border-top-width: 0 !important; + border-bottom-width: 0 !important; +} +.u-sidebar:first-child { + border-left-width: 0; +} +.u-sidebar:last-child { + border-right-width: 0; +} +@media (max-width: 991px) { + .u-sidebar { + flex: 1; + } +} +.u-sidebar:first-child.u-indent-100 { + margin-right: 100px; +} +.u-sidebar:last-child.u-indent-100 { + margin-left: 100px; +} +.u-block.u-indent-100, +.u-block.u-spacing-100 .u-block-header { + margin-bottom: 100px; +} +.u-sidebar:first-child.u-indent-99 { + margin-right: 99px; +} +.u-sidebar:last-child.u-indent-99 { + margin-left: 99px; +} +.u-block.u-indent-99, +.u-block.u-spacing-99 .u-block-header { + margin-bottom: 99px; +} +.u-sidebar:first-child.u-indent-98 { + margin-right: 98px; +} +.u-sidebar:last-child.u-indent-98 { + margin-left: 98px; +} +.u-block.u-indent-98, +.u-block.u-spacing-98 .u-block-header { + margin-bottom: 98px; +} +.u-sidebar:first-child.u-indent-97 { + margin-right: 97px; +} +.u-sidebar:last-child.u-indent-97 { + margin-left: 97px; +} +.u-block.u-indent-97, +.u-block.u-spacing-97 .u-block-header { + margin-bottom: 97px; +} +.u-sidebar:first-child.u-indent-96 { + margin-right: 96px; +} +.u-sidebar:last-child.u-indent-96 { + margin-left: 96px; +} +.u-block.u-indent-96, +.u-block.u-spacing-96 .u-block-header { + margin-bottom: 96px; +} +.u-sidebar:first-child.u-indent-95 { + margin-right: 95px; +} +.u-sidebar:last-child.u-indent-95 { + margin-left: 95px; +} +.u-block.u-indent-95, +.u-block.u-spacing-95 .u-block-header { + margin-bottom: 95px; +} +.u-sidebar:first-child.u-indent-94 { + margin-right: 94px; +} +.u-sidebar:last-child.u-indent-94 { + margin-left: 94px; +} +.u-block.u-indent-94, +.u-block.u-spacing-94 .u-block-header { + margin-bottom: 94px; +} +.u-sidebar:first-child.u-indent-93 { + margin-right: 93px; +} +.u-sidebar:last-child.u-indent-93 { + margin-left: 93px; +} +.u-block.u-indent-93, +.u-block.u-spacing-93 .u-block-header { + margin-bottom: 93px; +} +.u-sidebar:first-child.u-indent-92 { + margin-right: 92px; +} +.u-sidebar:last-child.u-indent-92 { + margin-left: 92px; +} +.u-block.u-indent-92, +.u-block.u-spacing-92 .u-block-header { + margin-bottom: 92px; +} +.u-sidebar:first-child.u-indent-91 { + margin-right: 91px; +} +.u-sidebar:last-child.u-indent-91 { + margin-left: 91px; +} +.u-block.u-indent-91, +.u-block.u-spacing-91 .u-block-header { + margin-bottom: 91px; +} +.u-sidebar:first-child.u-indent-90 { + margin-right: 90px; +} +.u-sidebar:last-child.u-indent-90 { + margin-left: 90px; +} +.u-block.u-indent-90, +.u-block.u-spacing-90 .u-block-header { + margin-bottom: 90px; +} +.u-sidebar:first-child.u-indent-89 { + margin-right: 89px; +} +.u-sidebar:last-child.u-indent-89 { + margin-left: 89px; +} +.u-block.u-indent-89, +.u-block.u-spacing-89 .u-block-header { + margin-bottom: 89px; +} +.u-sidebar:first-child.u-indent-88 { + margin-right: 88px; +} +.u-sidebar:last-child.u-indent-88 { + margin-left: 88px; +} +.u-block.u-indent-88, +.u-block.u-spacing-88 .u-block-header { + margin-bottom: 88px; +} +.u-sidebar:first-child.u-indent-87 { + margin-right: 87px; +} +.u-sidebar:last-child.u-indent-87 { + margin-left: 87px; +} +.u-block.u-indent-87, +.u-block.u-spacing-87 .u-block-header { + margin-bottom: 87px; +} +.u-sidebar:first-child.u-indent-86 { + margin-right: 86px; +} +.u-sidebar:last-child.u-indent-86 { + margin-left: 86px; +} +.u-block.u-indent-86, +.u-block.u-spacing-86 .u-block-header { + margin-bottom: 86px; +} +.u-sidebar:first-child.u-indent-85 { + margin-right: 85px; +} +.u-sidebar:last-child.u-indent-85 { + margin-left: 85px; +} +.u-block.u-indent-85, +.u-block.u-spacing-85 .u-block-header { + margin-bottom: 85px; +} +.u-sidebar:first-child.u-indent-84 { + margin-right: 84px; +} +.u-sidebar:last-child.u-indent-84 { + margin-left: 84px; +} +.u-block.u-indent-84, +.u-block.u-spacing-84 .u-block-header { + margin-bottom: 84px; +} +.u-sidebar:first-child.u-indent-83 { + margin-right: 83px; +} +.u-sidebar:last-child.u-indent-83 { + margin-left: 83px; +} +.u-block.u-indent-83, +.u-block.u-spacing-83 .u-block-header { + margin-bottom: 83px; +} +.u-sidebar:first-child.u-indent-82 { + margin-right: 82px; +} +.u-sidebar:last-child.u-indent-82 { + margin-left: 82px; +} +.u-block.u-indent-82, +.u-block.u-spacing-82 .u-block-header { + margin-bottom: 82px; +} +.u-sidebar:first-child.u-indent-81 { + margin-right: 81px; +} +.u-sidebar:last-child.u-indent-81 { + margin-left: 81px; +} +.u-block.u-indent-81, +.u-block.u-spacing-81 .u-block-header { + margin-bottom: 81px; +} +.u-sidebar:first-child.u-indent-80 { + margin-right: 80px; +} +.u-sidebar:last-child.u-indent-80 { + margin-left: 80px; +} +.u-block.u-indent-80, +.u-block.u-spacing-80 .u-block-header { + margin-bottom: 80px; +} +.u-sidebar:first-child.u-indent-79 { + margin-right: 79px; +} +.u-sidebar:last-child.u-indent-79 { + margin-left: 79px; +} +.u-block.u-indent-79, +.u-block.u-spacing-79 .u-block-header { + margin-bottom: 79px; +} +.u-sidebar:first-child.u-indent-78 { + margin-right: 78px; +} +.u-sidebar:last-child.u-indent-78 { + margin-left: 78px; +} +.u-block.u-indent-78, +.u-block.u-spacing-78 .u-block-header { + margin-bottom: 78px; +} +.u-sidebar:first-child.u-indent-77 { + margin-right: 77px; +} +.u-sidebar:last-child.u-indent-77 { + margin-left: 77px; +} +.u-block.u-indent-77, +.u-block.u-spacing-77 .u-block-header { + margin-bottom: 77px; +} +.u-sidebar:first-child.u-indent-76 { + margin-right: 76px; +} +.u-sidebar:last-child.u-indent-76 { + margin-left: 76px; +} +.u-block.u-indent-76, +.u-block.u-spacing-76 .u-block-header { + margin-bottom: 76px; +} +.u-sidebar:first-child.u-indent-75 { + margin-right: 75px; +} +.u-sidebar:last-child.u-indent-75 { + margin-left: 75px; +} +.u-block.u-indent-75, +.u-block.u-spacing-75 .u-block-header { + margin-bottom: 75px; +} +.u-sidebar:first-child.u-indent-74 { + margin-right: 74px; +} +.u-sidebar:last-child.u-indent-74 { + margin-left: 74px; +} +.u-block.u-indent-74, +.u-block.u-spacing-74 .u-block-header { + margin-bottom: 74px; +} +.u-sidebar:first-child.u-indent-73 { + margin-right: 73px; +} +.u-sidebar:last-child.u-indent-73 { + margin-left: 73px; +} +.u-block.u-indent-73, +.u-block.u-spacing-73 .u-block-header { + margin-bottom: 73px; +} +.u-sidebar:first-child.u-indent-72 { + margin-right: 72px; +} +.u-sidebar:last-child.u-indent-72 { + margin-left: 72px; +} +.u-block.u-indent-72, +.u-block.u-spacing-72 .u-block-header { + margin-bottom: 72px; +} +.u-sidebar:first-child.u-indent-71 { + margin-right: 71px; +} +.u-sidebar:last-child.u-indent-71 { + margin-left: 71px; +} +.u-block.u-indent-71, +.u-block.u-spacing-71 .u-block-header { + margin-bottom: 71px; +} +.u-sidebar:first-child.u-indent-70 { + margin-right: 70px; +} +.u-sidebar:last-child.u-indent-70 { + margin-left: 70px; +} +.u-block.u-indent-70, +.u-block.u-spacing-70 .u-block-header { + margin-bottom: 70px; +} +.u-sidebar:first-child.u-indent-69 { + margin-right: 69px; +} +.u-sidebar:last-child.u-indent-69 { + margin-left: 69px; +} +.u-block.u-indent-69, +.u-block.u-spacing-69 .u-block-header { + margin-bottom: 69px; +} +.u-sidebar:first-child.u-indent-68 { + margin-right: 68px; +} +.u-sidebar:last-child.u-indent-68 { + margin-left: 68px; +} +.u-block.u-indent-68, +.u-block.u-spacing-68 .u-block-header { + margin-bottom: 68px; +} +.u-sidebar:first-child.u-indent-67 { + margin-right: 67px; +} +.u-sidebar:last-child.u-indent-67 { + margin-left: 67px; +} +.u-block.u-indent-67, +.u-block.u-spacing-67 .u-block-header { + margin-bottom: 67px; +} +.u-sidebar:first-child.u-indent-66 { + margin-right: 66px; +} +.u-sidebar:last-child.u-indent-66 { + margin-left: 66px; +} +.u-block.u-indent-66, +.u-block.u-spacing-66 .u-block-header { + margin-bottom: 66px; +} +.u-sidebar:first-child.u-indent-65 { + margin-right: 65px; +} +.u-sidebar:last-child.u-indent-65 { + margin-left: 65px; +} +.u-block.u-indent-65, +.u-block.u-spacing-65 .u-block-header { + margin-bottom: 65px; +} +.u-sidebar:first-child.u-indent-64 { + margin-right: 64px; +} +.u-sidebar:last-child.u-indent-64 { + margin-left: 64px; +} +.u-block.u-indent-64, +.u-block.u-spacing-64 .u-block-header { + margin-bottom: 64px; +} +.u-sidebar:first-child.u-indent-63 { + margin-right: 63px; +} +.u-sidebar:last-child.u-indent-63 { + margin-left: 63px; +} +.u-block.u-indent-63, +.u-block.u-spacing-63 .u-block-header { + margin-bottom: 63px; +} +.u-sidebar:first-child.u-indent-62 { + margin-right: 62px; +} +.u-sidebar:last-child.u-indent-62 { + margin-left: 62px; +} +.u-block.u-indent-62, +.u-block.u-spacing-62 .u-block-header { + margin-bottom: 62px; +} +.u-sidebar:first-child.u-indent-61 { + margin-right: 61px; +} +.u-sidebar:last-child.u-indent-61 { + margin-left: 61px; +} +.u-block.u-indent-61, +.u-block.u-spacing-61 .u-block-header { + margin-bottom: 61px; +} +.u-sidebar:first-child.u-indent-60 { + margin-right: 60px; +} +.u-sidebar:last-child.u-indent-60 { + margin-left: 60px; +} +.u-block.u-indent-60, +.u-block.u-spacing-60 .u-block-header { + margin-bottom: 60px; +} +.u-sidebar:first-child.u-indent-59 { + margin-right: 59px; +} +.u-sidebar:last-child.u-indent-59 { + margin-left: 59px; +} +.u-block.u-indent-59, +.u-block.u-spacing-59 .u-block-header { + margin-bottom: 59px; +} +.u-sidebar:first-child.u-indent-58 { + margin-right: 58px; +} +.u-sidebar:last-child.u-indent-58 { + margin-left: 58px; +} +.u-block.u-indent-58, +.u-block.u-spacing-58 .u-block-header { + margin-bottom: 58px; +} +.u-sidebar:first-child.u-indent-57 { + margin-right: 57px; +} +.u-sidebar:last-child.u-indent-57 { + margin-left: 57px; +} +.u-block.u-indent-57, +.u-block.u-spacing-57 .u-block-header { + margin-bottom: 57px; +} +.u-sidebar:first-child.u-indent-56 { + margin-right: 56px; +} +.u-sidebar:last-child.u-indent-56 { + margin-left: 56px; +} +.u-block.u-indent-56, +.u-block.u-spacing-56 .u-block-header { + margin-bottom: 56px; +} +.u-sidebar:first-child.u-indent-55 { + margin-right: 55px; +} +.u-sidebar:last-child.u-indent-55 { + margin-left: 55px; +} +.u-block.u-indent-55, +.u-block.u-spacing-55 .u-block-header { + margin-bottom: 55px; +} +.u-sidebar:first-child.u-indent-54 { + margin-right: 54px; +} +.u-sidebar:last-child.u-indent-54 { + margin-left: 54px; +} +.u-block.u-indent-54, +.u-block.u-spacing-54 .u-block-header { + margin-bottom: 54px; +} +.u-sidebar:first-child.u-indent-53 { + margin-right: 53px; +} +.u-sidebar:last-child.u-indent-53 { + margin-left: 53px; +} +.u-block.u-indent-53, +.u-block.u-spacing-53 .u-block-header { + margin-bottom: 53px; +} +.u-sidebar:first-child.u-indent-52 { + margin-right: 52px; +} +.u-sidebar:last-child.u-indent-52 { + margin-left: 52px; +} +.u-block.u-indent-52, +.u-block.u-spacing-52 .u-block-header { + margin-bottom: 52px; +} +.u-sidebar:first-child.u-indent-51 { + margin-right: 51px; +} +.u-sidebar:last-child.u-indent-51 { + margin-left: 51px; +} +.u-block.u-indent-51, +.u-block.u-spacing-51 .u-block-header { + margin-bottom: 51px; +} +.u-sidebar:first-child.u-indent-50 { + margin-right: 50px; +} +.u-sidebar:last-child.u-indent-50 { + margin-left: 50px; +} +.u-block.u-indent-50, +.u-block.u-spacing-50 .u-block-header { + margin-bottom: 50px; +} +.u-sidebar:first-child.u-indent-49 { + margin-right: 49px; +} +.u-sidebar:last-child.u-indent-49 { + margin-left: 49px; +} +.u-block.u-indent-49, +.u-block.u-spacing-49 .u-block-header { + margin-bottom: 49px; +} +.u-sidebar:first-child.u-indent-48 { + margin-right: 48px; +} +.u-sidebar:last-child.u-indent-48 { + margin-left: 48px; +} +.u-block.u-indent-48, +.u-block.u-spacing-48 .u-block-header { + margin-bottom: 48px; +} +.u-sidebar:first-child.u-indent-47 { + margin-right: 47px; +} +.u-sidebar:last-child.u-indent-47 { + margin-left: 47px; +} +.u-block.u-indent-47, +.u-block.u-spacing-47 .u-block-header { + margin-bottom: 47px; +} +.u-sidebar:first-child.u-indent-46 { + margin-right: 46px; +} +.u-sidebar:last-child.u-indent-46 { + margin-left: 46px; +} +.u-block.u-indent-46, +.u-block.u-spacing-46 .u-block-header { + margin-bottom: 46px; +} +.u-sidebar:first-child.u-indent-45 { + margin-right: 45px; +} +.u-sidebar:last-child.u-indent-45 { + margin-left: 45px; +} +.u-block.u-indent-45, +.u-block.u-spacing-45 .u-block-header { + margin-bottom: 45px; +} +.u-sidebar:first-child.u-indent-44 { + margin-right: 44px; +} +.u-sidebar:last-child.u-indent-44 { + margin-left: 44px; +} +.u-block.u-indent-44, +.u-block.u-spacing-44 .u-block-header { + margin-bottom: 44px; +} +.u-sidebar:first-child.u-indent-43 { + margin-right: 43px; +} +.u-sidebar:last-child.u-indent-43 { + margin-left: 43px; +} +.u-block.u-indent-43, +.u-block.u-spacing-43 .u-block-header { + margin-bottom: 43px; +} +.u-sidebar:first-child.u-indent-42 { + margin-right: 42px; +} +.u-sidebar:last-child.u-indent-42 { + margin-left: 42px; +} +.u-block.u-indent-42, +.u-block.u-spacing-42 .u-block-header { + margin-bottom: 42px; +} +.u-sidebar:first-child.u-indent-41 { + margin-right: 41px; +} +.u-sidebar:last-child.u-indent-41 { + margin-left: 41px; +} +.u-block.u-indent-41, +.u-block.u-spacing-41 .u-block-header { + margin-bottom: 41px; +} +.u-sidebar:first-child.u-indent-40 { + margin-right: 40px; +} +.u-sidebar:last-child.u-indent-40 { + margin-left: 40px; +} +.u-block.u-indent-40, +.u-block.u-spacing-40 .u-block-header { + margin-bottom: 40px; +} +.u-sidebar.u-spacing-40, +.u-position.u-spacing-40, +.u-block-content.u-spacing-40 { + padding: 40px; +} +.u-block-header.u-v-spacing-40 { + padding-top: 40px; + padding-bottom: 40px; +} +.u-block-header.u-h-spacing-40 { + padding-left: 40px; + padding-right: 40px; +} +.u-block:not(:last-child).u-block-separator.u-indent-40:after { + bottom: -20px; +} +.u-sidebar:first-child.u-indent-39 { + margin-right: 39px; +} +.u-sidebar:last-child.u-indent-39 { + margin-left: 39px; +} +.u-block.u-indent-39, +.u-block.u-spacing-39 .u-block-header { + margin-bottom: 39px; +} +.u-sidebar.u-spacing-39, +.u-position.u-spacing-39, +.u-block-content.u-spacing-39 { + padding: 39px; +} +.u-block-header.u-v-spacing-39 { + padding-top: 39px; + padding-bottom: 39px; +} +.u-block-header.u-h-spacing-39 { + padding-left: 39px; + padding-right: 39px; +} +.u-block:not(:last-child).u-block-separator.u-indent-39:after { + bottom: -19.5px; +} +.u-sidebar:first-child.u-indent-38 { + margin-right: 38px; +} +.u-sidebar:last-child.u-indent-38 { + margin-left: 38px; +} +.u-block.u-indent-38, +.u-block.u-spacing-38 .u-block-header { + margin-bottom: 38px; +} +.u-sidebar.u-spacing-38, +.u-position.u-spacing-38, +.u-block-content.u-spacing-38 { + padding: 38px; +} +.u-block-header.u-v-spacing-38 { + padding-top: 38px; + padding-bottom: 38px; +} +.u-block-header.u-h-spacing-38 { + padding-left: 38px; + padding-right: 38px; +} +.u-block:not(:last-child).u-block-separator.u-indent-38:after { + bottom: -19px; +} +.u-sidebar:first-child.u-indent-37 { + margin-right: 37px; +} +.u-sidebar:last-child.u-indent-37 { + margin-left: 37px; +} +.u-block.u-indent-37, +.u-block.u-spacing-37 .u-block-header { + margin-bottom: 37px; +} +.u-sidebar.u-spacing-37, +.u-position.u-spacing-37, +.u-block-content.u-spacing-37 { + padding: 37px; +} +.u-block-header.u-v-spacing-37 { + padding-top: 37px; + padding-bottom: 37px; +} +.u-block-header.u-h-spacing-37 { + padding-left: 37px; + padding-right: 37px; +} +.u-block:not(:last-child).u-block-separator.u-indent-37:after { + bottom: -18.5px; +} +.u-sidebar:first-child.u-indent-36 { + margin-right: 36px; +} +.u-sidebar:last-child.u-indent-36 { + margin-left: 36px; +} +.u-block.u-indent-36, +.u-block.u-spacing-36 .u-block-header { + margin-bottom: 36px; +} +.u-sidebar.u-spacing-36, +.u-position.u-spacing-36, +.u-block-content.u-spacing-36 { + padding: 36px; +} +.u-block-header.u-v-spacing-36 { + padding-top: 36px; + padding-bottom: 36px; +} +.u-block-header.u-h-spacing-36 { + padding-left: 36px; + padding-right: 36px; +} +.u-block:not(:last-child).u-block-separator.u-indent-36:after { + bottom: -18px; +} +.u-sidebar:first-child.u-indent-35 { + margin-right: 35px; +} +.u-sidebar:last-child.u-indent-35 { + margin-left: 35px; +} +.u-block.u-indent-35, +.u-block.u-spacing-35 .u-block-header { + margin-bottom: 35px; +} +.u-sidebar.u-spacing-35, +.u-position.u-spacing-35, +.u-block-content.u-spacing-35 { + padding: 35px; +} +.u-block-header.u-v-spacing-35 { + padding-top: 35px; + padding-bottom: 35px; +} +.u-block-header.u-h-spacing-35 { + padding-left: 35px; + padding-right: 35px; +} +.u-block:not(:last-child).u-block-separator.u-indent-35:after { + bottom: -17.5px; +} +.u-sidebar:first-child.u-indent-34 { + margin-right: 34px; +} +.u-sidebar:last-child.u-indent-34 { + margin-left: 34px; +} +.u-block.u-indent-34, +.u-block.u-spacing-34 .u-block-header { + margin-bottom: 34px; +} +.u-sidebar.u-spacing-34, +.u-position.u-spacing-34, +.u-block-content.u-spacing-34 { + padding: 34px; +} +.u-block-header.u-v-spacing-34 { + padding-top: 34px; + padding-bottom: 34px; +} +.u-block-header.u-h-spacing-34 { + padding-left: 34px; + padding-right: 34px; +} +.u-block:not(:last-child).u-block-separator.u-indent-34:after { + bottom: -17px; +} +.u-sidebar:first-child.u-indent-33 { + margin-right: 33px; +} +.u-sidebar:last-child.u-indent-33 { + margin-left: 33px; +} +.u-block.u-indent-33, +.u-block.u-spacing-33 .u-block-header { + margin-bottom: 33px; +} +.u-sidebar.u-spacing-33, +.u-position.u-spacing-33, +.u-block-content.u-spacing-33 { + padding: 33px; +} +.u-block-header.u-v-spacing-33 { + padding-top: 33px; + padding-bottom: 33px; +} +.u-block-header.u-h-spacing-33 { + padding-left: 33px; + padding-right: 33px; +} +.u-block:not(:last-child).u-block-separator.u-indent-33:after { + bottom: -16.5px; +} +.u-sidebar:first-child.u-indent-32 { + margin-right: 32px; +} +.u-sidebar:last-child.u-indent-32 { + margin-left: 32px; +} +.u-block.u-indent-32, +.u-block.u-spacing-32 .u-block-header { + margin-bottom: 32px; +} +.u-sidebar.u-spacing-32, +.u-position.u-spacing-32, +.u-block-content.u-spacing-32 { + padding: 32px; +} +.u-block-header.u-v-spacing-32 { + padding-top: 32px; + padding-bottom: 32px; +} +.u-block-header.u-h-spacing-32 { + padding-left: 32px; + padding-right: 32px; +} +.u-block:not(:last-child).u-block-separator.u-indent-32:after { + bottom: -16px; +} +.u-sidebar:first-child.u-indent-31 { + margin-right: 31px; +} +.u-sidebar:last-child.u-indent-31 { + margin-left: 31px; +} +.u-block.u-indent-31, +.u-block.u-spacing-31 .u-block-header { + margin-bottom: 31px; +} +.u-sidebar.u-spacing-31, +.u-position.u-spacing-31, +.u-block-content.u-spacing-31 { + padding: 31px; +} +.u-block-header.u-v-spacing-31 { + padding-top: 31px; + padding-bottom: 31px; +} +.u-block-header.u-h-spacing-31 { + padding-left: 31px; + padding-right: 31px; +} +.u-block:not(:last-child).u-block-separator.u-indent-31:after { + bottom: -15.5px; +} +.u-sidebar:first-child.u-indent-30 { + margin-right: 30px; +} +.u-sidebar:last-child.u-indent-30 { + margin-left: 30px; +} +.u-block.u-indent-30, +.u-block.u-spacing-30 .u-block-header { + margin-bottom: 30px; +} +.u-sidebar.u-spacing-30, +.u-position.u-spacing-30, +.u-block-content.u-spacing-30 { + padding: 30px; +} +.u-block-header.u-v-spacing-30 { + padding-top: 30px; + padding-bottom: 30px; +} +.u-block-header.u-h-spacing-30 { + padding-left: 30px; + padding-right: 30px; +} +.u-block:not(:last-child).u-block-separator.u-indent-30:after { + bottom: -15px; +} +.u-sidebar:first-child.u-indent-29 { + margin-right: 29px; +} +.u-sidebar:last-child.u-indent-29 { + margin-left: 29px; +} +.u-block.u-indent-29, +.u-block.u-spacing-29 .u-block-header { + margin-bottom: 29px; +} +.u-sidebar.u-spacing-29, +.u-position.u-spacing-29, +.u-block-content.u-spacing-29 { + padding: 29px; +} +.u-block-header.u-v-spacing-29 { + padding-top: 29px; + padding-bottom: 29px; +} +.u-block-header.u-h-spacing-29 { + padding-left: 29px; + padding-right: 29px; +} +.u-block:not(:last-child).u-block-separator.u-indent-29:after { + bottom: -14.5px; +} +.u-sidebar:first-child.u-indent-28 { + margin-right: 28px; +} +.u-sidebar:last-child.u-indent-28 { + margin-left: 28px; +} +.u-block.u-indent-28, +.u-block.u-spacing-28 .u-block-header { + margin-bottom: 28px; +} +.u-sidebar.u-spacing-28, +.u-position.u-spacing-28, +.u-block-content.u-spacing-28 { + padding: 28px; +} +.u-block-header.u-v-spacing-28 { + padding-top: 28px; + padding-bottom: 28px; +} +.u-block-header.u-h-spacing-28 { + padding-left: 28px; + padding-right: 28px; +} +.u-block:not(:last-child).u-block-separator.u-indent-28:after { + bottom: -14px; +} +.u-sidebar:first-child.u-indent-27 { + margin-right: 27px; +} +.u-sidebar:last-child.u-indent-27 { + margin-left: 27px; +} +.u-block.u-indent-27, +.u-block.u-spacing-27 .u-block-header { + margin-bottom: 27px; +} +.u-sidebar.u-spacing-27, +.u-position.u-spacing-27, +.u-block-content.u-spacing-27 { + padding: 27px; +} +.u-block-header.u-v-spacing-27 { + padding-top: 27px; + padding-bottom: 27px; +} +.u-block-header.u-h-spacing-27 { + padding-left: 27px; + padding-right: 27px; +} +.u-block:not(:last-child).u-block-separator.u-indent-27:after { + bottom: -13.5px; +} +.u-sidebar:first-child.u-indent-26 { + margin-right: 26px; +} +.u-sidebar:last-child.u-indent-26 { + margin-left: 26px; +} +.u-block.u-indent-26, +.u-block.u-spacing-26 .u-block-header { + margin-bottom: 26px; +} +.u-sidebar.u-spacing-26, +.u-position.u-spacing-26, +.u-block-content.u-spacing-26 { + padding: 26px; +} +.u-block-header.u-v-spacing-26 { + padding-top: 26px; + padding-bottom: 26px; +} +.u-block-header.u-h-spacing-26 { + padding-left: 26px; + padding-right: 26px; +} +.u-block:not(:last-child).u-block-separator.u-indent-26:after { + bottom: -13px; +} +.u-sidebar:first-child.u-indent-25 { + margin-right: 25px; +} +.u-sidebar:last-child.u-indent-25 { + margin-left: 25px; +} +.u-block.u-indent-25, +.u-block.u-spacing-25 .u-block-header { + margin-bottom: 25px; +} +.u-sidebar.u-spacing-25, +.u-position.u-spacing-25, +.u-block-content.u-spacing-25 { + padding: 25px; +} +.u-block-header.u-v-spacing-25 { + padding-top: 25px; + padding-bottom: 25px; +} +.u-block-header.u-h-spacing-25 { + padding-left: 25px; + padding-right: 25px; +} +.u-block:not(:last-child).u-block-separator.u-indent-25:after { + bottom: -12.5px; +} +.u-sidebar:first-child.u-indent-24 { + margin-right: 24px; +} +.u-sidebar:last-child.u-indent-24 { + margin-left: 24px; +} +.u-block.u-indent-24, +.u-block.u-spacing-24 .u-block-header { + margin-bottom: 24px; +} +.u-sidebar.u-spacing-24, +.u-position.u-spacing-24, +.u-block-content.u-spacing-24 { + padding: 24px; +} +.u-block-header.u-v-spacing-24 { + padding-top: 24px; + padding-bottom: 24px; +} +.u-block-header.u-h-spacing-24 { + padding-left: 24px; + padding-right: 24px; +} +.u-block:not(:last-child).u-block-separator.u-indent-24:after { + bottom: -12px; +} +.u-sidebar:first-child.u-indent-23 { + margin-right: 23px; +} +.u-sidebar:last-child.u-indent-23 { + margin-left: 23px; +} +.u-block.u-indent-23, +.u-block.u-spacing-23 .u-block-header { + margin-bottom: 23px; +} +.u-sidebar.u-spacing-23, +.u-position.u-spacing-23, +.u-block-content.u-spacing-23 { + padding: 23px; +} +.u-block-header.u-v-spacing-23 { + padding-top: 23px; + padding-bottom: 23px; +} +.u-block-header.u-h-spacing-23 { + padding-left: 23px; + padding-right: 23px; +} +.u-block:not(:last-child).u-block-separator.u-indent-23:after { + bottom: -11.5px; +} +.u-sidebar:first-child.u-indent-22 { + margin-right: 22px; +} +.u-sidebar:last-child.u-indent-22 { + margin-left: 22px; +} +.u-block.u-indent-22, +.u-block.u-spacing-22 .u-block-header { + margin-bottom: 22px; +} +.u-sidebar.u-spacing-22, +.u-position.u-spacing-22, +.u-block-content.u-spacing-22 { + padding: 22px; +} +.u-block-header.u-v-spacing-22 { + padding-top: 22px; + padding-bottom: 22px; +} +.u-block-header.u-h-spacing-22 { + padding-left: 22px; + padding-right: 22px; +} +.u-block:not(:last-child).u-block-separator.u-indent-22:after { + bottom: -11px; +} +.u-sidebar:first-child.u-indent-21 { + margin-right: 21px; +} +.u-sidebar:last-child.u-indent-21 { + margin-left: 21px; +} +.u-block.u-indent-21, +.u-block.u-spacing-21 .u-block-header { + margin-bottom: 21px; +} +.u-sidebar.u-spacing-21, +.u-position.u-spacing-21, +.u-block-content.u-spacing-21 { + padding: 21px; +} +.u-block-header.u-v-spacing-21 { + padding-top: 21px; + padding-bottom: 21px; +} +.u-block-header.u-h-spacing-21 { + padding-left: 21px; + padding-right: 21px; +} +.u-block:not(:last-child).u-block-separator.u-indent-21:after { + bottom: -10.5px; +} +.u-sidebar:first-child.u-indent-20 { + margin-right: 20px; +} +.u-sidebar:last-child.u-indent-20 { + margin-left: 20px; +} +.u-block.u-indent-20, +.u-block.u-spacing-20 .u-block-header { + margin-bottom: 20px; +} +.u-sidebar.u-spacing-20, +.u-position.u-spacing-20, +.u-block-content.u-spacing-20 { + padding: 20px; +} +.u-block-header.u-v-spacing-20 { + padding-top: 20px; + padding-bottom: 20px; +} +.u-block-header.u-h-spacing-20 { + padding-left: 20px; + padding-right: 20px; +} +.u-block:not(:last-child).u-block-separator.u-indent-20:after { + bottom: -10px; +} +.u-sidebar:first-child.u-indent-19 { + margin-right: 19px; +} +.u-sidebar:last-child.u-indent-19 { + margin-left: 19px; +} +.u-block.u-indent-19, +.u-block.u-spacing-19 .u-block-header { + margin-bottom: 19px; +} +.u-sidebar.u-spacing-19, +.u-position.u-spacing-19, +.u-block-content.u-spacing-19 { + padding: 19px; +} +.u-block-header.u-v-spacing-19 { + padding-top: 19px; + padding-bottom: 19px; +} +.u-block-header.u-h-spacing-19 { + padding-left: 19px; + padding-right: 19px; +} +.u-block:not(:last-child).u-block-separator.u-indent-19:after { + bottom: -9.5px; +} +.u-sidebar:first-child.u-indent-18 { + margin-right: 18px; +} +.u-sidebar:last-child.u-indent-18 { + margin-left: 18px; +} +.u-block.u-indent-18, +.u-block.u-spacing-18 .u-block-header { + margin-bottom: 18px; +} +.u-sidebar.u-spacing-18, +.u-position.u-spacing-18, +.u-block-content.u-spacing-18 { + padding: 18px; +} +.u-block-header.u-v-spacing-18 { + padding-top: 18px; + padding-bottom: 18px; +} +.u-block-header.u-h-spacing-18 { + padding-left: 18px; + padding-right: 18px; +} +.u-block:not(:last-child).u-block-separator.u-indent-18:after { + bottom: -9px; +} +.u-sidebar:first-child.u-indent-17 { + margin-right: 17px; +} +.u-sidebar:last-child.u-indent-17 { + margin-left: 17px; +} +.u-block.u-indent-17, +.u-block.u-spacing-17 .u-block-header { + margin-bottom: 17px; +} +.u-sidebar.u-spacing-17, +.u-position.u-spacing-17, +.u-block-content.u-spacing-17 { + padding: 17px; +} +.u-block-header.u-v-spacing-17 { + padding-top: 17px; + padding-bottom: 17px; +} +.u-block-header.u-h-spacing-17 { + padding-left: 17px; + padding-right: 17px; +} +.u-block:not(:last-child).u-block-separator.u-indent-17:after { + bottom: -8.5px; +} +.u-sidebar:first-child.u-indent-16 { + margin-right: 16px; +} +.u-sidebar:last-child.u-indent-16 { + margin-left: 16px; +} +.u-block.u-indent-16, +.u-block.u-spacing-16 .u-block-header { + margin-bottom: 16px; +} +.u-sidebar.u-spacing-16, +.u-position.u-spacing-16, +.u-block-content.u-spacing-16 { + padding: 16px; +} +.u-block-header.u-v-spacing-16 { + padding-top: 16px; + padding-bottom: 16px; +} +.u-block-header.u-h-spacing-16 { + padding-left: 16px; + padding-right: 16px; +} +.u-block:not(:last-child).u-block-separator.u-indent-16:after { + bottom: -8px; +} +.u-sidebar:first-child.u-indent-15 { + margin-right: 15px; +} +.u-sidebar:last-child.u-indent-15 { + margin-left: 15px; +} +.u-block.u-indent-15, +.u-block.u-spacing-15 .u-block-header { + margin-bottom: 15px; +} +.u-sidebar.u-spacing-15, +.u-position.u-spacing-15, +.u-block-content.u-spacing-15 { + padding: 15px; +} +.u-block-header.u-v-spacing-15 { + padding-top: 15px; + padding-bottom: 15px; +} +.u-block-header.u-h-spacing-15 { + padding-left: 15px; + padding-right: 15px; +} +.u-block:not(:last-child).u-block-separator.u-indent-15:after { + bottom: -7.5px; +} +.u-sidebar:first-child.u-indent-14 { + margin-right: 14px; +} +.u-sidebar:last-child.u-indent-14 { + margin-left: 14px; +} +.u-block.u-indent-14, +.u-block.u-spacing-14 .u-block-header { + margin-bottom: 14px; +} +.u-sidebar.u-spacing-14, +.u-position.u-spacing-14, +.u-block-content.u-spacing-14 { + padding: 14px; +} +.u-block-header.u-v-spacing-14 { + padding-top: 14px; + padding-bottom: 14px; +} +.u-block-header.u-h-spacing-14 { + padding-left: 14px; + padding-right: 14px; +} +.u-block:not(:last-child).u-block-separator.u-indent-14:after { + bottom: -7px; +} +.u-sidebar:first-child.u-indent-13 { + margin-right: 13px; +} +.u-sidebar:last-child.u-indent-13 { + margin-left: 13px; +} +.u-block.u-indent-13, +.u-block.u-spacing-13 .u-block-header { + margin-bottom: 13px; +} +.u-sidebar.u-spacing-13, +.u-position.u-spacing-13, +.u-block-content.u-spacing-13 { + padding: 13px; +} +.u-block-header.u-v-spacing-13 { + padding-top: 13px; + padding-bottom: 13px; +} +.u-block-header.u-h-spacing-13 { + padding-left: 13px; + padding-right: 13px; +} +.u-block:not(:last-child).u-block-separator.u-indent-13:after { + bottom: -6.5px; +} +.u-sidebar:first-child.u-indent-12 { + margin-right: 12px; +} +.u-sidebar:last-child.u-indent-12 { + margin-left: 12px; +} +.u-block.u-indent-12, +.u-block.u-spacing-12 .u-block-header { + margin-bottom: 12px; +} +.u-sidebar.u-spacing-12, +.u-position.u-spacing-12, +.u-block-content.u-spacing-12 { + padding: 12px; +} +.u-block-header.u-v-spacing-12 { + padding-top: 12px; + padding-bottom: 12px; +} +.u-block-header.u-h-spacing-12 { + padding-left: 12px; + padding-right: 12px; +} +.u-block:not(:last-child).u-block-separator.u-indent-12:after { + bottom: -6px; +} +.u-sidebar:first-child.u-indent-11 { + margin-right: 11px; +} +.u-sidebar:last-child.u-indent-11 { + margin-left: 11px; +} +.u-block.u-indent-11, +.u-block.u-spacing-11 .u-block-header { + margin-bottom: 11px; +} +.u-sidebar.u-spacing-11, +.u-position.u-spacing-11, +.u-block-content.u-spacing-11 { + padding: 11px; +} +.u-block-header.u-v-spacing-11 { + padding-top: 11px; + padding-bottom: 11px; +} +.u-block-header.u-h-spacing-11 { + padding-left: 11px; + padding-right: 11px; +} +.u-block:not(:last-child).u-block-separator.u-indent-11:after { + bottom: -5.5px; +} +.u-sidebar:first-child.u-indent-10 { + margin-right: 10px; +} +.u-sidebar:last-child.u-indent-10 { + margin-left: 10px; +} +.u-block.u-indent-10, +.u-block.u-spacing-10 .u-block-header { + margin-bottom: 10px; +} +.u-sidebar.u-spacing-10, +.u-position.u-spacing-10, +.u-block-content.u-spacing-10 { + padding: 10px; +} +.u-block-header.u-v-spacing-10 { + padding-top: 10px; + padding-bottom: 10px; +} +.u-block-header.u-h-spacing-10 { + padding-left: 10px; + padding-right: 10px; +} +.u-block:not(:last-child).u-block-separator.u-indent-10:after { + bottom: -5px; +} +.u-sidebar:first-child.u-indent-9 { + margin-right: 9px; +} +.u-sidebar:last-child.u-indent-9 { + margin-left: 9px; +} +.u-block.u-indent-9, +.u-block.u-spacing-9 .u-block-header { + margin-bottom: 9px; +} +.u-sidebar.u-spacing-9, +.u-position.u-spacing-9, +.u-block-content.u-spacing-9 { + padding: 9px; +} +.u-block-header.u-v-spacing-9 { + padding-top: 9px; + padding-bottom: 9px; +} +.u-block-header.u-h-spacing-9 { + padding-left: 9px; + padding-right: 9px; +} +.u-block:not(:last-child).u-block-separator.u-indent-9:after { + bottom: -4.5px; +} +.u-sidebar:first-child.u-indent-8 { + margin-right: 8px; +} +.u-sidebar:last-child.u-indent-8 { + margin-left: 8px; +} +.u-block.u-indent-8, +.u-block.u-spacing-8 .u-block-header { + margin-bottom: 8px; +} +.u-sidebar.u-spacing-8, +.u-position.u-spacing-8, +.u-block-content.u-spacing-8 { + padding: 8px; +} +.u-block-header.u-v-spacing-8 { + padding-top: 8px; + padding-bottom: 8px; +} +.u-block-header.u-h-spacing-8 { + padding-left: 8px; + padding-right: 8px; +} +.u-block:not(:last-child).u-block-separator.u-indent-8:after { + bottom: -4px; +} +.u-sidebar:first-child.u-indent-7 { + margin-right: 7px; +} +.u-sidebar:last-child.u-indent-7 { + margin-left: 7px; +} +.u-block.u-indent-7, +.u-block.u-spacing-7 .u-block-header { + margin-bottom: 7px; +} +.u-sidebar.u-spacing-7, +.u-position.u-spacing-7, +.u-block-content.u-spacing-7 { + padding: 7px; +} +.u-block-header.u-v-spacing-7 { + padding-top: 7px; + padding-bottom: 7px; +} +.u-block-header.u-h-spacing-7 { + padding-left: 7px; + padding-right: 7px; +} +.u-block:not(:last-child).u-block-separator.u-indent-7:after { + bottom: -3.5px; +} +.u-sidebar:first-child.u-indent-6 { + margin-right: 6px; +} +.u-sidebar:last-child.u-indent-6 { + margin-left: 6px; +} +.u-block.u-indent-6, +.u-block.u-spacing-6 .u-block-header { + margin-bottom: 6px; +} +.u-sidebar.u-spacing-6, +.u-position.u-spacing-6, +.u-block-content.u-spacing-6 { + padding: 6px; +} +.u-block-header.u-v-spacing-6 { + padding-top: 6px; + padding-bottom: 6px; +} +.u-block-header.u-h-spacing-6 { + padding-left: 6px; + padding-right: 6px; +} +.u-block:not(:last-child).u-block-separator.u-indent-6:after { + bottom: -3px; +} +.u-sidebar:first-child.u-indent-5 { + margin-right: 5px; +} +.u-sidebar:last-child.u-indent-5 { + margin-left: 5px; +} +.u-block.u-indent-5, +.u-block.u-spacing-5 .u-block-header { + margin-bottom: 5px; +} +.u-sidebar.u-spacing-5, +.u-position.u-spacing-5, +.u-block-content.u-spacing-5 { + padding: 5px; +} +.u-block-header.u-v-spacing-5 { + padding-top: 5px; + padding-bottom: 5px; +} +.u-block-header.u-h-spacing-5 { + padding-left: 5px; + padding-right: 5px; +} +.u-block:not(:last-child).u-block-separator.u-indent-5:after { + bottom: -2.5px; +} +.u-sidebar:first-child.u-indent-4 { + margin-right: 4px; +} +.u-sidebar:last-child.u-indent-4 { + margin-left: 4px; +} +.u-block.u-indent-4, +.u-block.u-spacing-4 .u-block-header { + margin-bottom: 4px; +} +.u-sidebar.u-spacing-4, +.u-position.u-spacing-4, +.u-block-content.u-spacing-4 { + padding: 4px; +} +.u-block-header.u-v-spacing-4 { + padding-top: 4px; + padding-bottom: 4px; +} +.u-block-header.u-h-spacing-4 { + padding-left: 4px; + padding-right: 4px; +} +.u-block:not(:last-child).u-block-separator.u-indent-4:after { + bottom: -2px; +} +.u-sidebar:first-child.u-indent-3 { + margin-right: 3px; +} +.u-sidebar:last-child.u-indent-3 { + margin-left: 3px; +} +.u-block.u-indent-3, +.u-block.u-spacing-3 .u-block-header { + margin-bottom: 3px; +} +.u-sidebar.u-spacing-3, +.u-position.u-spacing-3, +.u-block-content.u-spacing-3 { + padding: 3px; +} +.u-block-header.u-v-spacing-3 { + padding-top: 3px; + padding-bottom: 3px; +} +.u-block-header.u-h-spacing-3 { + padding-left: 3px; + padding-right: 3px; +} +.u-block:not(:last-child).u-block-separator.u-indent-3:after { + bottom: -1.5px; +} +.u-sidebar:first-child.u-indent-2 { + margin-right: 2px; +} +.u-sidebar:last-child.u-indent-2 { + margin-left: 2px; +} +.u-block.u-indent-2, +.u-block.u-spacing-2 .u-block-header { + margin-bottom: 2px; +} +.u-sidebar.u-spacing-2, +.u-position.u-spacing-2, +.u-block-content.u-spacing-2 { + padding: 2px; +} +.u-block-header.u-v-spacing-2 { + padding-top: 2px; + padding-bottom: 2px; +} +.u-block-header.u-h-spacing-2 { + padding-left: 2px; + padding-right: 2px; +} +.u-block:not(:last-child).u-block-separator.u-indent-2:after { + bottom: -1px; +} +.u-sidebar:first-child.u-indent-1 { + margin-right: 1px; +} +.u-sidebar:last-child.u-indent-1 { + margin-left: 1px; +} +.u-block.u-indent-1, +.u-block.u-spacing-1 .u-block-header { + margin-bottom: 1px; +} +.u-sidebar.u-spacing-1, +.u-position.u-spacing-1, +.u-block-content.u-spacing-1 { + padding: 1px; +} +.u-block-header.u-v-spacing-1 { + padding-top: 1px; + padding-bottom: 1px; +} +.u-block-header.u-h-spacing-1 { + padding-left: 1px; + padding-right: 1px; +} +.u-block:not(:last-child).u-block-separator.u-indent-1:after { + bottom: -0.5px; +} +.u-sidebar:first-child.u-indent-0 { + margin-right: 0px; +} +.u-sidebar:last-child.u-indent-0 { + margin-left: 0px; +} +.u-block.u-indent-0, +.u-block.u-spacing-0 .u-block-header { + margin-bottom: 0px; +} +.u-sidebar.u-spacing-0, +.u-position.u-spacing-0, +.u-block-content.u-spacing-0 { + padding: 0px; +} +.u-block-header.u-v-spacing-0 { + padding-top: 0px; + padding-bottom: 0px; +} +.u-block-header.u-h-spacing-0 { + padding-left: 0px; + padding-right: 0px; +} +.u-block:not(:last-child).u-block-separator.u-indent-0:after { + bottom: 0px; +} +.u-block:last-child { + margin-bottom: 0; +} +.u-block .u-block-header { + margin-top: 0; +} +.u-block:not([class*="u-spacing-"]) .u-block-header { + margin-bottom: 0; +} +.u-content { + flex: 1 1 auto; + height: auto !important; +} +.u-block.u-block-separator { + position: relative; +} +.u-block:not(:last-child).u-block-separator:after { + content: ''; + width: 100%; + display: block; + position: absolute; +} +.u-block:not(:last-child).u-block-separator:after { + border-bottom-style: solid; + transform: translate(0, 50%); +} +.u-group .u-container-layout > * { + position: relative; +} +.u-group { + display: flex; +} +.u-line.u-line-horizontal { + border-right-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} +.u-line.u-line-vertical { + border-right-width: 0; + border-bottom-width: 0; + border-top-width: 0; +} +.u-shape-svg { + border: none !important; + color: transparent; +} +.u-shape-svg .u-svg-link { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} +[class*="u-border-"]:not(.u-shape-svg) { + stroke: none; +} +.u-shape-top { + border-top-style: none !important; +} +.u-shape-right { + border-right-style: none !important; +} +.u-shape-bottom { + border-bottom-style: none !important; +} +.u-shape-left { + border-left-style: none !important; +} +.u-shape-circle, +.u-shape-circle:before, +.u-shape-circle > .u-container-layout { + border-radius: 50%; +} +.u-shape-round, +.u-shape-round:before, +.u-shape-round > .u-container-layout { + border-radius: 10px; +} +.u-shape-square, +.u-shape-square:before, +.u-shape-square > .u-container-layout { + border-radius: 0; +} +.embed-responsive { + position: relative; + display: block; + height: 0; + padding: 0; + overflow: hidden; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive video, +.embed-responsive object { + position: absolute; + top: 0; + left: 0; + bottom: 0; + height: 100%; + width: 100%; + border: 0; +} +.u-map .embed-responsive { + width: 100%; + height: 100%; +} +.u-icon { + display: block; + line-height: 0; + border-width: 0px; +} +.u-svg-link { + width: 100%; + height: 100%; + fill: currentColor; +} +.u-svg-content { + width: 0; + height: 0; +} +.u-icon-circle { + border-radius: 50%; +} +.u-icon-rounded { + border-radius: 10px; +} +.u-file-icon img { + width: 100%; + height: 100%; +} +.u-back-to-top { + position: fixed; + z-index: 100000; + display: none; +} +.u-metadata { + display: table; +} +.u-metadata .u-meta-icon { + display: inline-block; + margin-left: 5px; + vertical-align: middle; +} +.u-metadata .u-meta-icon:first-child { + margin-left: 0; +} +.u-metadata .u-meta-icon + .u-meta-icon:before { + content: '|'; + display: inline-block; + margin-right: 5px; +} +.u-video-poster { + position: absolute; + top: 0; + right: 0; + left: 0; + width: 100%; + height: 100%; + margin: 0; + padding: 0; + cursor: pointer; + border: 0; + opacity: 1; + transition: opacity 800ms, height 0s; + transition-delay: 0s, 0s; +} +.u-video-poster:before, +.u-video-poster:after { + content: ''; + position: absolute; + top: 50%; + left: 50%; +} +.u-video-poster:before { + width: 80px; + height: 80px; + margin: -40px 0 0 -40px; + border: 5px solid #fff; + border-radius: 100%; +} +.u-video-poster:after { + width: 0; + height: 0; + margin: -20px 0 0 -10px; + border-left: 40px solid #fff; + border-top: 25px solid transparent; + border-bottom: 25px solid transparent; +} +.u-video video + .u-video-poster { + background: transparent; +} +.u-video.active .u-video-poster { + opacity: 0; + pointer-events: none; + height: 0; + transition-delay: 0s, 800ms; +} +.u-video-poster:before, +.u-video-poster:after { + box-sizing: initial; +} +.u-video .embed-responsive { + width: 100%; + height: 100%; +} +.u-video video { + object-fit: cover; +} +.u-video.u-video-contain video { + object-fit: contain; + background-size: contain; +} +div.u-video, +.u-background-video { + overflow: hidden; +} +@media (min-width: 768px) { + .u-background-video .embed-responsive { + pointer-events: none; + } +} +.u-metadata { + display: table; +} +.u-metadata .u-meta-icon { + display: inline-block; + margin-left: 5px; + vertical-align: middle; +} +.u-metadata .u-meta-icon:first-child { + margin-left: 0; +} +.u-metadata .u-meta-icon + .u-meta-icon:before { + content: '|'; + display: inline-block; + margin-right: 5px; +} +.u-post-tags { + display: table; +} +.u-menu { + opacity: 0; +} +.u-responsive-xl .u-menu, +.u-responsive-lg .u-menu, +.u-responsive-md .u-menu, +.u-responsive-sm .u-menu, +.u-responsive-xs .u-menu { + opacity: 1; +} +.u-menu, +.u-popupmenu-items { + display: table; + white-space: nowrap; + position: relative; + line-height: 1; +} +.u-popupmenu-items { + min-width: 120px; +} +.u-popupmenu-items .u-nav { + width: 100%; +} +.u-popupmenu-items .u-nav-link { + padding: 8px 0; + white-space: normal; +} +.u-nav, +.u-nav-item { + position: relative; +} +.u-nav { + display: inline-block; + list-style: none; + margin: 0; + padding: 0; +} +.u-nav-item { + display: inline-block; + position: relative; + vertical-align: middle; + padding: 0; + margin: 0; + height: 100%; +} +.u-nav-popup .u-nav-item { + height: auto; +} +.u-nav-container .u-nav-popup { + position: absolute; + visibility: hidden; + pointer-events: none; + z-index: 1; +} +.u-nav-container .u-nav-item .u-nav-item { + display: block; +} +.u-nav-container .u-nav-item:hover > .u-nav-popup:not(.fake) { + visibility: visible; + pointer-events: auto; +} +.u-menu-mega .u-nav-container .u-mega-popup { + min-height: 200px; + white-space: normal; +} +.u-menu-mega .u-nav-container .u-mega-popup .u-nav { + display: block; +} +.u-menu-mega .u-nav-container .level-2 > .u-nav { + display: flex; + flex-flow: column wrap; + align-content: flex-start; +} +.u-menu-mega .u-nav-container .u-mega-popup .level-3 { + position: relative; + top: 0 !important; + left: 0 !important; + right: auto !important; +} +.u-menu-mega .u-nav-container .u-nav-item:hover > .u-mega-popup .u-nav-popup, +.u-menu-mega .u-nav-container .u-mega-popup.open .u-nav-popup { + visibility: visible; + pointer-events: auto; +} +.u-menu-mega .u-nav-container .u-mega-popup > .u-nav { + min-width: 120px; +} +.u-menu-mega .u-nav-container .u-mega-popup > .u-nav .u-nav { + width: auto; +} +.u-columns-1 .u-popupmenu-items > li { + width: 100%; +} +@media (min-width: 1200px) { + .u-columns-1-xl .u-popupmenu-items > li { + width: 100%; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .u-columns-1-lg .u-popupmenu-items > li { + width: 100%; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .u-columns-1-md .u-popupmenu-items > li { + width: 100%; + } +} +@media (min-width: 576px) and (max-width: 767px) { + .u-columns-1-sm .u-popupmenu-items > li { + width: 100%; + } +} +@media (max-width: 575px) { + .u-columns-1-xs .u-popupmenu-items > li { + width: 100%; + } +} +.u-columns-2 .u-popupmenu-items > li { + width: 50%; +} +@media (min-width: 1200px) { + .u-columns-2-xl .u-popupmenu-items > li { + width: 50%; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .u-columns-2-lg .u-popupmenu-items > li { + width: 50%; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .u-columns-2-md .u-popupmenu-items > li { + width: 50%; + } +} +@media (min-width: 576px) and (max-width: 767px) { + .u-columns-2-sm .u-popupmenu-items > li { + width: 50%; + } +} +@media (max-width: 575px) { + .u-columns-2-xs .u-popupmenu-items > li { + width: 50%; + } +} +.u-columns-3 .u-popupmenu-items > li { + width: 33.33333333%; +} +@media (min-width: 1200px) { + .u-columns-3-xl .u-popupmenu-items > li { + width: 33.33333333%; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .u-columns-3-lg .u-popupmenu-items > li { + width: 33.33333333%; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .u-columns-3-md .u-popupmenu-items > li { + width: 33.33333333%; + } +} +@media (min-width: 576px) and (max-width: 767px) { + .u-columns-3-sm .u-popupmenu-items > li { + width: 33.33333333%; + } +} +@media (max-width: 575px) { + .u-columns-3-xs .u-popupmenu-items > li { + width: 33.33333333%; + } +} +.u-columns-4 .u-popupmenu-items > li { + width: 25%; +} +@media (min-width: 1200px) { + .u-columns-4-xl .u-popupmenu-items > li { + width: 25%; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .u-columns-4-lg .u-popupmenu-items > li { + width: 25%; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .u-columns-4-md .u-popupmenu-items > li { + width: 25%; + } +} +@media (min-width: 576px) and (max-width: 767px) { + .u-columns-4-sm .u-popupmenu-items > li { + width: 25%; + } +} +@media (max-width: 575px) { + .u-columns-4-xs .u-popupmenu-items > li { + width: 25%; + } +} +.u-columns-5 .u-popupmenu-items > li { + width: 20%; +} +@media (min-width: 1200px) { + .u-columns-5-xl .u-popupmenu-items > li { + width: 20%; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .u-columns-5-lg .u-popupmenu-items > li { + width: 20%; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .u-columns-5-md .u-popupmenu-items > li { + width: 20%; + } +} +@media (min-width: 576px) and (max-width: 767px) { + .u-columns-5-sm .u-popupmenu-items > li { + width: 20%; + } +} +@media (max-width: 575px) { + .u-columns-5-xs .u-popupmenu-items > li { + width: 20%; + } +} +.u-columns-6 .u-popupmenu-items > li { + width: 16.66666667%; +} +@media (min-width: 1200px) { + .u-columns-6-xl .u-popupmenu-items > li { + width: 16.66666667%; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .u-columns-6-lg .u-popupmenu-items > li { + width: 16.66666667%; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .u-columns-6-md .u-popupmenu-items > li { + width: 16.66666667%; + } +} +@media (min-width: 576px) and (max-width: 767px) { + .u-columns-6-sm .u-popupmenu-items > li { + width: 16.66666667%; + } +} +@media (max-width: 575px) { + .u-columns-6-xs .u-popupmenu-items > li { + width: 16.66666667%; + } +} +.u-menu-dropdown .u-nav-container .u-popup-left { + right: 0; +} +.u-menu-dropdown .u-nav-container .u-popup-right { + left: 0; +} +.u-menu-dropdown .u-nav-container .u-nav-item .u-nav-item .u-nav-popup { + top: 0; + left: 100%; +} +.u-menu-dropdown .u-nav-container .u-nav-item .u-nav-item .u-nav-popup.u-popup-left { + right: 100%; + left: auto; +} +.u-nav-container-collapse .u-nav-popup { + overflow: hidden; + visibility: hidden; + pointer-events: none; + max-height: 0; +} +.u-nav-container-collapse .u-nav-popup .u-nav { + box-shadow: none; +} +.u-nav-container-collapse .u-nav-popup.animating { + transition: max-height 200ms ease; +} +.u-nav-popup.open { + visibility: visible; + pointer-events: auto; +} +.u-dropdown-icon .u-nav-link:first-child:nth-last-child(2):after { + content: "\25BE"; + margin-left: 0.5rem; + margin-right: -0.5rem; +} +.u-dropdown-icon .u-nav-container .u-nav-popup .u-nav-link:first-child:nth-last-child(2):after { + content: ""; +} +.u-spacing-100:not(.u-text) > li:not(:last-child) { + margin-right: 100px; +} +.u-h-spacing-100 .u-nav-link { + padding-left: 100px; + padding-right: 100px; +} +.u-v-spacing-100 .u-nav-link { + padding-top: 100px; + padding-bottom: 100px; +} +.u-enable-responsive .u-spacing-100 > li + li { + margin: 100px 0 0 0 !important; +} +.u-spacing-99:not(.u-text) > li:not(:last-child) { + margin-right: 99px; +} +.u-h-spacing-99 .u-nav-link { + padding-left: 99px; + padding-right: 99px; +} +.u-v-spacing-99 .u-nav-link { + padding-top: 99px; + padding-bottom: 99px; +} +.u-enable-responsive .u-spacing-99 > li + li { + margin: 99px 0 0 0 !important; +} +.u-spacing-98:not(.u-text) > li:not(:last-child) { + margin-right: 98px; +} +.u-h-spacing-98 .u-nav-link { + padding-left: 98px; + padding-right: 98px; +} +.u-v-spacing-98 .u-nav-link { + padding-top: 98px; + padding-bottom: 98px; +} +.u-enable-responsive .u-spacing-98 > li + li { + margin: 98px 0 0 0 !important; +} +.u-spacing-97:not(.u-text) > li:not(:last-child) { + margin-right: 97px; +} +.u-h-spacing-97 .u-nav-link { + padding-left: 97px; + padding-right: 97px; +} +.u-v-spacing-97 .u-nav-link { + padding-top: 97px; + padding-bottom: 97px; +} +.u-enable-responsive .u-spacing-97 > li + li { + margin: 97px 0 0 0 !important; +} +.u-spacing-96:not(.u-text) > li:not(:last-child) { + margin-right: 96px; +} +.u-h-spacing-96 .u-nav-link { + padding-left: 96px; + padding-right: 96px; +} +.u-v-spacing-96 .u-nav-link { + padding-top: 96px; + padding-bottom: 96px; +} +.u-enable-responsive .u-spacing-96 > li + li { + margin: 96px 0 0 0 !important; +} +.u-spacing-95:not(.u-text) > li:not(:last-child) { + margin-right: 95px; +} +.u-h-spacing-95 .u-nav-link { + padding-left: 95px; + padding-right: 95px; +} +.u-v-spacing-95 .u-nav-link { + padding-top: 95px; + padding-bottom: 95px; +} +.u-enable-responsive .u-spacing-95 > li + li { + margin: 95px 0 0 0 !important; +} +.u-spacing-94:not(.u-text) > li:not(:last-child) { + margin-right: 94px; +} +.u-h-spacing-94 .u-nav-link { + padding-left: 94px; + padding-right: 94px; +} +.u-v-spacing-94 .u-nav-link { + padding-top: 94px; + padding-bottom: 94px; +} +.u-enable-responsive .u-spacing-94 > li + li { + margin: 94px 0 0 0 !important; +} +.u-spacing-93:not(.u-text) > li:not(:last-child) { + margin-right: 93px; +} +.u-h-spacing-93 .u-nav-link { + padding-left: 93px; + padding-right: 93px; +} +.u-v-spacing-93 .u-nav-link { + padding-top: 93px; + padding-bottom: 93px; +} +.u-enable-responsive .u-spacing-93 > li + li { + margin: 93px 0 0 0 !important; +} +.u-spacing-92:not(.u-text) > li:not(:last-child) { + margin-right: 92px; +} +.u-h-spacing-92 .u-nav-link { + padding-left: 92px; + padding-right: 92px; +} +.u-v-spacing-92 .u-nav-link { + padding-top: 92px; + padding-bottom: 92px; +} +.u-enable-responsive .u-spacing-92 > li + li { + margin: 92px 0 0 0 !important; +} +.u-spacing-91:not(.u-text) > li:not(:last-child) { + margin-right: 91px; +} +.u-h-spacing-91 .u-nav-link { + padding-left: 91px; + padding-right: 91px; +} +.u-v-spacing-91 .u-nav-link { + padding-top: 91px; + padding-bottom: 91px; +} +.u-enable-responsive .u-spacing-91 > li + li { + margin: 91px 0 0 0 !important; +} +.u-spacing-90:not(.u-text) > li:not(:last-child) { + margin-right: 90px; +} +.u-h-spacing-90 .u-nav-link { + padding-left: 90px; + padding-right: 90px; +} +.u-v-spacing-90 .u-nav-link { + padding-top: 90px; + padding-bottom: 90px; +} +.u-enable-responsive .u-spacing-90 > li + li { + margin: 90px 0 0 0 !important; +} +.u-spacing-89:not(.u-text) > li:not(:last-child) { + margin-right: 89px; +} +.u-h-spacing-89 .u-nav-link { + padding-left: 89px; + padding-right: 89px; +} +.u-v-spacing-89 .u-nav-link { + padding-top: 89px; + padding-bottom: 89px; +} +.u-enable-responsive .u-spacing-89 > li + li { + margin: 89px 0 0 0 !important; +} +.u-spacing-88:not(.u-text) > li:not(:last-child) { + margin-right: 88px; +} +.u-h-spacing-88 .u-nav-link { + padding-left: 88px; + padding-right: 88px; +} +.u-v-spacing-88 .u-nav-link { + padding-top: 88px; + padding-bottom: 88px; +} +.u-enable-responsive .u-spacing-88 > li + li { + margin: 88px 0 0 0 !important; +} +.u-spacing-87:not(.u-text) > li:not(:last-child) { + margin-right: 87px; +} +.u-h-spacing-87 .u-nav-link { + padding-left: 87px; + padding-right: 87px; +} +.u-v-spacing-87 .u-nav-link { + padding-top: 87px; + padding-bottom: 87px; +} +.u-enable-responsive .u-spacing-87 > li + li { + margin: 87px 0 0 0 !important; +} +.u-spacing-86:not(.u-text) > li:not(:last-child) { + margin-right: 86px; +} +.u-h-spacing-86 .u-nav-link { + padding-left: 86px; + padding-right: 86px; +} +.u-v-spacing-86 .u-nav-link { + padding-top: 86px; + padding-bottom: 86px; +} +.u-enable-responsive .u-spacing-86 > li + li { + margin: 86px 0 0 0 !important; +} +.u-spacing-85:not(.u-text) > li:not(:last-child) { + margin-right: 85px; +} +.u-h-spacing-85 .u-nav-link { + padding-left: 85px; + padding-right: 85px; +} +.u-v-spacing-85 .u-nav-link { + padding-top: 85px; + padding-bottom: 85px; +} +.u-enable-responsive .u-spacing-85 > li + li { + margin: 85px 0 0 0 !important; +} +.u-spacing-84:not(.u-text) > li:not(:last-child) { + margin-right: 84px; +} +.u-h-spacing-84 .u-nav-link { + padding-left: 84px; + padding-right: 84px; +} +.u-v-spacing-84 .u-nav-link { + padding-top: 84px; + padding-bottom: 84px; +} +.u-enable-responsive .u-spacing-84 > li + li { + margin: 84px 0 0 0 !important; +} +.u-spacing-83:not(.u-text) > li:not(:last-child) { + margin-right: 83px; +} +.u-h-spacing-83 .u-nav-link { + padding-left: 83px; + padding-right: 83px; +} +.u-v-spacing-83 .u-nav-link { + padding-top: 83px; + padding-bottom: 83px; +} +.u-enable-responsive .u-spacing-83 > li + li { + margin: 83px 0 0 0 !important; +} +.u-spacing-82:not(.u-text) > li:not(:last-child) { + margin-right: 82px; +} +.u-h-spacing-82 .u-nav-link { + padding-left: 82px; + padding-right: 82px; +} +.u-v-spacing-82 .u-nav-link { + padding-top: 82px; + padding-bottom: 82px; +} +.u-enable-responsive .u-spacing-82 > li + li { + margin: 82px 0 0 0 !important; +} +.u-spacing-81:not(.u-text) > li:not(:last-child) { + margin-right: 81px; +} +.u-h-spacing-81 .u-nav-link { + padding-left: 81px; + padding-right: 81px; +} +.u-v-spacing-81 .u-nav-link { + padding-top: 81px; + padding-bottom: 81px; +} +.u-enable-responsive .u-spacing-81 > li + li { + margin: 81px 0 0 0 !important; +} +.u-spacing-80:not(.u-text) > li:not(:last-child) { + margin-right: 80px; +} +.u-h-spacing-80 .u-nav-link { + padding-left: 80px; + padding-right: 80px; +} +.u-v-spacing-80 .u-nav-link { + padding-top: 80px; + padding-bottom: 80px; +} +.u-enable-responsive .u-spacing-80 > li + li { + margin: 80px 0 0 0 !important; +} +.u-spacing-79:not(.u-text) > li:not(:last-child) { + margin-right: 79px; +} +.u-h-spacing-79 .u-nav-link { + padding-left: 79px; + padding-right: 79px; +} +.u-v-spacing-79 .u-nav-link { + padding-top: 79px; + padding-bottom: 79px; +} +.u-enable-responsive .u-spacing-79 > li + li { + margin: 79px 0 0 0 !important; +} +.u-spacing-78:not(.u-text) > li:not(:last-child) { + margin-right: 78px; +} +.u-h-spacing-78 .u-nav-link { + padding-left: 78px; + padding-right: 78px; +} +.u-v-spacing-78 .u-nav-link { + padding-top: 78px; + padding-bottom: 78px; +} +.u-enable-responsive .u-spacing-78 > li + li { + margin: 78px 0 0 0 !important; +} +.u-spacing-77:not(.u-text) > li:not(:last-child) { + margin-right: 77px; +} +.u-h-spacing-77 .u-nav-link { + padding-left: 77px; + padding-right: 77px; +} +.u-v-spacing-77 .u-nav-link { + padding-top: 77px; + padding-bottom: 77px; +} +.u-enable-responsive .u-spacing-77 > li + li { + margin: 77px 0 0 0 !important; +} +.u-spacing-76:not(.u-text) > li:not(:last-child) { + margin-right: 76px; +} +.u-h-spacing-76 .u-nav-link { + padding-left: 76px; + padding-right: 76px; +} +.u-v-spacing-76 .u-nav-link { + padding-top: 76px; + padding-bottom: 76px; +} +.u-enable-responsive .u-spacing-76 > li + li { + margin: 76px 0 0 0 !important; +} +.u-spacing-75:not(.u-text) > li:not(:last-child) { + margin-right: 75px; +} +.u-h-spacing-75 .u-nav-link { + padding-left: 75px; + padding-right: 75px; +} +.u-v-spacing-75 .u-nav-link { + padding-top: 75px; + padding-bottom: 75px; +} +.u-enable-responsive .u-spacing-75 > li + li { + margin: 75px 0 0 0 !important; +} +.u-spacing-74:not(.u-text) > li:not(:last-child) { + margin-right: 74px; +} +.u-h-spacing-74 .u-nav-link { + padding-left: 74px; + padding-right: 74px; +} +.u-v-spacing-74 .u-nav-link { + padding-top: 74px; + padding-bottom: 74px; +} +.u-enable-responsive .u-spacing-74 > li + li { + margin: 74px 0 0 0 !important; +} +.u-spacing-73:not(.u-text) > li:not(:last-child) { + margin-right: 73px; +} +.u-h-spacing-73 .u-nav-link { + padding-left: 73px; + padding-right: 73px; +} +.u-v-spacing-73 .u-nav-link { + padding-top: 73px; + padding-bottom: 73px; +} +.u-enable-responsive .u-spacing-73 > li + li { + margin: 73px 0 0 0 !important; +} +.u-spacing-72:not(.u-text) > li:not(:last-child) { + margin-right: 72px; +} +.u-h-spacing-72 .u-nav-link { + padding-left: 72px; + padding-right: 72px; +} +.u-v-spacing-72 .u-nav-link { + padding-top: 72px; + padding-bottom: 72px; +} +.u-enable-responsive .u-spacing-72 > li + li { + margin: 72px 0 0 0 !important; +} +.u-spacing-71:not(.u-text) > li:not(:last-child) { + margin-right: 71px; +} +.u-h-spacing-71 .u-nav-link { + padding-left: 71px; + padding-right: 71px; +} +.u-v-spacing-71 .u-nav-link { + padding-top: 71px; + padding-bottom: 71px; +} +.u-enable-responsive .u-spacing-71 > li + li { + margin: 71px 0 0 0 !important; +} +.u-spacing-70:not(.u-text) > li:not(:last-child) { + margin-right: 70px; +} +.u-h-spacing-70 .u-nav-link { + padding-left: 70px; + padding-right: 70px; +} +.u-v-spacing-70 .u-nav-link { + padding-top: 70px; + padding-bottom: 70px; +} +.u-enable-responsive .u-spacing-70 > li + li { + margin: 70px 0 0 0 !important; +} +.u-spacing-69:not(.u-text) > li:not(:last-child) { + margin-right: 69px; +} +.u-h-spacing-69 .u-nav-link { + padding-left: 69px; + padding-right: 69px; +} +.u-v-spacing-69 .u-nav-link { + padding-top: 69px; + padding-bottom: 69px; +} +.u-enable-responsive .u-spacing-69 > li + li { + margin: 69px 0 0 0 !important; +} +.u-spacing-68:not(.u-text) > li:not(:last-child) { + margin-right: 68px; +} +.u-h-spacing-68 .u-nav-link { + padding-left: 68px; + padding-right: 68px; +} +.u-v-spacing-68 .u-nav-link { + padding-top: 68px; + padding-bottom: 68px; +} +.u-enable-responsive .u-spacing-68 > li + li { + margin: 68px 0 0 0 !important; +} +.u-spacing-67:not(.u-text) > li:not(:last-child) { + margin-right: 67px; +} +.u-h-spacing-67 .u-nav-link { + padding-left: 67px; + padding-right: 67px; +} +.u-v-spacing-67 .u-nav-link { + padding-top: 67px; + padding-bottom: 67px; +} +.u-enable-responsive .u-spacing-67 > li + li { + margin: 67px 0 0 0 !important; +} +.u-spacing-66:not(.u-text) > li:not(:last-child) { + margin-right: 66px; +} +.u-h-spacing-66 .u-nav-link { + padding-left: 66px; + padding-right: 66px; +} +.u-v-spacing-66 .u-nav-link { + padding-top: 66px; + padding-bottom: 66px; +} +.u-enable-responsive .u-spacing-66 > li + li { + margin: 66px 0 0 0 !important; +} +.u-spacing-65:not(.u-text) > li:not(:last-child) { + margin-right: 65px; +} +.u-h-spacing-65 .u-nav-link { + padding-left: 65px; + padding-right: 65px; +} +.u-v-spacing-65 .u-nav-link { + padding-top: 65px; + padding-bottom: 65px; +} +.u-enable-responsive .u-spacing-65 > li + li { + margin: 65px 0 0 0 !important; +} +.u-spacing-64:not(.u-text) > li:not(:last-child) { + margin-right: 64px; +} +.u-h-spacing-64 .u-nav-link { + padding-left: 64px; + padding-right: 64px; +} +.u-v-spacing-64 .u-nav-link { + padding-top: 64px; + padding-bottom: 64px; +} +.u-enable-responsive .u-spacing-64 > li + li { + margin: 64px 0 0 0 !important; +} +.u-spacing-63:not(.u-text) > li:not(:last-child) { + margin-right: 63px; +} +.u-h-spacing-63 .u-nav-link { + padding-left: 63px; + padding-right: 63px; +} +.u-v-spacing-63 .u-nav-link { + padding-top: 63px; + padding-bottom: 63px; +} +.u-enable-responsive .u-spacing-63 > li + li { + margin: 63px 0 0 0 !important; +} +.u-spacing-62:not(.u-text) > li:not(:last-child) { + margin-right: 62px; +} +.u-h-spacing-62 .u-nav-link { + padding-left: 62px; + padding-right: 62px; +} +.u-v-spacing-62 .u-nav-link { + padding-top: 62px; + padding-bottom: 62px; +} +.u-enable-responsive .u-spacing-62 > li + li { + margin: 62px 0 0 0 !important; +} +.u-spacing-61:not(.u-text) > li:not(:last-child) { + margin-right: 61px; +} +.u-h-spacing-61 .u-nav-link { + padding-left: 61px; + padding-right: 61px; +} +.u-v-spacing-61 .u-nav-link { + padding-top: 61px; + padding-bottom: 61px; +} +.u-enable-responsive .u-spacing-61 > li + li { + margin: 61px 0 0 0 !important; +} +.u-spacing-60:not(.u-text) > li:not(:last-child) { + margin-right: 60px; +} +.u-h-spacing-60 .u-nav-link { + padding-left: 60px; + padding-right: 60px; +} +.u-v-spacing-60 .u-nav-link { + padding-top: 60px; + padding-bottom: 60px; +} +.u-enable-responsive .u-spacing-60 > li + li { + margin: 60px 0 0 0 !important; +} +.u-spacing-59:not(.u-text) > li:not(:last-child) { + margin-right: 59px; +} +.u-h-spacing-59 .u-nav-link { + padding-left: 59px; + padding-right: 59px; +} +.u-v-spacing-59 .u-nav-link { + padding-top: 59px; + padding-bottom: 59px; +} +.u-enable-responsive .u-spacing-59 > li + li { + margin: 59px 0 0 0 !important; +} +.u-spacing-58:not(.u-text) > li:not(:last-child) { + margin-right: 58px; +} +.u-h-spacing-58 .u-nav-link { + padding-left: 58px; + padding-right: 58px; +} +.u-v-spacing-58 .u-nav-link { + padding-top: 58px; + padding-bottom: 58px; +} +.u-enable-responsive .u-spacing-58 > li + li { + margin: 58px 0 0 0 !important; +} +.u-spacing-57:not(.u-text) > li:not(:last-child) { + margin-right: 57px; +} +.u-h-spacing-57 .u-nav-link { + padding-left: 57px; + padding-right: 57px; +} +.u-v-spacing-57 .u-nav-link { + padding-top: 57px; + padding-bottom: 57px; +} +.u-enable-responsive .u-spacing-57 > li + li { + margin: 57px 0 0 0 !important; +} +.u-spacing-56:not(.u-text) > li:not(:last-child) { + margin-right: 56px; +} +.u-h-spacing-56 .u-nav-link { + padding-left: 56px; + padding-right: 56px; +} +.u-v-spacing-56 .u-nav-link { + padding-top: 56px; + padding-bottom: 56px; +} +.u-enable-responsive .u-spacing-56 > li + li { + margin: 56px 0 0 0 !important; +} +.u-spacing-55:not(.u-text) > li:not(:last-child) { + margin-right: 55px; +} +.u-h-spacing-55 .u-nav-link { + padding-left: 55px; + padding-right: 55px; +} +.u-v-spacing-55 .u-nav-link { + padding-top: 55px; + padding-bottom: 55px; +} +.u-enable-responsive .u-spacing-55 > li + li { + margin: 55px 0 0 0 !important; +} +.u-spacing-54:not(.u-text) > li:not(:last-child) { + margin-right: 54px; +} +.u-h-spacing-54 .u-nav-link { + padding-left: 54px; + padding-right: 54px; +} +.u-v-spacing-54 .u-nav-link { + padding-top: 54px; + padding-bottom: 54px; +} +.u-enable-responsive .u-spacing-54 > li + li { + margin: 54px 0 0 0 !important; +} +.u-spacing-53:not(.u-text) > li:not(:last-child) { + margin-right: 53px; +} +.u-h-spacing-53 .u-nav-link { + padding-left: 53px; + padding-right: 53px; +} +.u-v-spacing-53 .u-nav-link { + padding-top: 53px; + padding-bottom: 53px; +} +.u-enable-responsive .u-spacing-53 > li + li { + margin: 53px 0 0 0 !important; +} +.u-spacing-52:not(.u-text) > li:not(:last-child) { + margin-right: 52px; +} +.u-h-spacing-52 .u-nav-link { + padding-left: 52px; + padding-right: 52px; +} +.u-v-spacing-52 .u-nav-link { + padding-top: 52px; + padding-bottom: 52px; +} +.u-enable-responsive .u-spacing-52 > li + li { + margin: 52px 0 0 0 !important; +} +.u-spacing-51:not(.u-text) > li:not(:last-child) { + margin-right: 51px; +} +.u-h-spacing-51 .u-nav-link { + padding-left: 51px; + padding-right: 51px; +} +.u-v-spacing-51 .u-nav-link { + padding-top: 51px; + padding-bottom: 51px; +} +.u-enable-responsive .u-spacing-51 > li + li { + margin: 51px 0 0 0 !important; +} +.u-spacing-50:not(.u-text) > li:not(:last-child) { + margin-right: 50px; +} +.u-h-spacing-50 .u-nav-link { + padding-left: 50px; + padding-right: 50px; +} +.u-v-spacing-50 .u-nav-link { + padding-top: 50px; + padding-bottom: 50px; +} +.u-enable-responsive .u-spacing-50 > li + li { + margin: 50px 0 0 0 !important; +} +.u-spacing-49:not(.u-text) > li:not(:last-child) { + margin-right: 49px; +} +.u-h-spacing-49 .u-nav-link { + padding-left: 49px; + padding-right: 49px; +} +.u-v-spacing-49 .u-nav-link { + padding-top: 49px; + padding-bottom: 49px; +} +.u-enable-responsive .u-spacing-49 > li + li { + margin: 49px 0 0 0 !important; +} +.u-spacing-48:not(.u-text) > li:not(:last-child) { + margin-right: 48px; +} +.u-h-spacing-48 .u-nav-link { + padding-left: 48px; + padding-right: 48px; +} +.u-v-spacing-48 .u-nav-link { + padding-top: 48px; + padding-bottom: 48px; +} +.u-enable-responsive .u-spacing-48 > li + li { + margin: 48px 0 0 0 !important; +} +.u-spacing-47:not(.u-text) > li:not(:last-child) { + margin-right: 47px; +} +.u-h-spacing-47 .u-nav-link { + padding-left: 47px; + padding-right: 47px; +} +.u-v-spacing-47 .u-nav-link { + padding-top: 47px; + padding-bottom: 47px; +} +.u-enable-responsive .u-spacing-47 > li + li { + margin: 47px 0 0 0 !important; +} +.u-spacing-46:not(.u-text) > li:not(:last-child) { + margin-right: 46px; +} +.u-h-spacing-46 .u-nav-link { + padding-left: 46px; + padding-right: 46px; +} +.u-v-spacing-46 .u-nav-link { + padding-top: 46px; + padding-bottom: 46px; +} +.u-enable-responsive .u-spacing-46 > li + li { + margin: 46px 0 0 0 !important; +} +.u-spacing-45:not(.u-text) > li:not(:last-child) { + margin-right: 45px; +} +.u-h-spacing-45 .u-nav-link { + padding-left: 45px; + padding-right: 45px; +} +.u-v-spacing-45 .u-nav-link { + padding-top: 45px; + padding-bottom: 45px; +} +.u-enable-responsive .u-spacing-45 > li + li { + margin: 45px 0 0 0 !important; +} +.u-spacing-44:not(.u-text) > li:not(:last-child) { + margin-right: 44px; +} +.u-h-spacing-44 .u-nav-link { + padding-left: 44px; + padding-right: 44px; +} +.u-v-spacing-44 .u-nav-link { + padding-top: 44px; + padding-bottom: 44px; +} +.u-enable-responsive .u-spacing-44 > li + li { + margin: 44px 0 0 0 !important; +} +.u-spacing-43:not(.u-text) > li:not(:last-child) { + margin-right: 43px; +} +.u-h-spacing-43 .u-nav-link { + padding-left: 43px; + padding-right: 43px; +} +.u-v-spacing-43 .u-nav-link { + padding-top: 43px; + padding-bottom: 43px; +} +.u-enable-responsive .u-spacing-43 > li + li { + margin: 43px 0 0 0 !important; +} +.u-spacing-42:not(.u-text) > li:not(:last-child) { + margin-right: 42px; +} +.u-h-spacing-42 .u-nav-link { + padding-left: 42px; + padding-right: 42px; +} +.u-v-spacing-42 .u-nav-link { + padding-top: 42px; + padding-bottom: 42px; +} +.u-enable-responsive .u-spacing-42 > li + li { + margin: 42px 0 0 0 !important; +} +.u-spacing-41:not(.u-text) > li:not(:last-child) { + margin-right: 41px; +} +.u-h-spacing-41 .u-nav-link { + padding-left: 41px; + padding-right: 41px; +} +.u-v-spacing-41 .u-nav-link { + padding-top: 41px; + padding-bottom: 41px; +} +.u-enable-responsive .u-spacing-41 > li + li { + margin: 41px 0 0 0 !important; +} +.u-spacing-40:not(.u-text) > li:not(:last-child) { + margin-right: 40px; +} +.u-h-spacing-40 .u-nav-link { + padding-left: 40px; + padding-right: 40px; +} +.u-v-spacing-40 .u-nav-link { + padding-top: 40px; + padding-bottom: 40px; +} +.u-enable-responsive .u-spacing-40 > li + li { + margin: 40px 0 0 0 !important; +} +.u-spacing-39:not(.u-text) > li:not(:last-child) { + margin-right: 39px; +} +.u-h-spacing-39 .u-nav-link { + padding-left: 39px; + padding-right: 39px; +} +.u-v-spacing-39 .u-nav-link { + padding-top: 39px; + padding-bottom: 39px; +} +.u-enable-responsive .u-spacing-39 > li + li { + margin: 39px 0 0 0 !important; +} +.u-spacing-38:not(.u-text) > li:not(:last-child) { + margin-right: 38px; +} +.u-h-spacing-38 .u-nav-link { + padding-left: 38px; + padding-right: 38px; +} +.u-v-spacing-38 .u-nav-link { + padding-top: 38px; + padding-bottom: 38px; +} +.u-enable-responsive .u-spacing-38 > li + li { + margin: 38px 0 0 0 !important; +} +.u-spacing-37:not(.u-text) > li:not(:last-child) { + margin-right: 37px; +} +.u-h-spacing-37 .u-nav-link { + padding-left: 37px; + padding-right: 37px; +} +.u-v-spacing-37 .u-nav-link { + padding-top: 37px; + padding-bottom: 37px; +} +.u-enable-responsive .u-spacing-37 > li + li { + margin: 37px 0 0 0 !important; +} +.u-spacing-36:not(.u-text) > li:not(:last-child) { + margin-right: 36px; +} +.u-h-spacing-36 .u-nav-link { + padding-left: 36px; + padding-right: 36px; +} +.u-v-spacing-36 .u-nav-link { + padding-top: 36px; + padding-bottom: 36px; +} +.u-enable-responsive .u-spacing-36 > li + li { + margin: 36px 0 0 0 !important; +} +.u-spacing-35:not(.u-text) > li:not(:last-child) { + margin-right: 35px; +} +.u-h-spacing-35 .u-nav-link { + padding-left: 35px; + padding-right: 35px; +} +.u-v-spacing-35 .u-nav-link { + padding-top: 35px; + padding-bottom: 35px; +} +.u-enable-responsive .u-spacing-35 > li + li { + margin: 35px 0 0 0 !important; +} +.u-spacing-34:not(.u-text) > li:not(:last-child) { + margin-right: 34px; +} +.u-h-spacing-34 .u-nav-link { + padding-left: 34px; + padding-right: 34px; +} +.u-v-spacing-34 .u-nav-link { + padding-top: 34px; + padding-bottom: 34px; +} +.u-enable-responsive .u-spacing-34 > li + li { + margin: 34px 0 0 0 !important; +} +.u-spacing-33:not(.u-text) > li:not(:last-child) { + margin-right: 33px; +} +.u-h-spacing-33 .u-nav-link { + padding-left: 33px; + padding-right: 33px; +} +.u-v-spacing-33 .u-nav-link { + padding-top: 33px; + padding-bottom: 33px; +} +.u-enable-responsive .u-spacing-33 > li + li { + margin: 33px 0 0 0 !important; +} +.u-spacing-32:not(.u-text) > li:not(:last-child) { + margin-right: 32px; +} +.u-h-spacing-32 .u-nav-link { + padding-left: 32px; + padding-right: 32px; +} +.u-v-spacing-32 .u-nav-link { + padding-top: 32px; + padding-bottom: 32px; +} +.u-enable-responsive .u-spacing-32 > li + li { + margin: 32px 0 0 0 !important; +} +.u-spacing-31:not(.u-text) > li:not(:last-child) { + margin-right: 31px; +} +.u-h-spacing-31 .u-nav-link { + padding-left: 31px; + padding-right: 31px; +} +.u-v-spacing-31 .u-nav-link { + padding-top: 31px; + padding-bottom: 31px; +} +.u-enable-responsive .u-spacing-31 > li + li { + margin: 31px 0 0 0 !important; +} +.u-spacing-30:not(.u-text) > li:not(:last-child) { + margin-right: 30px; +} +.u-h-spacing-30 .u-nav-link { + padding-left: 30px; + padding-right: 30px; +} +.u-v-spacing-30 .u-nav-link { + padding-top: 30px; + padding-bottom: 30px; +} +.u-enable-responsive .u-spacing-30 > li + li { + margin: 30px 0 0 0 !important; +} +.u-spacing-29:not(.u-text) > li:not(:last-child) { + margin-right: 29px; +} +.u-h-spacing-29 .u-nav-link { + padding-left: 29px; + padding-right: 29px; +} +.u-v-spacing-29 .u-nav-link { + padding-top: 29px; + padding-bottom: 29px; +} +.u-enable-responsive .u-spacing-29 > li + li { + margin: 29px 0 0 0 !important; +} +.u-spacing-28:not(.u-text) > li:not(:last-child) { + margin-right: 28px; +} +.u-h-spacing-28 .u-nav-link { + padding-left: 28px; + padding-right: 28px; +} +.u-v-spacing-28 .u-nav-link { + padding-top: 28px; + padding-bottom: 28px; +} +.u-enable-responsive .u-spacing-28 > li + li { + margin: 28px 0 0 0 !important; +} +.u-spacing-27:not(.u-text) > li:not(:last-child) { + margin-right: 27px; +} +.u-h-spacing-27 .u-nav-link { + padding-left: 27px; + padding-right: 27px; +} +.u-v-spacing-27 .u-nav-link { + padding-top: 27px; + padding-bottom: 27px; +} +.u-enable-responsive .u-spacing-27 > li + li { + margin: 27px 0 0 0 !important; +} +.u-spacing-26:not(.u-text) > li:not(:last-child) { + margin-right: 26px; +} +.u-h-spacing-26 .u-nav-link { + padding-left: 26px; + padding-right: 26px; +} +.u-v-spacing-26 .u-nav-link { + padding-top: 26px; + padding-bottom: 26px; +} +.u-enable-responsive .u-spacing-26 > li + li { + margin: 26px 0 0 0 !important; +} +.u-spacing-25:not(.u-text) > li:not(:last-child) { + margin-right: 25px; +} +.u-h-spacing-25 .u-nav-link { + padding-left: 25px; + padding-right: 25px; +} +.u-v-spacing-25 .u-nav-link { + padding-top: 25px; + padding-bottom: 25px; +} +.u-enable-responsive .u-spacing-25 > li + li { + margin: 25px 0 0 0 !important; +} +.u-spacing-24:not(.u-text) > li:not(:last-child) { + margin-right: 24px; +} +.u-h-spacing-24 .u-nav-link { + padding-left: 24px; + padding-right: 24px; +} +.u-v-spacing-24 .u-nav-link { + padding-top: 24px; + padding-bottom: 24px; +} +.u-enable-responsive .u-spacing-24 > li + li { + margin: 24px 0 0 0 !important; +} +.u-spacing-23:not(.u-text) > li:not(:last-child) { + margin-right: 23px; +} +.u-h-spacing-23 .u-nav-link { + padding-left: 23px; + padding-right: 23px; +} +.u-v-spacing-23 .u-nav-link { + padding-top: 23px; + padding-bottom: 23px; +} +.u-enable-responsive .u-spacing-23 > li + li { + margin: 23px 0 0 0 !important; +} +.u-spacing-22:not(.u-text) > li:not(:last-child) { + margin-right: 22px; +} +.u-h-spacing-22 .u-nav-link { + padding-left: 22px; + padding-right: 22px; +} +.u-v-spacing-22 .u-nav-link { + padding-top: 22px; + padding-bottom: 22px; +} +.u-enable-responsive .u-spacing-22 > li + li { + margin: 22px 0 0 0 !important; +} +.u-spacing-21:not(.u-text) > li:not(:last-child) { + margin-right: 21px; +} +.u-h-spacing-21 .u-nav-link { + padding-left: 21px; + padding-right: 21px; +} +.u-v-spacing-21 .u-nav-link { + padding-top: 21px; + padding-bottom: 21px; +} +.u-enable-responsive .u-spacing-21 > li + li { + margin: 21px 0 0 0 !important; +} +.u-spacing-20:not(.u-text) > li:not(:last-child) { + margin-right: 20px; +} +.u-h-spacing-20 .u-nav-link { + padding-left: 20px; + padding-right: 20px; +} +.u-v-spacing-20 .u-nav-link { + padding-top: 20px; + padding-bottom: 20px; +} +.u-enable-responsive .u-spacing-20 > li + li { + margin: 20px 0 0 0 !important; +} +.u-spacing-19:not(.u-text) > li:not(:last-child) { + margin-right: 19px; +} +.u-h-spacing-19 .u-nav-link { + padding-left: 19px; + padding-right: 19px; +} +.u-v-spacing-19 .u-nav-link { + padding-top: 19px; + padding-bottom: 19px; +} +.u-enable-responsive .u-spacing-19 > li + li { + margin: 19px 0 0 0 !important; +} +.u-spacing-18:not(.u-text) > li:not(:last-child) { + margin-right: 18px; +} +.u-h-spacing-18 .u-nav-link { + padding-left: 18px; + padding-right: 18px; +} +.u-v-spacing-18 .u-nav-link { + padding-top: 18px; + padding-bottom: 18px; +} +.u-enable-responsive .u-spacing-18 > li + li { + margin: 18px 0 0 0 !important; +} +.u-spacing-17:not(.u-text) > li:not(:last-child) { + margin-right: 17px; +} +.u-h-spacing-17 .u-nav-link { + padding-left: 17px; + padding-right: 17px; +} +.u-v-spacing-17 .u-nav-link { + padding-top: 17px; + padding-bottom: 17px; +} +.u-enable-responsive .u-spacing-17 > li + li { + margin: 17px 0 0 0 !important; +} +.u-spacing-16:not(.u-text) > li:not(:last-child) { + margin-right: 16px; +} +.u-h-spacing-16 .u-nav-link { + padding-left: 16px; + padding-right: 16px; +} +.u-v-spacing-16 .u-nav-link { + padding-top: 16px; + padding-bottom: 16px; +} +.u-enable-responsive .u-spacing-16 > li + li { + margin: 16px 0 0 0 !important; +} +.u-spacing-15:not(.u-text) > li:not(:last-child) { + margin-right: 15px; +} +.u-h-spacing-15 .u-nav-link { + padding-left: 15px; + padding-right: 15px; +} +.u-v-spacing-15 .u-nav-link { + padding-top: 15px; + padding-bottom: 15px; +} +.u-enable-responsive .u-spacing-15 > li + li { + margin: 15px 0 0 0 !important; +} +.u-spacing-14:not(.u-text) > li:not(:last-child) { + margin-right: 14px; +} +.u-h-spacing-14 .u-nav-link { + padding-left: 14px; + padding-right: 14px; +} +.u-v-spacing-14 .u-nav-link { + padding-top: 14px; + padding-bottom: 14px; +} +.u-enable-responsive .u-spacing-14 > li + li { + margin: 14px 0 0 0 !important; +} +.u-spacing-13:not(.u-text) > li:not(:last-child) { + margin-right: 13px; +} +.u-h-spacing-13 .u-nav-link { + padding-left: 13px; + padding-right: 13px; +} +.u-v-spacing-13 .u-nav-link { + padding-top: 13px; + padding-bottom: 13px; +} +.u-enable-responsive .u-spacing-13 > li + li { + margin: 13px 0 0 0 !important; +} +.u-spacing-12:not(.u-text) > li:not(:last-child) { + margin-right: 12px; +} +.u-h-spacing-12 .u-nav-link { + padding-left: 12px; + padding-right: 12px; +} +.u-v-spacing-12 .u-nav-link { + padding-top: 12px; + padding-bottom: 12px; +} +.u-enable-responsive .u-spacing-12 > li + li { + margin: 12px 0 0 0 !important; +} +.u-spacing-11:not(.u-text) > li:not(:last-child) { + margin-right: 11px; +} +.u-h-spacing-11 .u-nav-link { + padding-left: 11px; + padding-right: 11px; +} +.u-v-spacing-11 .u-nav-link { + padding-top: 11px; + padding-bottom: 11px; +} +.u-enable-responsive .u-spacing-11 > li + li { + margin: 11px 0 0 0 !important; +} +.u-spacing-10:not(.u-text) > li:not(:last-child) { + margin-right: 10px; +} +.u-h-spacing-10 .u-nav-link { + padding-left: 10px; + padding-right: 10px; +} +.u-v-spacing-10 .u-nav-link { + padding-top: 10px; + padding-bottom: 10px; +} +.u-enable-responsive .u-spacing-10 > li + li { + margin: 10px 0 0 0 !important; +} +.u-spacing-9:not(.u-text) > li:not(:last-child) { + margin-right: 9px; +} +.u-h-spacing-9 .u-nav-link { + padding-left: 9px; + padding-right: 9px; +} +.u-v-spacing-9 .u-nav-link { + padding-top: 9px; + padding-bottom: 9px; +} +.u-enable-responsive .u-spacing-9 > li + li { + margin: 9px 0 0 0 !important; +} +.u-spacing-8:not(.u-text) > li:not(:last-child) { + margin-right: 8px; +} +.u-h-spacing-8 .u-nav-link { + padding-left: 8px; + padding-right: 8px; +} +.u-v-spacing-8 .u-nav-link { + padding-top: 8px; + padding-bottom: 8px; +} +.u-enable-responsive .u-spacing-8 > li + li { + margin: 8px 0 0 0 !important; +} +.u-spacing-7:not(.u-text) > li:not(:last-child) { + margin-right: 7px; +} +.u-h-spacing-7 .u-nav-link { + padding-left: 7px; + padding-right: 7px; +} +.u-v-spacing-7 .u-nav-link { + padding-top: 7px; + padding-bottom: 7px; +} +.u-enable-responsive .u-spacing-7 > li + li { + margin: 7px 0 0 0 !important; +} +.u-spacing-6:not(.u-text) > li:not(:last-child) { + margin-right: 6px; +} +.u-h-spacing-6 .u-nav-link { + padding-left: 6px; + padding-right: 6px; +} +.u-v-spacing-6 .u-nav-link { + padding-top: 6px; + padding-bottom: 6px; +} +.u-enable-responsive .u-spacing-6 > li + li { + margin: 6px 0 0 0 !important; +} +.u-spacing-5:not(.u-text) > li:not(:last-child) { + margin-right: 5px; +} +.u-h-spacing-5 .u-nav-link { + padding-left: 5px; + padding-right: 5px; +} +.u-v-spacing-5 .u-nav-link { + padding-top: 5px; + padding-bottom: 5px; +} +.u-enable-responsive .u-spacing-5 > li + li { + margin: 5px 0 0 0 !important; +} +.u-spacing-4:not(.u-text) > li:not(:last-child) { + margin-right: 4px; +} +.u-h-spacing-4 .u-nav-link { + padding-left: 4px; + padding-right: 4px; +} +.u-v-spacing-4 .u-nav-link { + padding-top: 4px; + padding-bottom: 4px; +} +.u-enable-responsive .u-spacing-4 > li + li { + margin: 4px 0 0 0 !important; +} +.u-spacing-3:not(.u-text) > li:not(:last-child) { + margin-right: 3px; +} +.u-h-spacing-3 .u-nav-link { + padding-left: 3px; + padding-right: 3px; +} +.u-v-spacing-3 .u-nav-link { + padding-top: 3px; + padding-bottom: 3px; +} +.u-enable-responsive .u-spacing-3 > li + li { + margin: 3px 0 0 0 !important; +} +.u-spacing-2:not(.u-text) > li:not(:last-child) { + margin-right: 2px; +} +.u-h-spacing-2 .u-nav-link { + padding-left: 2px; + padding-right: 2px; +} +.u-v-spacing-2 .u-nav-link { + padding-top: 2px; + padding-bottom: 2px; +} +.u-enable-responsive .u-spacing-2 > li + li { + margin: 2px 0 0 0 !important; +} +.u-spacing-1:not(.u-text) > li:not(:last-child) { + margin-right: 1px; +} +.u-h-spacing-1 .u-nav-link { + padding-left: 1px; + padding-right: 1px; +} +.u-v-spacing-1 .u-nav-link { + padding-top: 1px; + padding-bottom: 1px; +} +.u-enable-responsive .u-spacing-1 > li + li { + margin: 1px 0 0 0 !important; +} +.u-spacing-0:not(.u-text) > li:not(:last-child) { + margin-right: 0px; +} +.u-h-spacing-0 .u-nav-link { + padding-left: 0px; + padding-right: 0px; +} +.u-v-spacing-0 .u-nav-link { + padding-top: 0px; + padding-bottom: 0px; +} +.u-enable-responsive .u-spacing-0 > li + li { + margin: 0px 0 0 0 !important; +} +.u-enable-responsive .u-popupmenu-items > li:first-child { + margin: 0 !important; +} +.u-menu-one-level .u-nav-popup { + display: none; +} +.u-nav-link { + display: block; + white-space: nowrap; + font-size: inherit; + font-family: inherit; + line-height: inherit; + letter-spacing: inherit; + text-transform: inherit; + font-style: inherit; + font-weight: inherit; + text-decoration: none; + border: 0 none transparent; + outline-width: 0; + background-color: transparent; + margin: 0; + -webkit-text-decoration-skip: objects; +} +.u-nav-link, +.u-nav-link:hover, +.u-nav-link:focus { + text-decoration: none; +} +.u-nav-item a.u-nav-link, +.menu-collapse a.u-nav-link { + color: inherit; +} +.u-nav-container > .u-nav > .u-nav-item > .u-nav-link { + padding: 10px 20px; +} +.menu-collapse { + display: none; + border: none; + z-index: 1; +} +.menu-collapse .u-nav-link { + text-decoration: none !important; + padding-top: 4px; + padding-bottom: 4px; + font-size: calc(1em + 8px); +} +.menu-collapse .u-nav-link svg { + width: 1em; + height: 1em; + vertical-align: top; + fill: currentColor; +} +.menu-collapse .u-nav-link svg + svg { + position: absolute; + width: 0; + height: 0; + overflow: hidden; +} +.menu-collapse .u-nav-link.u-file-icon img { + position: absolute; + top: 0; + left: 0; + object-fit: contain; +} +.menu-collapse .u-nav-link.u-file-icon::after { + content: ''; + height: 1em; + display: block; +} +.u-nav-container-collapse { + display: none; + z-index: 1001; + left: 0 !important; + top: 0 !important; + bottom: 0 !important; + position: fixed !important; + overflow: hidden; + width: 0; +} +.u-enable-responsive .menu-collapse { + display: block; +} +.u-enable-responsive:not(.open) .u-sidenav { + border: none; +} +.u-enable-responsive .u-sidenav { + flex: 0 0 0; +} +.u-enable-responsive .u-sidenav .u-popupmenu-items { + display: table; +} +.u-enable-responsive .u-sidenav .u-nav-item { + display: block; + height: auto; + margin-left: 0; + /* override horizontal spacing */ +} +.u-enable-responsive .u-sidenav .u-nav-link { + background: transparent; +} +.u-enable-responsive .u-popupmenu-items { + margin: 20px auto 0; +} +.u-enable-responsive .u-nav-container-collapse { + display: flex; +} +.u-enable-responsive .u-nav-container { + display: none; +} +.u-enable-responsive .u-menu-close { + z-index: 1; + position: relative; + width: 22px; + height: 28px; + margin: 20px 20px 0 auto; + text-align: right; + font-style: initial; + letter-spacing: initial; + font-weight: initial; + display: block; +} +.u-enable-responsive .u-menu-close:before { + content: "\2715"; + font-size: 28px !important; +} +.u-enable-responsive.u-offcanvas .u-sidenav { + height: 100vh; + transition: margin-left 500ms ease; + border-top: none; + border-bottom: none; + white-space: normal; +} +.u-enable-responsive.u-offcanvas .u-sidenav > * { + position: relative; +} +.u-enable-responsive.u-offcanvas .u-sidenav .u-nav-link { + padding-left: 0 !important; + padding-right: 0 !important; +} +.u-enable-responsive.u-offcanvas:not(.u-menu-open-right) .u-sidenav { + border-left: none; +} +.u-enable-responsive.u-offcanvas.u-menu-open-right .u-sidenav { + order: 1; + border-right: none; + transition-property: margin-right; +} +.u-enable-responsive.u-offcanvas.open .u-sidenav { + margin-left: 0; + margin-right: 0; +} +.u-enable-responsive:not(.u-offcanvas) .u-sidenav { + display: none; +} +.u-enable-responsive:not(.u-offcanvas).open .u-sidenav { + display: block; + flex-basis: 100%; + height: 100vh; + border: none !important; +} +.u-enable-responsive:not(.u-offcanvas) .u-menu-overlay { + display: none !important; +} +.u-menu-overlay { + display: none; + width: 100%; + height: 100vh; +} +.u-menu-overlay:not(.u-opacity) { + opacity: 0; +} +.u-sidenav-overflow { + overflow: auto; + position: absolute !important; + top: 0; + bottom: 0; + right: 0; + left: 0; +} +.u-offcanvas-unshifted-left .u-body > *, +.u-offcanvas-unshifted-left.u-body > * { + animation: menu-unshift-left 500ms normal forwards ease; +} +.u-offcanvas-opened.u-offcanvas-shifted-left .u-body > *, +.u-offcanvas-opened.u-offcanvas-shifted-left.u-body > * { + animation: menu-shift-left 500ms normal forwards ease; +} +.u-offcanvas-unshifted-right .u-body > *, +.u-offcanvas-unshifted-right.u-body > * { + animation: menu-unshift-right 500ms normal forwards ease; +} +.u-offcanvas-opened.u-offcanvas-shifted-right .u-body > *, +.u-offcanvas-opened.u-offcanvas-shifted-right.u-body > * { + animation: menu-shift-right 500ms normal forwards ease; +} +.u-flip-horizontal { + transform: matrix(-1, 0, 0, 1, 0, 0); +} +.u-flip-vertical { + transform: matrix(1, 0, 0, -1, 0, 0); +} +.u-flip-horizontal.u-flip-vertical { + transform: matrix(-1, 0, 0, -1, 0, 0); +} +html { + font-size: 16px; +} +.u-body { + font-size: 1rem; + line-height: 1.6; +} +.u-body h1, +.u-body h2, +.u-body h3, +.u-body h4, +.u-body h5, +.u-body h6 { + padding: 0; +} +h1, +h2, +h3, +h4, +h5, +h6 { + margin-top: 0; + margin-bottom: 0.5rem; + line-height: 1.2; + font-weight: 500; + color: inherit; +} +h1 { + font-size: 2.25rem; +} +h2 { + font-size: 1.5rem; +} +h3 { + font-size: 1.25rem; +} +h4 { + font-size: 1.25rem; +} +h5 { + font-size: 1.125rem; +} +h6 { + font-size: 1.125rem; +} +p { + margin-top: 0; + padding: 0; + margin-bottom: 0.5rem; +} +.u-uppercase { + text-transform: uppercase; +} +.u-align-left { + text-align: left; +} +@media (min-width: 1200px) { + .u-align-left-xl { + text-align: left; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .u-align-left-lg { + text-align: left; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .u-align-left-md { + text-align: left; + } +} +@media (min-width: 576px) and (max-width: 767px) { + .u-align-left-sm { + text-align: left; + } +} +@media (max-width: 575px) { + .u-align-left-xs { + text-align: left; + } +} +.u-align-center { + text-align: center; +} +@media (min-width: 1200px) { + .u-align-center-xl { + text-align: center; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .u-align-center-lg { + text-align: center; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .u-align-center-md { + text-align: center; + } +} +@media (min-width: 576px) and (max-width: 767px) { + .u-align-center-sm { + text-align: center; + } +} +@media (max-width: 575px) { + .u-align-center-xs { + text-align: center; + } +} +.u-align-right { + text-align: right; +} +@media (min-width: 1200px) { + .u-align-right-xl { + text-align: right; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .u-align-right-lg { + text-align: right; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .u-align-right-md { + text-align: right; + } +} +@media (min-width: 576px) and (max-width: 767px) { + .u-align-right-sm { + text-align: right; + } +} +@media (max-width: 575px) { + .u-align-right-xs { + text-align: right; + } +} +.u-align-justify { + text-align: justify; +} +@media (min-width: 1200px) { + .u-align-justify-xl { + text-align: justify; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .u-align-justify-lg { + text-align: justify; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .u-align-justify-md { + text-align: justify; + } +} +@media (min-width: 576px) and (max-width: 767px) { + .u-align-justify-sm { + text-align: justify; + } +} +@media (max-width: 575px) { + .u-align-justify-xs { + text-align: justify; + } +} +.u-tabs:not([class*="u-align-"]), +.u-repeater-item:not([class*="u-align-"]), +.u-container-style:not([class*="u-align-"]) { + text-align: left; +} +.u-text { + word-wrap: break-word; + position: relative; +} +.u-word-break { + word-break: break-all; +} +.u-font-arial.u-custom-font { + font-family: Arial, sans-serif !important; +} +.u-font-courier-new.u-custom-font { + font-family: 'Courier New', monospace !important; +} +.u-font-georgia.u-custom-font { + font-family: Georgia, serif !important; +} +.u-font-roboto.u-custom-font { + font-family: Roboto, sans-serif !important; +} +.u-font-open-sans.u-custom-font { + font-family: 'Open Sans', sans-serif !important; +} +.u-font-lato.u-custom-font { + font-family: Lato, sans-serif !important; +} +.u-font-montserrat.u-custom-font { + font-family: Montserrat, sans-serif !important; +} +.u-font-roboto-condensed.u-custom-font { + font-family: 'Roboto Condensed', sans-serif !important; +} +.u-font-source-sans-pro.u-custom-font { + font-family: 'Source Sans Pro', sans-serif !important; +} +.u-font-oswald.u-custom-font { + font-family: Oswald, sans-serif !important; +} +.u-font-raleway.u-custom-font { + font-family: Raleway, sans-serif !important; +} +.u-font-pt-sans.u-custom-font { + font-family: 'PT Sans', sans-serif !important; +} +.u-font-ubuntu.u-custom-font { + font-family: Ubuntu, sans-serif !important; +} +.u-font-titillium-Web.u-custom-font { + font-family: 'Titillium Web', sans-serif !important; +} +.u-font-merriweather.u-custom-font { + font-family: Merriweather, serif !important; +} +.u-font-roboto-slab.u-custom-font { + font-family: 'Roboto Slab', serif !important; +} +.u-font-playfair-display.u-custom-font { + font-family: 'Playfair Display', serif !important; +} +.u-font-Lobster.u-custom-font { + font-family: Lobster, cursive !important; +} +.u-rectangle { + border-radius: 0; +} +.u-circle { + border-radius: 50%; +} +.u-btn.u-circle { + border-radius: 100px; +} +.u-layout-cell, +.u-container-style.u-opacity, +.u-group.u-opacity { + background-color: transparent !important; + opacity: 1; +} +.u-layout-cell:before, +.u-container-style.u-opacity:before, +.u-group.u-opacity:before { + content: ''; + display: block; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; +} +[class*="u-custom-color-"].u-body, +[class*="u-palette-"].u-body, +[class*="u-gray-"].u-body, +.u-white.u-body, +.u-black.u-body { + background-image: none; +} +.u-button-style[class*="u-custom-color-"], +.u-button-style[class*="u-palette-"], +.u-button-style[class*="u-gray-"], +.u-button-style.u-white, +.u-button-style.u-black { + border-width: 0; +} +.u-search-left .u-search-icon[class*="u-custom-color-"], +.u-search-left .u-search-icon[class*="u-palette-"], +.u-search-left .u-search-icon[class*="u-gray-"], +.u-search-left .u-search-icon.u-white, +.u-search-left .u-search-icon.u-black { + margin-right: 0.8em; +} +.u-search-right .u-search-icon[class*="u-custom-color-"], +.u-search-right .u-search-icon[class*="u-palette-"], +.u-search-right .u-search-icon[class*="u-gray-"], +.u-search-right .u-search-icon.u-white, +.u-search-right .u-search-icon.u-black { + margin-left: 0.8em; +} +.u-social-icons { + display: flex; +} +.u-social-url { + color: inherit; + font-size: inherit; + font-family: inherit; + line-height: inherit; + letter-spacing: inherit; + text-transform: inherit; + font-style: inherit; + font-weight: inherit; + text-decoration: none; + border: 0 none transparent; + outline-width: 0; + background-color: transparent; + margin: 0; + -webkit-text-decoration-skip: objects; + margin-top: 0 !important; + margin-bottom: 0 !important; +} +.u-social-icons .u-icon { + display: flex; +} +.u-social-icons .u-social-url, +.u-social-icons .u-social-url:hover { + color: currentColor; +} +.u-social-icons a { + height: 100%; + display: inline-block; +} +blockquote { + padding: 10px 20px; + padding-left: 0; + margin: 0 0 20px; + border-left-width: 0; + border-top-width: 0 !important; + border-right-width: 0 !important; + border-bottom-width: 0 !important; + border-style: solid; +} +blockquote p:last-child, +blockquote ul:last-child, +blockquote ol:last-child { + margin-bottom: 0; +} +blockquote footer, +blockquote small, +blockquote .small { + display: block; + font-size: 80%; + line-height: 20px; + color: #eeeeee; +} +blockquote footer:before, +blockquote small:before, +blockquote .small:before { + content: '\2014 \A0'; +} +.u-search { + position: relative; + display: flex; + flex-wrap: nowrap; +} +.u-search.u-search-left { + flex-direction: row; +} +.u-search.u-search-right { + flex-direction: row-reverse; +} +.u-search button { + cursor: pointer; + position: relative; + flex: 0; + background: none; + border: 0; + padding: 0; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} +.u-search button span { + display: block; + height: 1em; + width: 1em; + line-height: 1em; +} +.u-search input { + flex: 1; + position: relative; + border: 0; + margin: 0; + min-width: 0; + outline: 0; + background: transparent; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + color: inherit; +} +.u-search-left.u-search input { + padding-right: 0.8em; +} +.u-search-right.u-search input { + padding-left: 0.8em; +} +.u-search input::placeholder { + font-family: inherit; +} +.u-search-icon { + box-sizing: content-box; +} +.u-search-left .u-search-icon[class*="u-border-"] { + margin-right: 0.8em; +} +.u-search-right .u-search-icon[class*="u-border-"] { + margin-left: 0.8em; +} +.u-search-icon .u-svg-link { + vertical-align: top; +} +.u-pagination { + list-style: none; + padding: 0; + display: table; +} +.u-pagination .u-pagination-item { + display: inline-block; +} +.u-pagination .u-pagination-item.disabled { + opacity: 0.5; +} +.u-pagination .u-pagination-item.disabled, +.u-pagination .u-pagination-item.u-pagination-separator { + pointer-events: none; +} +@media (max-width: 767px) { + .u-pagination .u-pagination-item { + display: none; + } + .u-pagination .u-pagination-item.active, + .u-pagination .u-pagination-item.next, + .u-pagination .u-pagination-item.start, + .u-pagination .u-pagination-item.end, + .u-pagination .u-pagination-item.prev:not(.disabled), + .u-pagination .u-pagination-item:nth-last-child(1), + .u-pagination .u-pagination-item:nth-last-child(2), + .u-pagination .u-pagination-item:nth-last-child(3), + .u-pagination .u-pagination-item.active:first-child + .u-pagination-item { + display: inline-block; + } + .u-pagination.responsive-style1 .u-pagination-item:not(.active) + .u-pagination-item:nth-last-child(4), + .u-pagination.responsive-style1 .u-pagination-item.prev + .active + .u-pagination-item { + display: inline-block; + } + .u-pagination.responsive-style1 .u-pagination-item.active ~ .u-pagination-item:nth-last-child(4) { + display: none; + } + .u-pagination.responsive-style2 .u-pagination-item.active:first-child + .u-pagination-item + .u-pagination-item { + display: inline-block; + } + .u-pagination.responsive-style2 .u-pagination-item.active ~ .u-pagination-item:nth-last-child(3) { + display: none; + } +} +.u-breadcrumbs { + list-style: none; + padding: 0; + display: table; +} +.u-breadcrumbs .u-breadcrumbs-item { + display: inline-block; +} +.u-breadcrumbs .u-breadcrumbs-item:last-of-type .u-nav-link, +.u-breadcrumbs .u-breadcrumbs-item.u-breadcrumbs-separator .u-nav-link { + pointer-events: none; +} +.u-breadcrumbs .u-breadcrumbs-separator .u-nav-link { + padding: 0 !important; +} +.u-breadcrumbs .u-svg-link { + width: 1em; + height: 1em; + vertical-align: middle; + fill: currentColor; +} +.u-breadcrumbs .u-svg-content { + position: absolute; + width: 0; + height: 0; + overflow: hidden; +} +/*begin-commonstyles photoswipe*/ +/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ +/* + Styles for basic PhotoSwipe functionality (sliding area, open/close transitions) +*/ +/* pswp = photoswipe */ +.pswp { + display: none; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + overflow: hidden; + touch-action: none; + z-index: 1500; + -webkit-text-size-adjust: 100%; + /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ + -webkit-backface-visibility: hidden; + outline: none; +} +.pswp * { + box-sizing: border-box; +} +.pswp img { + max-width: none; +} +/* style is added when JS option showHideOpacity is set to true */ +.pswp--animate_opacity { + /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ + opacity: 0.001; + will-change: opacity; + /* for open/close transition */ + transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); +} +.pswp--open { + display: block; +} +.pswp--zoom-allowed .pswp__img { + /* autoprefixer: off */ + cursor: -webkit-zoom-in; + cursor: -moz-zoom-in; + cursor: zoom-in; +} +.pswp--zoomed-in .pswp__img { + /* autoprefixer: off */ + cursor: -webkit-grab; + cursor: -moz-grab; + cursor: grab; +} +.pswp--dragging .pswp__img { + /* autoprefixer: off */ + cursor: -webkit-grabbing; + cursor: -moz-grabbing; + cursor: grabbing; +} +/* + Background is added as a separate element. + As animating opacity is much faster than animating rgba() background-color. +*/ +.pswp__bg { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: #000; + opacity: 0; + transform: translateZ(0); + -webkit-backface-visibility: hidden; + will-change: opacity; +} +.pswp__scroll-wrap { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: hidden; +} +.pswp__container, +.pswp__zoom-wrap { + touch-action: none; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; +} +/* Prevent selection and tap highlights */ +.pswp__container, +.pswp__img { + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-tap-highlight-color: transparent; + -webkit-touch-callout: none; +} +.pswp__zoom-wrap { + position: absolute; + width: 100%; + transform-origin: left top; + /* for open/close transition */ + transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); +} +.pswp__bg { + will-change: opacity; + /* for open/close transition */ + transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); +} +.pswp--animated-in .pswp__bg, +.pswp--animated-in .pswp__zoom-wrap { + transition: none; +} +.pswp__container, +.pswp__zoom-wrap { + -webkit-backface-visibility: hidden; +} +.pswp__item { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + overflow: hidden; +} +.pswp__img { + position: absolute; + width: auto; + height: auto; + top: 0; + left: 0; +} +/* + stretched thumbnail or div placeholder element (see below) + style is added to avoid flickering in webkit/blink when layers overlap +*/ +.pswp__img--placeholder { + -webkit-backface-visibility: hidden; +} +/* + div element that matches size of large image + large image loads on top of it +*/ +.pswp__img--placeholder--blank { + background: #222; +} +.pswp--ie .pswp__img { + width: 100% !important; + height: auto !important; + left: 0; + top: 0; +} +/* + Error message appears when image is not loaded + (JS option errorMsg controls markup) +*/ +.pswp__error-msg { + position: absolute; + left: 0; + top: 50%; + width: 100%; + text-align: center; + font-size: 14px; + line-height: 16px; + margin-top: -8px; + color: #CCC; +} +.pswp__error-msg a { + color: #CCC; + text-decoration: underline; +} +/* previews */ +.pswp__caption { + text-align: center; +} +.pswp__caption__center { + bottom: 3em; +} +.pswp__previews { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + display: flex; + flex-flow: row; + justify-content: center; + background-color: rgba(0, 0, 0, 0.3); + overflow: auto; +} +.pswp__previews img { + width: 5em; + height: 5em; + object-fit: cover; + opacity: 0.3; + transition: opacity 0.3s; + cursor: pointer; +} +.pswp__previews img:hover { + opacity: 1; +} +.pswp__previews img.active { + opacity: 1; + cursor: default; +} +.pswp__previews::-webkit-scrollbar { + display: none; +} +/* end previews */ +/*end-commonstyles photoswipe*/ +/*begin-commonstyles photoswipe-default*/ +/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ +/* + + Contents: + + 1. Buttons + 2. Share modal and links + 3. Index indicator ("1 of X" counter) + 4. Caption + 5. Loading indicator + 6. Additional styles (root element, top bar, idle state, hidden state, etc.) + +*/ +/* + + 1. Buttons + + */ +/*