@charset "UTF-8"; /* moved by compressor */ @import url('../../../fileadmin/templates/Website/Styles/fancy.css');@import "../../../fileadmin/templates/Website/Styles/scss/jplist-core";@import "../../../fileadmin/templates/Website/Styles/scss/jplist-ui-bundle";@import "../../../fileadmin/templates/Website/Styles/scss/jplist-textbox-filter";@import "../../../fileadmin/templates/Website/Styles/scss/jplist-pagination-bundle";@import "../../../fileadmin/templates/Website/Styles/scss/jplist-history-bundle";@import "../../../fileadmin/templates/Website/Styles/scss/jplist-filter-toogle-bundle"; /* moved by compressor */ /* default styles for extension "tx_frontend" */ .ce-align-left { text-align: left; } .ce-align-center { text-align: center; } .ce-align-right { text-align: right; } .ce-table td, .ce-table th { vertical-align: top; } .ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; } .ce-left .ce-gallery, .ce-column { float: left; } .ce-center .ce-outer { position: relative; float: right; right: 50%; } .ce-center .ce-inner { position: relative; float: right; right: -50%; } .ce-right .ce-gallery { float: right; } .ce-gallery figure { display: table; margin: 0; } .ce-gallery figcaption { display: table-caption; caption-side: bottom; } .ce-gallery img { display: block; } .ce-gallery iframe { border-width: 0; } .ce-border img, .ce-border iframe { border: 2px solid #000000; padding: 0px; } .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery { margin-bottom: 10px; } .ce-intext.ce-right .ce-gallery { margin-left: 10px; } .ce-intext.ce-left .ce-gallery { margin-right: 10px; } .ce-below .ce-gallery { margin-top: 10px; } .ce-column { margin-right: 10px; } .ce-column:last-child { margin-right: 0; } .ce-row { margin-bottom: 10px; } .ce-row:last-child { margin-bottom: 0; } .ce-above .ce-bodytext { clear: both; } .ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; } /* Headline */ .ce-headline-left { text-align: left; } .ce-headline-center { text-align: center; } .ce-headline-right { text-align: right; } /* Uploads */ .ce-uploads { margin: 0; padding: 0; } .ce-uploads li { list-style: none outside none; margin: 1em 0; } .ce-uploads img { float: left; padding-right: 1em; vertical-align: top; } .ce-uploads span { display: block; } /* Table */ .ce-table { width: 100%; max-width: 100%; } .ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; } .ce-table thead th { border-bottom: 2px solid #dadada; } .ce-table th, .ce-table td { border-top: 1px solid #dadada; } .ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); } .ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; } /* Space */ .frame-space-before-extra-small { margin-top: 1em; } .frame-space-before-small { margin-top: 2em; } .frame-space-before-medium { margin-top: 3em; } .frame-space-before-large { margin-top: 4em; } .frame-space-before-extra-large { margin-top: 5em; } .frame-space-after-extra-small { margin-bottom: 1em; } .frame-space-after-small { margin-bottom: 2em; } .frame-space-after-medium { margin-bottom: 3em; } .frame-space-after-large { margin-bottom: 4em; } .frame-space-after-extra-large { margin-bottom: 5em; } /* Frame */ .frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; } .frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; } .frame-indent { margin-left: 15%; margin-right: 15%; } .frame-indent-left { margin-left: 33%; } .frame-indent-right { margin-right: 33%; } .femanager_flashmessages>div{background-position:10px 12px;background-repeat:no-repeat;margin-bottom:4px;padding:12px 12px 12px 36px}.femanager_flashmessages>.message-2{background-color:#F6D3CF;border:1px solid #D66C68;color:#AA0225}.femanager_flashmessages>.message-1{background-color:#FBF6DE;border:1px solid #B1905C;color:#9E7D4A}.femanager_flashmessages>.message-0{background-color:#CDEACA;border:1px solid #58B548;color:#3B7826}.femanager_flashmessages>.message--1{background-color:#EAF7FF;border:1px solid #C5DBE6;color:#4C73A1}.femanager_flashmessages>.message--2{background-color:#F6F7FA;border:1px solid #C2CBCF;color:#444}.femanager_note{background-position:10px 12px;background-repeat:no-repeat;margin-bottom:4px;padding:12px 12px 12px 36px;background-color:#F6F7FA;border:1px solid #C2CBCF;color:#444;list-style-type:none;margin-left:0}.femanager_error{background-position:10px 12px;background-repeat:no-repeat;margin-bottom:4px;padding:12px 12px 12px 36px;background-color:#F6D3CF;border:1px solid #D66C68;color:#AA0225;list-style-type:none;margin-left:0} .mtm-news-listing .f3-widget-paginator { display: none; } @font-face{font-family:'dp-icomoon';src:url(data:application/vnd.ms-fontobject;base64,lAYAAPAFAAABAAIAAAAAAAAAAAAAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAsYIwbQAAAAAAAAAAAAAAAAAAAAAAAA4AaQBjAG8AbQBvAG8AbgAAAA4AUgBlAGcAdQBsAGEAcgAAABYAVgBlAHIAcwBpAG8AbgAgADEALgAwAAAADgBpAGMAbwBtAG8AbwBuAAAAAAAAAQAAAAsAgAADADBPUy8yDxIFKgAAALwAAABgY21hcBdW0ocAAAEcAAAAVGdhc3AAAAAQAAABcAAAAAhnbHlmgIsodAAAAXgAAAI0aGVhZBbMtzAAAAOsAAAANmhoZWEHQgPGAAAD5AAAACRobXR4CgAAgAAABAgAAAAUbG9jYQAoAS4AAAQcAAAADG1heHAACwC3AAAEKAAAACBuYW1lmUoJ+wAABEgAAAGGcG9zdAADAAAAAAXQAAAAIAADAwABkAAFAAACmQLMAAAAjwKZAswAAAHrADMBCQAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAOkAA8D/wABAA8AAQAAAAAEAAAAAAAAAAAAAACAAAAAAAAMAAAADAAAAHAABAAMAAAAcAAMAAQAAABwABAA4AAAACgAIAAIAAgABACDpAP/9//8AAAAAACDpAP/9//8AAf/jFwQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAUAgAABA4ADVQBKAGIAhACgALQAACUjJicmJyY1NDc2MzIXFhUUFxYzMjc2NTQnJiMiBwYHBhUUFxYHBicmNTQ3Njc2MzIXFhUUBwYjIicmNTQnJiMiBwYVFBcWFxYHBgMUFxYzMjc2MzIXFhcWBwYjIicmNTQzMgMiJyYnJjU0NzYzMhcWFRQjIjU0JyYjIgcGFRQXFhcWBwYBIjU0NzY3NjMyFxYXFhUUBwYnJicmJyYHBgcGJSInJiMiBwYnJjU0NzYzMhcWBwYCfAZcQiYbGyYmNjYnJxkZJiYaGltbgFxMTCYYHAYUFAYgHipXV2iSZ2cnJzY2JiYaGiYmGRlQOFQSBAR6NzdSBA4OCQkJCQIEFhgcUDRmFhRyCAY2IC5HR2RkR0cWFjo6UlI6OiYaNhAQBv7sFgRAYGR4eGRiPgQQEAg8VFxsbFxaOAYCWAgCdniCbAoKCgp0joKAEgoIARhCJkFBNjQlJSUlNCIYGBgYInhWVi8vTjJGUEoUBgYSUlZOPFo2NmNjijQkJCQkNCIZGRkZInBQOBYCGBABOEo2NgICAwMKFgQEJkZ0Fv66BjY8UGheRERERF4UFE43Nzc3TmBELjoOEAYCBBQECFwwNDQwWggEDgYGDlIqLgEBMC5QCOACPDwGBgYMDgZAQAoSDAAAAAEAAAAAAABtMIKxXw889QALBAAAAAAA2he5bwAAAADaF7lvAAAAAAOAA1UAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4AAAQAAAAAAAAAAAAAAAAAAAAUEAAAAAAAAAAAAAAACAAAABAAAgAAAAAAACgAUAB4BGgABAAAABQC1AAUAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABwAAAAEAAAAAAAIABwBgAAEAAAAAAAMABwA2AAEAAAAAAAQABwB1AAEAAAAAAAUACwAVAAEAAAAAAAYABwBLAAEAAAAAAAoAGgCKAAMAAQQJAAEADgAHAAMAAQQJAAIADgBnAAMAAQQJAAMADgA9AAMAAQQJAAQADgB8AAMAAQQJAAUAFgAgAAMAAQQJAAYADgBSAAMAAQQJAAoANACkaWNvbW9vbgBpAGMAbwBtAG8AbwBuVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwaWNvbW9vbgBpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuUmVndWxhcgBSAGUAZwB1AGwAYQByaWNvbW9vbgBpAGMAbwBtAG8AbwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==);src:url(data:application/vnd.ms-fontobject;base64,lAYAAPAFAAABAAIAAAAAAAAAAAAAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAsYIwbQAAAAAAAAAAAAAAAAAAAAAAAA4AaQBjAG8AbQBvAG8AbgAAAA4AUgBlAGcAdQBsAGEAcgAAABYAVgBlAHIAcwBpAG8AbgAgADEALgAwAAAADgBpAGMAbwBtAG8AbwBuAAAAAAAAAQAAAAsAgAADADBPUy8yDxIFKgAAALwAAABgY21hcBdW0ocAAAEcAAAAVGdhc3AAAAAQAAABcAAAAAhnbHlmgIsodAAAAXgAAAI0aGVhZBbMtzAAAAOsAAAANmhoZWEHQgPGAAAD5AAAACRobXR4CgAAgAAABAgAAAAUbG9jYQAoAS4AAAQcAAAADG1heHAACwC3AAAEKAAAACBuYW1lmUoJ+wAABEgAAAGGcG9zdAADAAAAAAXQAAAAIAADAwABkAAFAAACmQLMAAAAjwKZAswAAAHrADMBCQAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAOkAA8D/wABAA8AAQAAAAAEAAAAAAAAAAAAAACAAAAAAAAMAAAADAAAAHAABAAMAAAAcAAMAAQAAABwABAA4AAAACgAIAAIAAgABACDpAP/9//8AAAAAACDpAP/9//8AAf/jFwQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAUAgAABA4ADVQBKAGIAhACgALQAACUjJicmJyY1NDc2MzIXFhUUFxYzMjc2NTQnJiMiBwYHBhUUFxYHBicmNTQ3Njc2MzIXFhUUBwYjIicmNTQnJiMiBwYVFBcWFxYHBgMUFxYzMjc2MzIXFhcWBwYjIicmNTQzMgMiJyYnJjU0NzYzMhcWFRQjIjU0JyYjIgcGFRQXFhcWBwYBIjU0NzY3NjMyFxYXFhUUBwYnJicmJyYHBgcGJSInJiMiBwYnJjU0NzYzMhcWBwYCfAZcQiYbGyYmNjYnJxkZJiYaGltbgFxMTCYYHAYUFAYgHipXV2iSZ2cnJzY2JiYaGiYmGRlQOFQSBAR6NzdSBA4OCQkJCQIEFhgcUDRmFhRyCAY2IC5HR2RkR0cWFjo6UlI6OiYaNhAQBv7sFgRAYGR4eGRiPgQQEAg8VFxsbFxaOAYCWAgCdniCbAoKCgp0joKAEgoIARhCJkFBNjQlJSUlNCIYGBgYInhWVi8vTjJGUEoUBgYSUlZOPFo2NmNjijQkJCQkNCIZGRkZInBQOBYCGBABOEo2NgICAwMKFgQEJkZ0Fv66BjY8UGheRERERF4UFE43Nzc3TmBELjoOEAYCBBQECFwwNDQwWggEDgYGDlIqLgEBMC5QCOACPDwGBgYMDgZAQAoSDAAAAAEAAAAAAABtMIKxXw889QALBAAAAAAA2he5bwAAAADaF7lvAAAAAAOAA1UAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4AAAQAAAAAAAAAAAAAAAAAAAAUEAAAAAAAAAAAAAAACAAAABAAAgAAAAAAACgAUAB4BGgABAAAABQC1AAUAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABwAAAAEAAAAAAAIABwBgAAEAAAAAAAMABwA2AAEAAAAAAAQABwB1AAEAAAAAAAUACwAVAAEAAAAAAAYABwBLAAEAAAAAAAoAGgCKAAMAAQQJAAEADgAHAAMAAQQJAAIADgBnAAMAAQQJAAMADgA9AAMAAQQJAAQADgB8AAMAAQQJAAUAFgAgAAMAAQQJAAYADgBSAAMAAQQJAAoANACkaWNvbW9vbgBpAGMAbwBtAG8AbwBuVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwaWNvbW9vbgBpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuUmVndWxhcgBSAGUAZwB1AGwAYQByaWNvbW9vbgBpAGMAbwBtAG8AbwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==#iefix) format("embedded-opentype"),url(data:font/ttf;base64,AAEAAAALAIAAAwAwT1MvMg8SBSoAAAC8AAAAYGNtYXAXVtKHAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZoCLKHQAAAF4AAACNGhlYWQWzLcwAAADrAAAADZoaGVhB0IDxgAAA+QAAAAkaG10eAoAAIAAAAQIAAAAFGxvY2EAKAEuAAAEHAAAAAxtYXhwAAsAtwAABCgAAAAgbmFtZZlKCfsAAARIAAABhnBvc3QAAwAAAAAF0AAAACAAAwMAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAAPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6QD//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAAFAIAAAQOAA1UASgBiAIQAoAC0AAAlIyYnJicmNTQ3NjMyFxYVFBcWMzI3NjU0JyYjIgcGBwYVFBcWBwYnJjU0NzY3NjMyFxYVFAcGIyInJjU0JyYjIgcGFRQXFhcWBwYDFBcWMzI3NjMyFxYXFgcGIyInJjU0MzIDIicmJyY1NDc2MzIXFhUUIyI1NCcmIyIHBhUUFxYXFgcGASI1NDc2NzYzMhcWFxYVFAcGJyYnJicmBwYHBiUiJyYjIgcGJyY1NDc2MzIXFgcGAnwGXEImGxsmJjY2JycZGSYmGhpbW4BcTEwmGBwGFBQGIB4qV1dokmdnJyc2NiYmGhomJhkZUDhUEgQEejc3UgQODgkJCQkCBBYYHFA0ZhYUcggGNiAuR0dkZEdHFhY6OlJSOjomGjYQEAb+7BYEQGBkeHhkYj4EEBAIPFRcbGxcWjgGAlgIAnZ4gmwKCgoKdI6CgBIKCAEYQiZBQTY0JSUlJTQiGBgYGCJ4VlYvL04yRlBKFAYGElJWTjxaNjZjY4o0JCQkJDQiGRkZGSJwUDgWAhgQAThKNjYCAgMDChYEBCZGdBb+ugY2PFBoXkREREReFBRONzc3N05gRC46DhAGAgQUBAhcMDQ0MFoIBA4GBg5SKi4BATAuUAjgAjw8BgYGDA4GQEAKEgwAAAABAAAAAAAAbTCCsV8PPPUACwQAAAAAANoXuW8AAAAA2he5bwAAAAADgANVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOAAAEAAAAAAAAAAAAAAAAAAAAFBAAAAAAAAAAAAAAAAgAAAAQAAIAAAAAAAAoAFAAeARoAAQAAAAUAtQAFAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGljb21vb24AaQBjAG8AbQBvAG8AblZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGljb21vb24AaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AblJlZ3VsYXIAUgBlAGcAdQBsAGEAcmljb21vb24AaQBjAG8AbQBvAG8AbkZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("truetype"),url(data:font/woff;base64,d09GRgABAAAAAAY8AAsAAAAABfAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIFKmNtYXAAAAFoAAAAVAAAAFQXVtKHZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAAjQAAAI0gIsodGhlYWQAAAP4AAAANgAAADYWzLcwaGhlYQAABDAAAAAkAAAAJAdCA8ZobXR4AAAEVAAAABQAAAAUCgAAgGxvY2EAAARoAAAADAAAAAwAKAEubWF4cAAABHQAAAAgAAAAIAALALduYW1lAAAElAAAAYYAAAGGmUoJ+3Bvc3QAAAYcAAAAIAAAACAAAwAAAAMDAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6QADwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIOkA//3//wAAAAAAIOkA//3//wAB/+MXBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAABQCAAAEDgANVAEoAYgCEAKAAtAAAJSMmJyYnJjU0NzYzMhcWFRQXFjMyNzY1NCcmIyIHBgcGFRQXFgcGJyY1NDc2NzYzMhcWFRQHBiMiJyY1NCcmIyIHBhUUFxYXFgcGAxQXFjMyNzYzMhcWFxYHBiMiJyY1NDMyAyInJicmNTQ3NjMyFxYVFCMiNTQnJiMiBwYVFBcWFxYHBgEiNTQ3Njc2MzIXFhcWFRQHBicmJyYnJgcGBwYlIicmIyIHBicmNTQ3NjMyFxYHBgJ8BlxCJhsbJiY2NicnGRkmJhoaW1uAXExMJhgcBhQUBiAeKldXaJJnZycnNjYmJhoaJiYZGVA4VBIEBHo3N1IEDg4JCQkJAgQWGBxQNGYWFHIIBjYgLkdHZGRHRxYWOjpSUjo6Jho2EBAG/uwWBEBgZHh4ZGI+BBAQCDxUXGxsXFo4BgJYCAJ2eIJsCgoKCnSOgoASCggBGEImQUE2NCUlJSU0IhgYGBgieFZWLy9OMkZQShQGBhJSVk48WjY2Y2OKNCQkJCQ0IhkZGRkicFA4FgIYEAE4SjY2AgIDAwoWBAQmRnQW/roGNjxQaF5EREREXhQUTjc3NzdOYEQuOg4QBgIEFAQIXDA0NDBaCAQOBgYOUiouAQEwLlAI4AI8PAYGBgwOBkBAChIMAAAAAQAAAAAAAG0wgrFfDzz1AAsEAAAAAADaF7lvAAAAANoXuW8AAAAAA4ADVQAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADgAABAAAAAAAAAAAAAAAAAAAABQQAAAAAAAAAAAAAAAIAAAAEAACAAAAAAAAKABQAHgEaAAEAAAAFALUABQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAHAAAAAQAAAAAAAgAHAGAAAQAAAAAAAwAHADYAAQAAAAAABAAHAHUAAQAAAAAABQALABUAAQAAAAAABgAHAEsAAQAAAAAACgAaAIoAAwABBAkAAQAOAAcAAwABBAkAAgAOAGcAAwABBAkAAwAOAD0AAwABBAkABAAOAHwAAwABBAkABQAWACAAAwABBAkABgAOAFIAAwABBAkACgA0AKRpY29tb29uAGkAYwBvAG0AbwBvAG5WZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBpY29tb29uAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG5SZWd1bGFyAFIAZQBnAHUAbABhAHJpY29tb29uAGkAYwBvAG0AbwBvAG5Gb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("woff"),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIiA+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogICAgPG1ldGFkYXRhPkdlbmVyYXRlZCBieSBJY29Nb29uPC9tZXRhZGF0YT4NCiAgICA8ZGVmcz4NCiAgICAgICAgPGZvbnQgaWQ9Imljb21vb24iIGhvcml6LWFkdi14PSIxMDI0Ij4NCiAgICAgICAgICAgIDxmb250LWZhY2UgdW5pdHMtcGVyLWVtPSIxMDI0IiBhc2NlbnQ9Ijk2MCIgZGVzY2VudD0iLTY0Ii8+DQogICAgICAgICAgICA8bWlzc2luZy1nbHlwaCBob3Jpei1hZHYteD0iMTAyNCIvPg0KICAgICAgICAgICAgPGdseXBoIHVuaWNvZGU9IiYjeDIwOyIgaG9yaXotYWR2LXg9IjUxMiIgZD0iIi8+DQogICAgICAgICAgICA8Z2x5cGggdW5pY29kZT0iJiN4ZTkwMDsiIGdseXBoLW5hbWU9ImZpbmdlcnByaW50Ig0KICAgICAgICAgICAgICAgICAgIGQ9Ik02MzYgMC42NjdoLTZxLTkyIDI0LTE1OCA5MC0zOCAzOC02NSAxMDN0LTI3IDExOXEwIDUyIDM4IDg5dDkyIDM3IDkzLTM3IDM5LTg5cTAtMzQgMjUtNTh0NjMtMjQgNjQgMjQgMjYgNThxMCAxMjAtOTEgMjA2dC0yMTkgODZxLTkyIDAtMTY4LTQ3dC0xMTQtMTI1cS0yNC01MC0yNC0xMjAgMC04MCAyOC0xNTQgNi0yMC0xNC0yNnQtMjYgMTJxLTMyIDgyLTMyIDE2OCAwIDc4IDMwIDEzOCA0MiA5MCAxMjkgMTQ0dDE5MSA1NHExNDYgMCAyNDktOTl0MTAzLTIzN3EwLTUyLTM5LTg4dC05My0zNi05MiAzNi0zOCA4OHEwIDM0LTI2IDU5dC02NCAyNS02My0yNS0yNS01OXEwLTExMiA4MC0xOTIgNTYtNTYgMTQwLTc4IDE4LTIgMTQtMjYtNC0xNi0yMC0xNnpNNTMwIDMxMi42NjdxMC03NCA1NS0xMjh0MTM3LTU0cTQgMCAxOCAydDIzIDIgMTgtMyAxMS0xM3E0LTIyLTE4LTI2LTI0LTQtNTItNC04MCAwLTEzMiAzOC0xMDIgNzAtMTAyIDE4NiAwIDIyIDIyIDIyIDIwIDAgMjAtMjJ6TTQxNiA4LjY2N3EtOCAwLTE0IDYtNTQgNTQtODYgMTE0LTQ2IDgwLTQ2IDE4NCAwIDk0IDcxIDE2MnQxNzEgNjggMTcxLTY4IDcxLTE2MnEwLTIwLTIyLTIwdC0yMiAyMHEwIDc4LTU4IDEzM3QtMTQwIDU1LTE0MC01NS01OC0xMzNxMC05NiAzOC0xNjQgMjYtNDYgODAtMTA0IDE2LTE0IDAtMzAtNi02LTE2LTZ6TTE1MCA1MjQuNjY3cS0yMiAwLTIyIDIwIDAgNCA0IDEyIDY0IDkyIDE2MCAxNDAgMTAwIDUyIDIyMCA1MnQyMjAtNTJxOTgtNDggMTYwLTEzOCA0LTggNC0xMiAwLTE0LTE2LTIwdC0yNCA4cS02MCA4Mi0xNDQgMTI0LTkyIDQ2LTIwMCA0N3QtMjAwLTQ3cS05MC00Ni0xNDYtMTI2LTYtOC0xNi04ek03NjAgNzQ4LjY2N3EtOCAwLTEwIDItMTE4IDYwLTIzOCA2MC0xMzAgMC0yMzgtNjAtMTAtNi0yMCAwdC0xMCAxOHEwIDE0IDEwIDIwIDExNiA2NCAyNTggNjQgMTMwIDAgMjU4LTY0IDE4LTEwIDgtMjgtOC0xMi0xOC0xMnoiLz4NCiAgICAgICAgPC9mb250Pg0KICAgIDwvZGVmcz4NCjwvc3ZnPg==#icomoon) format("svg");font-weight:normal;font-style:normal;font-display:block}[class^="dp--icon-"],[class*=" dp--icon-"]{font-family:'dp-icomoon' !important;font-weight:normal;font-style:normal;font-variant:normal;line-height:1;text-transform:none;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dp--icon-fingerprint:before{content:"\e900"}.dp--revoke{line-height:1;position:fixed;z-index:9999;top:0;left:0;display:flex;overflow:hidden;align-items:center;flex-wrap:nowrap;justify-content:center;box-sizing:border-box;min-width:40px;height:40px;margin:5px;padding:0.5em;cursor:pointer;transition:all .3s ease-in-out;transform:none;text-decoration:none;color:#fff;border-radius:20px;background-color:rgba(0,0,0,0.8)}.dp--revoke i{font-size:24px;pointer-events:none}.dp--revoke.cc-top-right,.dp--revoke.cc-bottom-right{right:0;left:auto}.dp--revoke.cc-bottom,.dp--revoke.cc-bottom-left,.dp--revoke.cc-bottom-right{top:auto;bottom:0}.dp--revoke .dp--hover{display:none;pointer-events:none}.dp--revoke:hover{opacity:.7}.dp--revoke:hover .dp--hover{display:inline-block}.cc-window{font-size:16px;line-height:1.5em;position:fixed;z-index:9999;top:0;left:0;width:100%;color:#fff;background-color:rgba(0,0,0,0.8)}.cc-window.cc-bottom{top:auto;bottom:0}.cc-window.cc-top-left,.cc-window.cc-top-right,.cc-window.cc-bottom-left,.cc-window.cc-bottom-right{max-width:24em}.cc-window.cc-top-left,.cc-window.cc-top-right{top:1rem}.cc-window.cc-top-left,.cc-window.cc-bottom-left{left:1rem}.cc-window.cc-top-right,.cc-window.cc-bottom-right{right:1rem;left:auto}.cc-window.cc-bottom-left,.cc-window.cc-bottom-right{top:auto;bottom:1rem}.cc-window .cc-body{display:flex;flex-direction:column;width:100%}@media (min-width: 768px){.cc-window.cc-top .cc-body,.cc-window.cc-bottom .cc-body{align-items:center;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}}.cc-window .cc-message{padding:1.5rem}.cc-window .cc-link{display:inline-block;padding:0.2em;text-decoration:underline;opacity:.8;color:inherit}.cc-window .dp--cookie-check{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem;border:1px solid rgba(255,255,255,0.5);border-radius:5px}.cc-window .dp--cookie-check label{display:block;overflow:hidden;margin:0;padding:5px;white-space:nowrap;text-overflow:ellipsis}.cc-window .dp--cookie-check label:first-child{padding-left:10px}.cc-window .dp--cookie-check label:last-child{padding-right:10px}.cc-window *,.cc-window *::before,.cc-window *::after{box-sizing:border-box}.cc-compliance{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;min-width:300px;max-width:100% !important}.cc-top .cc-compliance,.cc-bottom .cc-compliance{padding-top:.5rem;padding-right:1.5rem;padding-bottom:.5rem}.cc-compliance .cc-btn{font-size:.9em;font-weight:700;display:block;width:50%;margin:0;padding:0.4em 0.8em;cursor:pointer;text-align:center;white-space:nowrap;border-width:2px;border-style:solid;border-color:transparent}.cc-top .cc-compliance .cc-btn,.cc-bottom .cc-compliance .cc-btn{width:100%}.cc-top .cc-compliance .cc-btn+.cc-btn,.cc-bottom .cc-compliance .cc-btn+.cc-btn{margin-top:.25rem}.cc-compliance .cc-w-100{width:100%}.dp--iframe{display:none}.dp--iframe.dp--loaded{display:block}.dp--overlay{display:flex;align-items:center;justify-content:center;padding:2.5rem 1.5rem;text-align:center}.dp--overlay-description{margin-top:.8rem}.dp--overlay-button{margin-top:.8rem}.db--overlay-submit{font-weight:700;display:inline-block;padding:.4em .8em;text-align:center;border:2px solid transparent}.dp--iframe.dp--loaded+.dp--overlay{display:none}.cc-hide{visibility:hidden !important;opacity:0 !important}.cc-sr-only{position:absolute;overflow:hidden;clip:rect(0, 0, 0, 0);width:1px;height:1px;margin:-1px;padding:0;white-space:nowrap;border:0} .daterangepicker { position: absolute; color: inherit; background-color: #fff; border-radius: 4px; border: 1px solid #ddd; width: 278px; max-width: none; padding: 0; margin-top: 7px; top: 100px; left: 20px; z-index: 3001; display: none; font-family: arial; font-size: 15px; line-height: 1em; } .daterangepicker:before, .daterangepicker:after { position: absolute; display: inline-block; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker:before { top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #ccc; } .daterangepicker:after { top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; } .daterangepicker.opensleft:before { right: 9px; } .daterangepicker.opensleft:after { right: 10px; } .daterangepicker.openscenter:before { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.openscenter:after { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.opensright:before { left: 9px; } .daterangepicker.opensright:after { left: 10px; } .daterangepicker.drop-up { margin-top: -7px; } .daterangepicker.drop-up:before { top: initial; bottom: -7px; border-bottom: initial; border-top: 7px solid #ccc; } .daterangepicker.drop-up:after { top: initial; bottom: -6px; border-bottom: initial; border-top: 6px solid #fff; } .daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar { float: none; } .daterangepicker.single .drp-selected { display: none; } .daterangepicker.show-calendar .drp-calendar { display: block; } .daterangepicker.show-calendar .drp-buttons { display: block; } .daterangepicker.auto-apply .drp-buttons { display: none; } .daterangepicker .drp-calendar { display: none; max-width: 270px; } .daterangepicker .drp-calendar.left { padding: 8px 0 8px 8px; } .daterangepicker .drp-calendar.right { padding: 8px; } .daterangepicker .drp-calendar.single .calendar-table { border: none; } .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { color: #fff; border: solid black; border-width: 0 2px 2px 0; border-radius: 0; display: inline-block; padding: 3px; } .daterangepicker .calendar-table .next span { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .daterangepicker .calendar-table .prev span { transform: rotate(135deg); -webkit-transform: rotate(135deg); } .daterangepicker .calendar-table th, .daterangepicker .calendar-table td { white-space: nowrap; text-align: center; vertical-align: middle; min-width: 32px; width: 32px; height: 24px; line-height: 24px; font-size: 12px; border-radius: 4px; border: 1px solid transparent; white-space: nowrap; cursor: pointer; } .daterangepicker .calendar-table { border: 1px solid #fff; border-radius: 4px; background-color: #fff; } .daterangepicker .calendar-table table { width: 100%; margin: 0; border-spacing: 0; border-collapse: collapse; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: #eee; border-color: transparent; color: inherit; } .daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; } .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { background-color: #fff; border-color: transparent; color: #999; } .daterangepicker td.in-range { background-color: #ebf4f8; border-color: transparent; color: #000; border-radius: 0; } .daterangepicker td.start-date { border-radius: 4px 0 0 4px; } .daterangepicker td.end-date { border-radius: 0 4px 4px 0; } .daterangepicker td.start-date.end-date { border-radius: 4px; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #357ebd; border-color: transparent; color: #fff; } .daterangepicker th.month { width: auto; } .daterangepicker td.disabled, .daterangepicker option.disabled { color: #999; cursor: not-allowed; text-decoration: line-through; } .daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; } .daterangepicker select.monthselect { margin-right: 2%; width: 56%; } .daterangepicker select.yearselect { width: 40%; } .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin: 0 auto; background: #eee; border: 1px solid #eee; padding: 2px; outline: 0; font-size: 12px; } .daterangepicker .calendar-time { text-align: center; margin: 4px auto 0 auto; line-height: 30px; position: relative; } .daterangepicker .calendar-time select.disabled { color: #ccc; cursor: not-allowed; } .daterangepicker .drp-buttons { clear: both; text-align: right; padding: 8px; border-top: 1px solid #ddd; display: none; line-height: 12px; vertical-align: middle; } .daterangepicker .drp-selected { display: inline-block; font-size: 12px; padding-right: 8px; } .daterangepicker .drp-buttons .btn { margin-left: 8px; font-size: 12px; font-weight: bold; padding: 4px 8px; } .daterangepicker.show-ranges.single.rtl .drp-calendar.left { border-right: 1px solid #ddd; } .daterangepicker.show-ranges.single.ltr .drp-calendar.left { border-left: 1px solid #ddd; } .daterangepicker.show-ranges.rtl .drp-calendar.right { border-right: 1px solid #ddd; } .daterangepicker.show-ranges.ltr .drp-calendar.left { border-left: 1px solid #ddd; } .daterangepicker .ranges { float: none; text-align: left; margin: 0; } .daterangepicker.show-calendar .ranges { margin-top: 8px; } .daterangepicker .ranges ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; } .daterangepicker .ranges li { font-size: 12px; padding: 8px 12px; cursor: pointer; } .daterangepicker .ranges li:hover { background-color: #eee; } .daterangepicker .ranges li.active { background-color: #08c; color: #fff; } /* Larger Screen Styling */ @media (min-width: 564px) { .daterangepicker { width: auto; } .daterangepicker .ranges ul { width: 140px; } .daterangepicker.single .ranges ul { width: 100%; } .daterangepicker.single .drp-calendar.left { clear: none; } .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar { float: left; } .daterangepicker { direction: ltr; text-align: left; } .daterangepicker .drp-calendar.left { clear: left; margin-right: 0; } .daterangepicker .drp-calendar.left .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .daterangepicker .drp-calendar.right { margin-left: 0; } .daterangepicker .drp-calendar.right .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; } .daterangepicker .drp-calendar.left .calendar-table { padding-right: 8px; } .daterangepicker .ranges, .daterangepicker .drp-calendar { float: left; } } @media (min-width: 730px) { .daterangepicker .ranges { width: auto; } .daterangepicker .ranges { float: left; } .daterangepicker.rtl .ranges { float: right; } .daterangepicker .drp-calendar.left { clear: none !important; } } /*! import css */ /*! Init */ /*! * Bootstrap v3.3.6 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ @font-face { font-family: 'Open Sans'; src: url('../../../fileadmin/templates/Website/Fonts/OpenSans-Medium.woff2') format('woff2'), url('../../../fileadmin/templates/Website/Fonts/OpenSans-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../../../fileadmin/templates/Website/Fonts/OpenSans-Regular.woff2') format('woff2'), url('../../../fileadmin/templates/Website/Fonts/OpenSans-Regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../../../fileadmin/templates/Website/Fonts/OpenSans-Light.woff2') format('woff2'), url('../../../fileadmin/templates/Website/Fonts/OpenSans-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../../../fileadmin/templates/Website/Fonts/OpenSans-Bold.woff2') format('woff2'), url('../../../fileadmin/templates/Website/Fonts/OpenSans-Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../../../fileadmin/templates/Website/Fonts/OpenSans-ExtraBold.woff2') format('woff2'), url('../../../fileadmin/templates/Website/Fonts/OpenSans-ExtraBold.woff') format('woff'); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../../../fileadmin/templates/Website/Fonts/OpenSans-SemiBold.woff2') format('woff2'), url('../../../fileadmin/templates/Website/Fonts/OpenSans-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } 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, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn>.caret, .dropup>.btn>.caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } @font-face { font-family: 'Glyphicons Halflings'; src: url('../../../fileadmin/templates/Website/Fonts/glyphicons-halflings-regular.eot'); src: url('../../../fileadmin/templates/Website/Fonts/glyphicons-halflings-regular.eot?#iefix') format("embedded-opentype"), url('../../../fileadmin/templates/Website/Fonts/glyphicons-halflings-regular.woff2') format("woff2"), url('../../../fileadmin/templates/Website/Fonts/glyphicons-halflings-regular.woff') format("woff"), url('../../../fileadmin/templates/Website/Fonts/glyphicons-halflings-regular.ttf') format("truetype"), url('../../../fileadmin/templates/Website/Fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format("svg"); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "\002a"; } .glyphicon-plus:before { content: "\002b"; } .glyphicon-euro:before, .glyphicon-eur:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .glyphicon-cd:before { content: "\e201"; } .glyphicon-save-file:before { content: "\e202"; } .glyphicon-open-file:before { content: "\e203"; } .glyphicon-level-up:before { content: "\e204"; } .glyphicon-copy:before { content: "\e205"; } .glyphicon-paste:before { content: "\e206"; } .glyphicon-alert:before { content: "\e209"; } .glyphicon-equalizer:before { content: "\e210"; } .glyphicon-king:before { content: "\e211"; } .glyphicon-queen:before { content: "\e212"; } .glyphicon-pawn:before { content: "\e213"; } .glyphicon-bishop:before { content: "\e214"; } .glyphicon-knight:before { content: "\e215"; } .glyphicon-baby-formula:before { content: "\e216"; } .glyphicon-tent:before { content: "\26fa"; } .glyphicon-blackboard:before { content: "\e218"; } .glyphicon-bed:before { content: "\e219"; } .glyphicon-apple:before { content: "\f8ff"; } .glyphicon-erase:before { content: "\e221"; } .glyphicon-hourglass:before { content: "\231b"; } .glyphicon-lamp:before { content: "\e223"; } .glyphicon-duplicate:before { content: "\e224"; } .glyphicon-piggy-bank:before { content: "\e225"; } .glyphicon-scissors:before { content: "\e226"; } .glyphicon-bitcoin:before { content: "\e227"; } .glyphicon-btc:before { content: "\e227"; } .glyphicon-xbt:before { content: "\e227"; } .glyphicon-yen:before { content: "\00a5"; } .glyphicon-jpy:before { content: "\00a5"; } .glyphicon-ruble:before { content: "\20bd"; } .glyphicon-rub:before { content: "\20bd"; } .glyphicon-scale:before { content: "\e230"; } .glyphicon-ice-lolly:before { content: "\e231"; } .glyphicon-ice-lolly-tasted:before { content: "\e232"; } .glyphicon-education:before { content: "\e233"; } .glyphicon-option-horizontal:before { content: "\e234"; } .glyphicon-option-vertical:before { content: "\e235"; } .glyphicon-menu-hamburger:before { content: "\e236"; } .glyphicon-modal-window:before { content: "\e237"; } .glyphicon-oil:before { content: "\e238"; } .glyphicon-grain:before { content: "\e239"; } .glyphicon-sunglasses:before { content: "\e240"; } .glyphicon-text-size:before { content: "\e241"; } .glyphicon-text-color:before { content: "\e242"; } .glyphicon-text-background:before { content: "\e243"; } .glyphicon-object-align-top:before { content: "\e244"; } .glyphicon-object-align-bottom:before { content: "\e245"; } .glyphicon-object-align-horizontal:before { content: "\e246"; } .glyphicon-object-align-left:before { content: "\e247"; } .glyphicon-object-align-vertical:before { content: "\e248"; } .glyphicon-object-align-right:before { content: "\e249"; } .glyphicon-triangle-right:before { content: "\e250"; } .glyphicon-triangle-left:before { content: "\e251"; } .glyphicon-triangle-bottom:before { content: "\e252"; } .glyphicon-triangle-top:before { content: "\e253"; } .glyphicon-console:before { content: "\e254"; } .glyphicon-superscript:before { content: "\e255"; } .glyphicon-subscript:before { content: "\e256"; } .glyphicon-menu-left:before { content: "\e257"; } .glyphicon-menu-right:before { content: "\e258"; } .glyphicon-menu-down:before { content: "\e259"; } .glyphicon-menu-up:before { content: "\e260"; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857; color: #333333; background-color: #fff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #28303b; text-decoration: none; } a:hover, a:focus { color: #090b0d; text-decoration: underline; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.42857; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small { font-weight: normal; line-height: 1; color: #777777; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 0; margin-bottom: 10px; } h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 0; margin-bottom: 10px; } h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } mark, .mark { background-color: #fcf8e3; padding: .2em; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase, .initialism { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777777; } .text-primary { color: #28303b; } a.text-primary:hover, a.text-primary:focus { color: #13171d; } .text-success { color: #3c763d; } a.text-success:hover, a.text-success:focus { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover, a.text-info:focus { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover, a.text-warning:focus { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover, a.text-danger:focus { color: #843534; } .bg-primary { color: #fff; } .bg-primary { background-color: #28303b; } a.bg-primary:hover, a.bg-primary:focus { background-color: #13171d; } .bg-success { background-color: #dff0d8; } a.bg-success:hover, a.bg-success:focus { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover, a.bg-info:focus { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover, a.bg-warning:focus { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover, a.bg-danger:focus { background-color: #e4b9b9; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } .list-inline>li { display: inline-block; padding-left: 5px; padding-right: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dt, dd { line-height: 1.42857; } dt { font-weight: bold; } dd { margin-left: 0; } .dl-horizontal dd:before, .dl-horizontal dd:after { content: " "; display: table; } .dl-horizontal dd:after { clear: both; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777777; } .initialism { font-size: 90%; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eeeeee; } 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: 1.42857; color: #777777; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; text-align: right; } .blockquote-reverse footer:before, .blockquote-reverse small:before, .blockquote-reverse .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before, blockquote.pull-right .small:before { content: ''; } .blockquote-reverse footer:after, .blockquote-reverse small:after, .blockquote-reverse .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; box-shadow: none; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857; word-break: break-all; word-wrap: break-word; color: #333333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } @media (min-width: 768px) { .container { width: 610px; } } @media (min-width: 1199px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1200px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container-fluid:before, .container-fluid:after { content: " "; display: table; } .container-fluid:after { clear: both; } .row { margin-left: -15px; margin-right: -15px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-1 { width: 8.33333%; } .col-xs-2 { width: 16.66667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.33333%; } .col-xs-5 { width: 41.66667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.33333%; } .col-xs-8 { width: 66.66667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.33333%; } .col-xs-11 { width: 91.66667%; } .col-xs-12 { width: 100%; } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.33333%; } .col-xs-pull-2 { right: 16.66667%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-4 { right: 33.33333%; } .col-xs-pull-5 { right: 41.66667%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-7 { right: 58.33333%; } .col-xs-pull-8 { right: 66.66667%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-10 { right: 83.33333%; } .col-xs-pull-11 { right: 91.66667%; } .col-xs-pull-12 { right: 100%; } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.33333%; } .col-xs-push-2 { left: 16.66667%; } .col-xs-push-3 { left: 25%; } .col-xs-push-4 { left: 33.33333%; } .col-xs-push-5 { left: 41.66667%; } .col-xs-push-6 { left: 50%; } .col-xs-push-7 { left: 58.33333%; } .col-xs-push-8 { left: 66.66667%; } .col-xs-push-9 { left: 75%; } .col-xs-push-10 { left: 83.33333%; } .col-xs-push-11 { left: 91.66667%; } .col-xs-push-12 { left: 100%; } .col-xs-offset-0 { margin-left: 0%; } .col-xs-offset-1 { margin-left: 8.33333%; } .col-xs-offset-2 { margin-left: 16.66667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.33333%; } .col-xs-offset-5 { margin-left: 41.66667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.33333%; } .col-xs-offset-8 { margin-left: 66.66667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.33333%; } .col-xs-offset-11 { margin-left: 91.66667%; } .col-xs-offset-12 { margin-left: 100%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-1 { width: 8.33333%; } .col-sm-2 { width: 16.66667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.33333%; } .col-sm-5 { width: 41.66667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.33333%; } .col-sm-8 { width: 66.66667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.33333%; } .col-sm-11 { width: 91.66667%; } .col-sm-12 { width: 100%; } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.33333%; } .col-sm-pull-2 { right: 16.66667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.33333%; } .col-sm-pull-5 { right: 41.66667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.33333%; } .col-sm-pull-8 { right: 66.66667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.33333%; } .col-sm-pull-11 { right: 91.66667%; } .col-sm-pull-12 { right: 100%; } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.33333%; } .col-sm-push-2 { left: 16.66667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.33333%; } .col-sm-push-5 { left: 41.66667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.33333%; } .col-sm-push-8 { left: 66.66667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.33333%; } .col-sm-push-11 { left: 91.66667%; } .col-sm-push-12 { left: 100%; } .col-sm-offset-0 { margin-left: 0%; } .col-sm-offset-1 { margin-left: 8.33333%; } .col-sm-offset-2 { margin-left: 16.66667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.33333%; } .col-sm-offset-5 { margin-left: 41.66667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.33333%; } .col-sm-offset-8 { margin-left: 66.66667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.33333%; } .col-sm-offset-11 { margin-left: 91.66667%; } .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 1199px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-1 { width: 8.33333%; } .col-md-2 { width: 16.66667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.33333%; } .col-md-5 { width: 41.66667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.33333%; } .col-md-8 { width: 66.66667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.33333%; } .col-md-11 { width: 91.66667%; } .col-md-12 { width: 100%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.33333%; } .col-md-pull-2 { right: 16.66667%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.33333%; } .col-md-pull-5 { right: 41.66667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.33333%; } .col-md-pull-8 { right: 66.66667%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.33333%; } .col-md-pull-11 { right: 91.66667%; } .col-md-pull-12 { right: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.33333%; } .col-md-push-2 { left: 16.66667%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.33333%; } .col-md-push-5 { left: 41.66667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.33333%; } .col-md-push-8 { left: 66.66667%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.33333%; } .col-md-push-11 { left: 91.66667%; } .col-md-push-12 { left: 100%; } .col-md-offset-0 { margin-left: 0%; } .col-md-offset-1 { margin-left: 8.33333%; } .col-md-offset-2 { margin-left: 16.66667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.33333%; } .col-md-offset-5 { margin-left: 41.66667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.33333%; } .col-md-offset-8 { margin-left: 66.66667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.33333%; } .col-md-offset-11 { margin-left: 91.66667%; } .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-1 { width: 8.33333%; } .col-lg-2 { width: 16.66667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.33333%; } .col-lg-5 { width: 41.66667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.33333%; } .col-lg-8 { width: 66.66667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.33333%; } .col-lg-11 { width: 91.66667%; } .col-lg-12 { width: 100%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.33333%; } .col-lg-pull-2 { right: 16.66667%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.33333%; } .col-lg-pull-5 { right: 41.66667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.33333%; } .col-lg-pull-8 { right: 66.66667%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.33333%; } .col-lg-pull-11 { right: 91.66667%; } .col-lg-pull-12 { right: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.33333%; } .col-lg-push-2 { left: 16.66667%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.33333%; } .col-lg-push-5 { left: 41.66667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.33333%; } .col-lg-push-8 { left: 66.66667%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.33333%; } .col-lg-push-11 { left: 91.66667%; } .col-lg-push-12 { left: 100%; } .col-lg-offset-0 { margin-left: 0%; } .col-lg-offset-1 { margin-left: 8.33333%; } .col-lg-offset-2 { margin-left: 16.66667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.33333%; } .col-lg-offset-5 { margin-left: 41.66667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.33333%; } .col-lg-offset-8 { margin-left: 66.66667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.33333%; } .col-lg-offset-11 { margin-left: 91.66667%; } .col-lg-offset-12 { margin-left: 100%; } } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #777777; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table>thead>tr>th, .table>thead>tr>td, .table>tbody>tr>th, .table>tbody>tr>td, .table>tfoot>tr>th, .table>tfoot>tr>td { padding: 8px; line-height: 1.42857; vertical-align: top; border-top: 1px solid #ddd; } .table>thead>tr>th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table>caption+thead>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>th, .table>thead:first-child>tr:first-child>td { border-top: 0; } .table>tbody+tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed>thead>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>tfoot>tr>td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered>thead>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>tfoot>tr>td { border: 1px solid #ddd; } .table-bordered>thead>tr>th, .table-bordered>thead>tr>td { border-bottom-width: 2px; } .table-striped>tbody>tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover>tbody>tr:hover { background-color: #f5f5f5; } table col[class*="col-"] { position: static; float: none; display: table-column; } table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; } .table>thead>tr>td.active, .table>thead>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th { background-color: #f5f5f5; } .table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover, .table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr.active:hover>th { background-color: #e8e8e8; } .table>thead>tr>td.success, .table>thead>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th { background-color: #dff0d8; } .table-hover>tbody>tr>td.success:hover, .table-hover>tbody>tr>th.success:hover, .table-hover>tbody>tr.success:hover>td, .table-hover>tbody>tr:hover>.success, .table-hover>tbody>tr.success:hover>th { background-color: #d0e9c6; } .table>thead>tr>td.info, .table>thead>tr>th.info, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>tbody>tr>td.info, .table>tbody>tr>th.info, .table>tbody>tr.info>td, .table>tbody>tr.info>th, .table>tfoot>tr>td.info, .table>tfoot>tr>th.info, .table>tfoot>tr.info>td, .table>tfoot>tr.info>th { background-color: #d9edf7; } .table-hover>tbody>tr>td.info:hover, .table-hover>tbody>tr>th.info:hover, .table-hover>tbody>tr.info:hover>td, .table-hover>tbody>tr:hover>.info, .table-hover>tbody>tr.info:hover>th { background-color: #c4e3f3; } .table>thead>tr>td.warning, .table>thead>tr>th.warning, .table>thead>tr.warning>td, .table>thead>tr.warning>th, .table>tbody>tr>td.warning, .table>tbody>tr>th.warning, .table>tbody>tr.warning>td, .table>tbody>tr.warning>th, .table>tfoot>tr>td.warning, .table>tfoot>tr>th.warning, .table>tfoot>tr.warning>td, .table>tfoot>tr.warning>th { background-color: #fcf8e3; } .table-hover>tbody>tr>td.warning:hover, .table-hover>tbody>tr>th.warning:hover, .table-hover>tbody>tr.warning:hover>td, .table-hover>tbody>tr:hover>.warning, .table-hover>tbody>tr.warning:hover>th { background-color: #faf2cc; } .table>thead>tr>td.danger, .table>thead>tr>th.danger, .table>thead>tr.danger>td, .table>thead>tr.danger>th, .table>tbody>tr>td.danger, .table>tbody>tr>th.danger, .table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th { background-color: #f2dede; } .table-hover>tbody>tr>td.danger:hover, .table-hover>tbody>tr>th.danger:hover, .table-hover>tbody>tr.danger:hover>td, .table-hover>tbody>tr:hover>.danger, .table-hover>tbody>tr.danger:hover>th { background-color: #ebcccc; } .table-responsive { overflow-x: auto; min-height: 0.01%; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive>.table { margin-bottom: 0; } .table-responsive>.table>thead>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>tfoot>tr>td { white-space: nowrap; } .table-responsive>.table-bordered { border: 0; } .table-responsive>.table-bordered>thead>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child { border-left: 0; } .table-responsive>.table-bordered>thead>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child { border-right: 0; } .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td { border-bottom: 0; } } fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857; color: #555555; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: #555555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control::-ms-expand { border: 0; background-color: transparent; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eeeeee; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 34px; } input[type="date"].input-sm, .input-group-sm>input.form-control[type="date"], .input-group-sm>input.input-group-addon[type="date"], .input-group-sm>.input-group-btn>input.btn[type="date"], .input-group-sm input[type="date"], input[type="time"].input-sm, .input-group-sm>input.form-control[type="time"], .input-group-sm>input.input-group-addon[type="time"], .input-group-sm>.input-group-btn>input.btn[type="time"], .input-group-sm input[type="time"], input[type="datetime-local"].input-sm, .input-group-sm>input.form-control[type="datetime-local"], .input-group-sm>input.input-group-addon[type="datetime-local"], .input-group-sm>.input-group-btn>input.btn[type="datetime-local"], .input-group-sm input[type="datetime-local"], input[type="month"].input-sm, .input-group-sm>input.form-control[type="month"], .input-group-sm>input.input-group-addon[type="month"], .input-group-sm>.input-group-btn>input.btn[type="month"], .input-group-sm input[type="month"] { line-height: 30px; } input[type="date"].input-lg, .input-group-lg>input.form-control[type="date"], .input-group-lg>input.input-group-addon[type="date"], .input-group-lg>.input-group-btn>input.btn[type="date"], .input-group-lg input[type="date"], input[type="time"].input-lg, .input-group-lg>input.form-control[type="time"], .input-group-lg>input.input-group-addon[type="time"], .input-group-lg>.input-group-btn>input.btn[type="time"], .input-group-lg input[type="time"], input[type="datetime-local"].input-lg, .input-group-lg>input.form-control[type="datetime-local"], .input-group-lg>input.input-group-addon[type="datetime-local"], .input-group-lg>.input-group-btn>input.btn[type="datetime-local"], .input-group-lg input[type="datetime-local"], input[type="month"].input-lg, .input-group-lg>input.form-control[type="month"], .input-group-lg>input.input-group-addon[type="month"], .input-group-lg>.input-group-btn>input.btn[type="month"], .input-group-lg input[type="month"] { line-height: 46px; } } .form-group { margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; } .radio+.radio, .checkbox+.checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; } .radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], input[type="checkbox"].disabled, fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } .radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 34px; } .form-control-static.input-lg, .input-group-lg>.form-control-static.form-control, .input-group-lg>.form-control-static.input-group-addon, .input-group-lg>.input-group-btn>.form-control-static.btn, .form-control-static.input-sm, .input-group-sm>.form-control-static.form-control, .input-group-sm>.form-control-static.input-group-addon, .input-group-sm>.input-group-btn>.form-control-static.btn { padding-left: 0; padding-right: 0; } .input-sm, .input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm, .input-group-sm>select.form-control, .input-group-sm>select.input-group-addon, .input-group-sm>.input-group-btn>select.btn { height: 30px; line-height: 30px; } textarea.input-sm, .input-group-sm>textarea.form-control, .input-group-sm>textarea.input-group-addon, .input-group-sm>.input-group-btn>textarea.btn, select[multiple].input-sm, .input-group-sm>select.form-control[multiple], .input-group-sm>select.input-group-addon[multiple], .input-group-sm>.input-group-btn>select.btn[multiple] { height: auto; } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .form-group-sm select.form-control { height: 30px; line-height: 30px; } .form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .input-lg, .input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; } select.input-lg, .input-group-lg>select.form-control, .input-group-lg>select.input-group-addon, .input-group-lg>.input-group-btn>select.btn { height: 46px; line-height: 46px; } textarea.input-lg, .input-group-lg>textarea.form-control, .input-group-lg>textarea.input-group-addon, .input-group-lg>.input-group-btn>textarea.btn, select[multiple].input-lg, .input-group-lg>select.form-control[multiple], .input-group-lg>select.input-group-addon[multiple], .input-group-lg>.input-group-btn>select.btn[multiple] { height: auto; } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; } .form-group-lg select.form-control { height: 46px; line-height: 46px; } .form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.33333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .input-lg+.form-control-feedback, .input-group-lg>.form-control+.form-control-feedback, .input-group-lg>.input-group-addon+.form-control-feedback, .input-group-lg>.input-group-btn>.btn+.form-control-feedback, .input-group-lg+.form-control-feedback, .form-group-lg .form-control+.form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm+.form-control-feedback, .input-group-sm>.form-control+.form-control-feedback, .input-group-sm>.input-group-addon+.form-control-feedback, .input-group-sm>.input-group-btn>.btn+.form-control-feedback, .input-group-sm+.form-control-feedback, .form-group-sm .form-control+.form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label~.form-control-feedback { top: 25px; } .has-feedback label.sr-only~.form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group>.form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; } .form-horizontal .form-group { margin-left: -15px; margin-right: -15px; } .form-horizontal .form-group:before, .form-horizontal .form-group:after { content: " "; display: table; } .form-horizontal .form-group:after { clear: both; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } } .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none; } .btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:focus, .btn-default.focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c; } .btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open>.btn-default.dropdown-toggle { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open>.btn-default.dropdown-toggle:hover, .open>.btn-default.dropdown-toggle:focus, .open>.btn-default.dropdown-toggle.focus { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-default:active, .btn-default.active, .open>.btn-default.dropdown-toggle { background-image: none; } .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #28303b; border-color: #1d242c; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #13171d; border-color: black; } .btn-primary:hover { color: #fff; background-color: #13171d; border-color: #050607; } .btn-primary:active, .btn-primary.active, .open>.btn-primary.dropdown-toggle { color: #fff; background-color: #13171d; border-color: #050607; } .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open>.btn-primary.dropdown-toggle:hover, .open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle.focus { color: #fff; background-color: #050607; border-color: black; } .btn-primary:active, .btn-primary.active, .open>.btn-primary.dropdown-toggle { background-image: none; } .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus { background-color: #28303b; border-color: #1d242c; } .btn-primary .badge { color: #28303b; background-color: #fff; } .btn-success { color: #fff; background-color: #4AAAA5; border-color: #429894; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #3b8683; border-color: #1c3f3e; } .btn-success:hover { color: #fff; background-color: #3b8683; border-color: #306e6a; } .btn-success:active, .btn-success.active, .open>.btn-success.dropdown-toggle { color: #fff; background-color: #3b8683; border-color: #306e6a; } .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open>.btn-success.dropdown-toggle:hover, .open>.btn-success.dropdown-toggle:focus, .open>.btn-success.dropdown-toggle.focus { color: #fff; background-color: #306e6a; border-color: #1c3f3e; } .btn-success:active, .btn-success.active, .open>.btn-success.dropdown-toggle { background-image: none; } .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus { background-color: #4AAAA5; border-color: #429894; } .btn-success .badge { color: #4AAAA5; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85; } .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active, .btn-info.active, .open>.btn-info.dropdown-toggle { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open>.btn-info.dropdown-toggle:hover, .open>.btn-info.dropdown-toggle:focus, .open>.btn-info.dropdown-toggle.focus { color: #fff; background-color: #269abc; border-color: #1b6d85; } .btn-info:active, .btn-info.active, .open>.btn-info.dropdown-toggle { background-image: none; } .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #985f0d; } .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open>.btn-warning.dropdown-toggle { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open>.btn-warning.dropdown-toggle:hover, .open>.btn-warning.dropdown-toggle:focus, .open>.btn-warning.dropdown-toggle.focus { color: #fff; background-color: #d58512; border-color: #985f0d; } .btn-warning:active, .btn-warning.active, .open>.btn-warning.dropdown-toggle { background-image: none; } .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c9302c; border-color: #761c19; } .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open>.btn-danger.dropdown-toggle { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open>.btn-danger.dropdown-toggle:hover, .open>.btn-danger.dropdown-toggle:focus, .open>.btn-danger.dropdown-toggle.focus { color: #fff; background-color: #ac2925; border-color: #761c19; } .btn-danger:active, .btn-danger.active, .open>.btn-danger.dropdown-toggle { background-image: none; } .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { color: #28303b; font-weight: normal; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #090b0d; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; } .btn-lg, .btn-group-lg>.btn { padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; } .btn-sm, .btn-group-sm>.btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs, .btn-group-xs>.btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block+.btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu>li>a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857; color: #333333; white-space: nowrap; } .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; } .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { color: #fff; text-decoration: none; outline: 0; background-color: #28303b; } .dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus { color: #777777; } .dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid: DXImageTransform.Microsoft.gradient(enabled=false); cursor: not-allowed; } .open>.dropdown-menu { display: block; } .open>a { outline: 0; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857; color: #777777; white-space: nowrap; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right>.dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group>.btn, .btn-group-vertical>.btn { position: relative; float: left; } .btn-group>.btn:hover, .btn-group>.btn:focus, .btn-group>.btn:active, .btn-group>.btn.active, .btn-group-vertical>.btn:hover, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn.active { z-index: 2; } .btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar:before, .btn-toolbar:after { content: " "; display: table; } .btn-toolbar:after { clear: both; } .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar>.btn, .btn-toolbar>.btn-group, .btn-toolbar>.input-group { margin-left: 5px; } .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group>.btn:first-child { margin-left: 0; } .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group>.btn-group { float: left; } .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn { border-radius: 0; } .btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child, .btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group>.btn+.dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group>.btn-lg+.dropdown-toggle, .btn-group-lg.btn-group>.btn+.dropdown-toggle { padding-left: 12px; padding-right: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret, .btn-group-lg>.btn .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret, .dropup .btn-group-lg>.btn .caret { border-width: 0 5px 5px; } .btn-group-vertical>.btn, .btn-group-vertical>.btn-group, .btn-group-vertical>.btn-group>.btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after { content: " "; display: table; } .btn-group-vertical>.btn-group:after { clear: both; } .btn-group-vertical>.btn-group>.btn { float: none; } .btn-group-vertical>.btn+.btn, .btn-group-vertical>.btn+.btn-group, .btn-group-vertical>.btn-group+.btn, .btn-group-vertical>.btn-group+.btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical>.btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical>.btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical>.btn:last-child:not(:first-child) { border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn { border-radius: 0; } .btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child, .btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified>.btn, .btn-group-justified>.btn-group { float: none; display: table-cell; width: 1%; } .btn-group-justified>.btn-group .btn { width: 100%; } .btn-group-justified>.btn-group .dropdown-menu { left: auto; } [data-toggle="buttons"]>.btn input[type="radio"], [data-toggle="buttons"]>.btn input[type="checkbox"], [data-toggle="buttons"]>.btn-group>.btn input[type="radio"], [data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*="col-"] { float: none; padding-left: 0; padding-right: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group .form-control:focus { z-index: 3; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555555; text-align: center; background-color: #eeeeee; border: 1px solid #ccc; border-radius: 4px; } .input-group-addon.input-sm, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.input-group-addon.btn { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.input-group-addon.btn { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child>.btn-group:not(:last-child)>.btn { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:first-child>.btn-group:not(:first-child)>.btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn>.btn { position: relative; } .input-group-btn>.btn+.btn { margin-left: -1px; } .input-group-btn>.btn:hover, .input-group-btn>.btn:focus, .input-group-btn>.btn:active { z-index: 2; } .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group { margin-right: -1px; } .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group { z-index: 2; margin-left: -1px; } .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav:before, .nav:after { content: " "; display: table; } .nav:after { clear: both; } .nav>li { position: relative; display: block; } .nav>li>a { position: relative; display: block; padding: 10px 15px; } .nav>li>a:hover, .nav>li>a:focus { text-decoration: none; background-color: #eeeeee; } .nav>li.disabled>a { color: #777777; } .nav>li.disabled>a:hover, .nav>li.disabled>a:focus { color: #777777; text-decoration: none; background-color: transparent; cursor: not-allowed; } .nav .open>a, .nav .open>a:hover, .nav .open>a:focus { background-color: #eeeeee; border-color: #28303b; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav>li>a>img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs>li { float: left; margin-bottom: -1px; } .nav-tabs>li>a { margin-right: 2px; line-height: 1.42857; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs>li>a:hover { border-color: #eeeeee #eeeeee #ddd; } .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { color: #555555; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; } .nav-pills>li { float: left; } .nav-pills>li>a { border-radius: 4px; } .nav-pills>li+li { margin-left: 2px; } .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus { color: #fff; background-color: #28303b; } .nav-stacked>li { float: none; } .nav-stacked>li+li { margin-top: 2px; margin-left: 0; } .nav-justified, .nav-tabs.nav-justified { width: 100%; } .nav-justified>li, .nav-tabs.nav-justified>li { float: none; } .nav-justified>li>a, .nav-tabs.nav-justified>li>a { text-align: center; margin-bottom: 5px; } .nav-justified>.dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified>li, .nav-tabs.nav-justified>li { display: table-cell; width: 1%; } .nav-justified>li>a, .nav-tabs.nav-justified>li>a { margin-bottom: 0; } } .nav-tabs-justified, .nav-tabs.nav-justified { border-bottom: 0; } .nav-tabs-justified>li>a, .nav-tabs.nav-justified>li>a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified>.active>a, .nav-tabs.nav-justified>.active>a, .nav-tabs-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs-justified>li>a, .nav-tabs.nav-justified>li>a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified>.active>a, .nav-tabs.nav-justified>.active>a, .nav-tabs-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:focus { border-bottom-color: #fff; } } .tab-content>.tab-pane { display: none; } .tab-content>.active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } .navbar:before, .navbar:after { content: " "; display: table; } .navbar:after { clear: both; } @media (min-width: 768px) { .navbar { border-radius: 4px; } } .navbar-header:before, .navbar-header:after { content: " "; display: table; } .navbar-header:after { clear: both; } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { overflow-x: visible; padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } .navbar-collapse:before, .navbar-collapse:after { content: " "; display: table; } .navbar-collapse:after { clear: both; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-left: 0; padding-right: 0; } } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; } @media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; } } .container>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-header, .container-fluid>.navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-header, .container-fluid>.navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; padding: 15px 15px; font-size: 18px; line-height: 20px; height: 50px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-brand>img { display: block; } @media (min-width: 768px) { .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; margin-right: 15px; padding: 9px 10px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar+.icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu>li>a { line-height: 20px; } .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-nav .open .dropdown-menu>li>a:focus { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav>li { float: left; } .navbar-nav>li>a { padding-top: 15px; padding-bottom: 15px; } } .navbar-form { margin-left: -15px; margin-right: -15px; padding: 10px 15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); margin-top: 8px; margin-bottom: 8px; } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto; } .navbar-form .input-group>.form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width: 768px) { .navbar-form { width: auto; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none; } } .navbar-nav>li>.dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar-fixed-bottom .navbar-nav>li>.dropdown-menu { margin-bottom: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-btn.btn-sm, .btn-group-sm>.navbar-btn.btn { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs, .btn-group-xs>.navbar-btn.btn { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .navbar-text { float: left; margin-left: 15px; margin-right: 15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -15px; } .navbar-right~.navbar-right { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav>li>a { color: #777; } .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:hover, .navbar-default .navbar-nav>.disabled>a:focus { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { background-color: #e7e7e7; color: #555; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus { color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #333; } .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus { color: #ccc; } .navbar-inverse { background-color: #222; border-color: #090909; } .navbar-inverse .navbar-brand { color: #9d9d9d; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: #9d9d9d; } .navbar-inverse .navbar-nav>li>a { color: #9d9d9d; } .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #fff; background-color: #090909; } .navbar-inverse .navbar-nav>.disabled>a, .navbar-inverse .navbar-nav>.disabled>a:hover, .navbar-inverse .navbar-nav>.disabled>a:focus { color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #090909; color: #fff; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header { border-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu>li>a { color: #9d9d9d; } .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus { color: #fff; background-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus { color: #444; background-color: transparent; } } .navbar-inverse .navbar-link { color: #9d9d9d; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: #9d9d9d; } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: #fff; } .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444; } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb>li { display: inline-block; } .breadcrumb>li+li:before { content: "/ "; padding: 0 5px; color: #ccc; } .breadcrumb>.active { color: #777777; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination>li { display: inline; } .pagination>li>a, .pagination>li>span { position: relative; float: left; padding: 6px 12px; line-height: 1.42857; text-decoration: none; color: #28303b; background-color: #fff; border: 1px solid #ddd; margin-left: -1px; } .pagination>li:first-child>a, .pagination>li:first-child>span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .pagination>li:last-child>a, .pagination>li:last-child>span { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .pagination>li>a:hover, .pagination>li>a:focus, .pagination>li>span:hover, .pagination>li>span:focus { z-index: 2; color: #090b0d; background-color: #eeeeee; border-color: #ddd; } .pagination>.active>a, .pagination>.active>a:hover, .pagination>.active>a:focus, .pagination>.active>span, .pagination>.active>span:hover, .pagination>.active>span:focus { z-index: 3; color: #fff; background-color: #28303b; border-color: #28303b; cursor: default; } .pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus { color: #777777; background-color: #fff; border-color: #ddd; cursor: not-allowed; } .pagination-lg>li>a, .pagination-lg>li>span { padding: 10px 16px; font-size: 18px; line-height: 1.33333; } .pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } .pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span { border-bottom-right-radius: 6px; border-top-right-radius: 6px; } .pagination-sm>li>a, .pagination-sm>li>span { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; list-style: none; text-align: center; } .pager:before, .pager:after { content: " "; display: table; } .pager:after { clear: both; } .pager li { display: inline; } .pager li>a, .pager li>span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .pager li>a:hover, .pager li>a:focus { text-decoration: none; background-color: #eeeeee; } .pager .next>a, .pager .next>span { float: right; } .pager .previous>a, .pager .previous>span { float: left; } .pager .disabled>a, .pager .disabled>a:hover, .pager .disabled>a:focus, .pager .disabled>span { color: #777777; background-color: #fff; cursor: not-allowed; } .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } a.label:hover, a.label:focus { color: #fff; text-decoration: none; cursor: pointer; } .label-default { background-color: #777777; } .label-default[href]:hover, .label-default[href]:focus { background-color: #5e5e5e; } .label-primary { background-color: #28303b; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #13171d; } .label-success { background-color: #4AAAA5; } .label-success[href]:hover, .label-success[href]:focus { background-color: #3b8683; } .label-info { background-color: #5bc0de; } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; color: #fff; line-height: 1; vertical-align: middle; white-space: nowrap; text-align: center; background-color: #777777; border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-xs .badge, .btn-group-xs>.btn .badge, .btn-group-xs>.btn .badge { top: 0; padding: 1px 5px; } .list-group-item.active>.badge, .nav-pills>.active>a>.badge { color: #28303b; background-color: #fff; } .list-group-item>.badge { float: right; } .list-group-item>.badge+.badge { margin-right: 5px; } .nav-pills>li>a>.badge { margin-left: 3px; } a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } .jumbotron { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; color: inherit; background-color: #eeeeee; } .jumbotron h1, .jumbotron .h1 { color: inherit; } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; } .jumbotron>hr { border-top-color: #d5d5d5; } .container .jumbotron, .container-fluid .jumbotron { border-radius: 6px; padding-left: 15px; padding-right: 15px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron, .container-fluid .jumbotron { padding-left: 60px; padding-right: 60px; } .jumbotron h1, .jumbotron .h1 { font-size: 63px; } } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border 0.2s ease-in-out; -o-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out; } .thumbnail>img, .thumbnail a>img { display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; } .thumbnail .caption { padding: 9px; color: #333333; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #28303b; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert>p, .alert>ul { margin-bottom: 0; } .alert>p+p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { overflow: hidden; height: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress-bar { float: left; width: 0%; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #28303b; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress-striped .progress-bar, .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; } .progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #4AAAA5; } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media, .media-body { zoom: 1; overflow: hidden; } .media-body { width: 10000px; } .media-object { display: block; } .media-object.img-thumbnail { max-width: none; } .media-right, .media>.pull-right { padding-left: 10px; } .media-left, .media>.pull-left { padding-right: 10px; } .media-left, .media-right, .media-body { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } .list-group { margin-bottom: 20px; padding-left: 0; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:first-child { border-top-right-radius: 4px; border-top-left-radius: 4px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } a.list-group-item, button.list-group-item { color: #555; } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:hover, a.list-group-item:focus, button.list-group-item:hover, button.list-group-item:focus { text-decoration: none; color: #555; background-color: #f5f5f5; } button.list-group-item { width: 100%; text-align: left; } .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { background-color: #eeeeee; color: #777777; cursor: not-allowed; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { color: #777777; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: #fff; background-color: #28303b; border-color: #28303b; } .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading>small, .list-group-item.active .list-group-item-heading>.small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading>small, .list-group-item.active:hover .list-group-item-heading>.small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading>small, .list-group-item.active:focus .list-group-item-heading>.small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: #8394ac; } .list-group-item-success { color: #3c763d; background-color: #dff0d8; } a.list-group-item-success, button.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:hover, button.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active, button.list-group-item-success.active:hover, button.list-group-item-success.active:focus { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info, button.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:hover, button.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active, button.list-group-item-info.active:hover, button.list-group-item-info.active:focus { color: #fff; background-color: #31708f; border-color: #31708f; } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning, button.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:hover, button.list-group-item-warning:focus { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active, button.list-group-item-warning.active:hover, button.list-group-item-warning.active:focus { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #f2dede; } a.list-group-item-danger, button.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:hover, button.list-group-item-danger:focus { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active, button.list-group-item-danger.active:hover, button.list-group-item-danger.active:focus { color: #fff; background-color: #a94442; border-color: #a94442; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { padding: 15px; } .panel-body:before, .panel-body:after { content: " "; display: table; } .panel-body:after { clear: both; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel-heading>.dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title>a, .panel-title>small, .panel-title>.small, .panel-title>small>a, .panel-title>.small>a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel>.list-group, .panel>.panel-collapse>.list-group { margin-bottom: 0; } .panel>.list-group .list-group-item, .panel>.panel-collapse>.list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel>.list-group:first-child .list-group-item:first-child, .panel>.panel-collapse>.list-group:first-child .list-group-item:first-child { border-top: 0; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel>.list-group:last-child .list-group-item:last-child, .panel>.panel-collapse>.list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .panel-heading+.list-group .list-group-item:first-child { border-top-width: 0; } .list-group+.panel-footer { border-top-width: 0; } .panel>.table, .panel>.table-responsive>.table, .panel>.panel-collapse>.table { margin-bottom: 0; } .panel>.table caption, .panel>.table-responsive>.table caption, .panel>.panel-collapse>.table caption { padding-left: 15px; padding-right: 15px; } .panel>.table:first-child, .panel>.table-responsive:first-child>.table:first-child { border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel>.table:first-child>thead:first-child>tr:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table:first-child>thead:first-child>tr:first-child th:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child { border-top-left-radius: 3px; } .panel>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table:first-child>thead:first-child>tr:first-child th:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child { border-top-right-radius: 3px; } .panel>.table:last-child, .panel>.table-responsive:last-child>.table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel>.table:last-child>tbody:last-child>tr:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .panel>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child { border-bottom-left-radius: 3px; } .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child { border-bottom-right-radius: 3px; } .panel>.panel-body+.table, .panel>.panel-body+.table-responsive, .panel>.table+.panel-body, .panel>.table-responsive+.panel-body { border-top: 1px solid #ddd; } .panel>.table>tbody:first-child>tr:first-child th, .panel>.table>tbody:first-child>tr:first-child td { border-top: 0; } .panel>.table-bordered, .panel>.table-responsive>.table-bordered { border: 0; } .panel>.table-bordered>thead>tr>th:first-child, .panel>.table-bordered>thead>tr>td:first-child, .panel>.table-bordered>tbody>tr>th:first-child, .panel>.table-bordered>tbody>tr>td:first-child, .panel>.table-bordered>tfoot>tr>th:first-child, .panel>.table-bordered>tfoot>tr>td:first-child, .panel>.table-responsive>.table-bordered>thead>tr>th:first-child, .panel>.table-responsive>.table-bordered>thead>tr>td:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child { border-left: 0; } .panel>.table-bordered>thead>tr>th:last-child, .panel>.table-bordered>thead>tr>td:last-child, .panel>.table-bordered>tbody>tr>th:last-child, .panel>.table-bordered>tbody>tr>td:last-child, .panel>.table-bordered>tfoot>tr>th:last-child, .panel>.table-bordered>tfoot>tr>td:last-child, .panel>.table-responsive>.table-bordered>thead>tr>th:last-child, .panel>.table-responsive>.table-bordered>thead>tr>td:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child { border-right: 0; } .panel>.table-bordered>thead>tr:first-child>td, .panel>.table-bordered>thead>tr:first-child>th, .panel>.table-bordered>tbody>tr:first-child>td, .panel>.table-bordered>tbody>tr:first-child>th, .panel>.table-responsive>.table-bordered>thead>tr:first-child>td, .panel>.table-responsive>.table-bordered>thead>tr:first-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th { border-bottom: 0; } .panel>.table-bordered>tbody>tr:last-child>td, .panel>.table-bordered>tbody>tr:last-child>th, .panel>.table-bordered>tfoot>tr:last-child>td, .panel>.table-bordered>tfoot>tr:last-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th { border-bottom: 0; } .panel>.table-responsive { border: 0; margin-bottom: 0; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; } .panel-group .panel+.panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading+.panel-collapse>.panel-body, .panel-group .panel-heading+.panel-collapse>.list-group { border-top: 1px solid #ddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer+.panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default>.panel-heading { color: #333333; background-color: #f5f5f5; border-color: #ddd; } .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #ddd; } .panel-default>.panel-heading .badge { color: #f5f5f5; background-color: #333333; } .panel-default>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #28303b; } .panel-primary>.panel-heading { color: #fff; background-color: #28303b; border-color: #28303b; } .panel-primary>.panel-heading+.panel-collapse>.panel-body { border-top-color: #28303b; } .panel-primary>.panel-heading .badge { color: #28303b; background-color: #fff; } .panel-primary>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #28303b; } .panel-success { border-color: #d6e9c6; } .panel-success>.panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success>.panel-heading+.panel-collapse>.panel-body { border-top-color: #d6e9c6; } .panel-success>.panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .panel-success>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info>.panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info>.panel-heading+.panel-collapse>.panel-body { border-top-color: #bce8f1; } .panel-info>.panel-heading .badge { color: #d9edf7; background-color: #31708f; } .panel-info>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning>.panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning>.panel-heading+.panel-collapse>.panel-body { border-top-color: #faebcc; } .panel-warning>.panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .panel-warning>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger>.panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger>.panel-heading+.panel-collapse>.panel-body { border-top-color: #ebccd1; } .panel-danger>.panel-heading .badge { color: #f2dede; background-color: #a94442; } .panel-danger>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #ebccd1; } .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 object, .embed-responsive video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-lg { padding: 24px; border-radius: 6px; } .well-sm { padding: 9px; border-radius: 3px; } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header:before, .modal-header:after { content: " "; display: table; } .modal-header:after { clear: both; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer:before, .modal-footer:after { content: " "; display: table; } .modal-footer:after { clear: both; } .modal-footer .btn+.btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn+.btn { margin-left: -1px; } .modal-footer .btn-block+.btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 1199px) { .modal-lg { width: 900px; } } .tooltip { /* position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 12px; opacity: 0; filter: alpha(opacity=0); */ } .tooltip.in { opacity: 0.9; filter: alpha(opacity=90); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { bottom: 0; right: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 14px; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover>.arrow, .popover>.arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover>.arrow { border-width: 11px; } .popover>.arrow:after { border-width: 10px; content: ""; } .popover.top>.arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; } .popover.top>.arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff; } .popover.right>.arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); } .popover.right>.arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff; } .popover.bottom>.arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; } .popover.bottom>.arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff; } .popover.left>.arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left>.arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px; } .carousel { position: relative; } .carousel-inner { position: relative; overflow: hidden; width: 100%; } .carousel-inner>.item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner>.item>img, .carousel-inner>.item>a>img { display: block; max-width: 100%; height: auto; line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner>.item { -webkit-transition: -webkit-transform 0.6s ease-in-out; -moz-transition: -moz-transform 0.6s ease-in-out; -o-transition: -o-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; } .carousel-inner>.item.next, .carousel-inner>.item.active.right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); left: 0; } .carousel-inner>.item.prev, .carousel-inner>.item.active.left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0; } .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right, .carousel-inner>.item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } } .carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev { display: block; } .carousel-inner>.active { left: 0; } .carousel-inner>.next, .carousel-inner>.prev { position: absolute; top: 0; width: 100%; } .carousel-inner>.next { left: 100%; } .carousel-inner>.prev { left: -100%; } .carousel-inner>.next.left, .carousel-inner>.prev.right { left: 0; } .carousel-inner>.active.left { left: -100%; } .carousel-inner>.active.right { left: 100%; } .carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 15%; opacity: 0.5; filter: alpha(opacity=50); font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); background-color: rgba(0, 0, 0, 0); } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } .carousel-control.right { left: auto; right: 0; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } .carousel-control:hover, .carousel-control:focus { outline: 0; color: #fff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; margin-top: -10px; z-index: 5; display: inline-block; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; line-height: 1; font-family: serif; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #fff; border-radius: 10px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); } .carousel-indicators .active { margin: 0; width: 12px; height: 12px; background-color: #fff; } .carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -10px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px; } .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs { display: none !important; } .visible-sm { display: none !important; } .visible-md { display: none !important; } .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 1198px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 1198px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 1198px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 1198px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 1199px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 1199px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 1199px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 1199px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 1198px) { .hidden-sm { display: none !important; } } @media (min-width: 1199px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } @font-face { font-family: 'Triester Sans Outline'; src: url('../../../fileadmin/templates/Website/Fonts/TriesterSansOutline-Regular.eot'); src: url('../../../fileadmin/templates/Website/Fonts/TriesterSansOutline-Regular.eot?#iefix') format("embedded-opentype"), url('../../../fileadmin/templates/Website/Fonts/TriesterSansOutline-Regular.woff2') format("woff2"), url('../../../fileadmin/templates/Website/Fonts/TriesterSansOutline-Regular.woff') format("woff"), url('../../../fileadmin/templates/Website/Fonts/TriesterSansOutline-Regular.ttf') format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Triester Sans'; src: url('../../../fileadmin/templates/Website/Fonts/TriesterSans-Regular.eot'); src: url('../../../fileadmin/templates/Website/Fonts/TriesterSans-Regular.eot?#iefix') format("embedded-opentype"), url('../../../fileadmin/templates/Website/Fonts/TriesterSans-Regular.woff2') format("woff2"), url('../../../fileadmin/templates/Website/Fonts/TriesterSans-Regular.woff') format("woff"), url('../../../fileadmin/templates/Website/Fonts/TriesterSans-Regular.ttf') format("truetype"), url('../../../fileadmin/templates/Website/Fonts/TriesterSans-Regular.svg#TriesterSans-Regular') format("svg"); font-weight: normal; font-style: normal; font-display: swap; } /*@font-face { font-family: 'triester_sansregular'; src: url('../../../fileadmin/templates/Website/Fonts/triester_sans-webfont.woff2') format('woff2'), url('../../../fileadmin/templates/Website/Fonts/triester_sans-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }*/ @font-face { font-family: 'axisextra_bold'; src: url('../../../fileadmin/templates/Website/Fonts/axis_extrabold-webfont.woff2') format("woff2"), url('../../../fileadmin/templates/Website/Fonts/axis_extrabold-webfont.woff') format("woff"); font-weight: normal; font-style: normal; } /*@font-face { font-family: 'triester_sans_outlineregular'; src: url('../../../fileadmin/templates/Website/Fonts/triester_sans_outline-webfont.woff2') format('woff2'), url('../../../fileadmin/templates/Website/Fonts/triester_sans_outline-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }*/ @font-face { font-family: 'helveticaneueregular'; src: url('../../../fileadmin/templates/Website/Fonts/helveticaneue-webfont.woff2') format("woff2"), url('../../../fileadmin/templates/Website/Fonts/helveticaneue-webfont.woff') format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'helveticaneuebold'; src: url('../../../fileadmin/templates/Website/Fonts/helvetica_neu_bold-webfont.woff2') format("woff2"), url('../../../fileadmin/templates/Website/Fonts/helvetica_neu_bold-webfont.woff') format("woff"); font-weight: normal; font-style: normal; } html, body { min-height: 100%; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px #121217 inset !important; -webkit-text-fill-color: white; border-color: white !important; } .light input:-webkit-autofill, .light input:-webkit-autofill:hover, .light input:-webkit-autofill:focus, .light input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px white inset !important; -webkit-text-fill-color: #121217; border-color: #121217 !important; } .mt { font-size: 14px; word-wrap: break-word; margin: 0px; padding: 0px; font-family: "Triester Sans"; color: #ffffff; hypens: auto; } .mt *:focus { outline: 0; } .mt .set-back img { display: none; } .mt .container { position: relative; } .mt .tooltip { position: inherit; opacity: 1; } .mt strong { font-weight: normal; } .mt input[type="text"], .mt input[type="email"], .mt input[type="submit"], .mt input[type="button"], .mt select, .mt textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; } .mt .full-height { height: 100%; } .mt .table-wrap { display: table; width: 100%; height: 100%; vertical-align: bottom; margin: 0px; table-layout: fixed; background: transparent; } .mt .table-wrap .table-cell { display: table-cell; } .mt .table-wrap .table-cell.bottom-line { vertical-align: bottom; } .mt .table-wrap .table-cell.top-line { vertical-align: top; } .mt .table-wrap .table-cell.middle-line { vertical-align: middle; } .mt h1:first-child, .mt h2:first-child, .mt h3:first-child, .mt h4:first-child, .mt h5:first-child, .mt h6:first-child { margin-top: 0px !important; } .mt h1:last-child, .mt h2:last-child, .mt h3:last-child, .mt h4:last-child, .mt h5:last-child, .mt h6:last-child { margin-bottom: 0px !important; } .mt p:last-child { margin-bottom: 0px !important; } .mt .my-row { width: 100%; float: left; } .mt img { max-width: 100%; height: auto; } .mt .pull-text-center { text-align: center !important; } .mt .pull-text-center * { text-align: center !important; } .mt .pull-text-center .site-button { display: inline-block; float: none; } .mt .pull-text-left { text-align: left !important; } .mt .pull-text-left h1, .mt .pull-text-left h2, .mt .pull-text-left h3, .mt .pull-text-left h4, .mt .pull-text-left h5, .mt .pull-text-left h6 { text-align: left !important; } .mt .pull-text-right { text-align: right; } .mt .pull-text-justify { text-align: justify; } .mt .palce-right-clear { float: right; clear: both; } .mt .palce-left-clear { float: left; clear: both; } .mt .palce-right { float: right; } .mt .palce-left { float: left; } .mt .clear { clear: both; } .mt a { color: #ffffff; cursor: pointer; text-decoration: none; /*@include transition(all 0.3s ease 0s);*/ } @media screen and (min-width: 1200px) { .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.has-sub-item:hover ul.sub-menu { display: block; } } .mt header.header { width: 100%; position: fixed; left: 0px; top: 0px; z-index: 101; transition: all 0.3s ease 0s; /*mega menu*/ /*mega menu*/ } .mt header.header>.main-wrap { transition: all 0.3s ease 0s; } .mt header.header .logo-block img { transition: all 0.3s ease 0s; width: 120px; height: auto; } .mt header.header.shop-header { background: url('../../../fileadmin/templates/Website/Images/fixed-header-back.svg') no-repeat left bottom; background-size: cover; } .mt header.header.shop-header>.main-wrap { padding-top: 20px; padding-bottom: 60px; } .mt header.header.shop-header .main-menu .menu-hamberg { width: 45px; height: 43px; } .mt header.header.shop-header .service-nav { display: none; } .mt header.header.shop-header .logo-block img { width: 100px; } .mt header.header.shop-header .menu-wrap { margin-top: 15px; position: relative; } .mt header.header.scrolled { background: url('../../../fileadmin/templates/Website/Images/fixed-header-back.svg') no-repeat left bottom; background-size: cover; } .mt header.header.scrolled>.main-wrap { padding-top: 15px; padding-bottom: 25px; } .mt header.header.scrolled .service-nav { display: none; } .mt header.header.scrolled .logo-block img { width: 70px; } .mt header.header.scrolled .menu-wrap { margin-top: 0px; position: relative; top: 15px; } .mt header.header .menu-wrap { text-align: right; margin-top: 30px; transition: all 0.3s ease 0s; } .mt header.header .service-nav { display: inline-block; vertical-align: middle; text-align: left; margin-right: 40px; } .mt header.header .service-nav:last-child { margin-right: 0px; } .mt header.header .service-nav ul { list-style: none; margin: 0px; padding: 0px; } .mt header.header .service-nav ul li { display: inline-block; vertical-align: middle; margin: 0 40px 0 0; padding: 0px; } .mt header.header .service-nav ul li:last-child { margin-right: 0px; } .mt header.header .service-nav ul li a { display: block; border: 2px solid #ffffff; border-radius: 30px; padding: 12px 24px; font-size: 21px; color: #ffffff; background-color: #1212176E; text-decoration: none; text-transform: uppercase; line-height: normal; backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); } .mt header.header .service-nav ul li:hover>a, .mt header.header .service-nav ul li.active>a { background-color: #ffffff; border-color: #ffffff; color: #121217; } .mt header.header .happy-customer { width: 40px; height: 36px; background-repeat: no-repeat; background-position: left top; background-size: cover; cursor: pointer; background-image: url('../../../fileadmin/templates/Website/Images/two-hand-man-light.svg'); } .mt header.header .happy-customer a { display: block; width: 100%; height: 100%; } .mt header.header .shop-page-service-nav { margin-right: 35px; display: inline-block; vertical-align: middle; } .mt header.header .shop-page-service-nav:last-child { margin-right: 0px; } .mt header.header .shop-page-service-nav ul { list-style: none; margin: 0px; padding: 0px; } .mt header.header .shop-page-service-nav ul li { display: inline-block; vertical-align: middle; margin: 0 35px 0 0; padding: 0px; font-size: 21px; letter-spacing: 1.32px; text-transform: uppercase; } .mt header.header .shop-page-service-nav ul li:last-child { margin-right: 0px; } .mt header.header .shop-page-service-nav ul li>a { color: #fff; } .mt header.header .shop-page-service-nav ul li:hover>a, .mt header.header .shop-page-service-nav ul li.active>a, .mt header.header .shop-page-service-nav ul li.focused>a { color: #000; } .mt header.header .menu-hamberg { width: 45px; height: 43px; cursor: pointer; background-image: url('../../../fileadmin/templates/Website/Images/menu-hamberg.svg'); background-position: left top; background-size: cover; } .mt header.header .header-cart-link { position: relative; width: 40px; height: 37px; cursor: pointer; background-image: url('../../../fileadmin/templates/Website/Images/shopping-basket-light.svg'); background-repeat: no-repeat; background-position: left center; background-size: 41px; } .mt header.header .header-cart-link>a { display: block; width: 100%; height: 100%; } .mt header.header .header-cart-link span { width: 23px; height: 23px; border-radius: 100%; background-color: #000; text-align: center; line-height: 24px; font-size: 14px; font-family: 'Open Sans'; font-weight: bold; color: #fff; position: absolute; right: -12px; top: 0px; } .mt header.header .main-menu { display: inline-block; vertical-align: middle; margin-right: 35px; } .mt header.header .main-menu:last-child { margin-right: 0px; } .mt header.header .main-menu>div { margin-right: 35px; display: inline-block; vertical-align: middle; pointer-events: none; } .mt header.header .main-menu>div.run { pointer-events: auto; } .mt header.header .main-menu>div:last-child { margin-right: 0px !important; } .mt header.header .mega-menu { width: 100%; height: 100vh; position: fixed; left: 0px; top: 0px; z-index: 9658741235589; visibility: hidden; pointer-events: none; } .mt header.header .mega-menu>.cover-lay { width: 100%; position: fixed; height: 100vh; left: 0px; top: 0px; background-color: rgba(18, 18, 23, 0.52); } .mt header.header .mega-menu>.main-menu-wrap { height: 100%; /*width: 874px / 1920px * 100%;*/ width: 874px; float: right; position: relative; z-index: 1; overflow: auto; } @media screen and (min-width: 1200px) { .mt header.header .mega-menu>.main-menu-wrap { overflow: hidden; } } .mt header.header .mega-menu.animated { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } .mt header.header .mega-menu .content.with-custom-scrollbar .mCSB_scrollTools { pointer-events: none; } .mt header.header .mega-menu .content.with-custom-scrollbar .mCSB_scrollTools .mCSB_draggerRail, .mt header.header .mega-menu .content.with-custom-scrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: transparent; } .mt header.header .mega-menu.run { visibility: visible; pointer-events: auto; } .mt header.header .mega-menu .menu-part { height: 100vh; } .mt header.header .mega-menu .menu-part.primary-part { width: 70%; right: 0px; transition: all 0.3s ease 0s; background-color: #121217; float: right; } .mt header.header .mega-menu .menu-part.primary-part>.main-wrap { padding: 40px 50px; } .mt header.header .mega-menu .menu-part.primary-part .mega-menu-items.content.with-custom-scrollbar { max-height: 80vh; } .mt header.header .mega-menu .menu-part.primary-part .mega-menu-close { text-align: right; margin-bottom: 20px; } .mt header.header .mega-menu .menu-part.primary-part .mega-menu-close span { width: 33px; height: 33px; cursor: pointer; display: inline-block; background-image: url('../../../fileadmin/templates/Website/Images/close-icon-white.svg'); background-repeat: no-repeat; background-position: left top; background-size: cover; } @media screen and (min-width: 1200px) { .mt header.header .mega-menu .menu-part .mega-menu-nav-col, .mt header.header .mega-menu .menu-part .mega-menu-content-col { min-height: 70vh; } } .mt header.header .mega-menu .menu-part .mega-menu-content-col>.main-wrap { padding-bottom: 20px; } .mt header.header .mega-menu .menu-part .mega-menu-nav { position: relative; } .mt header.header .mega-menu .menu-part .mega-menu-nav ul { list-style: none; margin: 0px; padding: 0px; } .mt header.header .mega-menu .menu-part .mega-menu-nav ul li { margin: 0px; padding: 0px; } .mt header.header .mega-menu .menu-part .mega-menu-nav ul li.einloggen a { color: #DE0000; padding-right: 35px; background-image: url('../../../fileadmin/templates/Website/Images/next-arrow-danger.svg'); background-repeat: no-repeat; background-position: right center; background-size: 13px; } .mt header.header .mega-menu .menu-part .mega-menu-nav ul.after-login-menu { width: 100%; margin-top: 30px; } .mt header.header .mega-menu .menu-part .mega-menu-nav ul.after-login-menu li { margin-top: 20px; } .mt header.header .mega-menu .menu-part .mega-menu-nav ul.after-login-menu li:first-child { margin-top: 0px; } .mt header.header .mega-menu .menu-part .mega-menu-nav ul.after-login-menu li a { font-size: 16px; font-weight: bold; letter-spacing: 0.8px; font-family: 'Open Sans'; text-transform: uppercase; color: #DE0000; } .mt header.header .mega-menu .menu-part .mega-menu-nav ul.after-login-menu li a span { display: inline-block; vertical-align: middle; } .mt header.header .mega-menu .menu-part .mega-menu-nav ul.after-login-menu li a i { display: inline-block; vertical-align: middle; width: 15px; height: 15px; border-radius: 100%; background-color: white; text-align: center; line-height: 15px; font-size: 9px; font-style: normal; margin-left: 4px; } .mt header.header .mega-menu .menu-part .mega-menu-nav>ul { width: 50%; } .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu { cursor: pointer; border-bottom: 2px solid #3b3b3b; } .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu:not(.zur-website).invert-hovered>a { color: #3b3b3b; } .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu:not(.zur-website).invert-hovered>a:after { background-image: url('../../../fileadmin/templates/Website/Images/next-arrow-grey.svg'); } .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu:not(.zur-website).invert-hovered.special>a { color: white; } .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu:first-child { margin-top: 0px; } @media screen and (min-width: 1200px) { .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu>a:after { transition: none !important; } .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu:hover>a, .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.current-menu>a, .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.current-menu.invert-hovered>a { color: #DE0000; } .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu:hover>a:after, .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.current-menu>a:after, .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.current-menu.invert-hovered>a:after { background-image: url('../../../fileadmin/templates/Website/Images/next-arrow-danger.svg'); } .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu:hover>a i .on-active, .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.current-menu>a i .on-active, .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.current-menu.invert-hovered>a i .on-active { display: inline-block; } .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu:hover>a i .on-normal, .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.current-menu>a i .on-normal, .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.current-menu.invert-hovered>a i .on-normal { display: none; } } @media screen and (max-width: 1199px) { .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.active>a, .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.current-menu>a, .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.current-menu.invert-hovered>a { color: #DE0000; } .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.active>a:after, .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.current-menu>a:after, .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.current-menu.invert-hovered>a:after { background-image: url('../../../fileadmin/templates/Website/Images/down-arrow-danger.svg'); } .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.active>a i .on-active, .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.current-menu>a i .on-active, .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.current-menu.invert-hovered>a i .on-active { display: inline-block; } .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.active>a i .on-normal, .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.current-menu>a i .on-normal, .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.current-menu.invert-hovered>a i .on-normal { display: none; } } .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.zur-website.active>a:after, .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.zur-website:hover>a:after { background-image: url('../../../fileadmin/templates/Website/Images/next-arrow-danger.svg'); transform: none; } .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.has-sub-item>a, .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.zur-website>a { padding-right: 30px; } .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.has-sub-item>a:after, .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.zur-website>a:after { display: block; } .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.has-sub-item ul.sub-menu, .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.zur-website ul.sub-menu { position: absolute; top: 10px; left: 50%; padding-left: 15%; display: none; max-width: 50%; } .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.has-sub-item ul.sub-menu li, .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.zur-website ul.sub-menu li { margin-top: 25px; } .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.has-sub-item ul.sub-menu li:first-child, .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.zur-website ul.sub-menu li:first-child { margin-top: 0px; } .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.has-sub-item ul.sub-menu li:hover>a, .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.has-sub-item ul.sub-menu li.active>a, .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.has-sub-item ul.sub-menu li.current>a, .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.zur-website ul.sub-menu li:hover>a, .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.zur-website ul.sub-menu li.active>a, .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.zur-website ul.sub-menu li.current>a { color: #DE0000; } .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.has-sub-item ul.sub-menu li a, .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.zur-website ul.sub-menu li a { font-size: 15px; font-weight: 600; letter-spacing: 0.75; text-transform: uppercase; line-height: normal; font-family: 'Open Sans'; } .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu>a { font-size: 24px; line-height: normal; color: #ffffff; text-transform: uppercase; text-decoration: none; position: relative; display: block; letter-spacing: 1.2px; font-family: 'Open Sans'; font-weight: bold; padding: 10px 0; } .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu>a i { display: inline-block; vertical-align: middle; margin-left: 5px; position: relative; top: -4px; } .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu>a i .on-active { display: none; } .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu>a span { display: inline-block; vertical-align: middle; max-width: 85%; } .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu>a:after { content: ' '; position: absolute; right: 0px; top: 0px; height: 100%; width: 13px; display: none; background-repeat: no-repeat; background-image: url('../../../fileadmin/templates/Website/Images/next-arrow-light.svg'); background-position: right center; background-size: 13px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .mt header.header .mega-menu .menu-part.secondary-part { width: 30%; left: 0px; background-color: #313131; transition: all 0.3s ease 0s; z-index: 1; float: left; } .mt header.header .mega-menu .menu-part.secondary-part.collapsed { width: 4%; } .mt header.header .mega-menu .menu-part.secondary-part.collapsed .items-part { width: 0px; } .mt header.header .mega-menu .menu-part.secondary-part.collapsed .open-collapse-action-part { width: 100%; } .mt header.header .mega-menu .menu-part.secondary-part.collapsed .open-collapse-action-part .trigger { transform-origin: center center; transform: rotate(180deg); } .mt header.header .mega-menu .menu-part.secondary-part.collapsed+.primary-part { width: 96%; } .mt header.header .mega-menu .menu-part.secondary-part .items-part { width: 100%; float: left; height: 100%; max-height: inherit; transition: all 0.3s ease 0s; } .mt header.header .mega-menu .menu-part.secondary-part .items-part .main-wrap { padding: 130px 35px; } .mt header.header .mega-menu .menu-part.secondary-part .open-collapse-action-part { width: 30%; float: left; height: 100%; transition: all 0.3s ease 0s; } .mt header.header .mega-menu .menu-part.secondary-part .open-collapse-action-part .main-wrap { padding: 50px 0; text-align: center; cursor: pointer; } .mt header.header .mega-menu .menu-part.secondary-part .open-collapse-action-part .trigger { width: 40px; height: 40px; display: inline-block; background-image: url('../../../fileadmin/templates/Website/Images/prev-arrow-dark.svg'); background-repeat: no-repeat; background-position: center center; background-size: 23px; transition: all 0.3s ease 0s; } .mt header.header .mega-menu .login-button { margin-bottom: 250px; } .mt header.header .mega-menu .quick-menu-with-info .quick-menu.after-login ul li a { color: #DE0000; } .mt header.header .mega-menu .quick-menu-with-info .quick-menu ul { list-style: none; margin: 0px; padding: 0px; } .mt header.header .mega-menu .quick-menu-with-info .quick-menu ul li { margin: 30px 0 0 0; padding: 0px; color: #121217; font-size: 14px; line-height: normal; font-family: 'Open Sans'; font-weight: 600; letter-spacing: 0.7px; } .mt header.header .mega-menu .quick-menu-with-info .quick-menu ul li:first-child { margin-top: 0px; } .mt header.header .mega-menu .quick-menu-with-info .quick-menu ul li a { color: white; text-decoration: none; } .mt header.header .mega-menu .quick-menu-with-info .quick-menu ul li:hover>a, .mt header.header .mega-menu .quick-menu-with-info .quick-menu ul li.active>a { color: #DE0000; } .mt header.header .mega-menu .quick-menu-with-info .site-info>div { margin-top: 35px; font-size: 27px; line-height: 35px; color: #121217; } .mt header.header .mega-menu .quick-menu-with-info .site-info>div a { color: #121217; } .mt header.header .mega-menu .quick-menu-with-info .site-info>div a:hover { color: #DE0000; } html.whole-site-custom-scrollbar { max-height: 100vh; } html.whole-site-custom-scrollbar .mCSB_inside>.mCSB_container { margin-right: 0px; } html.whole-site-custom-scrollbar>.mCustomScrollBox>.mCSB_container+.mCSB_scrollTools { opacity: 0 !important; } .mt { background-color: #121217; /*smaller-view-container*/ /*smaller-view-container*/ /*basic*/ /*basic*/ /*top-banner-module*/ /*top-banner-module*/ /*table-match-schedule-module*/ /*table-match-schedule-module*/ /*next-match-schedule*/ /*next-match-schedule*/ /*table-anchor-module*/ /*table-anchor-module*/ /*news-teaser-module*/ /*news-teaser-module*/ /*module-header*/ /*module-header*/ /*image-teaser-content*/ /*image-teaser-content*/ /*video-slider-module*/ /*video-slider-module*/ /*general caeousel*/ /*general caeousel*/ /*tabelle-content-module*/ /*@media screen and (min-width: 1200){ .tabelle-content-module{ .the-tabelle{ &:not(.has-team-extended-info):not(.with-custom-scrollbar){ td, th{ &:last-child{ width: 150px; } } } } } }*/ /*tabelle-content-module*/ /*custom scrollbar*/ /*custom scrollbar*/ /*teaser-paralax*/ /*teaser-paralax*/ /*normal teaser*/ /*normal teaser*/ /*teaser-content-with-carousel*/ /*teaser-content-with-carousel*/ /*widget*/ /*widget*/ /*ground-tickiting-slider*/ /*ground-tickiting-slider*/ /*bottom-bg-content*/ /*bottom-bg-content*/ /*map-content*/ /*map-content*/ /*custom-accordion-content*/ /*custom-accordion-content*/ /*SKEW-BG-CONTENT*/ /*SKEW-BG-CONTENT*/ /*partner-module-wrap*/ /*partner-module-wrap*/ /*team-member-module*/ /*team-member-module*/ /*kader-module*/ /*kader-module*/ /*news-listing-module*/ /*news-listing-module*/ /*news detail module*/ /*news detail module*/ /*social-post*/ /*social-post*/ /*teaser-price-info-element*/ /*teaser-price-info-element*/ /*prouduct-with-statement-teaser*/ /*prouduct-with-statement-teaser*/ /*prouduct-listing-teaser*/ /*prouduct-listing-teaser*/ /*iconic-widget-content*/ /*iconic-widget-content*/ /*site-form*/ /*site-form*/ /*shop-product-detail*/ /*shop-product-detail*/ /*side-bar-box*/ /*side-bar-box*/ /*light bg*/ /*light bg*/ /*cart-table*/ /*cart-table*/ /*overlay-cart*/ /*overlay-cart*/ /*listing menu*/ /*listing menu*/ /*ubershit-info-module*/ /*ubershit-info-module*/ /*ubershit popup*/ /*ubershit popup*/ /*cart-accordion-module*/ /*cart-accordion-module*/ /* ui select menu */ /* ui select menu */ /* info-tab-body-wrap */ /* info-tab-body-wrap */ /*download-module*/ /*download-module*/ } .mt .daterangepicker { color: #121217; } .mt .daterangepicker .btn-default, .mt .daterangepicker .btn-primary { color: #121217; border: none; border-radius: 0px; background-color: transparent; box-shadow: none; } .mt .daterangepicker td.in-range, .mt .daterangepicker td.active { background-color: #DE0000; color: white; } .mt .daterangepicker td.in-range:hover, .mt .daterangepicker td.active:hover { background-color: #DE0000; color: white; } .mt .daterangepicker td:hover { background-color: #DE0000; color: white; } .mt .daterangepicker td.start-date { border-radius: 20px 0 0 20px; } .mt .daterangepicker td.end-date { border-radius: 0 20px 20px 0; } .mt .mega-menu-items .mCSB_inside>.mCSB_container { margin-right: 0px; } .mt .form-field .alert h4 { display: none; } .mt form { max-width: 100%; margin: 0px; } .mt a.remove_rebate { font-size: 14px; color: #DE0000; } @media screen and (min-width: 1400px) { .mt.smaller-view-container .container.container-width-default { max-width: 1025px; } } @media screen and (min-width: 1200px) { .mt.smaller-view-container { /* tabelle-content-module */ /* tabelle-content-module */ /*kader-module*/ /*kader-module*/ /* next-match-schedule */ /* next-match-schedule */ /*cart-accordion-module*/ /*cart-accordion-module*/ /*ground-tickiting-slider*/ /*ground-tickiting-slider*/ } .mt.smaller-view-container .row { margin-left: -12.5px; margin-right: -12.5px; } .mt.smaller-view-container .row>.my-col { padding-left: 12.5px; padding-right: 12.5px; } .mt.smaller-view-container .row { margin-left: -12.5px; margin-right: -12.5px; } .mt.smaller-view-container .container-fluid { padding-left: 12.5px; padding-right: 12.5px; } .mt.smaller-view-container .container { padding-left: 12.5px; padding-right: 12.5px; } .mt.smaller-view-container .lg-grid-varient .row, .mt.smaller-view-container .max-lg-grid-varient .row, .mt.smaller-view-container .extreme-grid-varient .row { margin-left: -12.5px; margin-right: -12.5px; } .mt.smaller-view-container .lg-grid-varient .row>.my-col, .mt.smaller-view-container .max-lg-grid-varient .row>.my-col, .mt.smaller-view-container .extreme-grid-varient .row>.my-col { padding-left: 12.5px; padding-right: 12.5px; margin-top: 25px; } .mt.smaller-view-container .tiny-grid-variend .row { margin-left: -12.5px; margin-right: -12.5px; } .mt.smaller-view-container .tiny-grid-variend .row>.my-col { padding-left: 12.5px; padding-right: 12.5px; margin-top: 25px; } .mt.smaller-view-container .container.container-width-default { max-width: 1025px; } .mt.smaller-view-container .container.container-width-Laarger-tiny { max-width: 1025px; width: inherit; } .mt.smaller-view-container .tabelle-content-module .the-tabelle .tabelle-team-info span { max-width: 70%; } .mt.smaller-view-container .kader-module .link-tab-varient.var-1 .info-tab-link-carousel .owl-carousel .owl-item { padding: 0 10px; } .mt.smaller-view-container .next-match-schedule .next-match-schedule-board.type-two .part>div { width: 80px; } .mt.smaller-view-container .next-match-schedule .next-match-schedule-board.type-two .part>div span { max-width: 70%; } .mt.smaller-view-container .info-tab-body-wrap .next-match-schedule .next-match-schedule-board.type-two .part>div { width: 250px; } .mt.smaller-view-container .info-tab-body-wrap .next-match-schedule .next-match-schedule-board.type-two .part>div span { max-width: 70%; } .mt.smaller-view-container .cart-accordion-module .accordion-box .product-list .product-info { max-width: 50%; } .mt.smaller-view-container .ground-tickiting-slider .sliding-part .owl-carousel { padding-left: 200px; } .mt.smaller-view-container .ground-tickiting-slider .sliding-part .owl-carousel:before { width: 200px; } } .mt.no-banner-page { /*@include transition(all 1s ease 0s); overflow: hidden; &.no-banner-page-no-padding{ padding-top: 0px !important; }*/ } .mt .general-animated-visual { visibility: hidden; } .mt .general-animated-visual.active { visibility: visible; } .mt.whole-site-custom-scrollbar { max-height: 100vh; } .mt.whole-site-custom-scrollbar .mCSB_inside>.mCSB_container { margin-right: 0px; } .mt.whole-site-custom-scrollbar>.mCustomScrollBox>.mCSB_container+.mCSB_scrollTools { opacity: 0 !important; } .mt .overlay-cart .the-cart-holder .cart-table-final-execute-button a:hover span { background-color: black !important; border-color: black !important; } .mt .f3-widget-paginator { display: none !important; } .mt .table-responsive { border: none; overflow-y: hidden; } .mt .inline-block { display: inline-block; } .mt .site-alert { display: block; padding: 25px; border-radius: 45px; } .mt .site-alert i { display: inline-block; vertical-align: middle; margin-right: 20px; } .mt .site-alert span { display: inline-block; vertical-align: middle; font-size: 19px; line-height: 26px; font-family: 'Open Sans'; font-weight: bold; max-width: 70%; } .mt .site-alert.success-alert { background-color: #12C486; color: #fff; } .mt .line-button { display: inline-block; padding-top: 20px; padding-bottom: 20px; border-bottom: 2px solid; font-size: 19px; font-family: 'Open Sans'; font-weight: normal; cursor: pointer; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .mt .line-button:hover { opacity: 0.3; } .mt .line-button.back-button { padding-left: 35px; padding-right: 20px; background-size: 18px; background-position: left center; background-repeat: no-repeat; background-image: url('../../../fileadmin/templates/Website/Images/carousel-prev-dark.svg'); } .mt .auto-img-width { width: auto; height: auto; max-width: 100%; } .mt .img-hover-type .hovered { display: none; } .mt .img-hover-type:hover .normal, .mt .img-hover-type.active .normal { display: none; } .mt .img-hover-type:hover .hovered, .mt .img-hover-type.active .hovered { display: inline-block; } .mt .fancybox-image, .mt .fancybox-spaceball { height: 100%; max-width: none; } .mt .fancybox-caption__body { text-align: left; font-size: 19px; line-height: 30px; font-family: 'Open Sans'; font-weight: normal; text-transform: none; } .mt .ui-widget.ui-widget-content { z-index: 1000 !important; } .mt .dropdown-menu { padding: 10px; min-width: 300px; left: inherit; right: 0px; } .mt .dropdown-menu .form-group:last-child { margin-bottom: 0px; } .mt .dropdown-menu .form-control { border-color: #DE0000; } .mt .dropdown-menu .site-button span { font-size: 14px; padding: 5px 15px; } .mt .custom-inputText-block { position: relative; cursor: pointer; display: inline-block; } .mt .custom-inputText-block input { position: absolute; height: 100%; width: 100%; left: 0px; top: 0px; z-index: 1; margin: 0px; padding: 0px; opacity: 0; cursor: pointer; color: #121217; } .mt .custom-inputText-block .site-button { pointer-events: none; } .mt .generel-social a { display: inline-block; margin-right: 30px; margin-bottom: 30px; display: inline-block; vertical-align: middle; } .mt .generel-social a img { width: 40px; height: auto; } .mt .flex-row { display: flex; flex-wrap: wrap; } .mt .flex-row.center-item { align-items: center; } .mt .flex-row>.my-col { float: none; flex-grow: 1; } .mt .main-pad-type-one { padding-bottom: 200px; } .mt .main-pad-type-one.has-bottom-bg-content { padding-bottom: 0px; } .mt .entry ul, .mt .entry ol { list-style: none; margin: 0 0 40px 0; padding: 0px; } .mt .entry ul.iconic-list-item li, .mt .entry ol.iconic-list-item li { padding-left: 85px; } .mt .entry ul.iconic-list-item li:before, .mt .entry ol.iconic-list-item li:before { display: none; } .mt .entry ul.iconic-list-item li .the-icon, .mt .entry ol.iconic-list-item li .the-icon { position: absolute; left: 0px; top: 6px; pointer-events: none; } .mt .entry ul:last-child, .mt .entry ol:last-child { margin-bottom: 0px; } .mt .entry ul li, .mt .entry ol li { margin: 50px 0 0 0; padding: 0 0 0 35px; position: relative; font-size: 21px; line-height: 35px; font-family: 'Open Sans'; font-weight: normal; } .mt .entry ul li:first-child, .mt .entry ol li:first-child { margin-top: 0px; } .mt .entry ul li:before, .mt .entry ol li:before { content: ' '; width: 22px; height: 22px; position: absolute; left: 0px; top: 6px; background-size: 22px; background-repeat: no-repeat; background-position: left top; background-image: url('../../../fileadmin/templates/Website/Images/list-item-plus-sign.png'); } .mt .entry .color-danger { color: #DE0000; } .mt .entry a { color: #DE0000; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .mt .entry a:hover { color: #ffffff; } .mt blockquote { font-size: 50px; line-height: 70px; margin: 0 0 50px 0; color: #DE0000; padding: 0 0 0 20px; border-left: 8px solid #DE0000; } .mt strong { font-weight: 700; } .mt h1 { font-size: 130px; line-height: 140px; margin-bottom: 40px; } .mt h2 { font-size: 80px; line-height: 90px; margin-bottom: 40px; } .mt h3 { font-size: 50px; line-height: 60px; margin-bottom: 40px; } .mt h4 { font-size: 50px; line-height: 55px; margin-bottom: 40px; } .mt h5 { font-size: 36px; line-height: 47px; margin-bottom: 40px; } .mt h5.news-item-title { font-family: 'Open Sans'; font-weight: bold; text-transform: uppercase; font-size: 27px; line-height: 37px; } .mt h6 { font-size: 25px; line-height: 30px; margin-bottom: 40px; } .mt p { font-size: 15px; line-height: 25px; font-family: 'Open Sans'; font-weight: normal; margin-bottom: 40px; } .mt p.lg--para-text { font-size: 21px; line-height: 35px; } .mt .block-section { display: block; } .mt .default-left-right-padding { padding-left: 70px; padding-right: 70px; } .mt .normal-top-bottom-padding { padding-top: 35px; padding-bottom: 35px; } .mt .element.element-gap-tiny { margin-bottom: 10px; } .mt .element.element-gap-Biggertiny { margin-bottom: 20px; } .mt .element.element-gap-Lessnormal { margin-bottom: 30px; } .mt .element.element-gap-normal { margin-bottom: 40px; } .mt .element.element-gap-Lgnormal { margin-bottom: 50px; } .mt .element.element-gap-medium { margin-bottom: 60px; } .mt .element.element-gap-Lgmedium { margin-bottom: 70px; } .mt .element.element-gap-big { margin-bottom: 80px; } .mt .element.element-gap-bigger { margin-bottom: 100px; } .mt .element.element-gap-large { margin-bottom: 120px; } .mt .element.element-gap-Exlarge { margin-bottom: 140px; } .mt .element.element-gap-Exlarger { margin-bottom: 150px; } .mt .element.element-gap-Exminlarger { margin-bottom: 150px; } .mt .element.element-gap-Exlarge-max { margin-bottom: 170px; } .mt .element.element-gap-Exlarger { margin-bottom: 200px; } .mt .element.element-gap-Exlargestsub { margin-bottom: 210px; } .mt .element.element-gap-Exlargestsemi { margin-bottom: 240px; } .mt .element.element-gap-Exlargest { margin-bottom: 270px; } .mt .element:last-child { margin-bottom: 0px !important; } .mt .extreme-grid-varient .row { margin-left: -45px; margin-right: -45px; } .mt .extreme-grid-varient .row>.my-col { padding-left: 45px; padding-right: 45px; margin-top: 90px; } .mt .lg-grid-varient .row { margin-left: -20px; margin-right: -20px; } .mt .lg-grid-varient .row>.my-col { padding-left: 20px; padding-right: 20px; margin-top: 40px; } .mt .max-lg-grid-varient .row { margin-left: -25px; margin-right: -25px; } .mt .max-lg-grid-varient .row>.my-col { padding-left: 25px; padding-right: 25px; margin-top: 50px; } .mt .tiny-grid-variend .row { margin-left: -10px; margin-right: -10px; } .mt .tiny-grid-variend .row>.my-col { padding-left: 10px; padding-right: 10px; margin-top: 20px; } .mt .no-top-margin { margin-top: 0px !important; } .mt .row { margin-left: -15px; margin-right: -15px; } .mt .row>.my-col { padding-left: 15px; padding-right: 15px; margin-top: 30px; } .mt .container { padding-right: 15px; padding-left: 15px; } .mt .container.container-width-edge-edge { width: 100%; padding-left: 0px; padding-right: 0px; } .mt .container.container-width-default { max-width: 1000px; width: 100%; } .mt .container.container-width-Laarger-tiny { max-width: 1162px; width: 100%; } .mt .container.container-width-tiny { max-width: 670px; width: inherit; } @media screen and (min-width: 1400px) { .mt .container.container-width-default { max-width: 1340px; } } .mt .container-fluid { padding-left: 70px; padding-right: 70px; } .mt button.site-button { border: none; background-color: transparent; } .mt button.site-button.disabled { pointer-events: none; opacity: 0.3; } .mt .site-button { display: inline-block; transition: none; } .mt .site-button.disabled { pointer-events: none; opacity: 0.3; } .mt .site-button.block-button { display: block; } .mt .site-button.block-button span { display: block; } .mt .site-button.bg-img-button span { padding-left: 40px; padding-right: 40px; } .mt .site-button.bg-img-button.next span { background-repeat: no-repeat; background-position: right 20px center; background-size: 15px; background-image: url('../../../fileadmin/templates/Website/Images/carousel-next.svg'); } .mt .site-button.has-min-width span { text-align: center !important; } .mt .site-button.has-min-width.type-one span { min-width: 175px; } .mt .site-button.has-min-width.type-two span { min-width: 160px; } .mt .site-button.light.covered span { background-color: white !important; color: #000 !important; border-color: white !important; } /*.mt .site-button.fill-dark.covered span { background-color: black; }*/ /*.mt .site-button.fill-dark.covered:hover span { color: white; }*/ .mt .site-button.danger { color: #DE0000 !important; border-color: #DE0000 !important; } .mt .site-button.danger.covered span { background-color: #DE0000 !important; color: #fff !important; } .mt .site-button.danger.with-down-arrow { background-image: url('../../../fileadmin/templates/Website/Images/bottom-direction-arrow-danger.svg') !important; } .mt .site-button.danger.with-calender { background-image: url('../../../fileadmin/templates/Website/Images/calendar-danger.svg') !important; } .mt .site-button.danger.with-arrow:after { background-image: url('../../../fileadmin/templates/Website/Images/button-right-arrow-danger.svg'); } .mt .site-button.danger.with-arrow:hover span { background-color: #DE0000; color: white !important; } .mt .site-button.danger.with-back-arrow { background-image: url('../../../fileadmin/templates/Website/Images/button-left-arrow-danger.svg') !important; } .mt .site-button.danger.with-cross { background-image: url('../../../fileadmin/templates/Website/Images/close-icon-danger.svg') !important; } .mt .site-button.danger.with-search { background-image: url('../../../fileadmin/templates/Website/Images/search-danger.svg') !important; } .mt .site-button.danger span { color: #DE0000 !important; border-color: #DE0000 !important; } .mt .site-button.dark.with-arrow:after { background-image: url('../../../fileadmin/templates/Website/Images/button-right-arrow-dark.svg'); } .mt .site-button.dark span { border-color: #29292E; color: #29292E; } .mt .site-button.dark:hover span { border-color: #29292E; background-color: #29292E; color: #fff; } .mt .site-button span { padding: 12px 24px; background-color: #1212176E; border: 2px solid #ffffff; border-radius: 30px; color: #ffffff; text-decoration: none; font-size: 21px; letter-spacing: 1.05px; text-transform: uppercase; display: inline-block; line-height: normal; text-align: left !important; backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); } .mt .site-button.with-down-arrow { padding-bottom: 30px; position: relative; } .mt .site-button.with-down-arrow:after { position: absolute; width: 22px; height: 61px; content: ' '; display: block; pointer-events: none; z-index: 1; background-image: url('../../../fileadmin/templates/Website/Images/bottom-direction-arrow.svg'); background-repeat: no-repeat; background-position: center center; right: 22px; bottom: 0px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .mt .site-button.with-down-arrow span { padding-right: 60px; } .mt .site-button.with-down-arrow:hover:after { bottom: -20px; } .mt .site-button.with-arrow { padding-right: 25px; position: relative; } .mt .site-button.with-arrow:after { position: absolute; width: 63px; height: 100%; content: ' '; display: block; pointer-events: none; z-index: 1; background-image: url('../../../fileadmin/templates/Website/Images/button-right-arrow-white.svg'); background-repeat: no-repeat; background-position: center center; right: 0px; top: 1px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .mt .site-button.with-arrow span { padding-right: 60px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .mt .site-button.with-arrow:hover:after { right: -20px; } .mt .site-button.with-back-arrow { padding-left: 25px; background-repeat: no-repeat; background-position: left center; position: relative; } .mt .site-button.with-back-arrow span { padding-left: 60px; } .mt .site-button.with-back-arrow:after { position: absolute; width: 63px; height: 100%; content: ' '; display: block; pointer-events: none; z-index: 1; background-image: url('../../../fileadmin/templates/Website/Images/button-left-arrow-white.svg'); background-repeat: no-repeat; background-position: center center; left: 0px; top: 0px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .mt .site-button.with-back-arrow:hover:after { left: -20px; } .mt .site-button.with-calender { padding: 10px 30px 10px 60px; background-image: url('../../../fileadmin/templates/Website/Images/calendar-light.svg'); background-repeat: no-repeat; background-position: left 15px center; border: 2px solid #ffffff; border-radius: 30px; background-size: 25px; } .mt .site-button.with-calender span { padding: 0px; border: none; border-radius: 0px; } .mt .site-button.with-calender:hover { border-color: #DE0000; color: #DE0000; background-image: url('../../../fileadmin/templates/Website/Images/calendar-danger.svg') !important; } .mt .site-button.with-search { padding: 10px 60px 10px 30px; background-image: url('../../../fileadmin/templates/Website/Images/search-light.svg'); background-repeat: no-repeat; background-position: right 15px center; border: 2px solid #ffffff; border-radius: 30px; background-size: 25px; } .mt .site-button.with-search span { padding: 0px; border: none; border-radius: 0px; } .mt .site-button.with-search:hover { border-color: #DE0000; color: #DE0000; background-image: url('../../../fileadmin/templates/Website/Images/search-danger.svg') !important; } .mt .site-button.with-cross { padding: 14px 60px 14px 30px; background-image: url('../../../fileadmin/templates/Website/Images/close-icon-white.svg'); background-repeat: no-repeat; background-position: right 20px center; border: 2px solid #ffffff; border-radius: 30px; background-size: 25px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .mt .site-button.with-cross span { padding: 0px; border: none; border-radius: 0px; background-color: transparent !important; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .mt .site-button.with-cross:hover { border-color: #DE0000; background-color: #DE0000; color: white !important; background-image: url('../../../fileadmin/templates/Website/Images/close-icon-white.svg') !important; } .mt .site-button.with-cross:hover span { color: white !important; } .mt .site-button:hover span { border-color: white; background-color: white; color: #29292E; } @media screen and (min-width: 1200px) and (min-height: 600px) { .mt .table-anchor-module { position: relative; top: 30px; } .mt .top-banner-module.type-inset.type-viewport-height { height: 100vh; } .mt .top-banner-module.type-inset.type-viewport-height.has-at-start-visible-header .content-holder { padding-top: 200px; } .mt .top-banner-module.type-inset.type-viewport-height+.element .table-match-schedule-module { margin-top: -25vh; } .mt .top-banner-module.type-inset.type-viewport-height+.element .table-match-schedule-module .next-match-schedule { margin-top: 0px; } .mt .top-banner-module.type-inset.type-viewport-height+.element .table-match-schedule-module>.row>.my-col { margin-top: 0px; } .mt .top-banner-module.type-inset.type-viewport-height:after { height: 40vh; } .mt .top-banner-module.type-inset.type-viewport-height .banner-carousel, .mt .top-banner-module.type-inset.type-viewport-height .flickity-viewport, .mt .top-banner-module.type-inset.type-viewport-height .flickity-slider, .mt .top-banner-module.type-inset.type-viewport-height .carousel-cell { height: 100%; } .mt .top-banner-module.type-inset.type-viewport-height .carousel-cell>.main-wrap { height: 100%; } .mt .top-banner-module.type-inset.type-viewport-height .content-holder { padding-top: 50px; padding-bottom: 50px; } .mt .top-banner-module.type-inset.type-viewport-height .content-holder .element.element-gap-normal { margin-bottom: 10px; } .mt .top-banner-module.type-inset.type-viewport-height .content-holder .entry { max-height: 30px; overflow: hidden; } .mt .top-banner-module.type-inset.type-viewport-height .content-holder .flight-content { bottom: -70%; right: -50px; } .mt .top-banner-module.type-inset.type-viewport-height .content-holder .flight-content img { max-width: 350px; } .mt .top-banner-module.type-inset.type-viewport-height.roof-line-slider .content-holder { padding-bottom: 200px; } } @media screen and (min-width: 1200px) and (min-height: 900px) { .mt .top-banner-module.type-inset.type-viewport-height { height: 100vh; } .mt .top-banner-module.type-inset.type-viewport-height.has-at-start-visible-header .content-holder { padding-top: 200px; } .mt .top-banner-module.type-inset.type-viewport-height+.element .table-match-schedule-module { margin-top: -20vh; } .mt .top-banner-module.type-inset.type-viewport-height+.element .table-match-schedule-module .next-match-schedule { margin-top: 0px; } .mt .top-banner-module.type-inset.type-viewport-height+.element .table-match-schedule-module>.row>.my-col { margin-top: 0px; } .mt .top-banner-module.type-inset.type-viewport-height:after { height: 30vh; } .mt .top-banner-module.type-inset.type-viewport-height .banner-carousel, .mt .top-banner-module.type-inset.type-viewport-height .flickity-viewport, .mt .top-banner-module.type-inset.type-viewport-height .flickity-slider, .mt .top-banner-module.type-inset.type-viewport-height .carousel-cell { height: 100%; } .mt .top-banner-module.type-inset.type-viewport-height .carousel-cell>.main-wrap { height: 100%; } .mt .top-banner-module.type-inset.type-viewport-height .content-holder { padding-top: 50px; padding-bottom: 50px; } .mt .top-banner-module.type-inset.type-viewport-height .content-holder .entry { max-height: inherit; } .mt .top-banner-module.type-inset.type-viewport-height .content-holder .flight-content { bottom: -50%; right: -50px; } .mt .top-banner-module.type-inset.type-viewport-height.roof-line-slider .content-holder { padding-bottom: 200px; } } .mt .top-banner-module { width: 100%; height: 1000px; position: relative; } .mt .top-banner-module.roof-line-slider .content-holder { padding-bottom: 200px; } .mt .top-banner-module.roof-line-slider .banner-carousel .flickity-page-dots { visibility: visible; bottom: 10vh; text-align: left; padding: 0 70px; z-index: 12; } .mt .top-banner-module.roof-line-slider .banner-carousel .flickity-page-dots li { width: 15px; height: 15px; opacity: 1; margin: 0 10px 10px 0; pointer-events: auto; border: 1.5px solid white; background-color: transparent; } .mt .top-banner-module.roof-line-slider .banner-carousel .flickity-page-dots li.is-selected { background-color: white; } .mt .top-banner-module.roof-line-slider .container-fluid { padding-left: 195px; padding-right: 195px; width: 100% !important; } .mt .top-banner-module.roof-line-slider .roofline-tag span { display: inline-block; padding: 0px 14px; background-color: white; text-transform: uppercase; font-size: 23px; letter-spacing: 1.15px; font-family: 'Open Sans'; font-weight: bold; color: black; background-color: white; line-height: normal; } .mt .general-roofline-tag span { display: inline-block; padding: 0px 14px; background-color: white; text-transform: uppercase; font-size: 23px; letter-spacing: 1.15px; font-family: 'Open Sans'; font-weight: bold; color: #121217; background-color: white; line-height: normal; } .mt .top-banner-module .has-video video, .mt .top-banner-module .has-emebd-video video { min-width: 100%; min-height: 100%; position: absolute; left: 0px; top: 0px; } .mt .top-banner-module .has-video video::-webkit-media-controls, .mt .top-banner-module .has-emebd-video video::-webkit-media-controls { display: none !important; } .mt .top-banner-module .has-video .slider-emebd-video, .mt .top-banner-module .has-emebd-video .slider-emebd-video { width: 100%; height: 100%; pointer-events: none; position: absolute; left: 0px; top: 0px; } .mt .top-banner-module .has-video .slider-emebd-video iframe, .mt .top-banner-module .has-emebd-video .slider-emebd-video iframe { width: 100%; height: 100%; } .mt .top-banner-module.type-inset.type-narrow:not(.has-attached-module-heading):after { height: 180px; } .mt .top-banner-module.type-inset.type-narrow:not(.has-attached-module-heading) .content-holder { padding-top: 0px; padding-bottom: 0px; height: 415px; } .mt .top-banner-module .banner-carousel.single-cell .flickity-page-dots, .mt .top-banner-module .banner-carousel.single-cell .flickity-button { display: none; } .mt .top-banner-module.banner-with-bullet-type-one .banner-carousel .flickity-page-dots { visibility: visible; pointer-events: auto; text-align: left; padding-left: 70px; bottom: 25%; } .mt .top-banner-module.type-inset:not(.has-attached-module-heading):after { height: 300px; } .mt .top-banner-module .content-holder.fadeInRight { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } .mt .top-banner-module .img-holder.fadeInRight { -webkit-animation-duration: 1s; animation-duration: 1s; } .mt .top-banner-module.has-attached-module-heading .module-header.banner-attached-module-heading { position: absolute; right: 60px; bottom: 100px; z-index: 6; } .mt .top-banner-module .container { position: inherit; } .mt .top-banner-module .banner-price-tag { display: inline-block; margin-bottom: 10px; } .mt .top-banner-module .banner-price-tag.present-price { padding: 13px 45px; font-family: 'Open Sans'; font-weight: bold; color: #000; border-radius: 50px; background-color: #fff; font-size: 28px; line-height: normal; } .mt .top-banner-module .banner-price-tag.old-price { padding: 8px 30px; font-family: 'Open Sans'; font-weight: bold; color: #fff; border-radius: 50px; background-color: #DE0000; font-size: 17px; text-decoration: line-through; } .mt .top-banner-module.type-flat .img-holder:after { background-color: transparent; } .mt .top-banner-module.type-flat .banner-carousel .flickity-page-dots { visibility: visible; pointer-events: auto; } .mt .top-banner-module.type-flat .banner-carousel .flickity-prev-next-button { top: 50%; } .mt .top-banner-module.type-flat:after { display: none !important; } .mt .top-banner-module.type-flat.type-inset .content-holder { padding-top: 360px; padding-bottom: 160px; } .mt .top-banner-module.type-flat.type-inset .content-holder>.row { display: flex; flex-wrap: wrap; align-items: center; } .mt .top-banner-module.type-flat.type-inset .content-holder>.row>.my-col { flex-grow: 1; float: none; } .mt .top-banner-module.type-flat.type-inset .content-holder p { font-size: 17px; line-height: 27px; } .mt .top-banner-module.type-flat.type-inset .module-header span { padding-left: 0px; } .mt .top-banner-module.dark-type .img-holder:after { background-color: rgba(0, 0, 0, 0.4); } .mt .top-banner-module.type-inset { height: inherit; /*.carousel-cell{ &.is-selected{ .content-holder{ .flight-content{ opacity: 1; } } } }*/ } .mt .top-banner-module.type-inset:after { content: ' '; display: block; width: 100%; height: 440px; position: absolute; left: 0px; bottom: 0px; background-repeat: no-repeat; background-size: cover; background-position: left top; background-image: url('../../../fileadmin/templates/Website/Images/static-banner-bottom.svg'); z-index: 5; pointer-events: none; } .mt .top-banner-module.type-inset.type-two .content-holder { padding-top: 400px; padding-bottom: 225px; } .mt .top-banner-module.type-inset.type-two:after { height: 225px; } .mt .top-banner-module.type-inset.type-content-outside { height: inherit; position: relative; } .mt .top-banner-module.type-inset.type-content-outside .content-holder { padding-top: 0px; padding-bottom: 0px; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; pointer-events: none; } .mt .top-banner-module.type-inset.type-content-outside .news-detail-header { margin-bottom: 225px; } .mt .top-banner-module.type-inset.type-content-outside:after { height: 225px; } .mt .top-banner-module.type-inset .content-holder { padding-top: 200px; padding-bottom: 300px; position: relative; } .mt .top-banner-module.type-inset .content-holder>.row>.my-col { margin-top: 0px !important; } .mt .top-banner-module.type-inset .content-holder .flight-content { position: absolute; right: 0px; bottom: 0px; pointer-events: none; opacity: 1; transition: all 3s ease 0s; } .mt .top-banner-module.type-inset .content-holder .entry.news-small-text p { font-size: 15px; line-height: 28px; } .mt .top-banner-module.type-inset .content-holder p { font-size: 21px; line-height: 35px; font-weight: 300; } .mt .top-banner-module .img-holder { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; } .mt .top-banner-module .img-holder.set-back { background-size: cover; background-position: center top; background-repeat: no-repeat; } .mt .top-banner-module .img-holder:after { content: ' '; display: block; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background-color: rgba(222, 0, 0, 0.65); } .mt .top-banner-module .content-holder { position: relative; z-index: 4; } .mt .top-banner-module .content-holder .module-header { display: inline-block; } .mt .top-banner-module .content-holder .module-header.pull-text-right h1, .mt .top-banner-module .content-holder .module-header.pull-text-right h2, .mt .top-banner-module .content-holder .module-header.pull-text-right h3, .mt .top-banner-module .content-holder .module-header.pull-text-right h4, .mt .top-banner-module .content-holder .module-header.pull-text-right h5, .mt .top-banner-module .content-holder .module-header.pull-text-right h6 { padding-right: 50px; } .mt .top-banner-module .content-holder .module-header.pull-text-right h1 span, .mt .top-banner-module .content-holder .module-header.pull-text-right h2 span, .mt .top-banner-module .content-holder .module-header.pull-text-right h3 span, .mt .top-banner-module .content-holder .module-header.pull-text-right h4 span, .mt .top-banner-module .content-holder .module-header.pull-text-right h5 span, .mt .top-banner-module .content-holder .module-header.pull-text-right h6 span { margin-right: -50px; } .mt .top-banner-module .content-holder .module-header.pull-text-left h1 span, .mt .top-banner-module .content-holder .module-header.pull-text-left h2 span, .mt .top-banner-module .content-holder .module-header.pull-text-left h3 span, .mt .top-banner-module .content-holder .module-header.pull-text-left h4 span, .mt .top-banner-module .content-holder .module-header.pull-text-left h5 span, .mt .top-banner-module .content-holder .module-header.pull-text-left h6 span { padding-left: 50px; } .mt .top-banner-module .banner-carousel .flickity-page-dots { position: absolute; width: 100%; left: 0px; bottom: 20px; text-align: center; visibility: hidden; pointer-events: none; z-index: 6; } .mt .top-banner-module .banner-carousel .flickity-page-dots li { display: inline-block; width: 22px; height: 22px; border-radius: 100%; border: 2px solid #fff; background-color: transparent; opacity: 1; margin: 0 6px; } .mt .top-banner-module .banner-carousel .flickity-page-dots li.is-selected { background-color: #fff; } .mt .top-banner-module .banner-carousel .carousel-cell { width: 100%; } .mt .top-banner-module .banner-carousel .flickity-button:disabled { opacity: 0.6; pointer-events: none; } .mt .top-banner-module .banner-carousel .flickity-prev-next-button { top: 40%; border: none; width: 25px; height: 40px; border-radius: 0px; background-color: transparent; background-position: right center; background-repeat: no-repeat; background-size: 25px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; z-index: 6; } .mt .top-banner-module .banner-carousel .flickity-prev-next-button:hover { opacity: 0.6; } .mt .top-banner-module .banner-carousel .flickity-prev-next-button svg { display: none; } .mt .top-banner-module .banner-carousel .flickity-prev-next-button.next { right: 70px; background-image: url('../../../fileadmin/templates/Website/Images/carousel-next.svg'); } .mt .top-banner-module .banner-carousel .flickity-prev-next-button.previous { left: 70px; background-image: url('../../../fileadmin/templates/Website/Images/carousel-prev.svg'); } .mt .table-match-schedule-module { margin-top: -85px; position: relative; z-index: 10; } .mt.no-touch .next-match-schedule-board.has-secondary-part:hover .primary-part { opacity: 0; pointer-events: none; } .mt.no-touch .next-match-schedule-board.has-secondary-part:hover .secondary-part { pointer-events: auto; opacity: 1; } .mt.touch .next-match-schedule-board.has-secondary-part.hovered .primary-part { opacity: 0; pointer-events: none; } .mt.touch .next-match-schedule-board.has-secondary-part.hovered .secondary-part { opacity: 1; pointer-events: auto; } .mt .next-match-schedule { margin-top: 50px; text-align: right; } .mt .next-match-schedule .heading { font-size: 36px; color: #ffffff; text-transform: uppercase; margin-bottom: 10px; } .mt .next-match-schedule.type-two { margin-top: 0px; } @media screen and (min-width: 1200px) { .mt .next-match-schedule .next-match-schedule-board.has-secondary-part { max-width: 670px; } .mt .next-match-schedule .next-match-schedule-board.has-secondary-part .part>hr { margin: 0 10px; } .mt .next-match-schedule .next-match-schedule-board.has-secondary-part .part>div { min-width: 245px; } .mt .next-match-schedule .next-match-schedule-board.has-secondary-part .secondary-part span { max-width: 80%; } } .mt .next-match-schedule .next-match-schedule-board { background-color: #ffffff; padding: 8px 15px; display: inline-block; border-radius: 40px; cursor: pointer; } .mt .next-match-schedule .next-match-schedule-board .primary-part { -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .mt .next-match-schedule .next-match-schedule-board.has-secondary-part { position: relative; } .mt .next-match-schedule .next-match-schedule-board.has-secondary-part a { color: #121217; display: block; } .mt .next-match-schedule .next-match-schedule-board.has-secondary-part .secondary-part { opacity: 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; pointer-events: none; position: absolute; width: 100%; left: 0px; top: 0px; padding: 8px 15px; } .mt .next-match-schedule .next-match-schedule-board.has-secondary-part .secondary-part.ready { height: 100%; } .mt .next-match-schedule .next-match-schedule-board.has-secondary-part .secondary-part .table-wrap { table-layout: inherit; } .mt .next-match-schedule .next-match-schedule-board.has-secondary-part .secondary-part>div { width: 100%; text-align: right; } .mt .next-match-schedule .next-match-schedule-board.has-secondary-part .secondary-part>div span { font-size: 17px; font-family: "axisextra_bold"; } .mt .next-match-schedule .next-match-schedule-board.type-two { background-color: transparent; padding: 0px; border-radius: 0px; } .mt .next-match-schedule .next-match-schedule-board.type-two .part>div { width: 80px; min-width: inherit; } .mt .next-match-schedule .next-match-schedule-board.type-two .part>div.type-one { text-align: left !important; } .mt .next-match-schedule .next-match-schedule-board.type-two .part>div.type-one span { text-align: left !important; } .mt .next-match-schedule .next-match-schedule-board.type-two .part>div.type-two { text-align: right !important; } .mt .next-match-schedule .next-match-schedule-board.type-two .part>div.type-two span { text-align: right !important; } .mt .next-match-schedule .next-match-schedule-board.type-two .part>div span { color: #ffffff; font-family: "helveticaneueregular"; max-width: 75%; font-size: 14px; } .mt .next-match-schedule .next-match-schedule-board.type-two .part>hr { margin: 0 10px; width: 5px; height: 17px; } .mt .next-match-schedule .next-match-schedule-board.type-two .part>hr:before { background: #ffffff; transform: rotate(15deg); } .mt .next-match-schedule .next-match-schedule-board .part>div { display: inline-block; vertical-align: middle; min-width: 320px; text-align: left; } .mt .next-match-schedule .next-match-schedule-board .part>div i { display: inline-block; vertical-align: middle; } .mt .next-match-schedule .next-match-schedule-board .part>div i.no-img { width: 25px; height: 25px; background-color: #fff; } .mt .next-match-schedule .next-match-schedule-board .part>div span { display: inline-block; vertical-align: middle; font-family: "axisextra_bold"; font-size: 17px; color: #121217; } .mt .next-match-schedule .next-match-schedule-board .part>div.type-one i { margin-right: 15px; } .mt .next-match-schedule .next-match-schedule-board .part>div.type-two { text-align: right; } .mt .next-match-schedule .next-match-schedule-board .part>div.type-two i { margin-left: 15px; } .mt .next-match-schedule .next-match-schedule-board .part>hr { width: 20px; height: 35px; position: relative; text-align: center; display: inline-block; vertical-align: middle; margin: 0 30px; padding: 0px; border: none; } .mt .next-match-schedule .next-match-schedule-board .part>hr:before { content: ' '; width: 2px; height: 100%; display: inline-block; background: #121217; transform: rotate(30deg); } .mt .table-anchor-module a { cursor: pointer; width: 64px; height: 102px; display: inline-block; background: url('../../../fileadmin/templates/Website/Images/table-link-arrow.svg') no-repeat left top; background-size: cover; text-decoration: none; } .mt .news-teaser-module>.row>.my-col { max-height: 410px; } .mt .news-teaser-module .news-featured-img { transition: all 0.1s ease 0s; } .mt .news-teaser-module .news-featured-img>img { display: block; width: 100%; height: auto; visibility: hidden; } .mt .news-teaser-module .news-featured-img.set-back { background-size: cover; background-position: left top; background-repeat: no-repeat; } .mt .news-teaser-module .news-teaser-block { position: relative; overflow: hidden; } .mt .news-teaser-module .news-teaser-block:before { content: ' '; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; pointer-events: none; display: block; background-image: url('../../../fileadmin/templates/Website/Images/news-teaser-transparent-bg.svg'); background-repeat: repeat-x; background-position: left bottom; opacity: 0.85; } .mt.smaller-view-container .news-teaser-module.lg-grid-varient>.row { margin-left: -12.5px; margin-right: -12.5px; } .mt.smaller-view-container .news-teaser-module.lg-grid-varient>.row>.my-col { padding-left: 12.5px; padding-right: 12.5px; margin-top: 25px; } @media screen and (min-width: 1200px) { .mt.smaller-view-container .news-teaser-module.lg-grid-varient>.row { margin-left: -12.5px; margin-right: -12.5px; } .mt.smaller-view-container .news-teaser-module.lg-grid-varient>.row>.my-col { padding-left: 12.5px; padding-right: 12.5px; margin-top: 25px; } } .mt .news-teaser-module .news-teaser-block:hover .news-featured-img { transform: scale(1.2, 1.2); transition: all 6s ease 0s; } .mt .news-teaser-module .single-news-info { position: absolute; width: 100%; left: 0px; bottom: 0px; padding: 15px; z-index: 2; transition: all 0.3s ease 0s; } .mt .news-teaser-module .single-news-info .general-roofline-tag { position: absolute; left: 0px; bottom: 100%; z-index: 1; } .mt .news-teaser-module .single-news-info .general-roofline-tag span { font-size: 14px; padding: 4px 10px; } .mt .news-teaser-module .news-teaser-block:hover .single-news-info { height: 100% !important; padding-top: 50px; } .mt .news-teaser-module .news-teaser-block:hover .single-news-info .news-excerpt-link.excerpt-hidden { display: block; } @media screen and (min-width: 1200px) { .mt .news-teaser-module .news-teaser-block:hover .single-news-info .news-excerpt.excerpt-hidden { display: block; } } @media screen and (max-width: 1199px) { .mt .news-teaser-module .news-title { margin-bottom: 15px !important; } .mt .news-teaser-module .news-title>div { font-size: 14px !important; line-height: normal !important; } } .mt .news-teaser-module .news-teaser-block:hover .single-news-info .general-roofline-tag { top: 0px; } .mt .news-teaser-module .single-news-info:after { content: ' '; display: block; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: rgba(60, 60, 60, 0.8); opacity: 1; backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); } .mt .news-teaser-module .news-title { margin-bottom: 5px; padding: 0px !important; position: relative; z-index: 1; } .mt .news-teaser-module .news-excerpt { margin-bottom: 10px; position: relative; z-index: 1; margin-top: 5px; } .mt .news-teaser-module .excerpt-hidden { display: none; } .mt .news-teaser-module .news-excerpt p { font-size: 15px; font-family: 'Open Sans'; font-weight: normal; } .mt .news-teaser-module .news-excerpt-link { text-align: center; position: relative; z-index: 1; } .mt .news-teaser-module .news-title>div { font-size: 20px; line-height: 30px; color: #ffffff; } .mt .news-teaser-module .news-date { font-size: 15px; line-height: normal; font-family: 'Open Sans'; font-weight: bold; margin-bottom: 5px; position: relative; z-index: 1; } .mt .news-teaser-module .news-date span { display: inline-block; } .mt .the-add { transition: all 3s ease 0s; transform: scale(1, 1); } .mt .the-add>img { display: block; width: 100%; height: auto; visibility: hidden; } .mt .the-add.set-back, .mt .the-add.set-back-onload { background-size: cover; background-position: left top; background-repeat: no-repeat; } .mt .add-block { position: relative; overflow: hidden; } .mt .module-header { text-transform: uppercase; font-family: "Triester Sans Outline"; } .mt .module-header.light * { color: #ffffff; } .mt .module-header.danger * { color: #DE0000; } .mt .module-header.black * { color: #29292E; } .mt .module-header span { display: block; font-family: "Triester Sans"; } .mt .image-teaser-content .my-col:hover .img-holder img { transform: scale(1.2, 1.2); transition: all 6s ease 0s; } .mt .image-teaser-content .img-holder { margin-bottom: 55px; overflow: hidden; } .mt .image-teaser-content .img-holder img { width: 100%; height: auto; transition: all 0.1s ease 0s; } .mt .image-teaser-content .title { font-size: 36px; color: #ffffff; text-transform: uppercase; } .mt .video-slider-module { padding: 55px 40px 95px 40px; background: url('../../../fileadmin/templates/Website/Images/video-carousel-background.svg') no-repeat left bottom; background-size: cover; } .mt .video-slider-module .item-img { margin-bottom: 20px; } .mt .video-slider-module .item-img img { width: 100%; height: auto; } .mt .video-slider-module .item-title { font-size: 19px; line-height: 27px; text-transform: uppercase; } .mt .general-carousel.right-align-type .owl-carousel .custom-controller>.row { text-align: right !important; } .mt .general-carousel.right-align-type .owl-carousel .custom-controller>.row * { text-align: right !important; } .mt .general-carousel.right-align-type .owl-carousel .custom-controller>.row .my-col { width: 100%; } .mt .general-carousel.right-align-type .owl-carousel .custom-controller .owl-nav .owl-next { margin-right: 0px; } .mt .general-carousel.slide-single-item .owl-carousel { padding-left: 0px !important; padding-right: 0px !important; } .mt .general-carousel .owl-carousel { padding: 0 50px; } .mt .general-carousel .owl-carousel .owl-dots.disabled, .mt .general-carousel .owl-carousel .owl-nav.disabled { display: none !important; } .mt .general-carousel .owl-carousel .owl-dots button { width: 17px; height: 17px; border: 2px solid #fff; border-radius: 100%; display: inline-block; vertical-align: middle; margin: 0 5px; } .mt .general-carousel .owl-carousel .owl-dots button.active { background-color: #fff; } .mt .general-carousel .owl-carousel .owl-nav { width: 100%; position: absolute; left: 0px; top: 50%; pointer-events: none; margin-top: -16px; } .mt .general-carousel .owl-carousel .owl-nav button { width: 17px; height: 32px; margin: 0px; padding: 0px; background-repeat: no-repeat !important; background-position: left top !important; background-size: cover !important; pointer-events: auto; font-size: 0px; } .mt .general-carousel .owl-carousel .owl-nav button span { display: none; } .mt .general-carousel .owl-carousel .owl-nav button.disabled { opacity: 0; pointer-events: none; } .mt .general-carousel .owl-carousel .owl-nav button.owl-prev { float: left; background-image: url('../../../fileadmin/templates/Website/Images/carousel-prev.svg') !important; } .mt .general-carousel .owl-carousel .owl-nav button.owl-next { float: right; background-image: url('../../../fileadmin/templates/Website/Images/carousel-next.svg') !important; } .mt .general-carousel.teaser-content-with-carousel .owl-carousel.single-item .owl-stage-outer { margin-bottom: 0px; } .mt .general-carousel.teaser-content-with-carousel .owl-carousel .owl-stage-outer { margin-bottom: 85px; } .mt .general-carousel.teaser-content-with-carousel .owl-carousel .owl-dots { display: inline-block; vertical-align: middle; } .mt .general-carousel.teaser-content-with-carousel .owl-carousel .owl-nav { position: inherit; top: inherit; width: auto; margin: 0px; display: inline-block; vertical-align: middle; } .mt .general-carousel.teaser-content-with-carousel .owl-carousel .owl-nav button { float: none; display: inline-block; vertical-align: middle; width: 18px; height: 32px; margin: 0 20px; } .mt .general-carousel.teaser-content-with-carousel .owl-carousel .owl-nav button:last-child { margin-right: 0px; } .mt .tabelle-team-info-parent-td { min-width: 250px; } .mt .tabelle-content-module .tebelle-app-extended-info { margin-top: 5px; display: none; } .mt .tabelle-content-module .tebelle-app-extended-info table { margin: 0px; padding: 0px; } .mt .tabelle-content-module .tebelle-app-extended-info th, .mt .tabelle-content-module .tebelle-app-extended-info td { font-size: 10px !important; font-family: 'Open Sans'; font-weight: bold; padding: 5px 5px 0 0 !important; text-align: left; border: none !important; background-color: transparent !important; min-width: 30px; } .mt .tabelle-content-module .tebelle-app-extended-info th { color: #797979; } .mt .tabelle-content-module .the-tabelle table { width: 100%; margin: 0px; padding: 0px; } .mt .tabelle-content-module .the-tabelle table tbody tr:hover { background-color: #252525; } .mt .tabelle-content-module .the-tabelle tr.team-varient-one td { background-color: rgba(88, 223, 255, 0.15); } .mt .tabelle-content-module .the-tabelle tr.team-varient-two td { background-color: rgba(186, 223, 255, 0.1); } .mt .tabelle-content-module .the-tabelle tr.team-varient-three td { background-color: rgba(150, 0, 0, 0.2); } .mt .tabelle-content-module .the-tabelle tr.vs-varient-one td:first-child { border-radius: 25px 0 0 0; } .mt .tabelle-content-module .the-tabelle tr.vs-varient-one td:last-child { border-radius: 0 25px 0 0; } .mt .tabelle-content-module .the-tabelle tr.vs-varient-two td:first-child { border-radius: 0 0 0 25px; } .mt .tabelle-content-module .the-tabelle tr.vs-varient-two td:last-child { border-radius: 0 0 25px 0; } .mt .tabelle-content-module .the-tabelle .has-hovered-relative-content { position: relative; background-color: transparent !important; } .mt .tabelle-content-module .the-tabelle .has-hovered-relative-content th, .mt .tabelle-content-module .the-tabelle .has-hovered-relative-content td { position: static; } .mt .tabelle-content-module .the-tabelle .has-hovered-relative-content:hover td { border-color: transparent; } .mt .tabelle-content-module .the-tabelle .has-hovered-relative-content:hover+tr td { border-color: transparent; } .mt .tabelle-content-module .the-tabelle .has-hovered-relative-content:hover .relative-ticket { visibility: visible; } .mt .tabelle-content-module .the-tabelle .has-hovered-relative-content:hover .relative-ticket .relative-tyicket-holder { pointer-events: auto; } .mt .tabelle-content-module .the-tabelle .relative-ticket { color: #121217; border: none !important; font-family: "helveticaneuebold"; padding: 0 15px; position: absolute; width: 100%; z-index: 2; left: 0px; visibility: hidden; pointer-events: none; } .mt .tabelle-content-module .the-tabelle .relative-tyicket-holder { display: flex; text-align: center; align-items: center; background-color: #ffffff; border-radius: 50px; padding: 10px; position: relative; height: 100%; } .mt .tabelle-content-module .the-tabelle .relative-tyicket-holder>div { flex-grow: 1; padding: 0 5px; cursor: pointer; } .mt .tabelle-content-module .the-tabelle .relative-tyicket-holder>div a { color: #121217; display: block; } .mt .tabelle-content-module .the-tabelle .relative-tyicket-holder>div:hover span, .mt .tabelle-content-module .the-tabelle .relative-tyicket-holder>div.active span { color: #DE0000 !important; } .mt .tabelle-content-module .the-tabelle .relative-tyicket-holder>div:hover i .hovered, .mt .tabelle-content-module .the-tabelle .relative-tyicket-holder>div.active i .hovered { display: inline-block; } .mt .tabelle-content-module .the-tabelle .relative-tyicket-holder>div:hover i .normal, .mt .tabelle-content-module .the-tabelle .relative-tyicket-holder>div.active i .normal { display: none; } .mt .tabelle-content-module .the-tabelle .relative-tyicket-holder>div i { display: inline-block; vertical-align: middle; margin-right: 5px; } .mt .tabelle-content-module .the-tabelle .relative-tyicket-holder>div i:last-child { margin-right: 0px !important; } .mt .tabelle-content-module .the-tabelle .relative-tyicket-holder>div i .hovered { display: none; } .mt .tabelle-content-module .the-tabelle .relative-tyicket-holder>div span { display: inline-block; vertical-align: middle; font-family: "Triester Sans"; font-size: 22px; letter-spacing: 1.54px; text-transform: uppercase; } .mt .tabelle-content-module .the-tabelle tr.active td { background-color: #ffffff; color: #121217; border: none !important; font-family: "helveticaneuebold"; } .mt .tabelle-content-module .the-tabelle tr.active td * { color: #121217 !important; font-family: "helveticaneuebold" !important; } .mt .tabelle-content-module .the-tabelle tr.active td:first-child { border-radius: 50px 0 0 50px; } .mt .tabelle-content-module .the-tabelle tr.active td:last-child { border-radius: 0 50px 50px 0; } .mt .tabelle-content-module .the-tabelle tr.active+tr td { border-top: none; } .mt .tabelle-content-module .the-tabelle tr:first-child td { border-top: none; } .mt .tabelle-content-module .the-tabelle tr:last-child td { border-bottom: 1px solid; } .mt .tabelle-content-module .the-tabelle th, .mt .tabelle-content-module .the-tabelle td { padding: 10px 8px; position: relative; z-index: 1; } .mt .tabelle-content-module .the-tabelle th strong, .mt .tabelle-content-module .the-tabelle td strong { font-family: "helveticaneuebold"; } .mt .tabelle-content-module .the-tabelle th:first-child, .mt .tabelle-content-module .the-tabelle td:first-child { padding-left: 20px; } .mt .tabelle-content-module .the-tabelle th:last-child, .mt .tabelle-content-module .the-tabelle td:last-child { padding-right: 20px; } .mt .tabelle-content-module .the-tabelle th { font-size: 19px; line-height: normal; text-transform: uppercase; } .mt .tabelle-content-module .the-tabelle th.lg-tag { font-size: 25px; } .mt .tabelle-content-module .the-tabelle td { font-family: "helveticaneueregular"; font-size: 14px; border-top: 1px solid; } .mt .tabelle-content-module .the-tabelle .tabelle-team-info i { display: inline-block; vertical-align: middle; width: 25px; margin-right: 10px; } .mt .tabelle-content-module .the-tabelle .tabelle-team-info i.no-img { width: 25px; height: 25px; background-color: #fff; } .mt .tabelle-content-module .the-tabelle .tabelle-team-info i img { width: 30px; } .mt .tabelle-content-module .the-tabelle .tabelle-team-info span { display: inline-block; vertical-align: middle; } .mt .content.with-custom-scrollbar { overflow: auto; position: relative; max-height: 300px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mt .content.with-custom-scrollbar .mCSB_inside>.mCSB_container { margin-right: 0px; } .mt .content.with-custom-scrollbar .mCSB_scrollTools { width: 10px; opacity: 1; } .mt .content.with-custom-scrollbar .mCSB_scrollTools .mCSB_draggerRail { width: 10px; background-color: #29292E; } .mt .content.with-custom-scrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 10px; background-color: #fff; } .mt .teaser-animate { text-align: center; position: relative; } .mt .teaser-animate .bg-item { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: all 0.3s ease 0s; } .mt .teaser-animate .bg-item.animated-item { position: absolute; } .mt .teaser-animate .animated-item { display: inline-block; visibility: hidden; position: relative; z-index: 1; transition: all 0.3s ease 0s; } .mt .teaser-animate.animated-item { visibility: hidden; } .mt .teaser-animate .animated-item-visible { position: relative; z-index: 1; transition: all 0.3s ease 0s; } .mt .teaser-animate .animated-item.active { visibility: visible; } .mt .teaser-animate.animated-item.active { visibility: visible; } .mt .teaser-normal .img-holder img { width: 100%; height: auto; } .mt .teaser-normal .img-holder img.auto-img-width { width: auto; height: auto; max-width: 100%; } .mt .teaser-content-with-carousel.with-bg { padding: 55px 40px 95px 40px; background: url('../../../fileadmin/templates/Website/Images/video-carousel-background.svg') no-repeat left bottom; background-size: cover; } .mt .teaser-content-with-carousel.with-bg .owl-carousel .owl-stage-outer { margin-bottom: 50px; } .mt .widget-image-content .img-holder img { width: 100%; height: auto; } .mt .ground-tickiting-slider h4 { font-size: 30px; font-family: 'Open Sans'; font-weight: bold; line-height: 35px; margin-bottom: 0px; } .mt .ground-tickiting-slider h5 { font-size: 21px; font-family: 'Open Sans'; font-weight: 300; line-height: 35px; margin-bottom: 50px; } .mt .ground-tickiting-slider p { font-size: 21px; line-height: 35px; margin-bottom: 120px; } .mt .ground-tickiting-slider .ticket-ground-excerpt { color: #29292E; } .mt .ground-tickiting-slider .ticket-price-info { color: #29292E; } .mt .ground-tickiting-slider .ticket-price-info .primary { font-size: 30px; font-family: 'Open Sans'; font-weight: bold; line-height: 35px; } .mt .ground-tickiting-slider .ticket-price-info .secondary { font-size: 21px; font-family: 'Open Sans'; font-weight: 300; line-height: 35px; } .mt .ground-tickiting-slider .img-holder { float: left; width: 50%; } .mt .ground-tickiting-slider .img-holder .main-wrap { padding: 35px 0 60px 0; } .mt .ground-tickiting-slider .img-holder img { width: 100%; height: auto; } .mt .ground-tickiting-slider .sliding-part { width: 50%; float: left; } .mt .ground-tickiting-slider .sliding-part .owl-carousel { padding-left: 190px; padding-bottom: 60px; padding-right: 0px; padding-top: 0px; } .mt .ground-tickiting-slider .sliding-part .owl-carousel:before { content: ' '; width: 190px; display: block; height: calc(100% - 60px); pointer-events: none; position: absolute; left: 0px; top: 0px; background-image: url('../../../fileadmin/templates/Website/Images/tickting-slider-part-bg.png'); background-position: left top; background-repeat: no-repeat; background-size: auto 100%; background-color: #fff; } .mt .ground-tickiting-slider .sliding-part .owl-carousel .owl-stage-outer { background-color: #ffffff; margin-bottom: 0px; height: 100%; } .mt .ground-tickiting-slider .sliding-part .owl-carousel .custom-controller { position: absolute; bottom: 0px; width: 100%; left: 0px; } .mt .ground-tickiting-slider .sliding-part .item>.main-wrap { padding: 35px 35px 55px 0; } .mt .ground-ticket-info-table table { margin: 0px; padding: 0px; width: 100%; } .mt .ground-ticket-info-table tr:first-child td { padding-top: 0px; } .mt .ground-ticket-info-table tr:last-child td { padding-bottom: 0px; } .mt .ground-ticket-info-table td { font-family: 'Open Sans'; font-weight: normal; font-size: 19px; line-height: 35px; padding: 20px; vertical-align: top; color: #000; } .mt .ground-ticket-info-table td:first-child { padding-left: 0px; } .mt .ground-ticket-info-table td:last-child { padding-right: 0px; } .mt .ground-ticket-info-table td strong { font-weight: 700; } .mt .bottom-bg-content { padding-top: 435px; padding-bottom: 110px; background-image: url('../../../fileadmin/templates/Website/Images/bottom-white-bg-content.png'); background-repeat: no-repeat; background-position: center top; background-color: #fff; background-size: 100% auto; } .mt .bottom-bg-content * { color: #29292E; } .mt .bottom-bg-content .news-listing-module .the-listing .news-date * { color: #fff; } .mt .bottom-bg-content .news-listing-module .the-listing .news-title { color: #fff; } .mt .bottom-bg-content .news-listing-module .the-listing .news-excerpt * { color: #fff; } .mt .bottom-bg-content .news-listing-module .the-listing .general-roofline-tag span { color: #121217; } .mt .bottom-bg-content .news-listing-module .the-listing .general-roofline-tag span * { color: #121217; } .mt .bottom-bg-content .text-input::placeholder { color: #29292E !important; } .mt .map-content iframe { width: 100%; } .mt .custom-accordion-content .accordion-head { cursor: pointer; padding: 25px 30px 25px 0; font-size: 21px; line-height: normal; text-transform: uppercase; background-repeat: no-repeat; background-position: right center; background-image: url('../../../fileadmin/templates/Website/Images/next-arrow-light.svg'); background-size: 12px; letter-spacing: 1.05px; border-bottom: 1px solid; } .mt .custom-accordion-content .accordion-head span { display: inline-block; } .mt .custom-accordion-content .accordion-head:hover { background-image: url('../../../fileadmin/templates/Website/Images/next-arrow-danger.svg'); } .mt .custom-accordion-content .accordion-head:hover span { color: #DE0000; } .mt .custom-accordion-content .accordion-block:first-child .accordion-head { border-top: 1px solid; } .mt .custom-accordion-content .accordion-block.active .accordion-head { background-image: url('../../../fileadmin/templates/Website/Images/next-arrow-danger.svg'); } .mt .custom-accordion-content .accordion-block.active .accordion-head span { color: #DE0000; } .mt .skew-bg-content { padding: 75px 40px 150px 40px; background: url('../../../fileadmin/templates/Website/Images/video-carousel-background.svg') no-repeat left bottom; background-size: cover; } .mt .skew-bg-content .contact-info a { color: #fff; } .mt .skew-bg-content .contact-info .title { margin-bottom: 20px; } .mt .skew-bg-content .contact-info .excerpt { margin-bottom: 40px; } .mt .skew-bg-content .contact-info .focused-info { font-size: 36px; letter-spacing: 1.8px; font-family: "Triester Sans Outline"; } .mt .skew-bg-content .contact-info .social-info a { display: inline-block; vertical-align: bottom; margin-right: 30px; margin-bottom: 30px; } .mt .partner-module-wrap .main-wrap { text-align: center; margin-left: -30px; margin-right: -30px; } .mt .partner-module-wrap .main-wrap div { display: inline-block; padding-left: 30px; padding-right: 30px; margin-bottom: 60px; } .mt .partner-module-wrap .main-wrap div img { width: 100%; height: auto; } .mt .partner-module-wrap.premium .main-wrap div { width: 49.8%; } .mt .partner-module-wrap.semi-premium .main-wrap div { width: 33%; } .mt .partner-module-wrap.general .main-wrap div { width: 24.8%; } .mt .team-member-module .dp img { width: 100%; height: auto; } .mt .team-member-module .excerpt { padding-left: 24px; padding-right: 24px; position: relative; z-index: 1; } .mt .team-member-module .excerpt .holder { padding: 35px 25px 25px 25px; background: url('../../../fileadmin/templates/Website/Images/team-back.svg') no-repeat left top; background-size: cover; min-height: 220px; margin-top: -55px; } .mt .team-member-module .excerpt .name { font-size: 21px; line-height: normal; text-transform: uppercase; margin-bottom: 15px; } .mt .team-member-module .excerpt .role { font-size: 17px; line-height: normal; font-family: 'Open Sans'; font-weight: bold; } .mt .team-member-module .excerpt .primary-info { margin-bottom: 25px; } .mt .team-member-module .excerpt .secondary-info>div { margin-top: 15px; } .mt .team-member-module .excerpt .secondary-info>div:first-child { margin-top: 0px; } .mt .team-member-module .excerpt .secondary-info i { display: inline-block; vertical-align: middle; } .mt .team-member-module .excerpt .secondary-info i img { width: 25px; height: auto; } .mt .team-member-module .excerpt .secondary-info span { display: inline-block; vertical-align: middle; font-size: 15px; line-height: normal; font-family: 'Open Sans'; font-weight: normal; margin-left: 10px; max-width: 80%; } .mt .kader-detail-visible-global { visibility: hidden; pointer-events: none; } .mt .kader-detail-visible-global.active { visibility: visible; pointer-events: auto; } .mt .kader-detail-visible-global.animate__animated { -webkit-animation-duration: 1s; animation-duration: 1s; } .mt .kader-detail-visible-special { visibility: hidden; pointer-events: none; } .mt .kader-detail-visible-special.active { visibility: visible; pointer-events: auto; } .mt .kader-detail-visible-special.animate__animated { -webkit-animation-duration: 1s; animation-duration: 1s; } .mt .kader-module .kader-detail-wrap { margin-top: 50px !important; } .mt .kader-module .link-tab-varient.var-1 .info-tab-link-carousel .owl-carousel .owl-item { padding: 0 25px; } .mt .kader-module .info-tab-link-carousel.generic-varient .owl-carousel .owl-item { padding: 0 10px; } .mt .kader-module .kader-thumb { cursor: pointer; } .mt .kader-module .kader-thumb:hover .dp img { transform: scale(1.1, 1.1); -webkit-transition: all 6s ease 0s; transition: all 6s ease 0s; } .mt .kader-module .kader-thumb.inactive-thumb { opacity: 0.25; } .mt .kader-module .kader-thumb .dp { text-align: center; overflow: hidden; } .mt .kader-module .kader-thumb .dp img { display: inline-block; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .mt .kader-module .kader-thumb>.main-wrap { position: relative; } .mt .kader-module .kader-thumb .info { position: absolute; width: 100%; z-index: 1; left: 0px; bottom: -1px; background-repeat: no-repeat; background-position: left top; background-size: cover; background-image: url('../../../fileadmin/templates/Website/Images/kader-back.png'); text-align: right; } .mt .kader-module .kader-thumb .info .excerpt { padding: 45px 0 12px 0; display: inline-block; } .mt .kader-module .kader-thumb .info .excerpt .number { font-size: 67px; line-height: 3.35px; font-family: "Triester Sans Outline"; display: inline-block; vertical-align: bottom; margin-right: 20px; line-height: 62px; } .mt .kader-module .kader-thumb .info .excerpt .number:last-child { margin-right: 0px; } .mt .kader-module .kader-thumb .info .excerpt .name { display: inline-block; vertical-align: bottom; text-align: left; } .mt .kader-module .kader-thumb .info .excerpt .name .primary { font-size: 26px; line-height: 30px; text-transform: uppercase; letter-spacing: 2.52px; margin-bottom: 0px; padding-right: 25px; margin-top: 10px; } .mt .kader-module .kader-thumb .info .excerpt .name .secondary { font-size: 16px; font-family: 'Open Sans'; font-weight: 300; } .mt .kader-module .kader-detail-wrap { overflow: hidden; } .mt .kader-module .kader-detail-wrap .first-visible-appearance { position: absolute; visibility: hidden; pointer-events: none; } .mt .kader-module .kader-detail-wrap .first-visible-appearance.active { position: static; visibility: visible; pointer-events: auto; } .mt .kader-module .kader-detail-view { padding-top: 120px; padding-bottom: 80px; } .mt .kader-module .kader-detail-view:first-child { padding-top: 0px; } .mt .kader-module .kader-detail-view .detail-player-primary-info .player-img { text-align: center; margin-bottom: 45px; } .mt .kader-module .kader-detail-view .detail-player-primary-info .player-img:last-child { margin-bottom: 0px; } .mt .kader-module .kader-detail-view .detail-player-primary-info .player-img img { display: inline-block; } .mt .kader-module .kader-detail-view .detail-player-primary-info .brand-logo { text-align: center; } .mt .kader-module .kader-detail-view .detail-player-primary-info .brand-logo img { display: inline-block; } .mt .kader-module .kader-detail-view .name-number { display: flex; flex-wrap: wrap; } .mt .kader-module .kader-detail-view .name-number>div { flex-grow: 1; } .mt .kader-module .kader-detail-view .name-number>div.name { width: 70%; } .mt .kader-module .kader-detail-view .name-number>div.number { width: 30%; } .mt .kader-module .kader-detail-view .name-number .name .primary { font-size: 56px; letter-spacing: 3.92px; text-transform: uppercase; } .mt .kader-module .kader-detail-view .name-number .name .secondary { font-size: 25px; font-family: 'Open Sans'; font-weight: 300; } .mt .kader-module .kader-detail-view .name-number .number { font-size: 105px; letter-spacing: 5.25px; font-family: "Triester Sans Outline"; line-height: normal; } .mt .kader-module .kader-detail-view .carrier-board table { width: 100%; } .mt .kader-module .kader-detail-view .carrier-board td { padding: 10px 0 10px 0; font-size: 20px; text-transform: uppercase; border-bottom: 1px solid; } .mt .kader-module .kader-detail-view .carrier-board td:first-child { padding-right: 10px; } .mt .kader-module .kader-detail-view .carrier-board td:last-child { padding-left: 10px; text-align: right; } .mt .kader-module .kader-brand { text-align: center; } .mt .kader-module .kader-brand img { display: inline-block; } .mt .kader-module .kader-social { margin-right: 30px; display: inline-block; vertical-align: middle; } .mt .kader-module .kader-social:last-child { margin-right: 0px; } .mt .kader-module .kader-social a { display: inline-block; vertical-align: top; margin-right: 30px; } .mt .kader-module .kader-social a:last-child { margin-right: 0px; } .mt .kader-module .kader-activity-link { display: inline-block; vertical-align: middle; } .mt .kader-module .tab-link-page-respective-content.inactive-view { visibility: hidden; opacity: 0; pointer-events: none; position: fixed; z-index: -9999999; width: 100%; left: 0px; top: 0px; } .mt .kader-module .tab-link-page-respective-content.active { visibility: visible; opacity: 1; pointer-events: auto; position: inherit; z-index: inherit; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; left: inherit; top: inherit; } .mt .kader-module .tab-link-page-module.carousel-type .main-wrap { display: inherit; margin: 0px; } .mt .kader-module .tab-link-page-module.carousel-type .main-wrap>div { flex-grow: inherit; padding: 0px; } .mt .kader-module .tab-link-page-module.carousel-type .owl-carousel { padding: 0 67px; } .mt .kader-module .tab-link-page-module.carousel-type .owl-carousel .owl-nav { padding: 0px; width: 100%; position: absolute; height: 100%; top: 50%; margin-top: -37px; margin-left: -67px; margin-right: -67px; pointer-events: none; } .mt .kader-module .tab-link-page-module.carousel-type .owl-carousel .owl-nav button { width: 30%; /*width: 42px;*/ height: 75px; background-repeat: no-repeat; background-size: 15px; pointer-events: auto; } .mt .kader-module .tab-link-page-module.carousel-type .owl-carousel .owl-nav button span { display: none; } .mt .kader-module .tab-link-page-module.carousel-type .owl-carousel .owl-nav button.owl-prev { background-image: url('../../../fileadmin/templates/Website/Images/carousel-prev.svg'); float: left; background-position: left center; } .mt .kader-module .tab-link-page-module.carousel-type .owl-carousel .owl-nav button.owl-next { background-image: url('../../../fileadmin/templates/Website/Images/carousel-next.svg'); float: right; background-position: right center; } .mt .kader-module .tab-link-page-module.carousel-type .owl-carousel .owl-nav.disabled { display: block; } .mt .kader-module .tab-link-page-module.carousel-type .owl-item { padding: 0 10px; float: none; display: inline-block; vertical-align: middle; } .mt .kader-module .tab-link-page-module.carousel-type .owl-item a { opacity: 1 !important; } .mt .kader-module .tab-link-page-module.carousel-type .owl-item>div { display: inline-block; vertical-align: middle; } .mt .kader-module .tab-link-page-module.carousel-type .owl-item.active { text-align: left; } .mt .kader-module .tab-link-page-module.carousel-type .owl-item.active.center { text-align: center; } .mt .kader-module .tab-link-page-module.carousel-type .owl-item.active.center span { font-size: 55px; } .mt .kader-module .tab-link-page-module.carousel-type .owl-item.active.center+.active { text-align: right; } .mt .kader-module .tab-link-page-module .main-wrap { display: flex; flex-wrap: wrap; align-items: center; margin-left: -10px; margin-right: -10px; } .mt .kader-module .tab-link-page-module .main-wrap>div { flex-grow: 1; padding-left: 10px; padding-right: 10px; } .mt .kader-module .tab-link-page-module .main-wrap>div a { -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .mt .kader-module .tab-link-page-module .main-wrap>div:not(.active) a:hover { opacity: 0.6; } .mt .kader-module .tab-link-page-module .main-wrap>div.prev i { background-image: url('../../../fileadmin/templates/Website/Images/carousel-prev.svg'); margin-right: 25px; } .mt .kader-module .tab-link-page-module .main-wrap>div.active span { font-size: 70px; } .mt .kader-module .tab-link-page-module .main-wrap>div.next i { background-image: url('../../../fileadmin/templates/Website/Images/carousel-next.svg'); margin-left: 25px; } .mt .kader-module .tab-link-page-module .main-wrap>div i { display: inline-block; vertical-align: middle; width: 42px; height: 75px; background-repeat: no-repeat; background-position: left top; background-size: 42px; } .mt .kader-module .tab-link-page-module .main-wrap>div span { display: inline-block; vertical-align: middle; font-size: 26px; letter-spacing: 1.3px; text-transform: uppercase; } @media screen and (min-width: 1200px) { .mt .kader-module .info-tab-link-carousel .owl-carousel .owl-stage { min-width: 100%; } .mt .kader-module .info-tab-link-carousel .owl-carousel .owl-item { width: auto !important; } } .mt .kader-module .info-tab-link-carousel .owl-carousel .owl-stage { margin-left: auto; margin-right: auto; min-width: 100%; text-align: center; } .mt .kader-module .info-tab-link-carousel .owl-carousel .owl-item { float: none; display: inline-block; vertical-align: middle; } .mt .kader-module .info-tab-link-carousel .owl-carousel .owl-item.current .item>div, .mt .kader-module .info-tab-link-carousel .owl-carousel .owl-item:hover .item>div { border-color: #DE0000; } .mt .kader-module .info-tab-link-carousel .owl-carousel .owl-item.current .item>div i .normal-img, .mt .kader-module .info-tab-link-carousel .owl-carousel .owl-item:hover .item>div i .normal-img { display: none; } .mt .kader-module .info-tab-link-carousel .owl-carousel .owl-item.current .item>div i .active-img, .mt .kader-module .info-tab-link-carousel .owl-carousel .owl-item:hover .item>div i .active-img { display: inline-block; } .mt .kader-module .info-tab-link-carousel .owl-carousel .owl-item.current .item>div span, .mt .kader-module .info-tab-link-carousel .owl-carousel .owl-item:hover .item>div span { color: #DE0000; } .mt .kader-module .info-tab-link-carousel .owl-carousel .item { text-align: center; cursor: pointer; } .mt .kader-module .info-tab-link-carousel .owl-carousel .item>div { display: inline-block; padding: 10px 5px; border-bottom: 4px solid transparent; } .mt .kader-module .info-tab-link-carousel .owl-carousel .item>div i { display: inline-block; vertical-align: middle; margin-right: 10px; } .mt .kader-module .info-tab-link-carousel .owl-carousel .item>div i .normal-img { display: inline-block; } .mt .kader-module .info-tab-link-carousel .owl-carousel .item>div i .active-img { display: none; } .mt .kader-module .info-tab-link-carousel .owl-carousel .item>div span { display: inline-block; vertical-align: middle; font-size: 28px; letter-spacing: 1.96px; text-transform: uppercase; } .mt .kader-module .close-detail-view { margin-top: 25px; } .mt .news-listing-module.current-news-category .news-tags div { margin-top: 0px; } .mt .news-listing-module .the-listing>.row>.my-col { margin-top: 50px !important; } .mt .news-listing-module .the-listing>.row>.my-col:hover .img-holder img { transform: scale(1.2, 1.2); -webkit-transition: all 6s ease 0s; transition: all 6s ease 0s; } .mt .news-listing-module .news-list-filter .custom-inputText-block .site-button.with-calender { min-width: 175px; } .mt .news-listing-module .news-list-filter .filter-button-row { padding-top: 15px; padding-bottom: 15px; border-top: 2px solid; } .mt .news-listing-module .news-list-filter .filter-button-row:first-child { border: none; } .mt .news-listing-module .news-list-filter .filter-button-row .news-tags div { margin-top: 0px; margin-bottom: 20px; opacity: 0.3; cursor: pointer; } .mt .news-listing-module .news-list-filter .filter-button-row .news-tags div.selected { opacity: 1; } .mt .news-listing-module .news-list-filter .filter-button-row .news-tags div.jplist-selected { background-color: #fff !important; color: #DE0000 !important; } .mt .news-listing-module .news-list-filter .filter-search-filed .dropdown { display: inline-block; } .mt .news-listing-module .news-list-filter .filter-search-filed .search-dropdown-trigger { cursor: pointer; display: inline-block; } .mt .news-listing-module .news-list-filter .filter-search-filed .with-search { pointer-events: none; } .mt .news-listing-module .news-list-filter .filter-search-filed .input-holder { width: 175px; display: inline-block; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; position: relative; cursor: pointer; } .mt .news-listing-module .news-list-filter .filter-search-filed .input-holder input[type="text"] { width: 100%; height: 100%; margin: 0px; padding: 0px; border: none; background-color: transparent; position: absolute; z-index: 1; left: 0px; top: 0px; padding-right: 60px; padding-left: 30px; pointer-events: none; font-size: 21px; letter-spacing: 1.05px; box-shadow: none; } .mt .news-listing-module .news-list-filter .filter-search-filed .input-holder input[type="text"]::placeholder { opacity: 1; color: #fff; } .mt .site-button.with-search { position: relative; z-index: 2; } .mt .news-listing-module .news-list-filter .filter-search-filed .input-holder input[type="submit"] { width: 60px; height: 100%; position: absolute; right: 0px; top: 0px; border: none; background: transparent; font-size: 0px; z-index: 2; pointer-events: none; } .mt .news-listing-module .news-list-filter .filter-search-filed .input-holder .site-button { width: 100%; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; text-align: left; } .mt .news-listing-module .news-list-filter .filter-search-filed .input-holder .site-button span { opacity: 0; } .mt .news-listing-module .news-list-filter .filter-search-filed .input-holder.enable { width: 100%; } .mt .news-listing-module .news-list-filter .filter-search-filed .input-holder.enable input[type="text"], .mt .news-listing-module .news-list-filter .filter-search-filed .input-holder.enable input[type="submit"] { pointer-events: auto; } .mt .news-listing-module .featured-img { position: relative; } .mt .news-listing-module .news-primary-info { position: absolute; width: 100%; left: 0px; bottom: 0px; z-index: 1; padding: 15px; } .mt .news-listing-module .news-primary-info .general-roofline-tag { position: absolute; left: 0px; bottom: 100%; z-index: 1; } .mt .news-listing-module .news-primary-info .general-roofline-tag span { font-size: 14px; padding: 4px 10px; } .mt .news-listing-module .news-primary-info .news-date, .mt .news-listing-module .news-primary-info .news-title, .mt .news-listing-module .news-primary-info .news-excerpt { position: relative; z-index: 1; } .mt .news-listing-module .news-primary-info:after { content: ' '; display: block; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: rgba(60, 60, 60, 0.8); opacity: 1; backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); } .mt .news-listing-module .img-holder { overflow: hidden; max-height: inherit !important; } .mt .news-listing-module .img-holder img { -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .mt .news-listing-module .news-tags.link-type-theme { text-align: left !important; margin-left: 0px !important; margin-right: 0px !important; } .mt .news-listing-module .news-tags.link-type-theme div { padding: 0px; min-width: inherit; color: white; border: none; border: 0px; margin: 0 10px 10px 0 !important; background-color: transparent !important; width: auto !important; } .mt .news-listing-module .news-tags.link-type-theme div.alles-tag a { color: white !important; } .mt .news-listing-module .news-tags.link-type-theme div a { display: block; padding-bottom: 5px; border-bottom: 4px solid transparent; color: white !important; } .mt .news-listing-module .news-tags.link-type-theme div:hover>a, .mt .news-listing-module .news-tags.link-type-theme div.selected>a { color: #DE0000 !important; border-color: #DE0000 !important; } .mt .news-listing-module .news-tags div { display: inline-block; padding: 12px; text-transform: uppercase; font-size: 19px; letter-spacing: 0.95px; border-radius: 50px; min-width: 175px; text-align: center; margin: 10px; color: #fff !important; } .mt .news-listing-module .news-tags div a { display: block; } .mt .news-listing-module .news-tags div span { color: #fff !important; } .mt .news-listing-module .news-tags div.danger-tag { background-color: #DE0000; } .mt .news-listing-module .news-tags div.danger-tag span { background-color: #DE0000; } .mt .news-listing-module .news-tags div.alles-tag { background-color: #fff; color: #121217 !important; } .mt .news-listing-module .news-tags div.alles-tag a { color: #121217 !important; } .mt .news-listing-module .news-tags div.alles-tag span { background-color: #fff; color: #121217 !important; } .mt .news-listing-module .news-tags div.pretty-tag { background-color: #DB7683; } .mt .news-listing-module .news-tags div.pretty-tag span { background-color: #DB7683; } .mt .news-listing-module .news-tags div.copper-tag { background-color: #890013; } .mt .news-listing-module .news-tags div.copper-tag span { background-color: #890013; } .mt .news-listing-module .news-tags div.success-tag { background-color: #2F4AB9; } .mt .news-listing-module .news-tags div.success-tag span { background-color: #2F4AB9; } .mt .news-listing-module .news-tags div.Lightsuccess-tag { background-color: #6EA2CE; } .mt .news-listing-module .news-tags div.Lightsuccess-tag span { background-color: #6EA2CE; } .mt .news-listing-module .news-tags div.grey-tag { background-color: #9D9999; } .mt .news-listing-module .news-tags div.grey-tag span { background-color: #9D9999; } .mt .news-listing-module .the-listing .featured-img { position: relative; margin-bottom: 0px !important; } .mt .news-listing-module .the-listing .featured-img .news-tags { position: absolute; right: 10px; top: 10px; z-index: 1; pointer-events: none; } .mt .news-listing-module .the-listing .featured-img img { width: 100%; height: auto; } .mt .news-listing-module .the-listing .news-date { font-size: 15px; line-height: normal; font-family: 'Open Sans'; font-weight: bold; margin-bottom: 15px; } .mt .news-listing-module .the-listing .news-date span { display: inline-block; } .mt .news-listing-module .the-listing .news-title { font-size: 25px; line-height: 33px; text-transform: uppercase; margin-bottom: 15px; } .mt .news-listing-module .the-listing .news-excerpt { margin-bottom: 25px; } .mt .news-detail-header .post-date { font-size: 15px; font-family: 'Open Sans'; font-weight: normal; } .mt .news-detail-header .post-intro-title { font-size: 50px; line-height: 60px; text-transform: uppercase; } .mt .newsdetail-module .link-activity-section .news-listing-module .news-tags div { margin-top: 0px; margin-right: 0px; } .mt .newsdetail-module .news-intor-text p { letter-spacing: 1.05px; font-size: 17px; line-height: 34px; font-family: 'Open Sans'; font-weight: normal; } .mt .newsdetail-module .news-context.entry p { font-family: 'Open Sans'; font-weight: normal; margin-bottom: 50px; } .mt .newsdetail-module .news-context.entry li { font-family: 'Open Sans'; font-weight: normal; } .mt .newsdetail-module .news-relative-activity { padding: 15px 0; border-top: 2px solid; } .mt .newsdetail-module .news-relative-share { display: inline-block; } .mt .newsdetail-module .news-relative-share a { margin-right: 30px; display: inline-block; vertical-align: middle; } .mt .newsdetail-module .news-relative-share a:last-child { margin-right: 0px; } .mt .social-post .my-col:hover .img-holder img { transform: scale(1.2, 1.2); -webkit-transition: all 6s ease 0s; transition: all 6s ease 0s; } .mt .social-post .img-holder { overflow: hidden; } .mt .social-post .img-holder img { width: 100%; height: auto; -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } .mt .teaser-price-info-element .the-price { font-size: 32px; letter-spacing: 1.6px; margin-bottom: 20px; text-transform: uppercase; } .mt .teaser-price-info-element .the-price span { display: block; font-size: 45px; } .mt .prouduct-with-statement-teaser .img-holder { position: relative; margin-bottom: 20px; } .mt .prouduct-with-statement-teaser .new-tag { position: absolute; z-index: 2; top: 20px; right: 20px; } .mt .prouduct-with-statement-teaser .overlay-content { position: absolute; width: 100%; height: 100%; z-index: 1; left: 0px; top: 0px; text-align: center; background-color: rgba(0, 0, 0, 0.8); padding: 220px 60px 60px 60px; } .mt .prouduct-with-statement-teaser .overlay-content .module-header span { display: inline-block; } .mt .prouduct-with-statement-teaser .the-img img { width: 100%; height: auto; } .mt .prouduct-with-statement-teaser .statement-caption { position: absolute; text-align: right; width: 100%; padding: 40px 40px 80px 40px; left: 0px; bottom: 0px; } .mt .prouduct-with-statement-teaser .statement-caption>div { display: inline-block; padding: 20px; background-color: #fff; border-radius: 15px; text-align: left; } .mt .prouduct-with-statement-teaser .statement-caption>div .the-title { font-size: 35px; color: #DE0000; text-transform: uppercase; letter-spacing: 1.75px; margin-bottom: 35px; line-height: normal; } .mt .prouduct-with-statement-teaser .statement-caption>div .the-statement { font-size: 21px; line-height: 31px; color: #000; font-family: 'Open Sans'; font-weight: bold; } .mt .prouduct-listing-teaser>.row>.my-col { margin-top: 120px; } .mt .prouduct-listing-teaser .pruduct-featured-img { margin-bottom: 45px; position: relative; } .mt .prouduct-listing-teaser .pruduct-featured-img .product-status-tag { position: absolute; right: 0px; top: 0px; } .mt .prouduct-listing-teaser .pruduct-featured-img .product-status-tag.new span { background-color: #DEA200; } .mt .prouduct-listing-teaser .pruduct-featured-img .product-status-tag.beliebt span { background-color: #4618C3; } .mt .prouduct-listing-teaser .pruduct-featured-img .product-status-tag span { display: inline-block; padding: 8px 22px; font-family: 'Open Sans'; font-weight: bold; font-size: 12px; color: #fff; border-radius: 27px; z-index: 1; text-transform: uppercase; margin: 0 10px 10px 0; } .mt .prouduct-listing-teaser .pruduct-featured-img .product-status-tag span:last-child { margin-right: 0px; } .mt .prouduct-listing-teaser .title { font-size: 21px; letter-spacing: 1.05px; text-transform: uppercase; margin-bottom: 15px; line-height: normal; } .mt .prouduct-listing-teaser .price { margin-bottom: 15px; } .mt .prouduct-listing-teaser .price .the-price { padding: 5px 20px; border-radius: 25px; font-family: 'Open Sans'; font-weight: bold; display: inline-block; } .mt .prouduct-listing-teaser .price .the-price.old { font-size: 12px; color: #fff; background-color: #DE0000; position: relative; z-index: 1; min-width: 85; text-decoration: line-through; } .mt .prouduct-listing-teaser .price .the-price.new { font-size: 17px; color: #000; background-color: #fff; margin-top: -5px; min-width: 96px; } .mt .iconic-widget-content .icon { margin-bottom: 15px; } .mt .iconic-widget-content .icon img { display: inline-block; } .mt .iconic-widget-content .title { font-size: 31px; letter-spacing: 1.55px; text-transform: uppercase; } .mt .iconic-widget-content .title span { display: inline-block; } .mt .cupon-notice { font-size: 14px; margin-top: 10px; display: block; } .mt .cupon-notice.danger { color: #DE0000; } .mt .cupon-notice.success { color: #12C486; } .mt .site-form .custom-check-witherror .custom-check .check-block { position: static; } .mt .site-form .custom-check-witherror .custom-check .check-block .clone-check { width: 28px; height: 28px; } .mt .site-form .filed-group-title { font-size: 26px; line-height: 30px; text-transform: uppercase; } .mt .site-form .entry h5 { margin-bottom: 20px; } .mt .site-form .form-field { position: relative; } .mt .site-form .form-field .alert { position: absolute; width: 100%; left: 0px; top: 100%; font-size: 14px; font-family: 'Open Sans'; font-weight: 300; line-height: normal; margin: 0px; border: none; z-index: 1; } .mt .site-form .form-field .alert .close { opacity: 1; position: absolute; right: 5px; top: 0px; font-size: 30px; } .mt .site-form .form-field .alert h1, .mt .site-form .form-field .alert h2, .mt .site-form .form-field .alert h3, .mt .site-form .form-field .alert h4, .mt .site-form .form-field .alert h5, .mt .site-form .form-field .alert h6 { font-size: 15px; margin-bottom: 5px; line-height: normal; } .mt .site-form .form-field .alert.bg-danger { background-color: #DE0000; } .mt .site-form .form-field .alert.bg-danger * { color: #fff; } .mt .site-form .form-field.auto-height { height: auto !important; } .mt .site-form .form-field.block-field { display: block !important; } .mt .site-form .form-field.global-width-type-one { width: 370px; } .mt .site-form .incs-decs-number-value { display: inline-block; } .mt .site-form .incs-decs-number-value .value-button { float: left; width: 50px; background-position: center center; background-repeat: no-repeat; background-color: #E2E2E2; cursor: pointer; color: #121217; font-family: 'Open Sans'; font-weight: bold; text-align: center; font-size: 30px; line-height: 44px; height: 45px; } .mt .site-form .incs-decs-number-value .value-button.decrease { border-radius: 41px 0 0 41px; line-height: 41px; } .mt .site-form .incs-decs-number-value .value-button.increase { border-radius: 0 41px 41px 0; } .mt .site-form .incs-decs-number-value input { height: 45px; width: 80px; float: left; text-align: center; background-color: #fff; color: #121217; font-family: 'Open Sans'; font-weight: bold; border: none; margin: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0px; font-size: 21px; } .mt .site-form select { letter-spacing: 1.05px; font-size: 17px; color: #121217; border: none; background-color: transparent; width: 100%; height: 100%; padding: 0 45px 0 25px; margin: 0px; } .mt .site-form .select-field { position: relative; border-radius: 41px; background-color: #fff; background-image: url('../../../fileadmin/templates/Website/Images/down-arrow-dark.svg'); background-repeat: no-repeat; background-position: right 20px center; background-size: 21px; height: 45px; } .mt .site-form .select-field .ui-selectmenu-button.ui-button { width: 100%; } .mt .site-form .select-field .ui-corner-all, .mt .site-form .select-field .ui-corner-bottom, .mt .site-form .select-field .ui-corner-right, .mt .site-form .select-field .ui-corner-br { border-radius: 0px; } .mt .site-form .select-field .ui-selectmenu-icon.ui-icon { display: none; } .mt .site-form .select-field .ui-button { padding: 0 45px 0 25px; border: none; width: 100%; height: 100%; margin: 0px; background-color: transparent; } .mt .site-form .select-field .ui-selectmenu-text { margin: 0px; height: 100%; width: 100%; letter-spacing: 1.05px; font-size: 17px; color: #121217; font-family: "Triester Sans"; line-height: 45px; } .mt .site-form .site-textarea { font-family: 'Open Sans'; font-weight: bold; background-color: transparent; bottom: 2px solid; height: 100px; width: 100%; resize: vertical; padding: 10px; } .mt .site-form .text-input { font-size: 15px; font-family: 'Open Sans'; font-weight: bold; border: none; background-color: transparent; border-bottom: 2px solid; height: 30px; width: 100%; } .mt .site-form .text-input.rememove-placeholder::placeholder { visibility: hidden; } .mt .site-form .text-input.danger { color: #DE0000; } .mt .site-form .text-input.danger::placeholder { opacity: 0.5; color: #DE0000; } .mt .site-form .text-input::placeholder { opacity: 0.5; color: #fff; text-transform: uppercase; } .mt .site-form .custom-check .check-block { width: 28px; height: 28px; position: relative; border: 2px solid; display: inline-block; vertical-align: top; } .mt .site-form .custom-check .check-block input[type="checkbox"] { width: 100%; height: 100%; margin: 0px; padding: 0px; opacity: 0; border: none; } .mt .site-form .custom-check .check-block input[type="checkbox"]:checked+.clone-check { visibility: visible; } .mt .site-form .custom-check .check-block .clone-check { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; pointer-events: none; visibility: hidden; text-align: center; line-height: 28px; font-size: 20px; } .mt .site-form .custom-check label { font-size: 15px; line-height: 35px; font-family: 'Open Sans'; font-weight: bold; display: inline-block; vertical-align: top; max-width: 80%; padding-left: 20px; } .mt .shop-product-detail .product-showcase .owl-carousel { padding-left: 0px; padding-right: 0px; } .mt .shop-product-detail .product-showcase .owl-carousel .item { text-align: center; } .mt .shop-product-detail .product-showcase .owl-carousel .item img { display: inline-block; } .mt .shop-product-detail .product-showcase .owl-carousel .owl-dots { text-align: center; margin-top: 50px; } .mt .shop-product-detail .product-showcase .owl-carousel .owl-nav { margin-top: -25px; } .mt .shop-product-detail .product-showcase .owl-carousel .owl-nav button { width: 27px; height: 49px; } .mt .shop-product-detail .buying-form.site-form .select-field { height: 45px; } .mt .shop-product-detail .buying-form.site-form select { font-size: 17px; } .mt .shop-product-detail .buying-form.site-form option { font: -moz-pull-down-menu; font-family: 'Open Sans'; font-size: 17px; } .mt .shop-product-detail .buying-form .form-row { margin-top: 20px; } .mt .shop-product-detail .buying-form .form-row:first-child { margin-top: 0px; } .mt .shop-product-detail .buying-form .ext-gap-row { margin-top: 20px; margin-bottom: 20px; } .mt .shop-product-detail .buying-form label { display: inline-block; vertical-align: middle; line-height: normal; width: 125px; padding: 0 5px 0 0; font-size: 21px; margin: 0px; letter-spacing: 1.05px; text-transform: uppercase; } .mt .shop-product-detail .buying-form .form-field { display: inline-block; vertical-align: middle; } .mt .shop-product-detail .buying-form .form-field.width-type-one { width: 200px; } .mt .shop-product-detail .buying-form .form-field.width-type-two { width: 280px; } .mt .shop-product-detail .buying-price .secondary-part p.lg--para-text { font-size: 15px; } .mt .shop-product-detail .buying-price .main-wrap { align-items: flex-end; } .mt .shop-product-detail .buying-price .price { display: block; font-family: 'Open Sans'; font-weight: bold; line-height: normal; } .mt .shop-product-detail .buying-price .price.old-price { font-size: 24px; text-decoration: line-through; color: #DE0000; } .mt .shop-product-detail .buying-price .price.new-price { font-size: 44px; } .mt .shop-product-detail .buy-button a { display: inline-block; padding: 10px 22px; text-align: center; border-radius: 41px; background-color: #DE0000; } .mt .shop-product-detail .buy-button a i, .mt .shop-product-detail .buy-button a span { display: inline-block; vertical-align: middle; margin: 0 7px; } .mt .shop-product-detail .buy-button a i img { max-width: 40px; } .mt .shop-product-detail .buy-button a span { font-size: 21px; letter-spacing: 1.8px; color: #fff; text-transform: uppercase; line-height: normal; } .mt .side-bar-box { padding: 50px 40px; border-radius: 22px; } .mt .side-bar-box.type-two { padding: 20px; } .mt .side-bar-box.light { background-color: #fff; } .mt .light-bg * { color: #29292E; } .mt .light-bg .text-input::placeholder { color: #29292E !important; } .mt .cart-table table { width: 100%; } .mt .cart-table table th, .mt .cart-table table td { vertical-align: top; } .mt .cart-table thead th { font-size: 19px; letter-spacing: 0.95px; font-family: 'Open Sans'; font-weight: bold; padding: 15px 15px 15px 0; border-bottom: 2px solid; } .mt .cart-table thead th:last-child { padding-right: 0px; } .mt .cart-table tbody td { padding: 30px 30px 30px 0; vertical-align: top; border-bottom: 2px solid; border-color: rgba(255, 255, 255, 0.5); } .mt .cart-table tbody td.cart-product-inc-ded-qty, .mt .cart-table tbody td.cart-product-stuck, .mt .cart-table tbody td.cart-product-summe { vertical-align: middle; } .mt .cart-table tbody td:last-child { padding-right: 0px; } .mt .cart-table tbody td p { font-size: 21px; line-height: 30px; } .mt .cart-table tbody .cart-product-img img { display: inline-block; max-width: 100px; height: auto; } .mt .cart-table tbody .product-info span { display: block; } .mt .cart-table tbody .product-info span.primary { font-size: 36px; letter-spacing: 0.36px; line-height: 48px; text-transform: uppercase; } .mt .cart-table tbody .product-info span.secondary { font-family: 'Open Sans'; font-weight: normal; font-size: 17px; line-height: 25px; } .mt .cart-bottom-action { padding-bottom: 70px; border-bottom: 2px solid; } .mt .cart-price-spliting-table { text-align: left; min-width: 420px; } .mt .cart-price-spliting-table table { width: 100%; } .mt .cart-price-spliting-table table tbody td { font-size: 19px; line-height: normal; font-family: 'Open Sans'; font-weight: normal; padding: 0 10px 10px 0px; } .mt .cart-price-spliting-table table tbody td.lg { font-size: 21px; font-weight: 700; } .mt .cart-price-spliting-table table tbody td.tiny { font-size: 15px; } .mt .cart-price-spliting-table table tbody td:last-child { text-align: right; padding-right: 0px; } .mt .overlay-cart { width: 100%; height: 100vh; position: fixed; left: 0px; top: 0px; z-index: -100000000; background-color: rgba(0, 0, 0, 0.6); color: #121217; visibility: hidden; pointer-events: none; opacity: 0; } .mt .overlay-cart.open { visibility: visible; pointer-events: auto; z-index: 999658971268; opacity: 1; } .mt .overlay-cart .the-cart-holder { float: right; height: 100vh; width: 475px; overflow-y: auto; background-color: #fff; padding: 20px 40px; color: #121217; visibility: hidden; pointer-events: none; } .mt .overlay-cart .the-cart-holder.active { visibility: visible; pointer-events: auto; } .mt .overlay-cart .the-cart-holder a { color: #121217; } .mt .overlay-cart .cart-overlay-close .line-button { display: block; } .mt .overlay-cart .overlay-cart-table table { width: 100%; margin: 0px; padding: 0px; } .mt .overlay-cart .overlay-cart-table .cart-total-split.first td { padding-top: 10px; } .mt .overlay-cart .overlay-cart-table .cart-total-split td { border: none; padding-top: 0px; padding-bottom: 0px; } .mt .overlay-cart .overlay-cart-table td { padding: 30px 30px 30px 0; border-bottom: 1px solid; border-color: rgba(18, 18, 23, 0.5); font-size: 19px; line-height: 30px; font-family: 'Open Sans'; font-weight: normal; } .mt .overlay-cart .overlay-cart-table td strong { font-weight: 700; } .mt .overlay-cart .overlay-cart-table td.middle { vertical-align: middle; } .mt .overlay-cart .overlay-cart-table td.top { vertical-align: top; } .mt .overlay-cart .overlay-cart-table td:last-child { padding-right: 0px; min-width: 100px; } .mt .overlay-cart .overlay-cart-table .product-thumb { max-width: 100px; height: auto; display: inline-block; } .mt .overlay-cart .overlay-cart-table .title { font-family: "Triester Sans"; font-size: 21px; text-transform: uppercase; } .mt .listing-menu a { display: block; padding: 25px 25px 25px 0; line-height: normal; font-size: 21px; text-transform: uppercase; border-top: 2px solid; letter-spacing: 1.05px; background-position: right center; background-repeat: no-repeat; background-size: 16px; background-image: url('../../../fileadmin/templates/Website/Images/carousel-next-dark.svg'); } .mt .listing-menu a span { display: inline-block; } .mt .listing-menu a:hover, .mt .listing-menu a.active { background-image: url('../../../fileadmin/templates/Website/Images/carousel-next-danger.svg'); } .mt .listing-menu a:hover span, .mt .listing-menu a.active span { color: #DE0000; } .mt .listing-menu a:first-child { border-top: none; } .mt .ubershit-info-module h1, .mt .ubershit-info-module h2, .mt .ubershit-info-module h3, .mt .ubershit-info-module h4, .mt .ubershit-info-module h5, .mt .ubershit-info-module h6 { margin-bottom: 20px; } .mt .ubershit-info-module>.row>.my-col { margin-top: 140px; } .mt .fancybox-container .ubershit-popup { width: 900px; padding: 65px 65px 100px 65px; background: url('../../../fileadmin/templates/Website/Images/fancy-popup-back.svg') no-repeat left bottom; background-size: cover; color: #121217; } .mt .fancybox-container .ubershit-popup .site-form .select-field { background-color: transparent; border: 2px solid; } .mt .fancybox-container .ubershit-popup .site-form .text-input::placeholder { color: #121217 !important; } .mt .fancybox-container .ubershit-popup .fancybox-close-small { width: 35px; height: 35px; border: none; padding: 0px; margin: 0px; background: url('../../../fileadmin/templates/Website/Images/close-icon-dark.svg') no-repeat left top; background-size: cover; top: 60px; right: 60px; } .mt .fancybox-container .ubershit-popup .fancybox-close-small svg { display: none; } .mt .cart-accordion-module .flex-row { display: flex; flex-wrap: wrap; margin-left: -5px; margin-right: -5px; } .mt .cart-accordion-module .flex-row>.flex-column { flex-grow: 1; width: 25%; padding-left: 5px; padding-right: 5px; line-height: normal; } .mt .cart-accordion-module .main-head { padding-left: 25px; padding-right: 65px; } .mt .cart-accordion-module .main-head ul { list-style: none; padding: 0px; margin-top: 0px; margin-bottom: 0px; } .mt .cart-accordion-module .main-head ul li { margin: 0px; padding-top: 20px; padding-bottom: 20px; font-size: 19px; font-family: 'Open Sans'; font-weight: bold; } .mt .cart-accordion-module .accordion-box { padding: 25px 65px 25px 25px; border-radius: 20px; background-color: #33333B; position: relative; margin-bottom: 10px; } .mt .cart-accordion-module .accordion-box .accordion-trigger { width: 65px; height: 19px; position: absolute; right: 0px; top: 30px; background-position: center center; background-repeat: no-repeat; background-size: 32px; background-image: url('../../../fileadmin/templates/Website/Images/down-arrow-white.svg'); cursor: pointer; transition: all 0.3s ease 0s; } .mt .cart-accordion-module .accordion-box .accordion-trigger.open { transform: rotate(180deg); transform-origin: center center; } .mt .cart-accordion-module .accordion-box .collapsed-area { display: none; border-top: 2px solid; margin-top: 20px; } .mt .cart-accordion-module .accordion-box .accordion-head>div { font-size: 19px; font-family: 'Open Sans'; font-weight: normal; line-height: normal; } .mt .cart-accordion-module .accordion-box .accordion-head>div strong { font-weight: 700; } .mt .cart-accordion-module .accordion-box .info-head>div { padding-top: 20px; padding-bottom: 20px; font-size: 19px; font-family: 'Open Sans'; font-weight: normal; line-height: normal; } .mt .cart-accordion-module .accordion-box .product-list { padding-top: 35px; padding-bottom: 35px; border-top: 2px solid #2b2b31; } .mt .cart-accordion-module .accordion-box .product-list .product-img { width: 100px; text-align: center; margin-right: 10px; display: inline-block; vertical-align: top; } .mt .cart-accordion-module .accordion-box .product-list .product-img img { display: inline-block; } .mt .cart-accordion-module .accordion-box .product-list .product-info { display: inline-block; vertical-align: top; } .mt .cart-accordion-module .accordion-box .product-list .product-info .primary { font-family: 'Open Sans'; font-weight: bold; font-size: 19px; margin-bottom: 20px; } .mt .cart-accordion-module .accordion-box .product-list .product-info .secondary { font-family: 'Open Sans'; font-weight: normal; font-size: 17px; } .mt .cart-accordion-module .accordion-box .product-list .product-price { font-family: 'Open Sans'; font-weight: normal; font-size: 19px; } .mt .ui-selectmenu-menu .ui-widget.ui-widget-content { padding: 25px; border: none; border-radius: 30px; margin-top: 5px; } .mt .ui-selectmenu-menu .ui-menu .ui-menu-item-wrapper { font-size: 17px; padding: 10px; border-bottom: 1px solid; font-family: "Triester Sans"; } .mt .ui-selectmenu-menu .ui-menu .ui-menu-item:last-child div { border-bottom: none; } .mt .ui-selectmenu-menu .ui-state-active, .mt .ui-selectmenu-menu .ui-button.ui-state-active:hover { border: none; background-color: #DE0000; color: white; font-weight: inherit; } .mt .info-tab-body-wrap .the-content { opacity: 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; pointer-events: none; } .mt .info-tab-body-wrap .the-content.tab-content-visible { opacity: 1; pointer-events: auto; } .mt .download-module .title { font-size: 19px; line-height: 30px; font-family: 'Open Sans'; font-weight: normal; } .mt .download-module>.row { margin-left: -12.5px !important; margin-right: -12.5px !important; } .mt .download-module>.row>.my-col { padding-left: 12.5px !important; padding-right: 12.5px !important; margin-top: 0px !important; margin-bottom: 60px; } .mt .download-module>.row>.load-more-col, .mt .download-module>.row>.clear { padding-left: 8px !important; padding-right: 8px !important; margin-top: 0px !important; } .mt .download-trigger a { display: inline-block; height: 50px; width: 50px; border-radius: 50px; border: 2px solid #DE0000; background-image: url('../../../fileadmin/templates/Website/Images/cloud-computing-danger.svg'); background-position: left 9px center; background-size: 30px; background-repeat: no-repeat; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; overflow: hidden; } .mt .download-trigger a span { display: inline-block; font-size: 21px; line-height: 48px; text-transform: uppercase; margin-left: 55px; margin-right: 10px; } .mt .download-trigger a:hover { width: 200px; background-color: #DE0000; background-image: url('../../../fileadmin/templates/Website/Images/cloud-computing-light.svg'); } /*from integration*/ .mt .general-carousel.teaser-content-with-carousel .owl-carousel.single-slide .owl-stage-outer { margin-bottom: 0; } .mt .top-banner-module.roof-line-slider .img-holder.img-holder-black:after { background: transparent linear-gradient(180deg, #12121780 0%, #12121700 17%, #1212178E 67%, #121217BE 100%) 0% 0% no-repeat padding-box; opacity: 1; } .mt .prouduct-with-statement-teaser .overlay-content { background-color: rgba(0, 0, 0, 0.1); } /*from intergration*/ .mt footer.footer .footer-members-part { padding: 70px 0; background-color: #29292E; } .mt footer.footer .footer-members-part .main-wrap { display: flex; align-items: center; margin-left: -12.5px; margin-right: -12.5px; } .mt footer.footer .footer-members-part .main-wrap>div { flex-grow: 1; padding: 0 12.5px; } .mt footer.footer .footer-members-part .main-wrap>div.premium img, .mt footer.footer .footer-members-part .main-wrap>div.semi-premium img { display: block; margin-bottom: 20px; } .mt footer.footer .footer-members-part .main-wrap>div.premium img { max-width: 290px; height: auto; } .mt footer.footer .footer-members-part .main-wrap>div.semi-premium img { max-width: 272px; height: auto; } .mt footer.footer .footer-members-part .main-wrap>div.ordinary-member img { max-width: 200px; height: auto; display: inline-block; vertical-align: middle; margin-right: 60px; margin-bottom: 10px; } .mt footer.footer .footer-primary-part { margin-top: 12px; padding: 70px 0; background-color: #29292E; } .mt footer.footer .social-follow { min-height: 196px; position: relative; } .mt footer.footer .social-follow .title { display: inline-block; transform: rotate(-90deg); transform-origin: center center; font-size: 35px; position: absolute; left: -80px; top: 74px; } .mt footer.footer .social-follow .social-items { padding-left: 70px; } .mt footer.footer .social-follow .social-items img { max-width: 30px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .mt footer.footer .social-follow .social-items img.hovered { opacity: 0; } .mt footer.footer .social-follow .social-items>div { margin-top: 20px; } .mt footer.footer .social-follow .social-items>div:first-child { margin-top: 0px; } .mt footer.footer .social-follow .social-items a { display: inline-block; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; color: white; font-size: 35px; line-height: normal; } .mt footer.footer .social-follow .social-items a:hover { color: #DE0000; } .mt footer.footer .footer-menu-block .title { font-size: 35px; text-transform: uppercase; margin-bottom: 20px; } .mt footer.footer .footer-menu-block ul { list-style: none; margin: 0px; padding: 0px; } .mt footer.footer .footer-menu-block ul li { margin: 10px 0 0 0; padding: 0px; font-size: 15px; font-family: 'Open Sans'; font-weight: normal; } .mt footer.footer .footer-menu-block ul li a { -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .mt footer.footer .footer-menu-block ul li a:hover { color: #DE0000; } .mt footer.footer .footer-menu-block ul li:first-child { margin-top: 0px; } .mt footer.footer .footer-logo { font-size: 90px; line-height: 95px; color: #ffffff; letter-spacing: 6.2px; font-family: "Triester Sans Outline"; } .mt footer.footer .footer-logo span { display: inline-block; margin-top: 140px; } .mt footer.footer .footer-logo span i { font-style: normal; display: block; padding-left: 60px; } .mt footer.footer .footer-copyright-part { padding: 50px 0 110px 0; background-color: #121217; position: relative; } .mt footer.footer .footer-copyright-part span { display: inline-block; font-size: 15px; font-family: 'Open Sans'; font-weight: normal; } .mt footer.footer .go-top { position: fixed; right: 80px; top: 80vh; cursor: pointer; width: 65px; height: 55px; background-image: url('../../../fileadmin/templates/Website/Images/go-top.svg'); background-repeat: no-repeat; background-position: left top; background-size: contain; z-index: 100; display: none; pointer-events: none; } .mt footer.footer .go-top.active { pointer-events: auto; } .mt footer.footer .go-top.animated { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; } /* only after desk col */ @media screen and (max-width: 1199px) { .mt .only-desk-two-col:nth-child(1) { margin-top: 0px !important; } .mt .kader-destop-view { display: none; } } /* only after desk col */ /* only desk col */ @media screen and (min-width: 1200px) { .mt .only-desk-two-col:nth-child(1), .mt .only-desk-two-col:nth-child(2) { margin-top: 0px !important; } .mt .kader-tab-view, .mt .kader-mobile-view { display: none; } } /* only desk col */ /*adjustment of low res desktop*/ @media screen and (max-width: 1650px) and (min-width: 1200px) { .mt { /* h1{ font-size: 120px; line-height: 130px; margin-bottom: 40px; } h2{ font-size: 90px; line-height: 100px; margin-bottom: 40px; } */ /*.container-fluid{ padding-left: $less-left-right-padding; padding-right: $less-left-right-padding; } */ /* .container{ &.container-width-default{ max-width: $custom-container-width-normalDesktop; } }*/ /*.lg-grid-varient, .max-lg-grid-varient, .extreme-grid-varient{ .row{ margin-left: - $normal-grid-varient / 2; margin-right: - $normal-grid-varient / 2; & > .my-col{ padding-left: $normal-grid-varient / 2; padding-right: $normal-grid-varient / 2; margin-top: $normal-grid-varient; } } } .tiny-grid-variend{ .row{ margin-left: - $tiny-grid-varient / 2; margin-right: - $tiny-grid-varient / 2; & > .my-col{ padding-left: $tiny-grid-varient / 2; padding-right: $tiny-grid-varient / 2; margin-top: $tiny-grid-varient; } } }*/ } .mt header.header.shop-header .logo-block img { width: 100px; } .mt header.header.shop-header .main-menu>div { margin-right: 30px; } .mt header.header.shop-header .main-menu .menu-hamberg { width: 40px; height: 37px; } .mt header.header .shop-page-service-nav { margin-right: 15px; } .mt header.header .shop-page-service-nav ul li { margin-right: 15px; font-size: 20px; } .mt header.header .header-cart-link { width: 40px; height: 30px; background-size: 36px; } .mt header.header .header-cart-link span { width: 23px; height: 23px; line-height: 24px; font-size: 12px; } .mt header.header .happy-customer { width: 40px; height: 36px; } .mt header.header.scrolled .main-menu .menu-hamberg { position: relative; top: -20px; } .mt .next-match-schedule .next-match-schedule-board.type-two .part>div { width: 80px; } .mt .next-match-schedule .next-match-schedule-board.type-two .part>div span { max-width: 65%; } .mt .top-banner-module.banner-with-bullet-type-one .banner-carousel .flickity-page-dots { padding-left: 30px; } .mt .top-banner-module.type-inset .container.container-width-default { width: 970px; } .mt .top-banner-module .banner-carousel .flickity-prev-next-button.previous { left: 30px; } .mt .top-banner-module .banner-carousel .flickity-prev-next-button.next { right: 30px; } .mt footer.footer .footer-members-part .main-wrap { margin-left: -12.5px; margin-right: -12.5px; } .mt footer.footer .footer-members-part .main-wrap>div { padding-left: 12.5px; padding-right: 12.5px; } .mt footer.footer .footer-members-part .main-wrap>div.ordinary-member img { max-width: 65px; margin-right: 12.5px; } .mt footer.footer .footer-menu-block .title { font-size: 20px; } .mt footer.footer .footer-menu-block ul li { font-size: 14px; } .mt footer.footer .footer-logo { font-size: 80px; } } /*adjustment of low res desktop*/ /* tab */ @media screen and (min-width: 768px) { .mt .one-col:nth-child(1) { margin-top: 0px !important; } .mt .two-col:nth-child(1), .mt .two-col:nth-child(2) { margin-top: 0px !important; } .mt .three-col:nth-child(1), .mt .three-col:nth-child(2), .mt .three-col:nth-child(3) { margin-top: 0px !important; } .mt .four-col:nth-child(1), .mt .four-col:nth-child(2), .mt .four-col:nth-child(3), .mt .four-col:nth-child(4) { margin-top: 0px !important; } } @media screen and (max-width: 1199px) and (min-width: 768px) { .mt { /*basic*/ /*basic*/ /*shop-product-detail*/ /*shop-product-detail*/ /*site-form*/ /*site-form*/ /*cart-table*/ /*cart-table*/ /*header*/ /*header*/ /*banner*/ /*banner*/ /*match schedule*/ /*match schedule*/ /*news teaser module*/ /*news teaser module*/ /*kader-module*/ /*kader-module*/ /*teaser-content-with-carousel*/ /*teaser-content-with-carousel*/ /*prouduct-with-statement-teaser*/ /*prouduct-with-statement-teaser*/ /*custom-accordion-content*/ /*custom-accordion-content*/ /*partner-module-wrap*/ /*partner-module-wrap*/ /*bottom-bg-content*/ /*bottom-bg-content*/ /*ground-tickiting-slider*/ /*ground-tickiting-slider*/ /* news-detail-module */ /* news-detail-module */ /* news-listing-module */ /* news-listing-module */ /* footer */ /* footer */ /* tebelle */ /* tebelle */ /* download-module */ /* download-module */ } .mt .table-responsive { width: 100%; margin-bottom: 0px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: none; } .mt .container-fluid { padding-left: 15px; padding-right: 15px; } .mt .default-left-right-padding { padding-left: 30px; padding-right: 30px; } .mt .normal-top-bottom-padding { padding-top: 30px; padding-bottom: 30px; } .mt .extreme-grid-varient .row { margin-left: -15px; margin-right: -15px; } .mt .extreme-grid-varient .row>.my-col { padding-left: 15px; padding-right: 15px; margin-top: 30px; } .mt .lg-grid-varient .row { margin-left: -15px; margin-right: -15px; } .mt .lg-grid-varient .row>.my-col { padding-left: 15px; padding-right: 15px; margin-top: 30px; } .mt .max-lg-grid-varient .row { margin-left: -15px; margin-right: -15px; } .mt .max-lg-grid-varient .row>.my-col { padding-left: 15px; padding-right: 15px; margin-top: 30px; } .mt .element.element-gap-tiny { margin-bottom: 10px; } .mt .element.element-gap-Biggertiny { margin-bottom: 20px; } .mt .element.element-gap-Lessnormal { margin-bottom: 30px; } .mt .element.element-gap-normal { margin-bottom: 40px; } .mt .element.element-gap-Lgnormal { margin-bottom: 50px; } .mt .element.element-gap-medium { margin-bottom: 60px; } .mt .element.element-gap-Lgmedium { margin-bottom: 70px; } .mt .element.element-gap-big { margin-bottom: 80px; } .mt .element.element-gap-bigger { margin-bottom: 100px; } .mt .element.element-gap-large { margin-bottom: 120px; } .mt .element.element-gap-Exlarge { margin-bottom: 120px; } .mt .element.element-gap-Exlarger { margin-bottom: 120px; } .mt .element.element-gap-Exminlarger { margin-bottom: 120px; } .mt .element.element-gap-Exlarge-max { margin-bottom: 120px; } .mt .element.element-gap-Exlarger { margin-bottom: 120px; } .mt .element.element-gap-Exlargestsub { margin-bottom: 120px; } .mt .element.element-gap-Exlargestsemi { margin-bottom: 120px; } .mt .element.element-gap-Exlargest { margin-bottom: 120px; } .mt .element:last-child { margin-bottom: 0px !important; } .mt h1 { font-size: 70px; line-height: 75px; margin-bottom: 40px; } .mt h2 { font-size: 50px; line-height: 55px; margin-bottom: 40px; } .mt h3 { font-size: 35px; line-height: 47px; margin-bottom: 40px; } .mt h4 { font-size: 25px; line-height: 30px; margin-bottom: 40px; } .mt h5 { font-size: 20px; line-height: 25px; margin-bottom: 40px; } .mt h6 { font-size: 15px; line-height: 20px; margin-bottom: 40px; } .mt p { font-size: 14px; line-height: 19px; } .mt .shop-product-detail .buy-button a { display: block; } .mt .site-form .form-field.global-width-type-one { width: inherit; } .mt .cart-table tbody td { padding: 20px 10px 20px 0; } .mt .cart-table tbody .product-info { margin-top: 20px; } .mt .cart-table tbody .product-info span.primary { font-size: 16px; line-height: 18px; } .mt .cart-table tbody .product-info span.secondary { font-size: 14px; line-height: 16px; } .mt header.header .shop-page-service-nav { margin-right: 0px; margin-bottom: 30px; display: block; } .mt header.header .shop-page-service-nav ul li { font-size: 18px; margin-right: 10px; } .mt header.header.shop-header { background: url('../../../fileadmin/templates/Website/Images/fixed-header-back-responsive-device.svg') no-repeat left bottom; background-size: cover; } .mt header.header.shop-header .main-menu>div { margin-right: 20px; } .mt header.header.scrolled { background: url('../../../fileadmin/templates/Website/Images/fixed-header-back-responsive-device.svg') no-repeat left bottom; background-size: cover; } .mt header.header .service-nav { margin-right: 20px; } .mt header.header .service-nav ul li { margin-right: 20px; } .mt .top-banner-module.type-flat.type-inset .content-holder>.row>.my-col:last-child { margin-top: 15px !important; } .mt .top-banner-module.type-inset:not(.has-attached-module-heading):after { height: 200px; } .mt .top-banner-module.type-inset:after { height: 200px; } .mt .top-banner-module.type-inset .content-holder { padding-left: 100px; padding-right: 100px; } .mt .top-banner-module.type-inset .content-holder .flight-content img { max-width: 220px; } .mt .top-banner-module .banner-carousel .flickity-prev-next-button.previous { left: 30px; } .mt .top-banner-module .banner-carousel .flickity-prev-next-button.next { right: 30px; } .mt .next-match-schedule .next-match-schedule-board.type-two .part>div { width: 80px; } .mt .next-match-schedule .next-match-schedule-board { /*&.type-two{ .part{ & > div{ width: inherit; display: block; text-align: center !important; &.type-two{ text-align: center !important; } span{ max-width: 80%; } } & > hr{ display: block; text-align: center; width: 100%; margin: 10px 0; } } }*/ } .mt .next-match-schedule .next-match-schedule-board.type-one { display: block; } .mt .next-match-schedule .next-match-schedule-board.type-one .part { display: flex; align-items: center; } .mt .next-match-schedule .next-match-schedule-board.type-one .part>div { min-width: inherit; flex-grow: 1; } .mt .next-match-schedule .next-match-schedule-board.type-one .part>div.type-two { text-align: right; } .mt .news-teaser-module .news-title { padding: 15px; } .mt .news-teaser-module .news-title>div { font-size: 18px; line-height: 25px; } .mt .kader-module .tab-link-page-module .main-wrap>div span { font-size: 25px; } .mt .kader-module .tab-link-page-module .main-wrap>div.active span { font-size: 50px; } .mt .kader-module .tab-link-page-module.carousel-type .owl-carousel { padding: 0 30px; } .mt .kader-module .tab-link-page-module.carousel-type .owl-carousel .owl-nav { margin-left: -30px; margin-right: -30px; margin-top: -21px; } .mt .kader-module .tab-link-page-module.carousel-type .owl-carousel .owl-nav button { /*width: 24px;*/ height: 42px; background-size: 12px; } .mt .kader-module .tab-link-page-module.carousel-type .owl-item { padding: 0 5px; } .mt .kader-module .tab-link-page-module.carousel-type .owl-item span { font-size: 20px; } .mt .kader-module .tab-link-page-module.carousel-type .owl-item.active.center span { font-size: 30px; } .mt .kader-module .info-tab-link-carousel .owl-carousel .item>div i { /* display: block; margin-right: 0px; margin-bottom: 10px; height: 40px;*/ } .mt .kader-module .info-tab-link-carousel .owl-carousel .item>div i img { width: auto; max-width: 40px; } .mt .teaser-content-with-carousel.with-bg { padding-bottom: 200px; } .mt .teaser-content-with-carousel .custom-controller { margin-top: 30px; } .mt .teaser-price-info-element .the-price { font-size: 20px; } .mt .teaser-price-info-element .the-price span { font-size: 30px; } .mt .prouduct-with-statement-teaser .statement-caption { padding: 30px; } .mt .prouduct-with-statement-teaser .statement-caption>div .the-title { font-size: 15px; margin-bottom: 15px; } .mt .prouduct-with-statement-teaser .statement-caption>div .the-statement { font-size: 12px; line-height: 15px; } .mt .custom-accordion-content .accordion-body { padding: 25px 0; border-bottom: 1px solid; visibility: hidden; pointer-events: none; position: absolute; } .mt .custom-accordion-content .accordion-block:last-child .accordion-body { border-bottom: none; } .mt .custom-accordion-content .accordion-block.active .accordion-body { visibility: visible; pointer-events: auto; position: static; } .mt .partner-module-wrap .main-wrap { margin-left: -15px; margin-right: -15px; } .mt .partner-module-wrap .main-wrap div { padding-left: 15px; padding-right: 15px; } .mt .bottom-bg-content { padding-top: 200px; } .mt .ground-tickiting-slider .ticket-ground-carousel.general-carousel.right-align-type .owl-carousel .custom-controller>.row * { text-align: center !important; } .mt .ground-tickiting-slider .ticket-ground-carousel.general-carousel.teaser-content-with-carousel .owl-carousel .owl-dots { margin-right: 0px; } .mt .ground-tickiting-slider .ticket-ground-carousel.general-carousel.right-align-type .owl-carousel .custom-controller { margin-top: 50px; position: static; } .mt .ground-tickiting-slider .img-holder { width: 100%; } .mt .ground-tickiting-slider .sliding-part { width: 100%; } .mt .ground-tickiting-slider .sliding-part .item>.main-wrap { padding: 30px; } .mt .ground-tickiting-slider .sliding-part .owl-carousel { padding-right: 0px; padding-left: 0px; padding-top: 134px; } .mt .ground-tickiting-slider .sliding-part .owl-carousel:before { width: 100%; height: 136px; background-image: url('../../../fileadmin/templates/Website/Images/tickting-slider-part-bg-tab.svg'); background-color: transparent; background-size: cover; background-position: center top; } .mt .news-detail-header .post-intro-title { font-size: 36px; line-height: 45px; } .mt .news-listing-module .the-listing .news-title { font-size: 26px; line-height: 40px; } .mt .news-listing-module .the-listing>.row>.my-col { margin-top: 30px; } .mt footer.footer { /*.social-follow{ .title{ position: static; transform: none; left: inherit; right: inherit; top: inherit; margin-bottom: 15px; display: block; } .social-items{ padding-left: 0px; display: block; & > div{ display: inline-block; margin: 15px 15px 15px 0 } } }*/ } .mt footer.footer .footer-members-part .main-wrap { margin-left: -12.5px; margin-right: -12.5px; display: block; } .mt footer.footer .footer-members-part .main-wrap>div { padding: 0 12.5px; display: block; text-align: center; margin-bottom: 40px; } .mt footer.footer .footer-members-part .main-wrap>div img { display: inline-block !important; vertical-align: middle; } .mt .tabelle-team-info-parent-td { min-width: 250px; } .mt .download-module .load-more-col { text-align: left !important; } .mt .download-module .title { margin-bottom: 20px !important; } .mt .download-trigger a span { font-size: 16px; margin-left: 50px; } .mt .download-trigger a:hover { width: 150px; } } /* tab */ /*tab and mobile*/ @media screen and (max-width: 1199px) { .mt .top-banner-module.roof-line-slider { height: 550px; } .mt .top-banner-module.roof-line-slider .element.element-gap-tiny { margin-bottom: 10px; } .mt .top-banner-module.roof-line-slider .img-holder.set-back { background-position: center center; } .mt .top-banner-module.roof-line-slider .img-holder:before { width: 100%; height: 70%; content: ' '; position: absolute; left: 0px; bottom: 0px; background: transparent linear-gradient(180deg, #00000000 0%, #000000E0 54%, #000000 100%) 0% 0% no-repeat padding-box; opacity: 0.48; z-index: 1; } .mt .top-banner-module.roof-line-slider .banner-carousel, .mt .top-banner-module.roof-line-slider .flickity-viewport, .mt .top-banner-module.roof-line-slider .flickity-slider, .mt .top-banner-module.roof-line-slider .carousel-cell, .mt .top-banner-module.roof-line-slider .carousel-cell>.main-wrap { height: 100%; } .mt .top-banner-module.roof-line-slider .roofline-tag span { font-size: 18px; padding: 3px 10px; } .mt .top-banner-module.roof-line-slider h1, .mt .top-banner-module.roof-line-slider h2, .mt .top-banner-module.roof-line-slider h3, .mt .top-banner-module.roof-line-slider h4, .mt .top-banner-module.roof-line-slider h5, .mt .top-banner-module.roof-line-slider h6 { font-size: 24px; line-height: 33px; letter-spacing: 0.48px; } .mt .top-banner-module.roof-line-slider .container-fluid { padding-left: 30px; padding-right: 30px; } .mt .top-banner-module.roof-line-slider .content-holder { padding: 80px 0; } .mt .top-banner-module.roof-line-slider:not(.has-attached-module-heading):after { height: 80px; } .mt .top-banner-module.roof-line-slider .banner-carousel .flickity-page-dots { display: none; } .mt header.header .mega-menu>.main-menu-wrap { width: 100%; } .mt header.header .mega-menu .menu-part.secondary-part .items-part .main-wrap { padding: 40px 30px; } .mt header.header .mega-menu .menu-part.primary-part>.main-wrap { padding: 30px 30px 50px 30px; } .mt header.header .mega-menu .menu-part .mega-menu-nav>ul { width: 100%; } .mt header.header .mega-menu .menu-part .mega-menu-nav>ul.after-login-menu { margin-top: 50px; } .mt header.header .mega-menu .menu-part .mega-menu-nav>ul li { position: relative; } .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu:not(.zur-website).invert-hovered>a:after { background-image: url('../../../fileadmin/templates/Website/Images/down-arrow-grey.svg') !important; } .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.has-sub-item ul.sub-menu { left: inherit; top: inherit; position: static; padding-left: 0px; margin-top: 20px; max-width: inherit; margin-bottom: 40px; } .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.active>a:after { transform: rotate(180deg); } .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu:not(.zur-website)>a:after { background-image: url('../../../fileadmin/templates/Website/Images/down-arrow-white.svg'); width: 19px; background-size: 19px; } .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu:not(.zur-website).active>a:after, .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu:not(.zur-website).current-menu>a:after, .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu:not(.zur-website).current-menu.invert-hovered>a:after { background-image: url('../../../fileadmin/templates/Website/Images/down-arrow-danger.svg'); } .mt header.header .mega-menu .menu-part .mega-menu-nav-col { margin-bottom: 0px; } .mt header.header .mega-menu .menu-part .mega-menu-nav-col>.main-wrap { border-right: 0px; } .mt header.header .mega-menu .menu-part.secondary-part { width: 100%; height: auto; min-height: 30vh; } .mt header.header .mega-menu .menu-part.primary-part { width: 100%; height: auto; min-height: 70vh; } .mt header.header .mega-menu .menu-part.primary-part .mega-menu-items.content.with-custom-scrollbar { max-height: inherit; } } /*tab and mobile*/ /* mobile */ @media screen and (max-width: 767px) { .mt { /* download-module */ /* download-module */ /*basic*/ /*basic*/ /*custom-accordion-content*/ /*custom-accordion-content*/ /*module header*/ /*module header*/ /*overlay-cart*/ /*overlay-cart*/ /*fancybox-container*/ /*fancybox-container*/ /*cart-accordion-module*/ /*cart-accordion-module*/ /*prouduct-listing-teaser*/ /*prouduct-listing-teaser*/ /*custom-accordion-content*/ /*ground-tickiting-slider*/ /*ground-tickiting-slider*/ /*general-carousel*/ /*general-carousel*/ /*partner-module-wrap*/ /*partner-module-wrap*/ /*header*/ /*header*/ /*video-slider-module*/ /*video-slider-module*/ /*top-banner-module*/ /*top-banner-module*/ /*table-match-schedule-module*/ /*table-match-schedule-module*/ /*news-teaser-module*/ /*news-teaser-module*/ /*tabelle-content-module*/ /*ticktgicg button*/ /*ticktgicg button*/ /*tabelle-content-module*/ /*kader module*/ /*kader module*/ /* news detail */ /* news detail */ /* news listing module */ /* news listing module */ /* bottom-bg-content */ /* bottom-bg-content */ /* bottom-bg-content */ /* bottom-bg-content */ /* .site-form */ /* .site-form */ /*footer*/ /*footer*/ } .mt .next-match-schedule .next-match-schedule-board .part>div i.no-img { width: 20px; height: 20px; } .mt .download-module .load-more-col { text-align: left !important; } .mt .download-module .title { margin-bottom: 20px !important; } .mt .download-trigger a span { font-size: 16px; margin-left: 50px; } .mt .download-trigger a:hover { width: 150px; } .mt .image-teaser-content .img-holder { margin-bottom: 0px; } .mt .module-header { word-break: break-word; } .mt .next-match-schedule .next-match-schedule-board.type-one { display: block; } .mt .one-col:nth-child(1) { margin-top: 0px !important; } .mt .two-col:nth-child(1) { margin-top: 0px !important; } .mt .three-col:nth-child(1) { margin-top: 0px !important; } .mt .four-col:nth-child(1) { margin-top: 0px !important; } .mt .mobile-two-col:nth-child(1), .mt .mobile-two-col:nth-child(2) { margin-top: 0px !important; } .mt .col-mobile-gap-lg { margin-top: 70px !important; } .mt .mobile-display-block { display: block !important; } .mt .site-button.mobile-display-block { width: 100%; text-align: center !important; } .mt .site-button.mobile-display-block span { display: block; text-align: center !important; } .mt .fancybox-caption__body { display: none !important; } .mt .generel-social a { margin-right: 15px; margin-bottom: 15px; } .mt .filter-button-row .site-button.with-calender { padding: 10px 20px 10px 50px; background-size: 20px; } .mt .filter-button-row .site-button.with-calender span { font-size: 20px; } .mt .filter-button-row .site-button.with-search { padding: 10px 50px 10px 20px; background-size: 20px; } .mt .filter-button-row .site-button.with-search span { font-size: 20px; } .mt .main-pad-type-one { padding-bottom: 90px; } .mt .element.element-gap-tiny { margin-bottom: 50px; } .mt .element.element-gap-Biggertiny { margin-bottom: 50px; } .mt .element.element-gap-Lessnormal { margin-bottom: 50px; } .mt .element.element-gap-normal { margin-bottom: 50px; } .mt .element.element-gap-Lgnormal { margin-bottom: 50px; } .mt .element.element-gap-medium { margin-bottom: 50px; } .mt .element.element-gap-Lgmedium { margin-bottom: 50px; } .mt .element.element-gap-big { margin-bottom: 50px; } .mt .element.element-gap-bigger { margin-bottom: 50px; } .mt .element.element-gap-large { margin-bottom: 50px; } .mt .element.element-gap-Exlarge { margin-bottom: 50px; } .mt .element.element-gap-Exlarger { margin-bottom: 50px; } .mt .element.element-gap-Exminlarger { margin-bottom: 50px; } .mt .element.element-gap-Exlarge-max { margin-bottom: 50px; } .mt .element.element-gap-Exlarger { margin-bottom: 50px; } .mt .element.element-gap-Exlargestsub { margin-bottom: 50px; } .mt .element.element-gap-Exlargestsemi { margin-bottom: 50px; } .mt .element.element-gap-Exlargest { margin-bottom: 50px; } .mt .element:last-child { margin-bottom: 0px !important; } .mt .mobile-extra-gap-type-one { margin-top: 40px !important; } .mt .mobile-extra-gap-type-two { margin-top: 80px !important; } .mt .normal-top-bottom-padding { padding-top: 25px; padding-bottom: 25px; } .mt .default-left-right-padding { padding-left: 25px; padding-right: 25px; } .mt .extreme-grid-varient .row { margin-left: -7px; margin-right: -7px; } .mt .extreme-grid-varient .row>.my-col { padding-left: 7px; padding-right: 7px; margin-top: 30px; } .mt .lg-grid-varient .row { margin-left: -7px; margin-right: -7px; } .mt .lg-grid-varient .row>.my-col { padding-left: 7px; padding-right: 7px; margin-top: 30px; } .mt .max-lg-grid-varient .row { margin-left: -7px; margin-right: -7px; } .mt .max-lg-grid-varient .row>.my-col { padding-left: 7px; padding-right: 7px; margin-top: 30px; } .mt .tiny-grid-variend .row { margin-left: -7px; margin-right: -7px; } .mt .tiny-grid-variend .row>.my-col { padding-left: 7px; padding-right: 7px; margin-top: 30px; } .mt .row { margin-left: -7px; margin-right: -7px; } .mt .row>.my-col { padding-left: 7px; padding-right: 7px; margin-top: 30px; } .mt h2 { font-size: 57px; line-height: 65px; } .mt h3 { font-size: 48px; line-height: normal; } .mt h4 { font-size: 30px; line-height: 38px; } .mt h5 { font-size: 25px; line-height: 30px; } .mt p, .mt li { font-size: 17px; line-height: 29px; } .mt blockquote { font-size: 30px; line-height: 40px; } .mt .entry ul li, .mt .entry ol li { font-size: 17px; line-height: 29px; } .mt .container, .mt .container-fluid { padding-left: 14px; padding-right: 14px; max-width: inherit; width: 100%; } .mt .mobile-text-center { text-align: center !important; } .mt .mobile-text-center * { text-align: center !important; } .mt .mobile-text-left { text-align: left !important; } .mt .mobile-text-left * { text-align: left !important; } .mt .mobile-text-right { text-align: right !important; } .mt .mobile-text-right * { text-align: right !important; } .mt .mobile-column-gap { margin-top: 0px !important; } .mt .mobile-column-gap.mobile-column-gap-type-one { margin-bottom: 60px; } .mt .mobile-column-gap:last-child { margin-bottom: 0px !important; } .mt .shop-product-detail .buy-button a { padding: 15px 20px; } .mt .custom-accordion-content .accordion-body { padding: 25px 0; border-bottom: 1px solid; visibility: hidden; pointer-events: none; position: absolute; } .mt .custom-accordion-content .accordion-block:last-child .accordion-body { border-bottom: none; } .mt .custom-accordion-content .accordion-block.active .accordion-body { visibility: visible; pointer-events: auto; position: static; } .mt .module-header-mobile-center { text-align: center !important; } .mt .module-header-mobile-center h1, .mt .module-header-mobile-center h2, .mt .module-header-mobile-center h3, .mt .module-header-mobile-center h4, .mt .module-header-mobile-center h5, .mt .module-header-mobile-center h6 { text-align: center !important; display: inline-block; } .mt .overlay-cart .the-cart-holder { width: 100%; padding: 20px; } .mt .overlay-cart .site-alert { padding: 15px; } .mt .overlay-cart .overlay-cart-table .element.element-gap-Biggertiny { margin-bottom: 20px; } .mt .overlay-cart .overlay-cart-table td { font-size: 17px; line-height: normal; padding: 15px 15px 15px 0; } .mt .overlay-cart .overlay-cart-table td.middle { vertical-align: top; } .mt .overlay-cart .overlay-cart-table .product-thumb { max-width: 65px; } .mt .overlay-cart .overlay-cart-table .title { font-size: 19px; } .mt .fancybox-container .ubershit-popup { width: 100%; padding: 100px 25px; } .mt .fancybox-container .ubershit-popup .site-form .form-field { margin-top: 15px; } .mt .fancybox-container .ubershit-popup .fancybox-close-small { width: 25px; height: 25px; border: none; padding: 0px; margin: 0px; background-size: cover; top: 25px; right: 25px; } .mt .fancybox-container .ubershit-popup .fancybox-close-small svg { display: none; } .mt .cart-accordion-module .main-head ul li { font-size: 12px; } .mt .cart-accordion-module .accordion-box { padding: 15px; } .mt .cart-accordion-module .accordion-box .accordion-trigger { width: 40px; height: 12px; background-size: 20px; top: 18px; } .mt .cart-accordion-module .accordion-box .info-head>div { font-size: 12px; } .mt .cart-accordion-module .accordion-box .product-list .product-price { font-size: 14px; } .mt .cart-accordion-module .accordion-box .product-list .product-img { width: 50px; text-align: left; } .mt .cart-accordion-module .accordion-box .product-list .product-info { max-width: 60%; } .mt .cart-accordion-module .accordion-box .product-list .product-info .primary { font-size: 14px; margin-bottom: 10px; } .mt .cart-accordion-module .accordion-box .product-list .product-info .secondary { font-size: 14px; } .mt .cart-accordion-module .accordion-box .accordion-head { padding-right: 30px; } .mt .cart-accordion-module .accordion-box .accordion-head>div { font-size: 12px; } .mt .prouduct-listing-teaser .pruduct-featured-img .product-status-tag span { font-size: 10px; } .mt .prouduct-listing-teaser .title { font-size: 18px; } .mt .prouduct-listing-teaser>.row>.my-col { margin-top: 50px; } .mt .prouduct-listing-teaser .title .custom-accordion-content .accordion-body { padding: 25px 0; border-bottom: 1px solid; visibility: hidden; pointer-events: none; position: absolute; } .mt .prouduct-listing-teaser .title .custom-accordion-content .accordion-block:last-child .accordion-body { border-bottom: none; } .mt .prouduct-listing-teaser .title .custom-accordion-content .accordion-block.active .accordion-body { visibility: visible; pointer-events: auto; position: static; } .mt .ground-tickiting-slider .ticket-ground-carousel.general-carousel.right-align-type .owl-carousel .custom-controller { margin-top: 50px; position: static; } .mt .ground-tickiting-slider .img-holder { width: 100%; } .mt .ground-tickiting-slider .sliding-part { width: 100%; } .mt .ground-tickiting-slider .sliding-part .item>.main-wrap { padding: 30px; } .mt .ground-tickiting-slider .sliding-part .owl-carousel { padding-right: 0px; padding-left: 0px; padding-top: 134px; } .mt .ground-tickiting-slider .sliding-part .owl-carousel:before { width: 100%; height: 136px; background-image: url('../../../fileadmin/templates/Website/Images/tickting-slider-part-bg-tab.svg'); background-color: transparent; background-size: cover; background-position: center top; } .mt .general-carousel.teaser-content-with-carousel .owl-carousel .owl-dots { display: none !important; } .mt .general-carousel.teaser-content-with-carousel .owl-carousel .owl-nav { width: 100%; text-align: right !important; } .mt .general-carousel.teaser-content-with-carousel .owl-carousel .owl-nav * { text-align: right !important; } .mt .general-carousel.teaser-content-with-carousel .owl-carousel .owl-stage-outer { margin-bottom: 30px; } .mt .general-carousel .owl-carousel { padding-left: 0px; padding-right: 0px; } .mt .teaser-content-with-carousel.with-bg { background: url('../../../fileadmin/templates/Website/Images/video-carousel-background-new.svg') no-repeat left bottom; background-size: cover; padding: 45px 15px 90px 15px; } .mt .skew-bg-content { background: url('../../../fileadmin/templates/Website/Images/video-carousel-background-new.svg') no-repeat left bottom; background-size: cover; padding: 45px 15px 90px 15px; } .mt .partner-module-wrap .main-wrap { margin-left: -7px; margin-right: -7px; } .mt .partner-module-wrap .main-wrap div { padding-left: 7px; padding-right: 7px; margin-bottom: 30px; } .mt .partner-module-wrap.premium .main-wrap div { width: 100%; } .mt .partner-module-wrap.semi-premium .main-wrap div { width: 49%; } .mt .partner-module-wrap.general .main-wrap div { width: 32%; } .mt header.header { /*.mega-menu{ .menu-part{ .mega-menu-content-col{ & > .main-wrap{ margin-top: 45px; padding-top: 45px; border-top: 1px solid; } } .mega-menu-nav{ & > ul{ width: 100%; } .primary-menu{ margin-top: 30px; &.the-trigger{ & > a{ &:after{ background-image: url('../../../fileadmin/templates/Website/Images/next-arrow-light.svg'); } } &.open{ & > a{ color: $site-danger-color; &:after{ background-image: url('../../../fileadmin/templates/Website/Images/next-arrow-danger.svg'); } } } } &.active{ & > a{ &:after{ transform: rotate(180deg); } } } & > a{ font-size: 30px; &:after{ background-image: url('../../../fileadmin/templates/Website/Images/down-arrow-white.svg'); } } &.has-sub-item{ ul{ &.sub-menu{ position: static; padding: 30px 20px 0 20px; max-width: inherit; } } } } } .mega-menu-nav-col{ & > .main-wrap{ border-right: 0px; } } &.primary-part{ & > .main-wrap{ padding: 40px 20px; } } &.secondary-part{ width: 100%; .items-part{ width: 80%; } .open-collapse-action-part{ width: 20%; } .open-collapse-action-part{ .main-wrap{ padding: 40px 0; } } &.collapsed{ width: 20%; & + .primary-part{ width: 80%; } } } } }*/ } .mt header.header .mobile-shop-website-menus-trigger { margin-bottom: 50px; } .mt header.header .mobile-shop-website-menus { display: none; } .mt header.header .mobile-shop-service-nav.shop-page-service-nav { padding-bottom: 45px; margin-bottom: 45px; margin-right: 0px; border-bottom: 1px solid; } .mt header.header .mobile-shop-service-nav.shop-page-service-nav ul li { display: block; margin: 30px 0 0 0; padding: 0px; font-size: 30px; } .mt header.header .mobile-shop-service-nav.shop-page-service-nav ul li>a { color: #DE0000; } .mt header.header .mobile-shop-service-nav.shop-page-service-nav ul li:first-child { margin-top: 0px; } .mt header.header.scrolled { background: url('../../../fileadmin/templates/Website/Images/fixed-header-back-responsive-device.svg') no-repeat left bottom; background-size: cover; } .mt header.header.scrolled .logo-block img { width: 62px; } .mt header.header.scrolled>.main-wrap { padding-top: 15px; } .mt header.header.scrolled .menu-wrap { top: 10px; } .mt header.header.shop-header { background: url('../../../fileadmin/templates/Website/Images/fixed-header-back-responsive-device.svg') no-repeat left bottom; background-size: cover; } .mt header.header.shop-header .logo-block img { width: 62px; } .mt header.header.shop-header>.main-wrap { padding-top: 15px; padding-bottom: 35px; } .mt header.header.shop-header .menu-wrap { top: 0px; margin-top: 10px; } .mt header.header.shop-header .main-menu .menu-hamberg { width: 45px; height: 43px; } .mt header.header .logo-block img { width: 62px; } .mt header.header .mega-menu-items .flex-row { display: block; } .mt header.header .menu-wrap { margin-top: 10px; } .mt header.header .menu-hamberg { width: 45px; height: 43px; } .mt .video-slider-module { padding: 45px 15px 90px 15px; background: url('../../../fileadmin/templates/Website/Images/video-carousel-background-new.svg') no-repeat left bottom; background-size: cover; } .mt .video-items-in-carousel.general-carousel .owl-carousel { padding: 0 40px; } .mt .video-items-in-carousel.general-carousel .owl-carousel .owl-nav { margin-top: -20px; } .mt .video-items-in-carousel.general-carousel .owl-carousel .owl-nav button { width: 23px; height: 45px; } .mt .top-banner-module.roof-line-slider .img-holder.set-back { background-position: center top; } .mt .top-banner-module .shop-banner-main-wrap .img-holder:after { position: absolute; width: 100%; height: 100%; content: ' '; display: block; background-color: rgba(0, 0, 0, 0.5); pointer-events: none; } .mt .top-banner-module .shop-banner-primary { margin-bottom: 50px; } .mt .top-banner-module .shop-banner-secondary { text-align: center !important; } .mt .top-banner-module.type-flat.type-inset .content-holder { padding-top: 200px; padding-bottom: 100px; text-align: center; } .mt .top-banner-module.type-inset:not(.has-attached-module-heading):after { height: 80px; } .mt .top-banner-module.type-inset.type-content-outside { height: inherit; } .mt .top-banner-module.type-inset.type-content-outside .news-detail-header { margin-bottom: 100px; } .mt .top-banner-module.type-inset.type-content-outside:after { height: 80px; } .mt .top-banner-module.type-inset .content-holder p { font-size: 17px; line-height: 27px; text-align: center; } .mt .top-banner-module.type-inset .content-holder .module-header.pull-text-right, .mt .top-banner-module.type-inset .content-holder .module-header.pull-text-left.mobile-text-center { text-align: center !important; } .mt .top-banner-module.type-inset .content-holder .module-header.pull-text-right h1, .mt .top-banner-module.type-inset .content-holder .module-header.pull-text-right h2, .mt .top-banner-module.type-inset .content-holder .module-header.pull-text-right h3, .mt .top-banner-module.type-inset .content-holder .module-header.pull-text-right h4, .mt .top-banner-module.type-inset .content-holder .module-header.pull-text-right h5, .mt .top-banner-module.type-inset .content-holder .module-header.pull-text-right h6, .mt .top-banner-module.type-inset .content-holder .module-header.pull-text-left.mobile-text-center h1, .mt .top-banner-module.type-inset .content-holder .module-header.pull-text-left.mobile-text-center h2, .mt .top-banner-module.type-inset .content-holder .module-header.pull-text-left.mobile-text-center h3, .mt .top-banner-module.type-inset .content-holder .module-header.pull-text-left.mobile-text-center h4, .mt .top-banner-module.type-inset .content-holder .module-header.pull-text-left.mobile-text-center h5, .mt .top-banner-module.type-inset .content-holder .module-header.pull-text-left.mobile-text-center h6 { padding-right: 20px; } .mt .top-banner-module.type-inset .content-holder .module-header.pull-text-right h1 span, .mt .top-banner-module.type-inset .content-holder .module-header.pull-text-right h2 span, .mt .top-banner-module.type-inset .content-holder .module-header.pull-text-right h3 span, .mt .top-banner-module.type-inset .content-holder .module-header.pull-text-right h4 span, .mt .top-banner-module.type-inset .content-holder .module-header.pull-text-right h5 span, .mt .top-banner-module.type-inset .content-holder .module-header.pull-text-right h6 span, .mt .top-banner-module.type-inset .content-holder .module-header.pull-text-left.mobile-text-center h1 span, .mt .top-banner-module.type-inset .content-holder .module-header.pull-text-left.mobile-text-center h2 span, .mt .top-banner-module.type-inset .content-holder .module-header.pull-text-left.mobile-text-center h3 span, .mt .top-banner-module.type-inset .content-holder .module-header.pull-text-left.mobile-text-center h4 span, .mt .top-banner-module.type-inset .content-holder .module-header.pull-text-left.mobile-text-center h5 span, .mt .top-banner-module.type-inset .content-holder .module-header.pull-text-left.mobile-text-center h6 span { margin-right: -20px; } .mt .top-banner-module.type-inset .content-holder .module-header.pull-text-right>*, .mt .top-banner-module.type-inset .content-holder .module-header.pull-text-left.mobile-text-center>* { text-align: right !important; } .mt .top-banner-module.type-inset .content-holder .module-header.pull-text-left h1 span, .mt .top-banner-module.type-inset .content-holder .module-header.pull-text-left h2 span, .mt .top-banner-module.type-inset .content-holder .module-header.pull-text-left h3 span, .mt .top-banner-module.type-inset .content-holder .module-header.pull-text-left h4 span, .mt .top-banner-module.type-inset .content-holder .module-header.pull-text-left h5 span, .mt .top-banner-module.type-inset .content-holder .module-header.pull-text-left h6 span { padding-left: 30px; } .mt .top-banner-module.type-inset.type-mobile-view-inner-page .content-holder { padding-top: 130px; padding-bottom: 130px; padding-left: 10px; padding-right: 10px; } .mt .top-banner-module.type-inset.type-mobile-view-start-page .content-holder { padding-top: 165px; padding-bottom: 450px; padding-left: 10px; padding-right: 10px; text-align: center; } .mt .top-banner-module.type-inset .flight-content { width: 100%; text-align: center; left: 0px; right: inherit; } .mt .top-banner-module.type-inset .flight-content div { display: inline-block; } .mt .top-banner-module.type-inset .flight-content img { width: 220px; } .mt .top-banner-module.type-inset:after { height: 80px; } .mt .top-banner-module.type-inset .flickity-button { /* display: none !important;*/ } .mt .table-match-schedule-module { margin-top: 0px; } .mt .next-match-schedule { margin-top: 0px; } .mt .next-match-schedule .next-match-schedule-board.type-two { display: block; } .mt .next-match-schedule .next-match-schedule-board.type-two .part>hr { margin: 0px; padding: 0px; width: 6%; height: 17px; } .mt .next-match-schedule .next-match-schedule-board.type-two .part>div { width: 35%; } .mt .next-match-schedule .next-match-schedule-board.type-two .part>div.score { width: 20%; text-align: center; font-size: 9px; font-weight: normal; } .mt .next-match-schedule .next-match-schedule-board.type-two .part>div span { font-size: 9px; max-width: 60%; } .mt .next-match-schedule .next-match-schedule-board.type-two .part>div i img { width: 20px; } .mt .next-match-schedule .next-match-schedule-board.type-two .part>div.type-two { margin-left: -2px; } .mt .next-match-schedule .next-match-schedule-board.type-two .part>div.type-one { margin-right: -2px; } .mt .next-match-schedule .next-match-schedule-board.has-secondary-part .secondary-part>div { text-align: right; } .mt .next-match-schedule .next-match-schedule-board.has-secondary-part .secondary-part>div span { font-size: 9px; max-width: inherit; max-width: 80%; } .mt .next-match-schedule .next-match-schedule-board.has-secondary-part .secondary-part>div i { margin-left: 0px; padding-left: 5px; width: 15%; } .mt .next-match-schedule .next-match-schedule-board .part>div { min-width: inherit; width: 43%; } .mt .next-match-schedule .next-match-schedule-board .part>div.type-one i { margin-right: 10px; } .mt .next-match-schedule .next-match-schedule-board .part>div span { font-size: 9px; max-width: 60%; } .mt .next-match-schedule .next-match-schedule-board .part>div i img { width: 32px; } .mt .next-match-schedule .next-match-schedule-board .part>hr { width: 8%; padding: 0 5px; margin: 0px; } .mt .news-teaser-module .news-title { padding: 20px; } .mt .news-teaser-module .news-title>div { font-size: 21px; line-height: 29px; } .mt .tabelle-team-info-parent-td { min-width: 150px; } .mt .tickting-button { display: inline-block; padding: 5px 10px; border-radius: 20px; text-align: center; min-width: 160px; color: #000; background-color: #fff; } .mt .tickting-button i { display: inline-block; vertical-align: middle; margin-right: 10px; } .mt .tickting-button i:last-child { margin-right: 0px; } .mt .tickting-button span { display: inline-block; vertical-align: middle; font-size: 19px; text-transform: uppercase; } .mt .tabelle-content-module .the-tabelle.has-team-extended-info td { vertical-align: top; } .mt .tabelle-content-module .the-tabelle.has-team-extended-info td:not(.team-iconi-td) { padding-top: 15px; } .mt .tabelle-content-module .the-tabelle.has-team-extended-info .tabelle-team-info i { vertical-align: top; } .mt .tabelle-content-module .the-tabelle.has-team-extended-info .tabelle-team-info span { vertical-align: top; margin-top: 5px; } .mt .tabelle-content-module .the-tabelle.app-view { padding: 15px 20px; border-radius: 15px; background-color: #33333B; margin-bottom: 10px; } .mt .tabelle-content-module .the-tabelle.app-view .tebelle-app-view-team-head { margin-bottom: 5px; } .mt .tabelle-content-module .the-tabelle.app-view .tebelle-app-view-team-head .main-wrap { padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid; border-color: rgba(255, 255, 255, 0.5); display: flex; flex-wrap: wrap; } .mt .tabelle-content-module .the-tabelle.app-view .tebelle-app-view-team-head .main-wrap>div { width: 50%; flex-grow: 1; font-size: 10px; font-family: 'Open Sans'; font-weight: normal; } .mt .tabelle-content-module .the-tabelle.app-view .tebelle-app-view-team-head .main-wrap .left { text-align: left; padding-right: 5px; } .mt .tabelle-content-module .the-tabelle.app-view .tebelle-app-view-team-head .main-wrap .right { text-align: right; padding-left: 5px; } .mt .tabelle-content-module .the-tabelle.app-view .tickting-button-wrap { margin-top: 10px; display: none; } .mt .tabelle-content-module .the-tabelle.app-view .tickting-button-wrap div { margin-top: 5px; } .mt .tabelle-content-module .the-tabelle th, .mt .tabelle-content-module .the-tabelle td { padding: 10px 5px; } .mt .tabelle-content-module .the-tabelle .tabelle-team-info span { max-width: 60%; } .mt .tabelle-content-module .the-tabelle .tabelle-team-info i { width: 20px; } .mt .tabelle-content-module .the-tabelle .tabelle-team-info i img { width: auto; max-width: 100%; } .mt .tabelle-content-module .the-tabelle th { font-size: 12px; } .mt .tabelle-content-module .the-tabelle th.lg-tag { font-size: 18px; } .mt .tabelle-content-module .the-tabelle td { font-size: 10px; } .mt .kader-module .link-tab-varient.var-1 .info-tab-link-carousel.general-carousel .owl-carousel { padding: 0px; } .mt .kader-module .link-tab-varient.var-1 .info-tab-link-carousel.general-carousel .owl-carousel .owl-nav { display: none !important; } .mt .kader-module .tab-link-page-module.carousel-type .owl-carousel { padding: 0 20px; } .mt .kader-module .tab-link-page-module.carousel-type .owl-carousel .owl-nav { margin-left: -20px; margin-right: -20px; margin-top: -18px; } .mt .kader-module .tab-link-page-module.carousel-type .owl-carousel .owl-nav button { /*width: 19px;*/ height: 36px; background-size: 19px; } .mt .kader-module .tab-link-page-module.carousel-type .owl-item { padding: 0 5px; } .mt .kader-module .tab-link-page-module.carousel-type .owl-item.active.center span { font-size: 36px; } .mt .kader-module .tab-link-page-module .main-wrap { margin-left: -7px; margin-right: -7px; } .mt .kader-module .tab-link-page-module .main-wrap>div { padding-left: 7px; padding-right: 7px; } .mt .kader-module .tab-link-page-module .main-wrap>div.active span { font-size: 36px; } .mt .kader-module .tab-link-page-module .main-wrap>div i { width: 19px; height: 32px; background-size: cover; margin: 0px !important; } .mt .kader-module .kader-brand { margin-bottom: 30px; } .mt .kader-module .info-tab-link-carousel { margin-bottom: 15px; } .mt .kader-module .info-tab-link-carousel.generic-varient .owl-carousel { padding-left: 0px; padding-right: 0px; } .mt .kader-module .info-tab-link-carousel.generic-varient .owl-carousel .item div i img { width: 20px; } .mt .kader-module .info-tab-link-carousel.generic-varient .owl-carousel .owl-nav { display: none; } .mt .kader-module .kader-social-and-activity-col { text-align: inherit; } .mt .kader-module .kader-social-and-activity-col>.main-wrap { display: flex; align-items: center; } .mt .kader-module .kader-social-and-activity-col>.main-wrap>div { flex-grow: 1; } .mt .kader-module .kader-social-and-activity-col * { text-align: inherit; } .mt .kader-module .kader-activity-link { text-align: right; } .mt .kader-module .kader-social { margin-right: 0px; padding-right: 14px; } .mt .kader-module .kader-social img { width: 30px; } .mt .kader-module .kader-thumb { margin-top: 0px !important; } .mt .kader-module .kader-thumb .dp { text-align: center; } .mt .kader-module .kader-thumb .dp img { display: inline-block; } .mt .kader-module .kader-thumb>.main-wrap { position: relative; } .mt .kader-module .kader-thumb .info { position: relative; width: 100%; z-index: 1; margin-top: -65px; background-repeat: no-repeat; background-position: center top; background-image: url('../../../fileadmin/templates/Website/Images/kader-new-line.png'); text-align: right; background-size: 100% auto; } .mt .kader-module .kader-thumb .info .excerpt { padding-top: 30px; display: block; } .mt .kader-module .kader-thumb .info .excerpt .number { font-size: 39px; line-height: 1.95px; font-family: "Triester Sans Outline"; line-height: 44px; margin-bottom: 10px; } .mt .kader-module .kader-thumb .info .excerpt .name { display: block; text-align: center; } .mt .kader-module .kader-thumb .info .excerpt .name .primary { font-size: 21px; line-height: 25px; text-transform: uppercase; letter-spacing: 1.47px; padding-right: 0px; margin-bottom: 0px; } .mt .kader-module .kader-thumb .info .excerpt .name .secondary { font-size: 16px; font-family: 'Open Sans'; font-weight: 300; display: none; } .mt .kader-module .kader-detail-view { padding-top: 45px; padding-bottom: 45px; } .mt .kader-module .kader-detail-view.single-stand { padding-top: 0px; padding-bottom: 0px; } .mt .kader-module .kader-detail-view.single-stand-no-bottom { padding-bottom: 0px; } .mt .kader-module .kader-detail-view .detail-player-primary-info .player-img { text-align: center; margin-bottom: 20px; } .mt .kader-module .kader-detail-view .detail-player-primary-info .player-img:last-child { margin-bottom: 0px; } .mt .kader-module .kader-detail-view .detail-player-primary-info .player-img img { display: inline-block; } .mt .kader-module .kader-detail-view .detail-player-primary-info .brand-logo { text-align: center; } .mt .kader-module .kader-detail-view .detail-player-primary-info .brand-logo img { display: inline-block; } .mt .kader-module .kader-detail-view .name-number { display: flex; flex-wrap: wrap; } .mt .kader-module .kader-detail-view .name-number>div { width: 50%; flex-grow: 1; } .mt .kader-module .kader-detail-view .name-number .name .primary { font-size: 31px; line-height: 34px; letter-spacing: 2.17px; text-transform: uppercase; } .mt .kader-module .kader-detail-view .name-number .name .secondary { font-size: 13px; line-height: 16px; font-family: 'Open Sans'; font-weight: 300; } .mt .kader-module .kader-detail-view .name-number .number { font-size: 59px; letter-spacing: 2.95px; font-family: "Triester Sans Outline"; line-height: normal; } .mt .kader-module .kader-detail-view .carrier-board table { width: 100%; } .mt .kader-module .kader-detail-view .carrier-board td { padding: 16px 0 16px 0; font-size: 15px; text-transform: uppercase; border-bottom: 1px solid; } .mt .kader-module .kader-detail-view .carrier-board td:first-child { padding-right: 10px; } .mt .kader-module .kader-detail-view .carrier-board td:last-child { padding-left: 10px; text-align: right; } .mt .kader-module .kader-brand { text-align: center; } .mt .kader-module .kader-brand img { display: inline-block; } .mt .kader-module .kader-social { display: inline-block; vertical-align: middle; } .mt .kader-module .kader-social:last-child { margin-right: 0px; } .mt .kader-module .kader-social a { display: inline-block; vertical-align: top; margin-right: 10px; } .mt .kader-module .kader-social a:last-child { margin-right: 0px; } .mt .kader-module .kader-activity-link { display: inline-block; vertical-align: middle; } .mt .kader-module .info-tab-link-carousel .owl-carousel .owl-stage { margin-left: auto; margin-right: auto; } .mt .kader-module .info-tab-link-carousel .owl-carousel .owl-item { float: none; display: inline-block; vertical-align: middle; padding: 0 5px; } .mt .kader-module .info-tab-link-carousel .owl-carousel .owl-item a.active, .mt .kader-module .info-tab-link-carousel .owl-carousel .owl-item a.tab-link-active { color: #DE0000; } .mt .kader-module .info-tab-link-carousel .owl-carousel .owl-item a.active div, .mt .kader-module .info-tab-link-carousel .owl-carousel .owl-item a.tab-link-active div { border-color: #DE0000; } .mt .kader-module .info-tab-link-carousel .owl-carousel .owl-item a.active div i .normal-img, .mt .kader-module .info-tab-link-carousel .owl-carousel .owl-item a.tab-link-active div i .normal-img { display: none; } .mt .kader-module .info-tab-link-carousel .owl-carousel .owl-item a.active div i .active-img, .mt .kader-module .info-tab-link-carousel .owl-carousel .owl-item a.tab-link-active div i .active-img { display: inline-block; } .mt .kader-module .info-tab-link-carousel .owl-carousel .owl-item a.active div span, .mt .kader-module .info-tab-link-carousel .owl-carousel .owl-item a.tab-link-active div span { color: #DE0000; } .mt .kader-module .info-tab-link-carousel .owl-carousel .item { text-align: center; cursor: pointer; } .mt .kader-module .info-tab-link-carousel .owl-carousel .item a { display: block; color: white; } .mt .kader-module .info-tab-link-carousel .owl-carousel .item div { display: inline-block; padding: 5px; border-bottom: 2px solid transparent; } .mt .kader-module .info-tab-link-carousel .owl-carousel .item div i { display: inline-block; vertical-align: middle; margin-right: 5px; } .mt .kader-module .info-tab-link-carousel .owl-carousel .item div i img { width: 25px; height: auto; } .mt .kader-module .info-tab-link-carousel .owl-carousel .item div i .normal-img { display: inline-block; } .mt .kader-module .info-tab-link-carousel .owl-carousel .item div i .active-img { display: none; } .mt .kader-module .info-tab-link-carousel .owl-carousel .item div span { display: inline-block; vertical-align: middle; font-size: 12px; letter-spacing: 1.96px; text-transform: uppercase; } .mt .kader-module .close-detail-view { margin-top: 25px; } .mt .info-tab-body .tab.tab-active { display: block; } .mt .newsdetail-module .news-relative-share a { margin: 0 10px; } .mt .news-detail-header .post-intro-title { font-size: 30px; line-height: 40px; } .mt .news-relative-activity .my-col { text-align: center !important; } .mt .news-relative-activity .my-col:first-child { margin-bottom: 30px; } .mt .news-relative-activity .my-col * { text-align: center !important; } .mt .news-listing-module .the-listing .news-title { font-size: 24px; line-height: 30px; } .mt .news-listing-module .the-listing>.row>.my-col { margin-top: 14px; } .mt .news-listing-module .the-listing .featured-img .news-tags { display: inline-block; width: 100%; text-align: right; } .mt .news-listing-module .the-listing .featured-img .news-tags>div { display: inline-block; margin: 10px; } .mt .news-listing-module .news-tags { margin-left: -7px; margin-right: -7px; } .mt .news-listing-module .news-tags div { padding: 0px; border-radius: 0px; min-width: inherit; margin-left: 0px; margin-right: 0px; width: 49%; padding-left: 7px; padding-right: 7px; background-color: transparent !important; } .mt .news-listing-module .news-tags div span { padding: 12px; border-radius: 50px; display: block; } .mt .bottom-bg-content { padding-top: 150px; } .mt .shop-product-detail .buy-button a i img { width: 45px; } .mt .shop-product-detail .buy-button a span { font-size: 21px; } .mt .shop-product-detail .buying-form label { display: block; width: auto; margin: 0 0 5px 0; padding: 0px; } .mt .shop-product-detail .buying-form .form-field { display: block; width: auto !important; } .mt .shop-product-detail .site-form .incs-decs-number-value { position: relative; padding-left: 50px; padding-right: 50px; } .mt .shop-product-detail .site-form .incs-decs-number-value .value-button { position: absolute; top: 0px; } .mt .shop-product-detail .site-form .incs-decs-number-value .value-button.decrease { left: 0px; } .mt .shop-product-detail .site-form .incs-decs-number-value .value-button.increase { right: 0px; } .mt .shop-product-detail .site-form .incs-decs-number-value input { width: 100%; } .mt .site-form .form-field { margin-top: 40px; } .mt .site-form .form-field.global-width-type-one { width: 100%; } .mt .site-form .text-input { font-size: 17px; } .mt .site-form select { font-size: 17px; } .mt .site-form .custom-check label { font-size: 19px; line-height: 25px; } .mt .cart-price-spliting-table { min-width: inherit; } .mt .cart-table .mobile-cart-view td { border: none !important; } .mt .cart-table .mobile-cart-info-title { font-size: 12px; font-family: 'Open Sans'; font-weight: 700; margin-bottom: 5px; } .mt .cart-table .site-form .incs-decs-number-value input { width: 50px; height: 40px; } .mt .cart-table .site-form .incs-decs-number-value .value-button { width: 30px; height: 40px; line-height: 40px; } .mt .cart-table tbody .cart-product-img { text-align: left !important; } .mt .cart-table tbody .cart-product-img img { max-width: 50px; } .mt .cart-table tbody td { padding: 15px 15px 15px 0; } .mt .cart-table tbody td p { font-size: 12px; line-height: normal; } .mt .cart-table tbody td.cart-product-inc-ded-qty { min-width: 130px; } .mt .cart-table tbody .product-info span.primary { font-size: 21px; line-height: 28px; margin-bottom: 5px; } .mt .cart-table tbody .product-info span.secondary { font-size: 15px; } .mt footer.footer .footer-copyright-part { padding-top: 20px; } .mt footer.footer .footer-copyright-part span { font-size: 16px; } .mt footer.footer .footer-logo-col { margin-top: 5px; } .mt footer.footer .footer-logo span { margin-top: 0px; padding: 40px 25px; font-size: 55px; line-height: 64px; background-color: #29292E; } .mt footer.footer .footer-logo span i { padding-left: 35px; } .mt footer.footer .footer-menu-col { margin-top: 5px; } .mt footer.footer .footer-menu-col-wrap { margin-top: 0px; } .mt footer.footer .footer-menu-block .title { padding: 25px 35px; background-color: #29292E; cursor: pointer; background-position: right 35px center; background-repeat: no-repeat; background-image: url('../../../fileadmin/templates/Website/Images/down-arrow-white.svg'); background-size: 28px; margin-bottom: 0px; } .mt footer.footer .footer-menu-block .title.open { background-image: url('../../../fileadmin/templates/Website/Images/up-arrow-white.svg'); } .mt footer.footer .footer-menu-block ul { padding: 40px 65px; display: none; } .mt footer.footer .social-follow { padding: 25px 35px; background-color: #29292E; min-height: inherit; } .mt footer.footer .social-follow .title { position: static; transform: none; text-align: center; margin-bottom: 30px; line-height: normal; display: block; } .mt footer.footer .social-follow .title span { display: block; } .mt footer.footer .social-follow .social-items { padding-left: 0px; text-align: center; } .mt footer.footer .social-follow .social-items>div { display: inline-block; margin: 0px; width: 19%; text-align: center; vertical-align: middle; padding: 0 10px; } .mt footer.footer .social-follow .social-items>div img { display: inline-block; width: 100%; height: auto; } .mt footer.footer .footer-primary-part { padding: 0px; background-color: transparent; } .mt footer.footer .footer-primary-part .container-fluid { padding: 0px; } .mt footer.footer .footer-primary-part .container-fluid .row { margin-right: 0px; margin-left: 0px; } .mt footer.footer .footer-primary-part .container-fluid .my-col { padding-right: 0px; padding-left: 0px; } .mt footer.footer .footer-members-part .main-wrap { display: block; margin-left: -7px; margin-right: -7px; } .mt footer.footer .footer-members-part .main-wrap>div { padding-left: 7px; padding-right: 7px; text-align: center; } .mt footer.footer .footer-members-part .main-wrap>div img { display: inline-block; max-width: 100%; margin-bottom: 30px !important; } .mt footer.footer .footer-members-part .main-wrap>div.premium img, .mt footer.footer .footer-members-part .main-wrap>div.semi-premium img { display: inline-block; max-width: 100%; } .mt footer.footer .footer-members-part .main-wrap>div.semi-premium img { display: inline-block; max-width: 49%; height: auto; padding: 0 12.5px; vertical-align: middle; } .mt footer.footer .footer-members-part .main-wrap>div.ordinary-member img { max-width: inherit; width: 30%; padding: 0 12.5px; margin-right: 0px; display: inline-block; vertical-align: middle; } .mt .news-listing-module .news-list-filter .filter-button-row .custom-inputText-block { display: block; } .mt .news-listing-module .news-list-filter .filter-button-row .custom-inputText-block .site-button { display: block; } .mt .news-listing-module .news-list-filter .filter-button-row .filter-search-filed .input-holder { display: block; width: 100%; } } /* mobile */ /*! Vendor */ /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ .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.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-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-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-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 { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-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-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-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 { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: 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); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -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); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -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); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -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); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -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 { 0%, 100% { -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 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); } 100% { -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); } 100% { -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 { 0% { -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); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { -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); } 100% { -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 { 0% { -webkit-transform: none; transform: none; } 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); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; transform: none; } 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); } 100% { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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); } 100% { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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); } 100% { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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); } 100% { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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, -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); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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, -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); } 100% { -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); } 100% { 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); } 100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -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); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) 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); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) 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); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -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 { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-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-transition-timing-function: ease-in; transition-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); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-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-transition-timing-function: ease-in; transition-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); } 100% { -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 { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-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-transition-timing-function: ease-in; transition-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); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-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-transition-timing-function: ease-in; transition-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); } 100% { -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 { 0% { -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; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { -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; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -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; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { -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; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -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); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -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); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -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; } 100% { -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; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { 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 { 0% { opacity: 1; } 100% { 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 { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { 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 { 0% { 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 { 0% { 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 { 0% { 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 { 0% { 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 { 0% { 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 { 0% { 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 { 0% { 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 { 0% { 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 { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { 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 { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /*! * animate.css - https://animate.style/ * Version - 4.0.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2020 Animate.css */ :root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1; } .animate__animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: var(--animate-duration); animation-duration: var(--animate-duration); -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animate__animated.animate__infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animate__animated.animate__repeat-1 { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-iteration-count: var(--animate-repeat); animation-iteration-count: var(--animate-repeat); } .animate__animated.animate__repeat-2 { -webkit-animation-iteration-count: 2; animation-iteration-count: 2; -webkit-animation-iteration-count: calc(var(--animate-repeat)*2); animation-iteration-count: calc(var(--animate-repeat)*2); } .animate__animated.animate__repeat-3 { -webkit-animation-iteration-count: 3; animation-iteration-count: 3; -webkit-animation-iteration-count: calc(var(--animate-repeat)*3); animation-iteration-count: calc(var(--animate-repeat)*3); } .animate__animated.animate__delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-delay: var(--animate-delay); animation-delay: var(--animate-delay); } .animate__animated.animate__delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-delay: calc(var(--animate-delay)*2); animation-delay: calc(var(--animate-delay)*2); } .animate__animated.animate__delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; -webkit-animation-delay: calc(var(--animate-delay)*3); animation-delay: calc(var(--animate-delay)*3); } .animate__animated.animate__delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; -webkit-animation-delay: calc(var(--animate-delay)*4); animation-delay: calc(var(--animate-delay)*4); } .animate__animated.animate__delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; -webkit-animation-delay: calc(var(--animate-delay)*5); animation-delay: calc(var(--animate-delay)*5); } .animate__animated.animate__faster { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-duration: calc(var(--animate-duration)/2); animation-duration: calc(var(--animate-duration)/2); } .animate__animated.animate__fast { -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-duration: calc(var(--animate-duration)*0.8); animation-duration: calc(var(--animate-duration)*0.8); } .animate__animated.animate__slow { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-duration: calc(var(--animate-duration)*2); animation-duration: calc(var(--animate-duration)*2); } .animate__animated.animate__slower { -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-duration: calc(var(--animate-duration)*3); animation-duration: calc(var(--animate-duration)*3); } @media (prefers-reduced-motion: reduce), print { .animate__animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; } .animate__animated[class*=Out] { opacity: 0; } } @-webkit-keyframes bounce { 0%, 20%, 53%, 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: translateZ(0); transform: translateZ(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) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); } 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) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0) scaleY(0.95); transform: translateZ(0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02); } } @keyframes bounce { 0%, 20%, 53%, 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: translateZ(0); transform: translateZ(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) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); } 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) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0) scaleY(0.95); transform: translateZ(0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02); } } .animate__bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .animate__flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .animate__pulse { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(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: scaleX(1); transform: scaleX(1); } } @keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(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: scaleX(1); transform: scaleX(1); } } .animate__rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shakeX { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(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 shakeX { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(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); } } .animate__shakeX { -webkit-animation-name: shakeX; animation-name: shakeX; } @-webkit-keyframes shakeY { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } } @keyframes shakeY { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } } .animate__shakeY { -webkit-animation-name: shakeY; animation-name: shakeY; } @-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); } } .animate__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: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } .animate__swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .animate__tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { 0%, 11.1%, to { -webkit-transform: translateZ(0); transform: translateZ(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.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { 0%, 11.1%, to { -webkit-transform: translateZ(0); transform: translateZ(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.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .animate__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); } } .animate__heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-duration: calc(var(--animate-duration)*1.3); animation-duration: calc(var(--animate-duration)*1.3); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(0.7); transform: translateY(-1200px) scale(0.7); opacity: .7; } 80% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: .7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(0.7); transform: translateY(-1200px) scale(0.7); opacity: .7; } 80% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: .7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInDown { -webkit-animation-name: backInDown; animation-name: backInDown; } @-webkit-keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: .7; } 80% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: .7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: .7; } 80% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: .7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInLeft { -webkit-animation-name: backInLeft; animation-name: backInLeft; } @-webkit-keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: .7; } 80% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: .7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: .7; } 80% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: .7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInRight { -webkit-animation-name: backInRight; animation-name: backInRight; } @-webkit-keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(0.7); transform: translateY(1200px) scale(0.7); opacity: .7; } 80% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: .7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(0.7); transform: translateY(1200px) scale(0.7); opacity: .7; } 80% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: .7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInUp { -webkit-animation-name: backInUp; animation-name: backInUp; } @-webkit-keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: .7; } to { -webkit-transform: translateY(700px) scale(0.7); transform: translateY(700px) scale(0.7); opacity: .7; } } @keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: .7; } to { -webkit-transform: translateY(700px) scale(0.7); transform: translateY(700px) scale(0.7); opacity: .7; } } .animate__backOutDown { -webkit-animation-name: backOutDown; animation-name: backOutDown; } @-webkit-keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: .7; } to { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: .7; } } @keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: .7; } to { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: .7; } } .animate__backOutLeft { -webkit-animation-name: backOutLeft; animation-name: backOutLeft; } @-webkit-keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: .7; } to { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: .7; } } @keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: .7; } to { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: .7; } } .animate__backOutRight { -webkit-animation-name: backOutRight; animation-name: backOutRight; } @-webkit-keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: .7; } to { -webkit-transform: translateY(-700px) scale(0.7); transform: translateY(-700px) scale(0.7); opacity: .7; } } @keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: .7; } to { -webkit-transform: translateY(-700px) scale(0.7); transform: translateY(-700px) scale(0.7); opacity: .7; } } .animate__backOutUp { -webkit-animation-name: backOutUp; animation-name: backOutUp; } @-webkit-keyframes bounceIn { 0%, 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: scaleX(1); transform: scaleX(1); } } @keyframes bounceIn { 0%, 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: scaleX(1); transform: scaleX(1); } } .animate__bounceIn { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-duration: calc(var(--animate-duration)*0.75); animation-duration: calc(var(--animate-duration)*0.75); -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0%, 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) scaleY(3); transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); transform: translate3d(0, 5px, 0) scaleY(0.985); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInDown { 0%, 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) scaleY(3); transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); transform: translate3d(0, 5px, 0) scaleY(0.985); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 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) scaleX(3); transform: translate3d(-3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0) scaleX(1); transform: translate3d(25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); transform: translate3d(-10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); transform: translate3d(5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInLeft { 0%, 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) scaleX(3); transform: translate3d(-3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0) scaleX(1); transform: translate3d(25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); transform: translate3d(-10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); transform: translate3d(5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 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) scaleX(3); transform: translate3d(3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); transform: translate3d(-25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); transform: translate3d(10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); transform: translate3d(-5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInRight { 0%, 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) scaleX(3); transform: translate3d(3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); transform: translate3d(-25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); transform: translate3d(10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); transform: translate3d(-5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 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) scaleY(5); transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); transform: translate3d(0, -5px, 0) scaleY(0.985); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInUp { 0%, 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) scaleY(5); transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); transform: translate3d(0, -5px, 0) scaleY(0.985); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__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); } } .animate__bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-duration: calc(var(--animate-duration)*0.75); animation-duration: calc(var(--animate-duration)*0.75); -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); transform: translate3d(0, 10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); transform: translate3d(0, 2000px, 0) scaleY(3); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); transform: translate3d(0, 10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); transform: translate3d(0, 2000px, 0) scaleY(3); } } .animate__bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); transform: translate3d(20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); transform: translate3d(-2000px, 0, 0) scaleX(2); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); transform: translate3d(20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); transform: translate3d(-2000px, 0, 0) scaleX(2); } } .animate__bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); transform: translate3d(-20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); transform: translate3d(2000px, 0, 0) scaleX(2); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); transform: translate3d(-20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); transform: translate3d(2000px, 0, 0) scaleX(2); } } .animate__bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); transform: translate3d(0, -10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); transform: translate3d(0, 20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); transform: translate3d(0, -2000px, 0) scaleY(3); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); transform: translate3d(0, -10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); transform: translate3d(0, 20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); transform: translate3d(0, -2000px, 0) scaleY(3); } } .animate__bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } .animate__fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInTopLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInTopLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInTopLeft { -webkit-animation-name: fadeInTopLeft; animation-name: fadeInTopLeft; } @-webkit-keyframes fadeInTopRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInTopRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInTopRight { -webkit-animation-name: fadeInTopRight; animation-name: fadeInTopRight; } @-webkit-keyframes fadeInBottomLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInBottomLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInBottomLeft { -webkit-animation-name: fadeInBottomLeft; animation-name: fadeInBottomLeft; } @-webkit-keyframes fadeInBottomRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInBottomRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInBottomRight { -webkit-animation-name: fadeInBottomRight; animation-name: fadeInBottomRight; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } .animate__fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .animate__fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .animate__fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .animate__fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .animate__fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .animate__fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .animate__fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .animate__fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .animate__fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutTopLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } } @keyframes fadeOutTopLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } } .animate__fadeOutTopLeft { -webkit-animation-name: fadeOutTopLeft; animation-name: fadeOutTopLeft; } @-webkit-keyframes fadeOutTopRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } } @keyframes fadeOutTopRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } } .animate__fadeOutTopRight { -webkit-animation-name: fadeOutTopRight; animation-name: fadeOutTopRight; } @-webkit-keyframes fadeOutBottomRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } } @keyframes fadeOutBottomRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } } .animate__fadeOutBottomRight { -webkit-animation-name: fadeOutBottomRight; animation-name: fadeOutBottomRight; } @-webkit-keyframes fadeOutBottomLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } } @keyframes fadeOutBottomLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } } .animate__fadeOutBottomLeft { -webkit-animation-name: fadeOutBottomLeft; animation-name: fadeOutBottomLeft; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animate__animated.animate__flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .animate__flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .animate__flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .animate__flipOutX { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-duration: calc(var(--animate-duration)*0.75); animation-duration: calc(var(--animate-duration)*0.75); -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .animate__flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-duration: calc(var(--animate-duration)*0.75); animation-duration: calc(var(--animate-duration)*0.75); -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedInRight { 0% { -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: translateZ(0); transform: translateZ(0); } } @keyframes lightSpeedInRight { 0% { -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: translateZ(0); transform: translateZ(0); } } .animate__lightSpeedInRight { -webkit-animation-name: lightSpeedInRight; animation-name: lightSpeedInRight; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedInLeft { 0% { -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: translateZ(0); transform: translateZ(0); } } @keyframes lightSpeedInLeft { 0% { -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: translateZ(0); transform: translateZ(0); } } .animate__lightSpeedInLeft { -webkit-animation-name: lightSpeedInLeft; animation-name: lightSpeedInLeft; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOutRight { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOutRight { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .animate__lightSpeedOutRight { -webkit-animation-name: lightSpeedOutRight; animation-name: lightSpeedOutRight; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes lightSpeedOutLeft { 0% { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOutLeft { 0% { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0; } } .animate__lightSpeedOutLeft { -webkit-animation-name: lightSpeedOutLeft; animation-name: lightSpeedOutLeft; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .animate__rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .animate__rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .animate__rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .animate__rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .animate__rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateOut { 0% { opacity: 1; } to { -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { opacity: 1; } to { -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .animate__rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes rotateOutDownLeft { 0% { opacity: 1; } to { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { opacity: 1; } to { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } } .animate__rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateOutDownRight { 0% { opacity: 1; } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { opacity: 1; } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } .animate__rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateOutUpLeft { 0% { opacity: 1; } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { opacity: 1; } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } .animate__rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateOutUpRight { 0% { opacity: 1; } to { -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { opacity: 1; } to { -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .animate__rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -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-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -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; } } .animate__hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-duration: calc(var(--animate-duration)*2); animation-duration: calc(var(--animate-duration)*2); -webkit-animation-name: hinge; animation-name: hinge; -webkit-transform-origin: top left; transform-origin: top left; } @-webkit-keyframes jackInTheBox { 0% { 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 { 0% { 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); } } .animate__jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); transform: translate3d(-100%, 0, 0) rotate(-120deg); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); transform: translate3d(-100%, 0, 0) rotate(-120deg); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); transform: translate3d(100%, 0, 0) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); transform: translate3d(100%, 0, 0) rotate(120deg); } } .animate__rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .animate__zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { 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 { 0% { 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); } } .animate__zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { 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 { 0% { 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); } } .animate__zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { 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 { 0% { 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); } } .animate__zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { 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 { 0% { 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); } } .animate__zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { 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 { 0% { 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; } } .animate__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-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-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-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); } } @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); } } .animate__zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; -webkit-transform-origin: left center; transform-origin: left center; } @-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); } } @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); } } .animate__zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; -webkit-transform-origin: right center; transform-origin: right center; } @-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-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-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .animate__slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .animate__slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .animate__slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .animate__slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /* tooltip start */ html { -webkit-font-smoothing: antialiased; } /* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */ .my-tooltip:hover { color: #DE0000 !important; } .tooltipster-default { border: none; background-color: #252525; border-radius: 20px; color: #fff; /* margin-left: -20px; margin-top: 15px; */ } .my-tooltip .the-tip-text { display: inline-block; } /* Use this next selector to style things like font-size and line-height: */ .tooltipster-default .tooltipster-content { font-family: Arial, sans-serif; font-size: 14px; line-height: 16px; padding: 8px 10px; overflow: hidden; } /* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */ .tooltipster-default .tooltipster-arrow .tooltipster-arrow-border { /* border-color: ... !important; */ } /* If you're using the icon option, use this next selector to style them */ .tooltipster-icon { cursor: help; margin-left: 4px; } /* This is the base styling required to make all Tooltipsters work */ .tooltipster-base { padding: 0; font-size: 0; line-height: 0; position: absolute; z-index: 9999999; pointer-events: none; width: auto; overflow: visible; } .tooltipster-base .tooltipster-content { overflow: hidden; } /* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */ .tooltipster-arrow { display: block; text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .tooltipster-arrow span, .tooltipster-arrow-border { display: block; width: 0; height: 0; position: absolute; } .tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-top: 8px solid; bottom: -7px; } .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-top: 9px solid; bottom: -7px; } .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-bottom: 8px solid; top: -7px; } .tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-bottom: 9px solid; top: -7px; } .tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border { left: 0; right: 0; margin: 0 auto; } .tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span { left: 6px; } .tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { left: 5px; } .tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span { right: 6px; } .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border { right: 5px; } .tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-left: 8px solid; top: 50%; margin-top: -7px; right: -7px; } .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 9px solid; margin-top: -8px; } .tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-right: 8px solid; top: 50%; margin-top: -7px; left: -7px; } .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-right: 9px solid; margin-top: -8px; } /* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */ .tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; } .tooltipster-fade-show { opacity: 1; } .tooltipster-grow { -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -o-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-backface-visibility: hidden; } .tooltipster-grow-show { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -o-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; } .tooltipster-swing-show { opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); } .tooltipster-fall { top: 0; -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; -ms-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-fall-show {} .tooltipster-fall.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; top: 0px !important; opacity: 0; } .tooltipster-slide { left: -40px; -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; -ms-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-slide.tooltipster-slide-show {} .tooltipster-slide.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; left: 0px !important; opacity: 0; } /* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */ .tooltipster-content-changing { opacity: 0.5; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } /* tooltip end */ /*! * Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('../../../fileadmin/templates/Website/Fonts/fontawesome-webfont.eot?v=4.4.0'); src: url('../../../fileadmin/templates/Website/Styles/Fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format("embedded-opentype"), url('../../../fileadmin/templates/Website/Fonts/fontawesome-webfont.woff2?v=4.4.0') format("woff2"), url('../../../fileadmin/templates/Website/Fonts/fontawesome-webfont.woff?v=4.4.0') format("woff"), url('../../../fileadmin/templates/Website/Fonts/fontawesome-webfont.ttf?v=4.4.0') format("truetype"), url('../../../fileadmin/templates/Website/Fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format("svg"); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul>li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flexslider li { margin: 0px !important; padding: 0px !important; } .flexslider li:before { display: none; } /* FlexSlider Necessary Styles *********************************/ .flexslider { margin: 0; padding: 0; width: 100%; float: left; } .flexslider .slides>li { display: none; -webkit-backface-visibility: hidden; position: relative; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { width: 100%; height: auto; } .flex-pauseplay span { text-transform: capitalize; } /* Clearfix for the .slides element */ .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides>li:first-child { display: block; } /* FlexSlider Default Theme *********************************/ .flexslider { margin: 0px; position: relative; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; overflow: hidden !important; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /* Direction Nav */ .flex-direction-nav { position: absolute; left: 0px; bottom: 100px; width: 100%; list-style: none !important; text-align: center; height: 0px; } .flex-prv-wrap { float: left; } .flex-nxt-wrap { float: right; } .flex-direction-nav-wrapper { display: inline-block; z-index: 100; position: relative; height: 0px; } .flex-direction-nav { width: 50px; } .flex-direction-nav li { float: left; } .flex-direction-nav li:last-child { float: right; } .flex-direction-nav a { width: 18px; height: 31px; display: block; font-size: 0px; } .flex-next { background: url('../../../fileadmin/templates/Website/Images/nxt-slide.png') no-repeat center center/cover !important; } .flex-prev { background: url('../../../fileadmin/templates/Website/Images/prv-slide.png') no-repeat center center/cover !important; } /*.flexslider:hover .flex-next {opacity: 0.8; right: 5px;} .flexslider:hover .flex-prev {opacity: 0.8; left: 5px;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} */ /* Control Nav */ .flex-control-nav { margin: 0 0 14px 0 !important; position: inherit; bottom: inherit; width: 50px; position: relative; height: 20px; font-size: 16px; text-align: center; } .flex-control-nav li { margin: 0px !important; zoom: 1; display: inline-block; vertical-align: top; color: #fff; line-height: normal; padding: 0px; position: relative; } .flex-control-nav li:first-child { margin-left: 0px; } .flex-control-paging li a { color: #fff; display: none; text-decoration: none !important; cursor: normal; } .flex-control-paging li a.flex-active { display: block; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 0; } .flex-direction-nav .flex-next { opacity: 1; right: 0; } } /* * Owl Carousel - Core Start */ .mt { /* No Js */ /* * Owl Carousel - Animate Plugin */ /* * Owl Carousel - Auto Height Plugin */ /* * Owl Carousel - Lazy Load Plugin */ /* * Owl Carousel - Video Plugin */ /* * Default theme - Owl Carousel CSS File */ } .mt .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering Fonts issue */ position: relative; z-index: 1; background: transparent; } .mt .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .mt .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .mt .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .mt .owl-carousel .owl-wrapper, .mt .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .mt .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .mt .owl-carousel .owl-item img { display: block; width: 100%; } .mt .owl-carousel .owl-nav.disabled, .mt .owl-carousel .owl-dots.disabled { display: none; } .mt .owl-carousel .owl-nav .owl-prev, .mt .owl-carousel .owl-nav .owl-next, .mt .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mt .owl-carousel .owl-nav button.owl-prev, .mt .owl-carousel .owl-nav button.owl-next, .mt .owl-carousel button.owl-dot { background-color: transparent !important; color: inherit; border: none; padding: 0 !important; font: inherit; position: static; } .mt .owl-carousel.owl-loaded { display: block; } .mt .owl-carousel.owl-loading { opacity: 0; display: block; } .mt .owl-carousel.owl-hidden { opacity: 0; } .mt .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .mt .owl-carousel.owl-drag .owl-item { touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mt .owl-carousel.owl-grab { cursor: move; cursor: grab; } .mt .owl-carousel.owl-rtl { direction: rtl; } .mt .owl-carousel.owl-rtl .owl-item { float: right; } .mt .no-js .owl-carousel { display: block; } .mt .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .mt .owl-carousel .owl-animated-in { z-index: 0; } .mt .owl-carousel .owl-animated-out { z-index: 1; } .mt .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .mt .owl-height { transition: height 500ms ease-in-out; } .mt .owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } .mt .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .mt .owl-carousel .owl-item .owl-lazy[src^=""], .mt .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .mt .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } .mt .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .mt .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url('../../../fileadmin/templates/Website/Styles/owl.video.play.png') no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .mt .owl-carousel .owl-video-play-icon:hover { transform: scale(1.3, 1.3); } .mt .owl-carousel .owl-video-playing .owl-video-tn, .mt .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .mt .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .mt .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } .mt .owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .mt .owl-theme .owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; } .mt .owl-theme .owl-nav [class*='owl-']:hover { background: #869791; color: #FFF; text-decoration: none; } .mt .owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; } .mt .owl-theme .owl-nav.disabled+.owl-dots { margin-top: 10px; } .mt .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .mt .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .mt .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; } .mt .owl-theme .owl-dots .owl-dot.active span, .mt .owl-theme .owl-dots .owl-dot:hover span { background: #869791; } /* * Owl Carousel - Core End */ /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox { /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container { /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside>.mCSB_container { margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl>.mCSB_inside>.mCSB_container { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside+.mCSB_scrollTools { right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools, .mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools { /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools { left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a+.mCSB_draggerContainer { margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger { /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown { bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside>.mCSB_container { margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside>.mCSB_container { min-height: 100%; } .mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer { margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper>.mCSB_container { padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px; } .mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0; } .mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container { padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container { padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail { -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools, .mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover>.mCSB_scrollTools, .mCustomScrollBox:hover~.mCSB_scrollTools, .mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools, .mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { background-image: url('../../../fileadmin/templates/Website/Styles/mCSB_buttons.png'); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active { opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger { height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail { width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { width: 8px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical { right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical { box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { bottom: 1px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { background-color: #000; background-color: rgba(0, 0, 0, 0.05); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools { box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { background-color: #fff; background-color: rgba(0, 0, 0, 0.05); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical { right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical { left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { width: 6px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { width: 12px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255, 255, 255, 0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { border-color: #000; border-color: rgba(0, 0, 0, 0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } /* ---------------------------------------- */ /*! Flickity v2.2.0 https://flickity.metafizzy.co ---------------------------------------------- */ .flickity-enabled { position: relative; } .flickity-enabled:focus { outline: none; } .flickity-viewport { overflow: hidden; position: relative; height: 100%; } .flickity-slider { position: absolute; width: 100%; height: 100%; } /* draggable */ .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; } /* ---- flickity-button ---- */ .flickity-button { position: absolute; background: rgba(255, 255, 255, 0.75); border: none; color: #333; } .flickity-button:hover { background: white; cursor: pointer; } .flickity-button:focus { outline: none; box-shadow: 0 0 0 5px #19F; } .flickity-button:active { opacity: 0.6; } .flickity-button:disabled { opacity: 0.3; cursor: auto; /* prevent disabled button from capturing pointer up event. #716 */ pointer-events: none; } .flickity-button-icon { fill: currentColor; } /* ---- previous/next buttons ---- */ .flickity-prev-next-button { top: 50%; width: 44px; height: 44px; border-radius: 50%; /* vertically center */ transform: translateY(-50%); } .flickity-prev-next-button.previous { left: 10px; } .flickity-prev-next-button.next { right: 10px; } /* right to left */ .flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10px; } .flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px; } .flickity-prev-next-button .flickity-button-icon { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; } /* ---- page dots ---- */ .flickity-page-dots { position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; } .flickity-rtl .flickity-page-dots { direction: rtl; } .flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; opacity: 0.25; cursor: pointer; } .flickity-page-dots .dot.is-selected { opacity: 1; } /*! jQuery UI - v1.12.1 - 2016-09-14 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url('../../../fileadmin/templates/Website/Styles/%22Images%2Fui-icons_555555_256x240.png%22')&iconsHighlight=url('../../../fileadmin/templates/Website/Styles/%22Images%2Fui-icons_777620_256x240.png%22')&iconsHeader=url('../../../fileadmin/templates/Website/Styles/%22Images%2Fui-icons_444444_256x240.png%22')&iconsError=url('../../../fileadmin/templates/Website/Styles/%22Images%2Fui-icons_cc0000_256x240.png%22')&iconsDefault=url('../../../fileadmin/templates/Website/Styles/%22Images%2Fui-icons_777777_256x240.png%22')&iconsContent=url('../../../fileadmin/templates/Website/Styles/%22Images%2Fui-icons_444444_256x240.png%22')&iconsActive=url('../../../fileadmin/templates/Website/Styles/%22Images%2Fui-icons_ffffff_256x240.png%22')&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6 * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Support: IE <= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; } /* workarounds */ /* Support: Firefox 5 - 40 */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup>.ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup>.ui-controlgroup-item:focus, .ui-controlgroup>.ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical>.ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ width: 75%; width: calc( 100% - 2.4em); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; } .ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px #5e9ed6; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and Images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url('../../../fileadmin/templates/Website/Images/ui-icons_444444_256x240.png'); } .ui-widget-header .ui-icon { background-image: url('../../../fileadmin/templates/Website/Images/ui-icons_444444_256x240.png'); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url('../../../fileadmin/templates/Website/Images/ui-icons_555555_256x240.png'); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url('../../../fileadmin/templates/Website/Images/ui-icons_ffffff_256x240.png'); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url('../../../fileadmin/templates/Website/Images/ui-icons_777620_256x240.png'); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url('../../../fileadmin/templates/Website/Images/ui-icons_cc0000_256x240.png'); } .ui-button .ui-icon { background-image: url('../../../fileadmin/templates/Website/Images/ui-icons_777777_256x240.png'); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .003; filter: Alpha(Opacity=0.3); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; } /*! * Copyright (c) 2017 Tamble, Inc. * Licensed under MIT (https://github.com/tamble/jquery-ui-daterangepicker/raw/master/LICENSE.txt) */ .comiseo-daterangepicker-triggerbutton.ui-button { text-align: left; min-width: 18em; } .comiseo-daterangepicker-triggerbutton .ui-button-icon { /* fix v1.12 */ position: absolute; right: 0.5em; top: 50%; margin-top: -8px; } .comiseo-daterangepicker { position: absolute; padding: 5px; } .comiseo-daterangepicker-mask { margin: 0; padding: 0; position: fixed; left: 0; top: 0; height: 100%; width: 100%; /* required for IE */ background-color: #fff; opacity: 0; filter: alpha(opacity=0); } .comiseo-daterangepicker-presets, .comiseo-daterangepicker-calendar { display: table-cell; vertical-align: top; height: 230px; } .comiseo-daterangepicker-right .comiseo-daterangepicker-presets { padding: 2px 7px 7px 2px; } .comiseo-daterangepicker-left .comiseo-daterangepicker-presets { padding: 2px 2px 7px 7px; } .comiseo-daterangepicker-presets .ui-menu { padding: 2px; /* fix v1.11 */ white-space: nowrap; } .comiseo-daterangepicker-presets .ui-menu-item { /* fix v1.11 */ padding: 0; } .comiseo-daterangepicker-presets .ui-menu-item>* { /* fix v1.11 */ text-decoration: none; display: block; padding: 2px 0.4em; line-height: 1.5; min-height: 0; /* support: IE7 */ } .comiseo-daterangepicker .ui-widget-content, .comiseo-daterangepicker .ui-datepicker .ui-state-highlight { border-width: 0; } .comiseo-daterangepicker>.comiseo-daterangepicker-main.ui-widget-content { border-bottom-width: 1px; } .comiseo-daterangepicker .ui-datepicker .ui-datepicker-today .ui-state-highlight { border-width: 1px; } .comiseo-daterangepicker-right .comiseo-daterangepicker-calendar { border-left-width: 1px; padding-left: 5px; } .comiseo-daterangepicker-left .comiseo-daterangepicker-calendar { border-right-width: 1px; padding-right: 5px; } .comiseo-daterangepicker-right .comiseo-daterangepicker-buttonpanel { float: left; } .comiseo-daterangepicker-left .comiseo-daterangepicker-buttonpanel { float: right; } .comiseo-daterangepicker-buttonpanel>button { margin-top: 6px; } .comiseo-daterangepicker-right .comiseo-daterangepicker-buttonpanel>button { margin-right: 6px; } .comiseo-daterangepicker-left .comiseo-daterangepicker-buttonpanel>button { margin-left: 6px; } /* themeable styles */ .comiseo-daterangepicker-calendar .ui-state-highlight a.ui-state-default { background: #b0c4de; color: #fff; } /*! Jplist */ /**/ /**/ /**/ /**/ /**/ /**/ .top-banner-module.inactive .banner-carousel { visibility: hidden; pointer-events: none; height: 100vh; overflow: hidden; } .top-banner-module.inactive { background-color: #DE0000; } /* news detail banner modification */ @media screen and (min-width: 1200px) { .top-banner-module.type-content-outside .banner-carousel { height: 750px; } } /* news detail banner modification */ /* newsletter-module */ .newsletter-module>.main-wrap { padding: 40px 85px; background-color: #33343A; } .newsletter-module>.main-wrap .holder { width: 60%; } .newsletter-module .intro { margin-bottom: 30px; } .newsletter-module .subscription-form .subscription-field { position: relative; overflow: hidden; } .newsletter-module .subscription-form .text-input { width: 100%; padding: 0 170px 0 30px; background-color: #fff; font-size: 15px; font-family: 'Open Sans'; font-weight: 600; color: #000000; border: none; height: 45px; border-radius: 23px; } .newsletter-module .subscription-form .text-input::placeholder { opacity: 1; color: #707070 !important; } .newsletter-module .subscription-form .button-input { position: absolute; right: 0px; top: 0px; z-index: 1; background-color: #000000; color: #fff; height: 45px; width: 135px; text-align: center; text-transform: uppercase; font-size: 20px; cursor: pointer; border: none; border-radius: 0 23px 23px 0; } .newsletter-module .subscription-form .button-input:hover { background-color: #DE0000; } .newsletter-module .subscription-form .subscription-field { margin-bottom: 15px; } .newsletter-module .subscription-form .condition-accept .custom-check-radio { display: inline-block; vertical-align: top; width: 12px; height: 12px; border: 1.5px solid #fff; position: relative; border-radius: 100%; overflow: hidden; margin-right: 10px; top: 2px; } .newsletter-module .subscription-form .condition-accept .custom-check-radio input { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; opacity: 0; margin: 0px; padding: 0px; } .newsletter-module .subscription-form .condition-accept .custom-check-radio .clone-check-radio { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; pointer-events: none; background-color: #fff; visibility: hidden; } .newsletter-module .subscription-form .condition-accept .custom-check-radio input:checked+.clone-check-radio { visibility: visible; } .newsletter-module .subscription-form .condition-accept label { display: inline-block; vertical-align: top; font-size: 12px; line-height: 16px; columns: #fff; font-family: 'Open Sans'; font-weight: 600; max-width: 80%; } .newsletter-module .subscription-form .condition-accept label a { text-decoration: underline; color: #fff; } @media screen and (max-width: 1199px) { .newsletter-module>.main-wrap { padding: 40px; background-image: none; } .newsletter-module>.main-wrap .holder { width: 100%; } } @media screen and (max-width: 767px) { .newsletter-module>.main-wrap { padding: 40px 15px; background-image: none; } .newsletter-module>.main-wrap .holder { width: 100%; } .newsletter-module .subscription-form .button-input { position: static; margin-top: 10px; width: 100%; border-radius: 23px; } .newsletter-module .subscription-form .text-input { padding: 0 25px; } } /* newsletter-module */ /* new news detail module */ .news-detail-header { margin-bottom: 40px; } .news-detail-header h5 { font-size: 47px; line-height: 60px; } .news-detail-header .post-date { margin-bottom: 20px; } @media screen and (max-width: 1199px) and (min-width: 768px) { .news-detail-header h5 { font-size: 35px; line-height: 45px; } } @media screen and (max-width: 767px) { .news-detail-header h5 { font-size: 25px; line-height: 30px; } } /* new news detailmodule */ /* news-detail-bild-slider */ .news-detail-bild-slider .carousel-cell { width: 100%; } .news-detail-bild-slider .flickity-viewport { transition: height 0.2s; } .news-detail-bild-slider .carousel-cell .img-holder { position: relative; } .news-detail-bild-slider .carousel-cell .img-holder img { width: 100%; height: auto; } .news-detail-bild-slider .carousel-cell .img-holder.set-back>img { display: block; visibility: hidden; } .news-detail-bild-slider .carousel-cell .img-holder.set-back { background-size: cover; background-repeat: no-repeat; background-position: center top; } .news-detail-bild-slider .flickity-prev-next-button svg { display: none; } .news-detail-bild-slider .flickity-prev-next-button { border: none; width: 45px; height: 45px; border-radius: 0px; background-color: transparent; z-index: 6; margin-top: -12px; } .news-detail-bild-slider .flickity-prev-next-button:after { content: ' '; width: 13px; height: 21px; background-position: center center; background-repeat: no-repeat; background-size: 13px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; display: inline-block; position: relative; top: 3px; } .news-detail-bild-slider .flickity-prev-next-button.previous { left: 0px; } .news-detail-bild-slider .flickity-prev-next-button.previous:after { background-image: url('../../../fileadmin/templates/Website/Images/carousel-prev.svg'); left: 0px; } .news-detail-bild-slider .flickity-prev-next-button.previous:hover:after { left: -5px; } .news-detail-bild-slider .flickity-prev-next-button.next { right: 0px; } .news-detail-bild-slider .flickity-prev-next-button.next:after { background-image: url('../../../fileadmin/templates/Website/Images/carousel-next.svg'); right: 0px; } .news-detail-bild-slider .flickity-prev-next-button.next:hover:after { right: -5px; } .news-detail-bild-slider .flickity-page-dots .dot { border: 2px solid #fff; background-color: transparent; opacity: 1; margin: 0 4px; } .news-detail-bild-slider .flickity-page-dots { position: static; margin-top: 10px; } .news-detail-bild-slider .flickity-page-dots .dot.is-selected { background-color: #fff; } .news-detail-bild-slider .carousel-cell .img-holder .caption { position: absolute; z-index: 1; width: 100%; left: 0px; bottom: 0px; font-size: 12px; line-height: 15px; color: #fff; font-style: italic; font-family: 'Open Sans'; font-weight: normal; padding: 15px; } .news-detail-bild-slider .carousel-cell .img-holder .caption span { display: inline-block; position: relative; z-index: 1; } .news-detail-bild-slider .carousel-cell .img-holder .caption:after { content: ' '; display: block; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: rgba(255, 255, 255, 0.2); opacity: 1; backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); } .news-detail-quotation { padding-left: 15px; border-left: 3px solid #DC0101; } .news-detail-quotation .name { font-family: 'Open Sans'; font-weight: normal; font-size: 12px; list-style: 15px; color: #fff; font-style: italic; margin-bottom: 5px; } .news-detail-quotation .excerpt { color: #DC0101; font-size: 25px; line-height: 30px; text-transform: uppercase; } .news-context.entry h5 { font-size: 30px; line-height: 40px; text-transform: uppercase; margin-bottom: 15px; margin-top: 30px; } @media screen and (max-width: 1199px) and (min-width: 768px) { .news-context.entry h5 { font-size: 35px; line-height: 45px; } } @media screen and (max-width: 767px) { .news-context.entry h5 { font-size: 25px; line-height: 30px; } } /* news-detail-bild-slider */ /* news filter news list */ .mt .news-listing-module .news-list-filter+.the-listing.max-lg-grid-varient>.row { margin-left: -12.5px; margin-right: -12.5px; } .mt .news-listing-module .news-list-filter+.the-listing.max-lg-grid-varient>.row>.mtm-news-item { padding-left: 12.5px; padding-right: 12.5px; } @media screen and (min-width: 1400px) { .news-detail-back-link { margin-left: 34px; } } /* news filter news list */ /* animate menu hmbg */ .mt header.header .menu-hamberg.animate-menu-hmbg { width: 35px; height: 30px; background: none; position: relative; transition: all 0.3s ease 0s; transform: rotate(-45deg); transform-origin: center center; } .mt header.header .menu-hamberg.animate-menu-hmbg:hover { transform: rotate(0deg); } .mt header.header .menu-hamberg.animate-menu-hmbg:hover span:nth-child(1), .mt header.header .menu-hamberg.animate-menu-hmbg:hover span:nth-child(2), .mt header.header .menu-hamberg.animate-menu-hmbg:hover span:nth-child(3) { width: 100%; left: 0px; } .mt header.header .menu-hamberg.animate-menu-hmbg span { width: 100%; height: 4px; background-color: white; border-radius: 4px; position: absolute; left: 0px; transition: all 0.3s ease 0s; } .mt header.header .menu-hamberg.animate-menu-hmbg span:nth-child(2) { width: 140%; left: -20%; } .mt header.header .menu-hamberg.animate-menu-hmbg span:nth-child(1), .mt header.header .menu-hamberg.animate-menu-hmbg span:nth-child(3) { width: 102%; left: -1%; } .mt header.header .menu-hamberg.animate-menu-hmbg span:nth-child(2) { top: 13px; } .mt header.header .menu-hamberg.animate-menu-hmbg span:nth-child(3) { top: 26px; } .mt header.header.shop-header .main-menu .menu-hamberg.animate-menu-hmbg { width: 35px; height: 30px; } @media screen and (max-width: 1650px) and (min-width: 1200px) { .mt header.header.shop-header .main-menu .menu-hamberg.animate-menu-hmbg { width: 35px; height: 30px; } } /* animate menu hmbg */ /*MOBILE SLIDER ARROWS*/ @media screen and (max-width: 767px){ .mt .top-banner-module .banner-carousel .flickity-prev-next-button.previous { left: 10px; } .mt .top-banner-module .banner-carousel .flickity-prev-next-button.next { right: 10px; } .mt .top-banner-module .banner-carousel .flickity-prev-next-button { width: 23px; height: 30px; background-size: contain; } .mt .site-button span{ font-size:16px; } } iframe { padding: 0px!important; } .mt .top-banner-module.type-inset:after{bottom:-1px} /*NEW SLIDER*/ .mt .top-banner-module.roof-line-slider .roofline-tag span { padding: 2px 14px; font-size: 18px; letter-spacing: 0; } @media screen and (max-width: 1199px){ .mt .news-teaser-module>.row>.my-col{ max-height: none;} .mt .top-banner-module.roof-line-slider .roofline-tag span { padding: 2px 14px; font-size: 14px; letter-spacing: 0; } } a.site-button.fill-dark.covered.with-arrow { margin-top: 8px; } .mt .top-banner-module .container-fluid .img-holder:after { background-color: rgb(0 0 0 / 0.2); } /*NEW HEADLINES Unterseiten*/ span.headline-small { color: black!important; font-size: 18px; background: white; font-family: "Open Sans"!important; height: 32px; letter-spacing: 0px; line-height: 12px; font-weight: 700; padding: 10px 12px 13px 14px; width: max-content; } @media screen and (max-width: 1199px){ span.headline-small { color: black!important; font-size: 15px; background: white; font-family: "Open Sans"!important; height: 28px; letter-spacing: 0px; line-height: 12px; font-weight: 700; padding: 8px 12px 13px 14px; width: max-content; } } @media screen and (max-width: 1199px) and (min-width: 768px){ .mt header.header .logo-block img { width: 100px; } } /*New Navigation fixes*/ .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu:not(.zur-website).invert-hovered > a { color: #ffffff; } .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu:not(.zur-website).invert-hovered > a:after { background-image: url('../../../fileadmin/templates/Website/Images/next-arrow-light.svg'); } @media screen and (min-width: 1199px){ ul.sub-menu { min-height: 700px!important; } } /*News Tags Center*/ .mt .news-listing-module .news-tags.link-type-theme { text-align: center !important; } .mt .news-listing-module .news-tags.link-type-theme div{ margin: auto 1.5%!important } /*Video List*/ .video-list .item-title { font-family: "Open Sans"; font-weight: bold; text-transform: uppercase; } .mt .team-member-module .excerpt .holder { min-height: auto; } .mt .team-member-module .excerpt .name { letter-spacing: 1px; } /*news Ads Short Fix*/ @media screen and (min-width: 767px){ .news-single .news-teaser-module .col-md-4.col-sm-4.my-col.equal-block.two-col.hidden-xs { width: 24.8%; height: auto!important; } .news-single .news-teaser-module .col-md-8.col-sm-8.my-col.equal-block.two-col { height: auto!important; width: 73.2%; } } /* Leter Spacing Headlines*/ h1, h2, h3, h4, h5, h6{ letter-spacing:2px!important } /*Mobile Text p*/ @media screen and (max-width: 767px){ .mt p, .mt li { font-size: 15px; line-height: 26px; } .mt .mobile-text-center * { text-align: left !important; } .mt .module-header-mobile-center { text-align: left !important; } .mt .mobile-text-center { text-align: left !important; } .mt .container, .mt .container-fluid { padding-left: 24px; padding-right: 24px; } .module-header h2 { margin-left: -15px!important; } .mt .entry ul li, .mt .entry ol li { margin: 35px 0px 0 0px; } .mt .module-header-mobile-center h1, .mt .module-header-mobile-center h2, .mt .module-header-mobile-center h3, .mt .module-header-mobile-center h4, .mt .module-header-mobile-center h5, .mt .module-header-mobile-center h6 { text-align: left !important; display: inline-block; } } @media screen and (max-width: 1650px) and (min-width: 1200px){ .module-header h2 { margin-left: -35px!important; } } /*KONTAKT*/ .mt .team-member-module .excerpt .secondary-info span { font-size: 12px; } .mt .team-member-module .excerpt .secondary-info i img { width: 20px; } /* NEWS PAGE*/ .mt .newsdetail-module .news-intor-text p { font-size: 15px; line-height: 27px; font-weight: 700; letter-spacing: 0px; } .news-listing-module.clearfix { margin-top: -45px; } .mt .news-listing-module .the-listing .news-title { font-size: 18px; line-height: 26px; text-transform: uppercase; font-family: "Open Sans"; /* height: auto!important; */ font-weight: 700; } .mt .news-listing-module .the-listing .news-date { font-weight: 300; margin-bottom: 8px; } .mt .news-listing-module .the-listing .featured-img { position: relative; margin-bottom: 20px; } .news-listing-module .module-all-link.pull-text-center { margin: 0px; } .news-listing-module .element.element-gap-big { margin-bottom:30px; } .mt .news-listing-module .img-holder { overflow: hidden; max-height: 235px; } /* Video Elements*/ .video-content-element h5 { font-family: "open Sans"; text-transform: uppercase; font-size: 20px; line-height: 25px; font-weight: bold; letter-spacing: 0px!important; } .video-content-element iframe.embed-responsive-item { padding: 0px; } .mt .video-slider-module .item-title { font-size: 15px; line-height: 20px; text-transform: uppercase; font-weight: bold; font-family: "Open Sans"; } /*Downloads Abstand zum Text*/ .mt .element.element-gap-Biggertiny { margin-bottom: 7px; } .mt .video-slider-module .item-img { margin-bottom: 15px; } @media screen and (max-width: 767px){ .video-content-element .lg-grid-varient .row > .my-col { margin-top: 0px; } .video-content-element.lg-grid-varient.clearfix { margin-bottom: 80px; } } /* Removing Whatsapp*/ i.fa.fa-whatsapp { display: none; } /* Special HBL Ad Banner*/ #c452 .entry>div>a>img { margin: auto auto 10px auto!important; display: block; } #c452 .entry>div { width:100% } /*Tabelle Home styling changes*/ .mt .tabelle-content-module .the-tabelle td { border-top: 1px solid #444444; } .mt .tabelle-content-module .the-tabelle tr:last-child td { border-bottom: 1px solid #444; } .mt .tabelle-content-module .the-tabelle td { font-family: "Open Sans"; } .mt .next-match-schedule .next-match-schedule-board.type-two .part > div span { font-family: "Open Sans"; } /*Forms STyling*/ label.label { color: white!important; } label>a { color: #de0f00; text-decoration: none; } input.submit_button { background: white; color: #121216; font-family: "Open Sans"; font-weight: 700; } input.reset_button { background: #5d5d5d; color: white; font-family: "Open Sans"; font-weight: 700; } input#input_checkboxfield_7 { float: left; width: 15px; margin-right: 10px; margin-top: 3px; } .form-control { background: none!important; border-bottom: 2px solid white!important; border-top: none!important; border-left: none!important; border-right: none!important; font-size: 15px!important; font-weight: 600; color: #999999!important; margin-bottom: 30px; input::placeholder } .form-group { font-family: "Open Sans"; } input::placeholder { color: #ffffff!important; opacity: 1; /* Firefox */ } label.control-label { font-size: 15px; } .btn { font-size: 22px; letter-spacing: 1px; border-radius: 40px; color:#fff; padding: 13px 37px; background: transparent; border: 3px solid white; } .btn:hover { font-size: 22px; letter-spacing: 1px; border-radius: 40px; padding: 13px 37px; color:black; background: white; border: 3px solid white; } form>h2 { text-align: center; font-size: 50px!important; } form { max-width: 1000px; margin: 10px auto; } label.add-on.form-check-label { font-size: 15px; } .help-block { color: #ffffff } /* Home Slider Animation Change*/ .mt .top-banner-module .content-holder.fadeInRight { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; animation-name: fadeInUp; } /*Home Slider Text and Button Position fix*/ .type-default h2 { margin-left: 0px!important; } @media screen and (max-width: 767px){ .mt .top-banner-module.type-inset .content-holder .module-header.pull-text-right > *, .mt .top-banner-module.type-inset .content-holder .module-header.pull-text-left.mobile-text-center > * { text-align: center!important; padding: 0px!important; } } @media screen and (min-height: 600px) and (min-width: 1200px){ .mt .top-banner-module.type-inset.type-viewport-height .content-holder .entry { max-height: fit-content;} } .mt .top-banner-module.type-inset .content-holder p { font-size: 17px; line-height: 28px; max-width: 80%; } @media screen and (max-width: 767px){ .mt .top-banner-module.type-inset .content-holder p { font-size: 16px; line-height: 20px; max-width: 100%; font-weight: 400; } } /*Home Slider right image position fix*/ @media screen and (min-height: 600px) and (min-width: 1200px){ .mt .top-banner-module.type-inset.type-viewport-height .content-holder .flight-content img { max-width:100% } .mt .top-banner-module.type-inset.type-viewport-height .content-holder .flight-content { bottom: -30%; right: -50px; }} @media screen and (max-width: 1199px) and (min-width: 768px){ .flight-content { display: none; } } @media screen and (max-width: 767px){ .mt .top-banner-module.type-inset .flight-content img { width: 100%; } .mt .top-banner-module.type-inset .content-holder .flight-content { bottom: -80px;} } /*Newsletter Text Size change*/ .mt p.lg--para-text { font-size: 15px; line-height: 23px; } /* shop Teaser Background set to contain*/ .teaser-normal.clearfix { background-size: contain; background-repeat: no-repeat; } /*Background Image not cut off for two layered Images*/ .mt .teaser-animate { background-size: contain; } /*Optimization of
  • Elements*/ .mt .entry ul li, .mt .entry ol li { margin: 35px 20px 0 20px; font-size: 15px; line-height: 25px; } /*Optimization of Hallenplan Slider Element - Minimizing gaps*/ .mt .ground-tickiting-slider p { font-size: 15px; line-height: 25px; margin-bottom: 15px; } .mt .ground-ticket-info-table td { font-size: 16px; line-height: 22px; padding: 4px 1px; border-bottom: 1px solid #d6d6d6; } /* h3 + h2 fontsize fix*/ .mt h3 { font-size: 47px; line-height: 55px; letter-spacing: 1px; } @media screen and (max-width: 767px){ .mt h3 { font-size: 35px; line-height: 40px; } } @media screen and (max-width: 1199px) and (min-width: 768px){ .mt h3 { font-size: 40px; line-height: 45px; } } .mt h2 { font-size: 60px; line-height: 70px; } @media screen and (max-width: 767px){ .mt h2 { font-size: 47px; line-height: 55px; } .mt .element.element-gap-normal{ margin-bottom: 20px; } } @media screen and (max-width: 1199px) and (min-width: 768px){ .mt h2 { font-size: 50px; line-height: 55px; } .mt .top-banner-module.type-inset.type-narrow:not(.has-attached-module-heading) .content-holder { padding-top: 165px!important; } .top-banner-module.type-narrow { margin-bottom: 0px!important; } } @media screen and (max-width: 1199px) and (min-width: 768px){ .mt h4 { font-size: 50px; line-height: 55px; } } .mt h5 { margin-bottom: 20px; } @media screen and (max-width: 767px){ .mt h5.news-item-title{ text-align: center!important;; } } @media screen and (max-width: 1199px) and (min-width: 768px){ .mt h5{ font-size: 35px; line-height: 45px; margin-bottom: 30px; } } .mt h6 { letter-spacing: 1px; margin-bottom: 20px; } @media screen and (max-width: 1199px) and (min-width: 768px){ .mt h6 { font-size: 25px; line-height: 30px; } } @media screen and (max-width: 1199px) and (min-width: 768px){ .mt p { font-size: 17px; line-height: 20px; } } /*NEWS Animation Speed fix */ .mt .news-teaser-module .news-featured-img { transition: all 1s ease 0s; } /* News Opacity */ .mt .news-teaser-module .news-teaser-block:before { opacity: 0.5; } /*Headline Position Small Slider Banner Fix*/ .mt .top-banner-module.type-inset.type-narrow:not(.has-attached-module-heading) .content-holder { padding-top: 170px; } /*Small Slider Banner - bigger gap to content*/ .top-banner-module.type-narrow { margin-bottom: 100px; } @media screen and (max-width: 767px){ .top-banner-module.type-narrow { margin-bottom: 0px; } } /*Small Banner gets cut off on widescreen fix*/ .mt .top-banner-module.type-inset.type-narrow:not(.has-attached-module-heading):after { height: 187px; } /*iframes max width*/ iframe { max-width: 1370px; margin: 0px auto; display: block; padding: 0px 20px; /* margin-bottom: 50px;*/ } .video-container { position: relative; padding-bottom: 85.25%; padding-top: 0; height: 0; /* overflow: hidden;*/ } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 304px; } .video-container-wrapper { max-width: 100%; width: 742.5px; height: 304px; left: 0; right:0; margin: auto; } /*FULLWIDTH*/ .video-container1k { position: relative; padding-bottom: 85.25%; padding-top: 0; height: 0; /* overflow: hidden;*/ } .video-container1k iframe, .video-container1k object, .video-container1k embed { position: absolute; top: 0; left: 0; width: 100%; height: 563px; } .video-container-wrapper1k { max-width: 100%; width: 1000px; height: 563px; left: 0; right:0; margin: auto; margin-bottom: 130px; } /*Kader Player Image size fix*/ .player-img img { max-height: 600px; width: auto; } /* Footer Logos Size Change*/ .mt footer.footer .footer-members-part .main-wrap > div.ordinary-member img { max-width: 130px; margin-right: 4%; margin-bottom: 35px; margin-left: 4%; } .mt footer.footer .footer-members-part .main-wrap > div.semi-premium img { max-width: 272px; height: auto; margin: 0 25px 0 25px; } .ordinary-member { margin-top: 36px; } .mt footer.footer .footer-members-part { padding: 30px 0; } .premium { margin-top: 26px; } .semi-premium{ margin-top: 36px; } @media screen and (max-width: 767px){ .mt footer.footer .footer-members-part .main-wrap > div.premium img, .mt footer.footer .footer-members-part .main-wrap > div.semi-premium img { display: inline-block; max-width: 200px; } .mt footer.footer .footer-members-part .main-wrap > div.semi-premium img { display: inline-block; max-width: 49%; height: auto; padding: 0 15px; margin: 0px; vertical-align: middle; } .mt footer.footer .footer-members-part .main-wrap > div.ordinary-member img { max-width: 121px; margin-right: 1%; margin-bottom: 35px; margin-left: 1%; } .semi-premium { margin-top: 10px; } .ordinary-member { margin-top: 8px; } .mt footer.footer .footer-members-part .main-wrap > div img { margin-bottom: 20px !important; } .mt footer.footer .social-follow .social-items > div { width: 25%; } .mt footer.footer .footer-menu-block .title { padding: 8px 25px 9px 25px;} .mt footer.footer .footer-menu-block .title { font-size: 25px;} .mt footer.footer .footer-menu-block ul { padding: 15px 25px;} .mt footer.footer .social-follow { padding: 25px 35px 0px 35px; background-color: #29292E; min-height: inherit; margin-bottom: 5px; } } /*Content Element Spacing Optimmization*/ .mt .element.element-gap-Exlarger { margin-bottom: 130px; } .mt .element.element-gap-Exlargest { margin-bottom: 130px; } @media screen and (max-width: 767px){ .mt .element.element-gap-Exlarge { margin-bottom: 10px!important; } } @media screen and (max-width: 1199px) and (min-width: 768px){ .mt .element.element-gap-Exlarge { margin-bottom: 50px!important; } .mt .image-teaser-content .title { font-size: 30px; } .mt .image-teaser-content .img-holder { margin-bottom: 30px; } } .mt .element.element-gap-Exlarge { margin-bottom: 130px; } .mt .element.element-gap-Exlarge-max { margin-bottom: 130px; } /* .mt .element.element-gap-bigger { margin-bottom: 60px; } */ .image-teaser-content.lg-grid-varient.clearfix { margin-bottom: 130px; } /*makes divider element usable on website*/ hr.ce-div { max-width: 1330px; padding: 20px; margin-bottom: 100px; border-style: dashed; margin-top: -50px; } /*Home-Banner-Height Optimization*/ /*.mt .top-banner-module.type-inset:after { bottom: -30px; }*/ /* Footer Logos Position more right*/ @media (min-width: 1200px){ .footer-logo { position: relative; right: 20px; top: -33px; } } @media screen and (max-width: 767px){ .mt footer.footer .footer-logo span { width: 100%; } } /*Ticket Carousel, triangle png position fix*/ .mt .ground-tickiting-slider .sliding-part .owl-carousel { padding-bottom: 60px; } /*Header Slider no red bg*/ .mt .top-banner-module .img-holder:after { background-color: rgb(0 0 0 / 0); } @media screen and (max-width: 767px){ .mt .top-banner-module .img-holder:after { background-color: rgb(0 0 0 / 0); } } @media screen and (max-width: 1199px) and (min-width: 768px){ .mt p { font-size: 15px; line-height: 26px; } .mt .top-banner-module.type-inset .content-holder { padding-left: 15px; padding-right: 15px; } } .mt .entry ul li, .mt .entry ol li { font-weight: 700;} /*2 Column Text and Image Carousel p-tag margin fix*/ .teaser-content-with-carousel p { margin-bottom: 0; } /*Small Header Text align change from right to left*/ .type-narrow .pull-text-right, .type-default .pull-text-right{ text-align: left; } .mt .top-banner-module .content-holder .module-header.pull-text-right h1, .mt .top-banner-module .content-holder .module-header.pull-text-right h2, .mt .top-banner-module .content-holder .module-header.pull-text-right h3, .mt .top-banner-module .content-holder .module-header.pull-text-right h4, .mt .top-banner-module .content-holder .module-header.pull-text-right h5, .mt .top-banner-module .content-holder .module-header.pull-text-right h6 { margin-left: 0px; } /*Matchcenter Gap below Headlines smaller*/ .tab-link-page-module.element.element-gap-large.carousel-type.clearfix { margin-bottom: 30px; } /*CSS for Table in Talents Page with div class=talentskader*/ .talentskader td { font-family: "Open Sans"; padding-right: 5px; float: left; border-bottom: 1px solid white; padding: 10px 0px; display: inherit; } .talentskader th{ padding-right: 5px; float: left; font-size: 18px; border-bottom: 2px solid white; padding: 10px 0px; display: inherit;} .talentskader tr { width: 100%; min-width:400px; display: inline-block; } .talentskader td:nth-child(1), .talentskader th:nth-child(1) { min-width:10%; font-weight: bold; } .talentskader td:nth-child(2), .talentskader th:nth-child(2) { min-width:25%; } .talentskader td:nth-child(3), .talentskader th:nth-child(3){ min-width:25%; } .talentskader td:nth-child(4), .talentskader th:nth-child(4) { min-width:25%; } .talentskader td:nth-child(5), .talentskader th:nth-child(5) { min-width:15%; } /*FadeInDown FadeInUp Animation Speed optimization*/ @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, -33%, 0); transform: translate3d(0, -33%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, -33%, 0); transform: translate3d(0, -33%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .animated { -webkit-animation-duration: 0.5s; animation-duration: 0.5s;} /* Home - Next Match optimization*/ .primary-part.part.clearfix { min-height: inherit!important; } .next-match-schedule-board i>img { max-width: 36px; } .mt .next-match-schedule .next-match-schedule-board.has-secondary-part .secondary-part > div span { font-size: 13px; } @media (min-width: 1200px){ .main-wrap.next-match-schedule.clearfix { right: -115px; position: absolute; } .mt .next-match-schedule .next-match-schedule-board .part > div span{ font-size:13px } .mt .next-match-schedule .next-match-schedule-board.has-secondary-part .part > div { min-width: 220px; } } /* Go-To-Top-Icon Position optimization*/ .mt footer.footer .go-top { top: 90vh; } /* Menu Nav Font Size optimizaion*/ @media screen and (max-width: 1650px) and (min-width: 1200px){ .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.has-sub-item ul.sub-menu li a { font-size: 15px; } } /*Copyright Text Footer Smaller*/ .mt footer.footer .footer-copyright-part span { font-size: 11px; } /*Contact Information Text Resize*/ .mt .skew-bg-content .contact-info .focused-info { font-size: 28px; } @media screen and (max-width: 767px){ .mt .skew-bg-content .contact-info .focused-info { margin-bottom: 30px; } .mt .skew-bg-content .contact-info .excerpt { margin-bottom: 10px; } .mt .skew-bg-content .contact-info .title { margin-bottom: 0; } } /*SHOP SHOP SHOP SHOP*/ /*Warenkorb Styling*/ .mt .site-alert { padding: 9px; } .mt .site-alert span { display: inline-block; vertical-align: middle; font-size: 12px; } .mt .line-button { font-size: 15px; } .mt .overlay-cart .overlay-cart-table td{ font-size:15px; } .mt .cart-price-spliting-table table tbody td { font-size: 15px;} .mt .cart-table tbody td p { font-size: 15px;} .mt .cart-table tbody .product-info span.primary { font-size: 19px; letter-spacing: 0.36px; line-height: 25px; text-transform: uppercase; } .mt .cart-table tbody td { padding: 30px 30px 30px 0; vertical-align: middle; } /*Productdeatilseite*/ form#addCart { margin-bottom: 170px; } .prouduct-listing-teaser.clearfix { margin-top: -80px; } /* Download Headlines */ .mt .download-module .title { font-size: 16px; } /* Disable Outline Font */ .mt .module-header { text-transform: uppercase; font-family: "Triester Sans"; } /* Navigation */ .mt header.header .mega-menu .quick-menu-with-info .quick-menu ul li { font-family: "Open Sans"; font-weight: 600; font-size: 14px; } .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu > a { letter-spacing: 0; font-weight: 700; font-family: "Open Sans"; font-size: 22px; } .mt header.header .mega-menu .menu-part .mega-menu-nav .primary-menu.has-sub-item ul.sub-menu { font-weight: 400; font-family: "Open Sans"; font-size: 22px; } /* Bulletpoints Size and Alignment */ .mt .entry ul li:before, .mt .entry ol li:before { top: 4px; width: 17px; height: 17px; background-size: 17px; } /* Font Size Fix .mt p { font-size: 16px; } @media screen and (max-width: 1199px) and (min-width: 768px) { .mt p { font-size: 14px; line-height: 19px; } } } */ /* Shop Button */ a.site-button.with-arrow { font-family: "Triester Sans"; } /* Contact Box Font */ .mt .skew-bg-content .contact-info .focused-info { font-family: "Triester Sans"; } /* Hallenplan Content to Button space */ .mt .element.element-gap-large { margin-bottom: 50px; } /* News Button */ .mt .element.element-gap-big { margin-bottom: 40px; } /* Shop Slider Arrows */ .mt .shop-product-detail .product-showcase .owl-carousel .owl-nav button { margin-right: 15px; margin-left: 15px; } /* News Article Gap */ .mt .news-listing-module .the-listing > .row > .my-col { margin-top: 100px; } /* Video Overview Button Spacing */ .module-all-link.pull-text-center { margin-bottom: 100px; } /* Word Break .mt { hyphens: auto; } */ /* News Headline Position */ .mt .top-banner-module.has-attached-module-heading .module-header.banner-attached-module-heading { bottom: 200px; } /* News Filter opacity fix */ .mt .news-listing-module .news-list-filter .filter-button-row .news-tags div { opacity: 1; } @media screen and (max-width: 767px){ .mt .element.element-gap-Lgnormal { margin-bottom: 20px; } } @media screen and (max-width: 1199px) and (min-width: 768px){ .mt .element.element-gap-Lgnormal { margin-bottom: 20px; } } /* Header Headline Spacing */ @media screen and (min-height: 600px) and (min-width: 1200px) { .mt .top-banner-module.type-inset.type-viewport-height .content-holder .element.element-gap-normal { margin-bottom: 30px; } } /* 2nd Slider Headline */ .mt .top-banner-module .content-holder .module-header.pull-text-right h1 span, .mt .top-banner-module .content-holder .module-header.pull-text-right h2 span, .mt .top-banner-module .content-holder .module-header.pull-text-right h3 span, .mt .top-banner-module .content-holder .module-header.pull-text-right h4 span, .mt .top-banner-module .content-holder .module-header.pull-text-right h5 span, .mt .top-banner-module .content-holder .module-header.pull-text-right h6 span { margin-left: 0px; } @media screen and (max-width: 767px) { .mt .top-banner-module .content-holder .module-header.pull-text-right h1 span, .mt .top-banner-module .content-holder .module-header.pull-text-right h2 span, .mt .top-banner-module .content-holder .module-header.pull-text-right h3 span, .mt .top-banner-module .content-holder .module-header.pull-text-right h4 span, .mt .top-banner-module .content-holder .module-header.pull-text-right h5 span, .mt .top-banner-module .content-holder .module-header.pull-text-right h6 span { margin-left: 0!important; margin-right: 0!important; } } @media screen and (max-width: 1199px) and (min-width: 768px){ .module-header h2 { margin-left: -15px!important; } } /* Home News Font */ .mt .news-teaser-module .news-date { font-weight: 400; } .mt .news-teaser-module .news-title > div { font-size: 18px; line-height: 30px; font-family: "Open Sans"; letter-spacing: 0px; font-weight: 700; } .mt .top-banner-module.type-inset .content-holder .entry.news-small-text p { font-size: 15px; line-height: 23px; font-weight: 400; } .mt .top-banner-module .img-holder.img-holder-black:after { background-color: rgba(0, 0, 0, 0.4); } .mt .top-banner-module.dark-type .img-holder:after { background-color: rgba(0, 0, 0, 0.3); } /* Dirty Fix Matchcenter Startseite */ div#tabelle-content-module { margin-top: -119px; } /* Partner Subheadline */ .mt .team-member-module .excerpt .role { font-size: 15px; font-weight: 600; } @media screen and (min-width: 1200px) and (min-height: 600px) { .mt .top-banner-module.type-inset.type-viewport-height .content-holder .entry { max-height: none; overflow: hidden; } } .mt footer.footer .footer-logo{ text-align:right; } .footer-logo img { max-width: 450px; margin-top: 42px; } @media screen and (min-width: 768px) and (max-width: 1198px) { .footer-logo img { max-width: 190px; margin-top: 42px; margin-bottom: 28px; margin-right: 20px; margin-left: 16px; } .mt footer.footer .footer-logo { text-align: left; } } @media screen and (max-width: 767px){ .mt footer.footer .footer-logo{ text-align:center; } .footer-logo img { max-width: 450px; margin-top: 0; margin-bottom: 0; margin-right: 0; } } /*.footer-logo { width: 30%; margin-top: 70px; margin-right: 500px; } @media screen and (max-width: 767px) { .footer-logo { display: none; } } */ /* Shop Select */ .mt .shop-product-detail .buying-form.site-form select { font-family: "Open Sans"; font-weight: 600; letter-spacing: 0px; font-size: 17px; } /* Cookie Styling */ #SgCookieOptin .sg-cookie-optin-box { font-family: "Open Sans"; text-transform: uppercase; } #SgCookieOptin .sg-cookie-optin-box .sg-cookie-optin-box-header { font-family: "Triester Sans" } .mt footer.footer .footer-primary-part { padding: 0; } .mt footer.footer .footer-members-part { padding: 0; } @media screen and (max-width: 1650px) and (min-width: 1200px) { .mt header.header.scrolled .main-menu .menu-hamberg { position: relative; top: -10px; } } /* Cookie */ .cc-window.cc-top-left{ max-width:30em; border-radius: 5px; font-family:"Open Sans", sans-serif; } .cc-window.cc-top-left, .cc-window.cc-bottom-left{ left: 50%; top: 36px; margin-left:-15em; } .cc-window:before{ position:fixed; z-index:9998; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.5); content:''; } .cc-window .cc-body{ position:relative; z-index:9999; background:#fff; color: #333; border-radius: 5px; } .cc-window .dp--cookie-check{ border:1px solid #999; border-radius:3px; } .cc-message strong{ font-weight: 700; font-size: 18px; display:block; padding-bottom:5px; } .cc-compliance .cc-btn{ color:#333; } .dp--overlay{ font-family:"Open Sans", sans-serif; } @media screen and (max-width: 500px) { .cc-window.cc-top-left, .cc-window.cc-bottom-left{ left: 0; top: 0; margin-left:0; } } div#c53 { margin-bottom: 0px!important; }