/* Base CSS */ /* PURPOSE: Primary CSS for website. */ /* CREATED: 24-04-2015 */ /* Fonts. */ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ @font-face { font-family: "freight-text-pro"; src: url("/resources/fonts/freight/freight-text-pro-book.eot"); src: url("/resources/fonts/freight/freight-text-pro-book.eot?#iefix") format('embedded-opentype'), url("/resources/fonts/freight/freight-text-pro-book.woff") format('woff'), url("/resources/fonts/freight/freight-text-pro-book.ttf") format('truetype'); font-style: normal; font-weight: 400; } @font-face { font-family: "freight-text-pro"; src: url("/resources/fonts/freight/freight-text-pro-book-italic.eot"); src: url("/resources/fonts/freight/freight-text-pro-book-italic.eot?#iefix") format('embedded-opentype'), url("/resources/fonts/freight/freight-text-pro-book-italic.woff") format('woff'), url("/resources/fonts/freight/freight-text-pro-book-italic.ttf") format('truetype'); font-style: italic; font-weight: 400; } @font-face { font-family:"prnv"; src: url("/resources/fonts/prnv/prnv_reg-webfont.eot"); src: url("/resources/fonts/prnv/prnv_reg-webfont.eot?#iefix") format('embedded-opentype'), url("/resources/fonts/prnv/prnv_reg-webfont.woff") format('woff'), url("/resources/fonts/prnv/prnv_reg-webfont.ttf") format('truetype'); font-style:normal; font-weight:400; } @font-face { font-family:"prnv"; src: url("/resources/fonts/prnv/prnv_reg_it-webfont.eot"); src: url("/resources/fonts/prnv/prnv_reg_it-webfont.eot?#iefix") format('embedded-opentype'), url("/resources/fonts/prnv/prnv_reg_it-webfont.woff") format('woff'), url("/resources/fonts/prnv/prnv_reg_it-webfont.ttf") format('truetype'); font-style:italic; font-weight:400; } @font-face { font-family:"prnv"; src: url("/resources/fonts/prnv/prnv_sbold-webfont.eot"); src: url("/resources/fonts/prnv/prnv_sbold-webfont.eot?#iefix") format('embedded-opentype'), url("/resources/fonts/prnv/prnv_sbold-webfont.woff") format('woff'), url("/resources/fonts/prnv/prnv_sbold-webfont.ttf") format('truetype'); font-style:normal; font-weight:600; } @font-face { font-family:"prnv"; src: url("/resources/fonts/prnv/prnv_sbold_it-webfont.eot"); src: url("/resources/fonts/prnv/prnv_sbold_it-webfont.eot?#iefix") format('embedded-opentype'), url("/resources/fonts/prnv/prnv_sbold_it-webfont.woff") format('woff'), url("/resources/fonts/prnv/prnv_sbold_it-webfont.ttf") format('truetype'); font-style:italic; font-weight:600; } @font-face { font-family:"prnv"; src: url("/resources/fonts/prnv/prnv_bold-webfont.eot"); src: url("/resources/fonts/prnv/prnv_bold-webfont.eot?#iefix") format('embedded-opentype'), url("/resources/fonts/prnv/prnv_bold-webfont.woff") format('woff'), url("/resources/fonts/prnv/prnv_bold-webfont.ttf") format('truetype'); font-style:normal; font-weight:700; } @font-face { font-family:"prnv"; src: url("/resources/fonts/prnv/prnv_bold_it-webfont.eot"); src: url("/resources/fonts/prnv/prnv_bold_it-webfont.eot?#iefix") format('embedded-opentype'), url("/resources/fonts/prnv/prnv_bold_it-webfont.woff") format('woff'), url("/resources/fonts/prnv/prnv_bold_it-webfont.ttf") format('truetype'); font-style:italic; font-weight:700; } @font-face { font-family:"prnv"; src: url("/resources/fonts/prnv/prnv_xbold-webfont.eot"); src: url("/resources/fonts/prnv/prnv_xbold-webfont.eot?#iefix") format('embedded-opentype'), url("/resources/fonts/prnv/prnv_xbold-webfont.woff") format('woff'), url("/resources/fonts/prnv/prnv_xbold-webfont.ttf") format('truetype'); font-style:normal; font-weight:800; } @font-face { font-family:"prnv"; src: url("/resources/fonts/prnv/prnv_xbold_it-webfont.eot"); src: url("/resources/fonts/prnv/prnv_xbold_it-webfont.eot?#iefix") format('embedded-opentype'), url("/resources/fonts/prnv/prnv_xbold_it-webfont.woff") format('woff'), url("/resources/fonts/prnv/prnv_xbold_it-webfont.ttf") format('truetype'); font-style:italic; font-weight:800; } @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/materialicons/v36/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2'); } @font-face { font-family: 'Glyphicons Halflings'; src: url('/resources/fonts/glyphicons-halflings-regular.eot'); src: url('/resources/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/resources/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('/resources/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/resources/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/resources/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"} .serif { font-family: 'freight-text-pro'; letter-spacing: -0.25px; } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { } /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ /* HTML elements and Generic classes */ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ html { overflow-y:scroll; } html, body { font-family: 'prnv', Arial, sans-serif; -webkit-font-smoothing: antialiased; font-size: 16px; font-weight: 400; color: #414141; background: #fff; } a, a:hover, a:focus { color: inherit; /*transition: all 0.4s ease;*/ outline: none; } a:focus { text-decoration: none; } h1 { font-size: 29px; line-height: 32px; font-weight: 800; margin: 0; padding: 0; color: #000; } h2, .article-project strong { display: inline-block; font-size: 20px; line-height: 24px; font-weight: 700; margin: 0; padding: 0; } h5 { display: inline-block; font-size: 14px; line-height: 16px; font-weight: 600; margin: 0; padding: 0; color: #000; } h1:empty, h2:empty, h3:empty, h4:empty, h5:empty { display:none; } img[data-src] { opacity: 0; transition: opacity .3s ease-in; } img[data-src].lazyload-disabled { opacity:1; } [contenteditable] { -webkit-user-select: text; user-select: text; } .readmore { font-size: 12px; color: #2878FF; padding-left: 5px; position:relative; margin-right:20px; overflow:visible !important; } .readmore:hover { text-decoration:underline; } .readmore:hover, .readmore:active, .readmore:visited { color: #2878FF; } .readmore:after { content:'\f178'; font-family:FontAwesome; font-size:12px; font-weight:100; right:-17px; position:absolute; top:3px; pointer-events:none; cursor:default; line-height:12px; } .readmore:hover:after { text-decoration:none !important; } .link.action { color: #2878FF; } .block { display:block; } .flex { display:flex; } .flex-center { display:flex; align-items:center; } .flex-absolute-center { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; } .hidden { display:none; } .clear-display { display:initial !important; } .clear-both { clear:both; } .clear-left { clear:left; } .clear-right { clear:right; } .inline-block { display:inline-block; } .grab { cursor: -webkit-grab; cursor: -moz-grab; cursor:grab; } .bold { font-weight:bold !important; } .left { float:left; } .right { float:right; } .center-text { text-align:center; } .left-text, .text-align-left { text-align:left !important; } .right-text, .text-align-right { text-align:right; } .center { margin-left: auto; margin-right: auto; } .underlined { text-decoration:underline; } .italic { font-style:italic; } .warning { color:red; } .unselectable { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; cursor:default; } .relative { position:relative; } .absolute { position:absolute; } .absolute-right { right:0; } .unsupported { display:none; } .no-display { display:none; } .no-border { border:none !important; } .no-background { background:none !important; } .no-margin { margin:0 !important; } .no-padding { padding: 0 !important; } .no-padding-left { padding-left: 0 !important; } .no-padding-right { padding-right: 0 !important; } .no-padding-top { padding-top: 0 !important; } .no-padding-bottom { padding-bottom: 0 !important; } .no-opacity { opacity:1 !important; } .no-selection input { cursor:default; } .no-selection .dxeEditArea::selection, .no-selection .dxeEditArea::-moz-selection, .no-selection .dxeEditArea::-webkit-selection, .no-selection input::selection, .no-selection input::-moz-selection, .no-selection input::-webkit-selection { background: transparent !important; } .no-input, .no-input input { cursor:default; } img.responsive { display:block; max-width:100%; height:auto; } img.rounded { border-radius:6px; } img.circle { border-radius:50%; } img.thumb { display:inline-block; height:auto; max-width:100%; padding:4px; line-height:1.428571429; background-color:#ffffff; border:1px solid #dddddd; border-radius:4px; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; } .full-height { height:100%; } .full-width { width:100%; } .table { display:table; margin:0; height:100%; } .table-cell { display:table-cell; } .table-cell-vertical-align-middle { display:table-cell; vertical-align:middle; height:100%; line-height:0; } .table-cell-vertical-align-middle * { line-height:normal; } .table-cell-spacer-15 { display:table-cell; width:15px; } .table-cell-spacer-25 { display:table-cell; width:25px; } .vertical-align:before { content:""; display:inline-block; height:100%; vertical-align:middle; } .vertical-align:after { content:""; display:inline-block; height:100%; vertical-align:middle; } .vertical-align-image { position: relative; top: 50%; transform: translateY(-50%); } .verticalalign { height:100%; } .verticalalign:before { content:""; display:inline-block; vertical-align:middle; } .verticalalign:after { content:""; display:inline-block; vertical-align:middle; } .inner-white-border { -webkit-box-shadow:inset 0px 0px 0px 1px rgba(255,255,255,1); -moz-box-shadow:inset 0px 0px 0px 1px rgba(255,255,255,1); box-shadow:inset 0px 0px 0px 1px rgba(255,255,255,1); } .grayscale { filter: gray; filter: grayscale(1); -webkit-filter: grayscale(1); opacity:0.6; transition: all 0.3s ease-in-out; } .grayscale:hover { opacity:1; filter: none; filter: grayscale(0); -webkit-filter: grayscale(0); transition: all 0.3s ease-in-out; } .loader { width: 70px; height: 70px; color: white; margin: 150px auto; overflow: visible; display:block; /* position: absolute; top: 50%; left: 50%; margin-right: -50%;*/ transform: translate(-50%, -50%); border: 5px solid #414141; border-radius: 50%; -webkit-animation: borderScale 1.5s infinite ease-in-out; animation: borderScale 1.5s infinite ease-in-out; } .loader.topPosition { top:20%; } .loader.currentPosition { transform:none; left:auto; top:auto; margin:0; position:initial; } .loader.center { margin:10px auto; } .loadingText { font-family: 'Raleway', sans-serif; font-weight: bold; font-size: 2em; position: absolute; top: 50%; color:#414141; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); } .wordwrap { /* overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-word;*/ word-wrap: anywhere; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } .LoadingCursor * { cursor:progress !important; } .scalable { opacity: 1; transform: scale(1); transition: all 0.4s ease; } .scaled { opacity: 0 !important; transform: scale(0.8) !important; pointer-events:none; } .note { padding:10px 0; border-top:1px solid #00c752; border-bottom:1px solid #00c752; } .visibility-visible { visibility:visible !important; } .position-relative { position:relative; } .display-none { display:none; } .image-align-baseline { vertical-align:baseline; } @-webkit-keyframes borderScale { 0% { border: 2px solid white; } 50% { border: 7px solid #00c752; } 100% { border: 2px solid white; } } @keyframes borderScale { 0% { border: 2px solid white; } 50% { border: 7px solid #00c752; } 100% { border: 2px solid white; } } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { .readmore { padding-left: 25px; } h2 { font-size: 22px; line-height: 26px; } } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { .readmore { font-size: 14px; } } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { h1 { font-size: 34px; line-height: 38px; } h2, .article-project strong { font-size: 24px; line-height: 28px; } .block-lg { display:block; } } @media only screen and (min-width : 768px) and (max-width : 991px) { .block-sm { display:block; } } @media only screen and (min-width : 992px) and (max-width : 1200px) { .block-md { display:block; } } /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ /* Google material design */ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; } /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ /* Bootstrap extentions */ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ input.submitting, input.submitting:focus, input.submitting:active, input.submitting:hover, .btn.submitting, .btn.submitting:focus, .btn.submitting:active, .btn.submitting:hover, .btn-default.submitting, .btn-default.submitting:focus, .btn-default.submitting:active, .btn-default.submitting:hover, .btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default.active[disabled], .btn-default.focus[disabled], .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover { background-color:#ccc !important; opacity:1 !important; cursor:default !important; } .table .table { background-color:transparent; } .no-gutter > [class*='col-'], .event-gallery .swiper-wrapper > [class*='col-'] { padding-right: 0; padding-left: 0; } .img-responsive.full { width: 100%; } .img-profile { border-radius:50%; background-color:#fff; background-image:url('/resources/images/icons/icon-profile.svg'); background-position:center center; background-repeat:no-repeat; background-size:60%; } .row-eq-height { display: flex; display:-webkit-flex; /*display:-webkit-box;*/ display:-ms-flexbox; /*flex-flow:wrap;*/ } .row-eq-height > *:not(.flex) { display:block; } .row-eq-height.middle { align-items:center; } .row-valign { display: flex; display: -webkit-flex; flex-direction: row; } .row-valign > [class^="col-"], .row-valign > [class*=" col-"] { display: flex; display: -webkit-flex; /*display: -webkit-box;*/ align-items: center; } .row-valign > [class^="col-"] > div { flex-grow: 1; } .col-no-padding { padding-left: 0; padding-right: 0; } .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col-xs-15 { width: 20%; display:inline-block; margin-left:-4px; vertical-align:top; } .multi-columns-row .first-in-row { clear: left; } .multi-columns-row .col-xs-6:nth-child(2n + 3) { clear: left; } .multi-columns-row .col-xs-4:nth-child(3n + 4) { clear: left; } .multi-columns-row .col-xs-3:nth-child(4n + 5) { clear: left; } .multi-columns-row .col-xs-2:nth-child(6n + 7) { clear: left; } .multi-columns-row .col-xs-1:nth-child(12n + 13) { clear: left; } .no-gutters > [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; } @media (min-width: 768px) { .col-sm-15 { width: 20%; float: left; } .multi-columns-row .col-xs-6:nth-child(2n + 3) { clear: none; } .multi-columns-row .col-xs-4:nth-child(3n + 4) { clear: none; } .multi-columns-row .col-xs-3:nth-child(4n + 5) { /*clear: none;*/ clear:left; } .multi-columns-row .col-xs-2:nth-child(6n + 7) { clear: none; } .multi-columns-row .col-xs-1:nth-child(12n + 13) { clear: none; } .multi-columns-row .col-sm-6:nth-child(2n + 3) { clear: left; } .multi-columns-row .col-sm-4:nth-child(3n + 4) { clear: left; } .multi-columns-row .col-sm-3:nth-child(4n + 5) { clear: left; } .multi-columns-row .col-sm-2:nth-child(6n + 7) { clear: left; } .multi-columns-row .col-sm-1:nth-child(12n + 13) { clear: left; } } @media (min-width: 992px) { .col-md-15 { width: 20%; float: left; } .multi-columns-row .col-sm-6:nth-child(2n + 3) { clear: none; } .multi-columns-row .col-sm-4:nth-child(3n + 4) { clear: none; } .multi-columns-row .col-sm-3:nth-child(4n + 5) { /*clear: none;*/ clear:left; } .multi-columns-row .col-sm-2:nth-child(6n + 7) { clear: none; } .multi-columns-row .col-sm-1:nth-child(12n + 13) { clear: none; } .multi-columns-row .col-md-6:nth-child(2n + 3) { clear: left; } .multi-columns-row .col-md-4:nth-child(3n + 4) { clear: left; } .multi-columns-row .col-md-3:nth-child(4n + 5) { clear: left; } .multi-columns-row .col-md-2:nth-child(6n + 7) { clear: left; } .multi-columns-row .col-md-1:nth-child(12n + 13) { clear: left; } } @media (min-width: 1200px) { .col-lg-15 { width: 20%; float: left; } .multi-columns-row .col-md-6:nth-child(2n + 3) { clear: none; } .multi-columns-row .col-md-4:nth-child(3n + 4) { clear: none; } .multi-columns-row .col-md-3:nth-child(4n + 5) { clear: none; } .multi-columns-row .col-md-2:nth-child(6n + 7) { clear: none; } .multi-columns-row .col-md-1:nth-child(12n + 13) { clear: none; } .multi-columns-row .col-lg-6:nth-child(2n + 3) { clear: left; } .multi-columns-row .col-lg-4:nth-child(3n + 4) { clear: left; } .multi-columns-row .col-lg-3:nth-child(4n + 5) { clear: left; } .multi-columns-row .col-lg-2:nth-child(6n + 7) { clear: left; } .multi-columns-row .col-lg-1:nth-child(12n + 13) { clear: left; } } @media (min-width: 1440px) { .container-xl { width: 1410px; } } /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ /* Spacers */ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ .spacer-5 { height: 5px; clear:both; } .spacer-10 { height: 10px; clear:both; } .spacer-15 { height: 15px; clear:both; } .spacer-20 { height: 20px; clear:both; } .spacer-25 { height: 25px; clear:both; } .spacer-30 { height: 30px; clear:both; } .spacer-40 { height: 40px; clear:both; } .spacer-45 { height: 45px; clear:both; } .spacer-50 { height: 50px; clear:both; } .spacer-60 { height: 60px; clear:both; } .spacer-70 { height: 70px; clear:both; } .spacer-80 { height: 80px; clear:both; } .spacer-90 { height: 90px; clear:both; } .spacer-100 { height: 100px; clear:both; } .spacer-120 { height: 120px; clear:both; } .spacer-150 { height: 150px; clear:both; } .spacer-200 { height: 200px; clear:both; } /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ /* Structure */ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ .content-wrapper { margin-top: 75px; transition: all 0.3s linear; } .content-wrapper.active-menu { margin-top: 110px; } div.grey { background: #EBEEF0; } section.grey { width: 100%; background: #EBEEF0; padding-top: 30px; padding-bottom: 25px; font-size: 14px; } .templates { display:none; } .page-overlay { position:fixed; opacity:0; background-color:#000; top:0; left:0; bottom:0; right:0; z-index:5000; transition:all 0.2s; transform: scale(0.8); visibility: hidden; } .page-overlay.open { opacity:1; transform:scale(1); transition:all 0.2s; visibility:visible; pointer-events:all; } .page-overlay.close { opacity:0 !important; transition:all 0.2s; } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { .content-wrapper { margin-top: 75px; } section.grey { padding-top: 35px; padding-bottom: 20px; } } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { section.grey { padding-top: 40px; padding-bottom: 40px; font-size: 16px; /*line-height: 18px;*/ } } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { } /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ /* Form Input elements and buttons */ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ .btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding: 0 25px; /*padding:0;*/ margin-bottom: 0; font-size: 14px; font-weight: 600; line-height: 50px; border: none; border-radius: 0; transition: all 0.4s ease; } .btn[data-type='solid'] { color:#fff; } .btn[data-type='solid'][data-color='green'] { background-color:#00C752; } .btn[data-type='solid'][data-color='purple'] { background-color:#AE318B; } .btn[data-type='solid'][data-color='orange'] { background-color:#FF6D3F; } .btn[data-type='solid'][data-color='blue'] { background-color:#2878FF; } .btn[data-type='solid'][data-color='black'] { background-color:#000000; } .btn[data-type='ghost'] { background-color:#fff; } .btn[data-type='ghost'][data-color='green'] { color:#00C752; border:1px solid #00C752; } .btn[data-type='ghost'][data-color='purple'] { color:#AE318B; border:1px solid #AE318B; } .btn[data-type='ghost'][data-color='orange'] { color:#FF6D3F; border:1px solid #FF6D3F; } .btn[data-type='ghost'][data-color='blue'] { color:#2878FF; border:1px solid #2878FF; } .btn[data-type='ghost'][data-color='black'] { color:#000000; border:1px solid #000000; } .btn[data-type='solid']:hover { background-color:#000; color:#fff; } .btn[data-type='ghost']:hover { color:#fff; } .btn[data-type='ghost'][data-color='green']:hover { background-color:#00C752; } .btn[data-type='ghost'][data-color='purple']:hover { background-color:#AE318B; } .btn[data-type='ghost'][data-color='orange']:hover { background-color:#FF6D3F; } .btn[data-type='ghost'][data-color='blue']:hover { background-color:#2878FF; } .btn[data-type='ghost'][data-color='black']:hover { background-color:#000; } .dxbButton.btn div.dxb { padding:15px 25px; } .btn-small { padding:8px 12px; line-height:100%; } .btn:focus, .btn:active { outline: none !important; } .btn-default, .btn-default:active, .btn-default:focus { color: #fff; background-color: #2878FF; border-color: #2878FF; } .btn-default:hover { color: #fff; background-color: #000; border-color: #000; } .btn-default:active:hover { color:#fff !important; } .btn-full { width: 100%; } .btn-signup { margin:30px 0; } .btn-download { color:#fff; } .btn-download:after { content:'\f019'; font-family:FontAwesome; font-size:16px; font-weight:100; color:#fff; padding-left:15px; line-height:0; display:flex; text-align:center; } .btn-inline { background-color: #2878FF; text-align: center; vertical-align: middle; position: absolute; top: 0; right: 0; cursor: pointer; color:#fff; padding: 17px; transition: all 0.4s ease; } .btn-inline:hover { background-color:#000; } .btn-inline i { display:table-cell; vertical-align:middle; transition:color 0.15s ease-in-out; font-size:20px; } .btn-inline:hover i { color:#fff; } .btn-add, .btn-edit, .btn-delete, .btn-archive { color:#2878ff; background:#fff none repeat scroll 0 0; border:1px solid #2878ff; } .btn-remove { color:red; background:#fff none repeat scroll 0 0; border:1px solid red; } .btn-edit:after, .btn-modify:after { content:'\f040'; font-family:FontAwesome; font-size:22px; font-weight:100; } .btn-delete:after, .btn-unbind:after, .btn-view:after { content:'\f00d'; font-family:FontAwesome; font-weight:100; font-size:22px; } .btn-prev:after { content:'\f053'; font-family:FontAwesome; font-weight:100; font-size:22px; } .btn-next:after { content:'\f054'; font-family:FontAwesome; font-weight:100; font-size:22px; } .btn-setthumb:after { content:'\f03e'; font-family:FontAwesome; font-size:26px; font-weight:100; } .btn-search:after { content:'\f002'; font-family:FontAwesome; font-size:22px; font-weight:100; } .btn-bind:after { content:'\f067'; font-family:FontAwesome; font-size:14px; font-weight:100; } .btn-send:after { content:'\f067'; font-family:FontAwesome; font-size:14px; font-weight:100; } .btn-cancel:after { content:'\f067'; font-family:FontAwesome; font-size:14px; font-weight:100; } .btn-save, .btn-setthumb, .btn-bind, .btn-send, .btn-cancel, .btn-search, .btn-unbind, .btn-prev, .btn-next, .btn-view, .btn-modify { color: #fff; background-color: #2878FF; border-color: #2878FF; } .btn-add[data-type='news'], .btn-add[data-module='articles'] { color: #00c752; border-color: #00c752; } .btn-add[data-type='project'], .btn-add[data-module='projects'] { color: #AE318B; border-color: #AE318B; } .btn-add[data-type='product'] { color: #FF6D3F; border-color: #FF6D3F; } .btn-add:hover, .btn-edit:hover, .btn-delete:hover, .btn-archive:hover { color: #fff !important; background-color: #2878FF !important; } .btn-remove:hover { color:#fff !important; background-color: red !important; } .btn-save:hover, .btn-setthumb:hover, .btn-bind:hover, .btn-send:hover, .btn-cancel:hover, .btn-search:hover, .btn-unbind:hover, .btn-view:hover, .btn-modify:hover { color: #fff!important; background-color: #000!important; border-color: #000!important; } .btn-add[data-type='news']:hover, .btn-add[data-module='articles']:hover { color: #fff !important; background: #00c752 !important; } .btn-add[data-type='project']:hover, .btn-add[data-module='projects']:hover { color: #fff !important; background: #AE318B !important; } .btn-add[data-type='product']:hover { color: #fff !important; background: #FF6D3F !important; } .btn-upload { color: #fff; background-color: #2878FF; border-color: #000; } .btn-upload:after { content:'\f093'; font-family:FontAwesome; padding-left:15px; } .btn-ghost { color:#2878ff; background:#fff none repeat scroll 0 0; border:1px solid #2878ff; } .btn-ghost:hover { color: #fff; background-color: #000; } .btn-ghost-grey { border: 1px solid #ced7db; background-color:#fff; color:#414141; } .btn-ghost-grey:hover { background-color:#ebeef0; } .btn-smallfont { font-size:14px; font-weight:normal; } .results .btn { max-height:40px; line-height:normal; padding:5px 0; } .btn-icon { line-height:100%; padding:8px; width:40px; height:40px; background-color:#2878ff; color:#fff; border:none; } .btn-icon:after { line-height:100%; font-size:20px; } .btn-icon:hover { color: #fff; background-color: #000; } .btn[disabled='disabled'] { color:#ccc; border-color:#ccc; } .btn-loading { color:transparent !important; background-color:#000 !important; } .btn-loading:hover { color:transparent !important; background-color:#000 !important; } .btn-loading:after { content: " "; display: flex; width: 20px; height: 20px; box-sizing: border-box; transform: translateZ(0) scale(0.5); backface-visibility: hidden; border-radius: 50%; border: 0.3em solid #fff; border-left-color: transparent; position: absolute; animation: btn-loading-cycle 1s infinite linear; } @keyframes btn-loading-cycle { 0% { animation-timing-function: cubic-bezier(0.3333,0.3333,0.6667,0.6667); transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .dxucBrowseButton, .dxucBrowseButton.dxbf, .dxucBrowseButtonHover { padding: 0px 3px 0px 4px !important; cursor:pointer; } .record-loadmore { display:none; } input { -webkit-appearance: none; border-radius: 0 !important; outline: 0; } input:focus, input:-webkit-autofill, input:-webkit-autofill:hover, input:active { background-color:white; } #categories-search { display: none; } input[type='text'], input[type='password'] { height: 50px; width:100%; border: 1px solid #CED7DB; padding:0 12px; } .search-input { position: relative; margin: 0 -15px; } .keywords-search-input, .categories-search-input { position:relative; margin: 0; width: calc(100% + 1px); } .search-input > input, .keywords-search-input > input, .categories-search-input > input { background: #EBEEF0; border: none; line-height: 50px; width: 100%; height: 52px; font-size: 16px; padding: 0 70px 0 20px; } .search-input > .search-input-submit, .keywords-search-input > .keywords-search-input-submit, .categories-search-input > .categories-search-input-submit { position: absolute; top: 0; right: 0; background: #2879ff; color: #fff; width: 50px; line-height: 50px; height: 52px; text-align: center; font-size: 20px; cursor: pointer; transition: all 0.3s ease; } .record-overview { min-height:100vh; } .search-input > .search-input-submit:hover, .keywords-search-input > .keywords-search-input-submit:hover, .categories-search-input > .categories-search-input-submit:hover, .record-overview[data-type] .categories-search .search-input-submit:hover { background: #000; } .record-overview .categories-search .search-input-submit, .record-overview .categories-search .categories-search-input-submit { background:#97a2ac; } .record-overview[data-type='product'] .categories-search .search-input-submit, .record-overview[data-type='product'] .categories-search .categories-search-input-submit { background:#FF6D3F; } .record-overview[data-type='project'] .categories-search .search-input-submit, .record-overview[data-type='project'] .categories-search .categories-search-input-submit, .record-overview[data-module='projects'] .categories-search .search-input-submit, .record-overview[data-module='projects'] .categories-search .categories-search-input-submit { background:#AE318B; } .record-overview[data-type='product'] .categories-search .search-input-submit:hover, .record-overview[data-type='product'] .categories-search .categories-search-input-submit:hover { background:#000; } .record-overview[data-type='project'] .categories-search .search-input-submit:hover, .record-overview[data-type='project'] .categories-search .categories-search-input-submit:hover, .record-overview[data-module='projects'] .categories-search .search-input-submit:hover, .record-overview[data-module='projects'] .categories-search .categories-search-input-submit:hover { background:#000; } .search-input .search-results, .categories-search-input .categories-search-results { position: absolute; background: #fff; z-index: 100; border: 1px solid #efefef; border-top: none; width:100%; } .search-input .search-results ul, .categories-search-input .categories-search-results ul { margin: 0; overflow: hidden; max-height: 0; transition: all 0.2s ease; } .search-input .search-results.active ul, .categories-search-input .categories-search-results.active ul { padding: 10px 0; max-height: 1000px; } .search-input .search-results ul > li, .categories-search-input .categories-search-results ul > li { padding: 5px 15px; margin: 0; font-size: 14px; line-height: 15px; width:100%; } .search-input .search-results ul > li:hover, .categories-search-input .categories-search-results ul > li:hover { cursor: pointer; color: #2879ff; } .record-overview[data-type='product'] .categories-search-input .categories-search-results ul > li:hover, .search-input.search-input-product .search-results ul > li:hover { color: #FF6D3F; } .record-overview[data-type='project'] .categories-search-input .categories-search-results ul > li:hover, .record-overview[data-module='projects'] .categories-search-input .categories-search-results ul > li:hover, .search-input.search-input-project .search-results ul > li:hover { color: #AE318B; } .select-full { width:100%; line-height: 50px; height: 52px; font-size: 14px; border: 1px solid #CED7DB; font-weight: 400; padding: 0 8px; cursor: pointer; background: #fff; z-index:10; -webkit-appearance: none; -moz-appearance: none; -ms-appearance:none; appearance: none; position:relative; outline:none; } .select-full:after { font-family: FontAwesome; content: "\f0d7"; cursor: pointer; line-height: 50px; margin-top: 1px; position: absolute; right: 16px; text-align: center; width: 51px; z-index: 20; border-left:1px solid #ccc; pointer-events:none; transition:all 0.2s ease-in-out; } .select-full-container:hover:after { background-color:#ebeef0; } .select-full option { width:100%; line-height: 50px; height: 52px; font-size: 14px; padding:12px; border:none; margin-left:-2px; box-shadow: 0 0 10px 100px #fff inset; outline:none; color:#000; } .select-full option:hover, .select-full option:checked { box-shadow: 0 0 10px 100px #ebeef0 inset; color:#000 !important; } .select-full option:focus { outline:none; } .select-full options { border:none; outline:none; } .dropdown { width: 100%; line-height: 50px; height: 52px; font-size: 14px; border: 1px solid #CED7DB; font-weight: 400; padding: 0 20px; cursor: pointer; background: #fff; z-index:10; } .dropdown.active { z-index:11; } .dropdown-value { } .dropdown .icon { position: absolute; right: 0; top: 0; border-left: 1px solid #CED7DB; padding: 0 20px; transition: all 0.3s ease; } .dropdown .sort-order-indicator { padding-left:5px; } .dropdown ul { position: relative; list-style: none; margin: 0; padding: 0; background: #fff; border: 1px solid #CED7DB; border-top: none; margin: 0 -21px; overflow: hidden; max-height: 0; transition: all 0.2s ease; z-index: 11; cursor:default; } .dropdown.active ul { max-height: 1000px; transition: all 0.5s ease; } .dropdown ul li { border-top: 1px solid #CED7DB; padding: 0 20px; background: #fff; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .dropdown:not([data-type="checkbox"]) ul li { cursor:pointer; } .dropdown ul li:hover, .dropdown:hover .icon, .dropdown.active .icon { background: #EBEEF0; } .dropdown .droplabel.active .value, .dropdown .droplabel.active .valuelabel { display: inline; } .dropdown .droplabel .value, .dropdown .droplabel .valuelabel { display: none; } .dropdown .droplabel.active { line-height: 20px; padding: 5px 0; } .dxpcDropDown.dxpclW.dxpc-ddSys { width:calc(100% - 30px) !important; } .dxpcDropDown.dxpclW.dxpc-ddSys .dxlbd { /*height:auto !important;*/ /*max-height:153px;*/ } .dxpcDropDown.dxpclW.dxpc-ddSys .dxeCalendar, .dxpcDropDown .dxpc-contentWrapper, .dxpcDropDown .dxgvInLookup { width:100%; } textarea, .dxeBase, *[class^="dxeBase"] label, .dxeButtonEdit, .dxeCalendarButton, .dxeEditAreaSys, .dxeMemoEditAreaSys, input[type="text"].dxeEditAreaSys, input[type="password"].dxeEditAreaSys, .dxeListBox, .dxucControl, .dxucEditArea, .dxpnlControl, input[type="text"].dxucEditArea { font: 16px 'prnv', sans-serif; color: #414141; width:100%; } .dxeListBox { table-layout:fixed; width:100% !important; } .dxeListBox .dxlbd { width:100% !important; } input[type="text"], input[type="password"] { transition: border 0.3s ease-in-out; } .dxeNullText textarea, .dxeNullText .dxeBase, .dxeNullText [class^="dxeBase"] label, .dxeNullText .dxeButtonEdit, .dxeNullText .dxeCalendarButton, .dxeNullText .dxeEditAreaSys, .dxeNullText .dxeMemoEditAreaSys, .dxeNullText input.dxeEditAreaSys[type="text"], .dxeNullText input.dxeEditAreaSys[type="password"], .dxeNullText .dxeListBox, .dxeNullText .dxucControl, .dxeNullText .dxucEditArea, .dxeNullText .dxpnlControl, .dxeNullText input.dxucEditArea[type="text"], .dxeNullText .dxeEditArea, .dxeNullText .dxeMemoEditArea, .dxeNullText textarea, .dxeNullText input { color:#818181; } .dxeEditAreaSys, input.dxeEditAreaSys[type="text"], input.dxeEditAreaSys[type="password"] { padding:0 12px; width: calc(100% - 20px); } .dxbButton:not(.btn-ghost-grey):not(a), .dxeCalendarButton { line-height: 50px; background: #2879ff; color: #fff; text-align: center; padding: 0 20px; border: none; height: 50px; font-size: 16px; transition: all 0.4s ease; } .dxbButton div.dxb { border:none; } .dxbButtonSys.dxbTSys { font-family:inherit; } .dxgvInLookup .dxgvDataRow_MaterialCompact { cursor:pointer; } .dxeCalendarButton { line-height:35px; height:auto; width:auto; } .dxbButton:not(.btn):hover, .dxeCalendarButton:hover { background: #000; } .dxICheckBox { border: 1px solid #CED7DB; background: #fff; width: 20px; height: 20px; } .dxICheckBox.dxWeb_edtCheckBoxChecked { /*background-image:url(/resources/images/icons/icon-check.svg), url(/resources/images/icons/icon-check.png);*/ background-image:url(/resources/images/icons/checkbox-active.svg), url(/resources/images/icons/checkbox-active.png); background-size:67%; background-position:3px 3px; background-repeat:no-repeat; } .dxICheckBox.dxWeb_edtCheckBoxGrayed, .dxICheckBox.dxWeb_edtCheckBoxGrayedDisabled, .dxICheckBox.dxWeb_edtCheckBoxCheckedDisabled { background-image:url(/resources/images/icons/checkbox-inactive.svg), url(/resources/images/icons/checkbox-inactive.png); background-size:67%; background-position:3px 3px; background-repeat:no-repeat; } .dxichCellSys { padding: 3px 0 1px; } .dxichTextCellSys { width:100%; padding:4px 0 0px 4px; } .dxWeb_edtCheckBoxUncheckedDisabled, .dxWeb_edtCheckBoxCheckedDisabled, .dxWeb_edtCheckBoxGrayedDisabled { opacity: 0.5; } /*.dxWeb_edtCheckBoxCheckedDisabled .dxKBSW, .dxWeb_edtCheckBoxChecked .dxKBSW { display: block; background: #2879ff; width: 12px; height: 12px; margin: 3px; border-radius: 50%; }*/ .dxeRadioButtonList, .dxeCheckBoxList { border: 1px solid #CED7DB; } *[class^="dxeBase"] label { padding-left: 5px; display:inline-block; } .dxeButtonEdit { border: 1px solid #CED7DB; background: #fff; height: 51px; position:relative; } .dxeButtonEditButton { background: #fff; border: none; border-left: 1px solid #CED7DB; margin: -1px -1px -1px 0; /*display: block;*/ height: 48px; padding: 0 25px; transition: all 0.4s ease; } .dxeButtonEditSys { border-spacing:0; } .dxeSpinIncButton, .dxeSpinDecButton { height: 25px; } .dxeButtonEditButton:not(.dxeDisabled):hover { background: #EBEEF0; } .dxeButtonEditButton img { display: none !important; } .dxeButtonEditButton:before { font-family: FontAwesome; content: "\f0d7"; line-height: 50px; } .dxeButtonEditButton:not(.dxeSpinIncButton):not(.dxeSpinDecButton):before { position:absolute; right:20px; top:2px; } .dxeButtonEditButton.dxeSpinIncButton { position:absolute; right:2px; top:2px; padding:0 20px; } .dxeButtonEditButton.dxeSpinDecButton { position:absolute; right:2px; top:25px; padding:0 20px; } .dxeSpinIncButton:before, .dxeSpinDecButton:before { line-height: 25px; } .dxeSpinIncButton:before { content: "\f0d8"; } .dxpc-shadow { box-shadow: none; } .dxeListBox { border: none; border-top: 1px solid #CED7DB; } .dxeListBox div.dxlbd { padding:0; } .dxeListBoxItem { height: 50px; line-height: 50px; border: 1px solid #CED7DB; border-top: none; padding: 0 15px; color: #414141; } .dxeListBoxItem img { max-width: 100px; max-height: 60px; padding-right: 5px; margin-top:-6px; display:inline-block !important; } .dxeListBoxItemSelected, .dxeListBoxItemHover { background: #EBEEF0; } .dxeListBoxItemRow .dxeListBoxItem { border:none; border-top:1px solid #CED7DB; } .dxeListBoxItemRow:first-child .dxeListBoxItem { border-top:none; padding-top:1px; } .dxeListBox { border:1px solid rgb(206, 215, 219); } .dxeIRadioButton { border: 1px solid #CED7DB; background: #fff; width: 20px; height: 20px; border-radius: 50%; } .dxEditors_edtRadioButtonUncheckedDisabled, .dxEditors_edtRadioButtonCheckedDisabled { opacity: 0.5; } .dxEditors_edtRadioButtonCheckedDisabled .dxKBSW, .dxEditors_edtRadioButtonChecked .dxKBSW { display: block; background: #2879ff; width: 12px; height: 12px; margin: 3px; border-radius: 50%; } .dxucTextBox { border: 1px solid #CED7DB; height: 50px; line-height: 50px; padding-left: 10px; } .dxucControl .dxucBrowseButton, .dxucControl .dxucBrowseButton.dxbf { background: #2879ff; color: #fff; border: none; transition: all 0.4s ease; } .dxucControl .dxucBrowseButton:before { font-family: FontAwesome; content: "\f093"; line-height: 50px; padding: 0 15px; } .dxucControl .dxucBrowseButtonHover { background: #000; } .dxucControl .dxucBrowseButton a { display: none; } .dxeButtonEdit input[type='text'] { height: 46px; } .dxeTextBox { border: 1px solid #CED7DB; line-height: 50px; width:100%; transition: border 0.3s ease-in-out; } .dxeTextBox.grey { border:none; background-color:#edf0f1; } .dxeTextBox.grey input { background-color:#edf0f1; } .dxeTextBox .dxic { transition: all 0.1s ease-in-out; } .dxeTextBoxSys td.dxic { padding:0; } .dxeMemo { border: 1px solid #CED7DB; line-height: 30px; padding: 12px; width:100%; } .dxeMemo textarea { height:60px; } .dxeMemo.grey { border:none; background-color:#edf0f1; } .dxeMemo.grey textarea { background-color:transparent; } fieldset[disabled] input[type="checkbox"], fieldset[disabled] input[type="radio"], input.disabled[type="checkbox"], input[type="checkbox"][disabled], input.disabled[type="radio"], input[type="radio"][disabled] { cursor:default; } .dxeCalendar { border:none; } .dxeCalendar > tbody > tr > td > table { border:1px solid #ced7db; } .dxeCalendar .dxeCalendarFooter { display:none; } .dxeCalendar .dxeCalendarHeader { font-weight:bold; font-size:14px; height:45px; background-color:#fff; text-transform:uppercase; padding:0; } .dxeCalendar .dxeCalendarHeader > table { height:100%; padding:0; } .dxeCalendar .dxeCalendarHeader > table td.dxe { min-width:40px; height:100%; } .dxeCalendar .dxeCalendarHeader > table td.dxe .dxEditors_edtCalendarPrevMonth { margin:0; padding:20px; background:url("/resources/images/icons/icon-caret-left.png"); background-size: 20%; background-origin: border-box; background-position: center 50%; background-repeat: no-repeat; } .dxeCalendar .dxeCalendarHeader > table td.dxe .dxEditors_edtCalendarNextMonth { margin:0; padding:20px; background:url("/resources/images/icons/icon-caret-right.png"); background-size: 20%; background-origin: border-box; background-position: center 50%; background-repeat: no-repeat; } .dxeCalendar .dxeCalendarHeader > table td.dxe .dxEditors_edtCalendarNextYear { margin:0; padding:20px; background:url("/resources/images/icons/icon-carets-right.png"); background-size: 20%; background-origin: border-box; background-position: center 50%; background-repeat: no-repeat; } .dxeCalendar .dxeCalendarHeader > table td.dxe .dxEditors_edtCalendarPrevYear { margin:0; padding:20px; background:url("/resources/images/icons/icon-carets-left.png"); background-size: 20%; background-origin: border-box; background-position: center 50%; background-repeat: no-repeat; } .dxeCalendar .dxeCalendarHeader > table td.dxeCHS { display:none; } .dxeCalendar td.dxMonthGridWithWeekNumbers { padding:0; background-color:#fff; } .dxeCalendar .dxMonthGridWithWeekNumbers .dxeCalendarDay { padding:14px 6px; } .dxeCalendar .dxMonthGridWithWeekNumbers .dxeCalendarWeekend { color:#3d7aff; } .dxeCalendar .dxMonthGridWithWeekNumbers .dxeCalendarWeekend:hover, .dxeCalendar .dxMonthGridWithWeekNumbers .dxeCalendarDay:hover { color:#fff; } .dxeCalendar .dxMonthGridWithWeekNumbers .dxeCalendarDay:hover, .dxeCalendar .dxeCalendarHeader > table td.dxe:hover { background-color:#3d7aff; color:#fff; } .dxeCalendar .dxMonthGridWithWeekNumbers .dx-ac td { background-color:#ebeef0; height:40px; font-size:14px; font-weight:bold; color:#666c6c; border-bottom:1px solid #cfcfcf; } .dxeCalendar .dxeCalendarSelected { background-color:#000; } .dxeCalendarFastNav { border-color:#ced7db; } .dxeCalendarFastNavFooter { border-color:#ced7db; } .dxeCalendarFastNavMonthSelected, .dxeCalendarFastNavYearSelected { background-color: #000; color:#fff; } .dxeCalendarFastNavMonth:hover, .dxeCalendarFastNavYear:hover { background-color:#3d7aff; border-color:#3d7aff; } .dxeCalendarFastNavMonthSelected:hover, .dxeCalendarFastNavYearSelected:hover { color:#fff; border:none; background-color:#000; } .dxeCalendarFastNavYearArea { padding-top:15px; } .dxpcDropDown .dxtlNode { height:40px; } .dxpcDropDown .dxtlNode td, .dxpcDropDown .dxtlFocusedNode td { vertical-align:middle; } .dxpcDropDown .dxtlFocusedNode { background-color:#e5e5e5; height:40px; color:#000; } .dxpcDropDown .dxtlFocusedNode .dxtlIndent, .dxpcDropDown .dxtlFocusedNode .dxtlIndentWithButton { background:inherit; } .dxpcDropDown-logo .dxeListBox table { table-layout:fixed; } .dxpcDropDown-logo .dxeListBoxItemRow td:first-child { text-align:center; width:130px; padding:10px; border-right:1px solid #ccc !important; } .dxpcDropDown-logo .dxeListBoxItemRow td { padding:10px !important; cursor:pointer; } .dxtlControl { font-family:inherit; } /*.dxeTokenBox .dxic { vertical-align:middle; position:relative; }*/ /*.dxeTokenBox.dxeButtonEditSys td.dxictb { float:none; display:table-cell; padding:14px 0; }*/ /*.dxeTokenBox .dxeToken { margin-right:5px; border:none; background:white; padding:0px 10px; display:inline-block; }*/ /*xxxxxxxxxxxxxxxxxxxxxxxxxxxx*/ .dxeTokenBox .dxeToken { display: inline-block; background: #3d7aff; color: white; float: left; min-width: 30px; margin:3px 5px; border-radius: 15px; padding-bottom: 0px; border:none; } .dxeButtonEdit td.dxictb { padding: 0px; margin: 0px -1px -1px 0px; display: block; float: left; cursor: text; overflow:hidden; } .dxeTokenBox.dxeButtonEditSys td.dxictb { padding-top: 8px; padding-left: 5px; padding-right: 5px; padding-bottom:8px; } .dxeTokenBox.dxeButtonEditSys td.dxictb + .dxeToken { border:1px solid red !important; } .dxeTokenBox .dxeTokenText { padding: 5px 8px 3px 10px; margin: 0px; display:block; float:left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-height: none; font-size:14px; max-width:334px !important; } .dxeTokenBox .dxeTokenRemoveButton { cursor: pointer; background:none #fff; margin: 3px 3px 0 0; border-radius: 50%; display: block; float: left; width: 18px; height: 18px; } .dxeTokenBox .dxeTokenRemoveButton:after { content:'\f00d'; font-family:FontAwesome; font-weight:100; font-size:14px; color:#3d7aff; display:block; line-height:18px; width:18px; height:18px; transition:color 0.2s ease-in-out; vertical-align:middle; text-align:center; } .dxeTokenBox .dxeTokenRemoveButton:hover:after { color:#000; } input.dxeTokenBoxInput { padding-left:8px !important; /*height:39px !important;*/ height:27px !important; clear:both; } input.dxeTokenBoxInput:focus { /*width:100% !important;*/ } /*xxxxxxxxxxxxxxxxxxxxxxxxxxxx*/ /*.dxeTokenBox .dxeTokenBoxInput { position:absolute; top:0; left:0; z-index:-1; width:10px; } .dxeTokenBox .dxeTokenRemoveButton { background:none; margin-right:10px; } .dxeTokenBox .dxeTokenRemoveButton:after { content:'\f00d'; font-family:FontAwesome; font-weight:100; font-size:17px; margin-left:5px; margin-top:-2px; color:#3d7aff; padding:5px 3px; transition:color 0.2s ease-in-out; } .dxeTokenBox .dxeTokenRemoveButton:hover:after { color:#000; }*/ input.dxucEditArea[type="text"].dxeDisabled, input.dxeEditAreaSys[type="text"].dxeDisabled, input.dxeDisabled, .dxeDisabled:not(.dxeCheckBoxList):not(.dxeTAR) { color:#959595; -webkit-text-fill-color: rgba(149, 149, 149, 1); -webkit-opacity: 1; color: rgba(149, 149, 149, 1); background: #f6f7f9; } .required-failure { border:1px solid red; transition: border 0.3s ease-in-out; } .required-failure .dxic { border-left:7px solid red; transition: border 0.1s ease-in-out; } .required-failure .dxic input { padding-left:5px; } input[type="text"].required-failure, input[type="password"].required-failure { border:1px solid red; border-left:7px solid red; transition: border 0.3s ease-in-out; padding-left:5px; } .checkboxlist .dxichTextCellSys { padding-right:20px; } .HTMLEditor { border:none; width:100%; padding:0; } .HTMLEditor table:first-child, .HTMLEditorTable { width:100% !important; } .HTMLEditor .dxtbControl, .HTMLEditor .dxmLite .dxm-main { background:none; background-color:#edeef2; padding-bottom:5px; border:none; } .HTMLEditor .dxheContentArea { background:none; padding-top:0px; } .HTMLEditor .dxm-separator { height:20px !important; padding:4px 5px 0 !important; } .status-slider { opacity:0; } .status-slider + label { background: #fff; background: linear-gradient(rgba(0, 0, 0, 0.02), rgba(255, 255, 255, 0)) repeat scroll 0 0%, #ddd none repeat scroll 0 0; border-radius: 1.5em; /*box-shadow: 0 0.07em 0.1em -0.1em rgba(0, 0, 0, 0.4) inset, 0 0.05em 0.08em -0.01em rgba(255, 255, 255, 0.7);*/ cursor: pointer; display: block; height: 3em; line-height: 1.6em; position: relative; width: 8.5em; font-weight:normal; } .status-slider + label::after { background:#000; background: rgba(0, 0, 0, 0) linear-gradient(#f5f5f5 10%, #eeeeee) repeat scroll 0 0; border-radius: 50%; /*box-shadow: 0 0.1em 0.15em -0.05em rgba(255, 255, 255, 0.9) inset, 0 0.2em 0.2em -0.12em rgba(0, 0, 0, 0.5);*/ content: ""; height: 2em; left: 0.5em; position: absolute; top: 0.5em; transition: all 250ms ease-in-out 0s; width: 2em; } .status-slider + label::before { background:#ff6c43; background: rgba(255, 108, 67, 1) none repeat scroll 0 0; border-radius: 0.75em; /*box-shadow: 0 0.08em 0.15em -0.1em rgba(0, 0, 0, 0.5) inset, 0 0.05em 0.08em -0.01em rgba(255, 255, 255, 0.7), 0 0 0 0 rgba(68, 204, 102, 0.7) inset;*/ color: #fff; content: "Offline"; height: 1.5em; left: 0.75em; padding-left: 54px; position: absolute; top: 0.75em; transition: all 250ms ease-in-out 0s; width: 7em; } .status-slider:checked + label::before { box-shadow: 0 0.08em 0.15em -0.1em rgba(0, 0, 0, 0) inset, 0 0.05em 0.08em -0.01em rgba(255, 255, 255, 0), 5.5em 0 0 0 rgba(68, 204, 102, 1) inset; content: "Online"; padding-left: 10px; } .status-slider:checked + label::after { left: 5.8em; } .complete-icon { background-color:#3d7aff; width:130px; height:130px; float:left; background-image:url('/resources/images/icons/icon-check-white.svg'); background-position:center; background-repeat:no-repeat; background-clip:content-box; background-size:60%; } .complete-icon.green { background-color:#00C752; } .complete-icon.failure { background-color:red; background-image:url('/resources/images/icons/icon-fail-white.svg'); } .complete-icon.stroke { border:10px solid #fff; } .complete-icon img { width:60%; height:60%; } .complete-wrapper { display:inline-block; } .complete-content-wrapper { height:65px; overflow:hidden; } .ts-track { overflow:hidden; padding: 0 1px; display: inline-block; height: 27px; width: 75px; border-radius: 27px; background-color:#999; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; float:left; } .ts-track, .ts-track .ts-switch-container { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .ts-track.no-transition, .ts-track.no-transition .ts-switch-container { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; } .ts-track input[type="checkbox"] { display: none; } .ts-track .ts-switch { height: 27px; width: 27px; position: absolute; display: inline-block; margin-left: 28px; margin-right: 24px; cursor: pointer; background-color:#ccc; left: 18px; margin: 0 17px; border-radius:27px; z-index:10; } .ts-track .ts-switch-container { position: relative; margin-left:0; width: 85px; } .ts-track .ts-on-text, .ts-track .ts-off-text { position: absolute; font-size: 25px; display:inline-block; text-align: center; width: 54px; line-height: 1.3; font-size: 13px; width: 28px; color: #FFF; height:27px; line-height:27px; } .ts-track .ts-on-left { background-color: green; height: 100%; position: absolute; width: 200%; left: -13px; } .ts-track .ts-on-right { height: 100%; position: absolute; width: 200%; left: -13px; } .ts-track .ts-off-text { right: -9px; } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { .search-input, .categories-search-input { margin:0; width:calc(100% + 1px); } .btn-icon:hover { background-image:none; } .results .btn { max-height:none; line-height:50px; padding:initial; } .btn-edit:not(.btn-icon):after { content:'Bewerken'; font-family:inherit; font-size:16px; font-weight:600; } .btn-delete:not(.btn-icon):after { content:'Verwijderen'; font-family:inherit; font-size:16px; font-weight:600; } .btn-unbind:not(.btn-icon):after { content: 'Verwijderen'; font-family:inherit; font-size:16px; font-weight:600; } .btn-view:not(.btn-icon):after { content: 'Bekijken'; font-family:inherit; font-size:16px; font-weight:600; } .btn-modify:not(.btn-icon):after { content: 'Bewerken'; font-family:inherit; font-size:16px; font-weight:600; } .btn-bind:not(.btn-icon):after { content: 'Opslaan'; font-family:inherit; font-size:16px; font-weight:600; } .btn-send:not(.btn-icon):after { content: 'Versturen'; font-family:inherit; font-size:16px; font-weight:600; } .btn-cancel:not(.btn-icon):after { content: 'Annuleren'; font-family:inherit; font-size:16px; font-weight:600; } .btn-setthumb:not(.btn-icon):after { content:'Thumbnail'; font-family:inherit; font-size:16px; font-weight:600; } .btn-search:not(.btn-icon):after { content:'Zoeken'; font-family:inherit; font-size:16px; font-weight:600; } } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { .btn { font-size: 16px; } .btn-smallfont { font-size:14px; } } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { } /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ /* Navigation */ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ .architectenweb-logo { color: #00C752; font-size: 28px; font-weight: 700; } .architectenweb-logo:hover { text-decoration: none; } .notificationbars { position:fixed; z-index:3001; top:0; width:100%; } .notificationbar { font-size:15px; color:#fff; width:100%; } .notificationbar-support { background-color:#ff6c43; min-height:30px; line-height:30px; text-align:center; padding:0 20px; } .notificationbar-preview { background-color:#3d7aff; min-height:30px; line-height:30px; text-align:center; padding:0 20px; } .previewmode { background-color:#3d7aff; font-size:15px; color:#fff; height:30px; line-height:30px; text-align:center; position:fixed; top:0; z-index:3001; width:100%; } nav { position: fixed; top: 0; left: 0; width: 100%; height: 50px; background: #fff; color: #000; z-index: 3000; } nav .wrapper { position: relative; z-index: 2000; background: #fff; box-shadow: 0px 5px 15px 0px rgba(50, 50, 50, 0.20); } nav .container { position: relative; width: 100%; } nav .innercontainer { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; position: relative; background: #ffffff; z-index: 2; box-shadow: none; } nav, nav .container, nav .innercontainer { height: 75px; } nav .nav-logo { width: calc(100% - 160px); text-align:center; transition:width 0.3s ease-in-out; transition-delay:0.3s; overflow:hidden; padding-top:3px; flex-grow:2; } nav .nav-logo-inner { width:210px; display:inline-block; align-content:center; margin-top:0; transition:width 0.2s ease-in-out; } nav.expand .nav-logo { width:0px; transition-delay:0.1s; } nav .nav-logo-inner::before, nav .nav-logo-inner::after { font-weight:700; font-family: 'prnv', Arial, sans-serif; overflow:hidden; transition: all 0.2s ease-in-out; color:#00C752; font-size:28px; transition-delay:0.1s; text-align:left; } nav .nav-logo-inner::before { content: "architectenweb"; width:210px; transition-delay:0.5s; } nav .nav-logo-inner:hover::before, nav .nav-logo-inner:hover::after { color:#000; transition: color 0.2s; transition-delay:0; } nav.expand .nav-logo-inner::before { width:0px; transition: width 0.2s ease-in-out; } nav .nav-main { position: absolute; bottom: 0; left: -2000px; width: calc(100% - 330px); height: 0; padding: 0 10px; font-weight: 700; line-height: 50px; white-space: nowrap; overflow-x: auto; overflow-y: hidden; visibility: hidden; box-shadow: none; transition: left 0.5s ease 0.3s; float:left; } nav .nav-main.active { bottom: -30px; height: 50px; left: 0px; visibility: visible; width: 100vw; padding-left: 10px; margin-left: -15px; } nav .nav-main.active li.extend { display:none; } nav .nav-main .nav-list { list-style: outside none none; margin-left: -5px; padding-left: 0; margin: 0; cursor:default; } nav .nav-main .nav-list li { display:inline-block; padding-left:5px; padding-right:5px; } nav .nav-main > ul.nav-list li:last-child { margin-right: 10px; } nav .nav-main a:hover, nav .nav-right a:hover { text-decoration: none; transition: border-color 0.4s ease; } nav .nav-search { position: absolute; right: 90px; width: 0; transition: all 0.5s ease; visibility: hidden; padding-top:3px; } nav .nav-search.active { width: calc(100% - 120px); padding-left: 20px; visibility: visible; background-color:white; } nav .nav-search input { width: 100%; font-size: 24px; font-weight: 700; border: none; line-height: 40px; height: 40px; } nav .nav-search input:focus{ outline: 0; } nav .nav-search input::-webkit-input-placeholder { color: #EBEEF0; } nav .nav-search input:-moz-placeholder { color: #EBEEF0; } nav .nav-search input::-moz-placeholder { color: #EBEEF0; } nav .nav-search input:-ms-input-placeholder { color: #EBEEF0; } nav .nav-right { width:90px; } nav .nav-right li { padding-left:5px; padding-right:5px; } nav .nav-right .ico-mglass { position: relative; display: inline-block; background: #fff; border-radius: 50%; height: 12px; width: 12px; border: 2px solid #000; transition: all 0.3s ease; } nav .nav-right .ico-mglass:after { content: ""; height: 2px; width: 8px; background: #000; position: absolute; top: 9px; left: 6px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); transition: all 0.3s ease; } nav .nav-right .ico-mglass:hover { border-color: #2878FF; } nav .nav-right .ico-mglass:hover:after { background: #2878FF; } nav .nav-right .start-search { cursor: pointer; padding:20px; } nav .nav-right .start-search:hover { color: #2878FF; transition: all 0.3s ease; } nav .nav-right .start-search:hover .ico-mglass { border-color:#2878FF; } nav .nav-right .start-search:hover .ico-mglass::after { background:#2878FF; } nav .nav-right .start-profile .profile-guest { display: flex; align-items: center; justify-content: center; } nav .nav-right .start-profile .profile-guest a { padding:10px; line-height:0; } nav .nav-right .start-profile .profile-guest a path { transition: all 0.3s ease; } nav .nav-right .start-profile .profile-guest a:hover path { fill: #2878FF; } nav .nav-right .start-profile .profile-icon { width: 17px; height: 20px; cursor:pointer; } nav .nav-right .img-profile { max-width:38px; max-height:38px; cursor:pointer; } nav .nav-right .nav-icons { display:flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; height:100%; } nav .nav-icons .favorite { position: absolute; bottom: 10px; color:#ea515e; right: 0px; display:none; } nav .nav-icons .favorite.activated { display:block; } nav .nav-icons .favorite.activated { -webkit-animation: scaleFade 0.5s forwards; -moz-animation: scaleFade 0.5s forwards; animation: scaleFade 0.5s forwards; text-align:center; animation-delay:0.5s; } nav .nav-mobile { width: 15px; height: 15px; padding-top:7px; cursor:pointer; margin-right:20px; } nav .nav-mobile span, nav .nav-mobile span:before, nav .nav-mobile span:after { height: 3px; width: 15px; position: absolute; display: block; content: ''; background: #000; transition: all 0.3s ease-in-out; } nav .nav-mobile span:before { top: -6px; } nav .nav-mobile span:after { bottom: -6px; } nav .nav-mobile.active span { background-color: transparent; } nav .nav-mobile.active span:before, nav .nav-mobile.active span:after { top: 0; } nav .nav-mobile.active span:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } nav .nav-mobile.active span:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .nav-main-back { position: absolute; top: 0; left: 0; width: 200%; background: #ffffff; height: 50px; margin: -30px; padding: 15px; z-index: 1; transition: all 0.3s ease 0.3s; } .nav-main-back.active { top: 90px; box-shadow: 0px 10px 15px 0px rgba(50, 50, 50, 0.20); } nav .nav-menu { width:250px; background-color:#edeef2; position:absolute; z-index:2001; top:75px; right:15px; box-shadow: 0 4px 4px 0 rgba(50, 50, 50, 0.2); } nav .nav-menu a { text-decoration:none; } nav .nav-menu .nav-menu-items:not(.nav-menu-logout) { padding:10px 0; } nav .nav-menu .nav-menu-items > div { padding:4px 20px; font-weight:bold; } nav .nav-menu .nav-menu-logout { transition:none; } nav .nav-menu .nav-menu-logout a { padding:14px 20px; display:block; transition:none; } nav .nav-menu .nav-menu-items a:hover { color:#3d7aff; } nav .nav-menu .nav-menu-logout a:hover { background-color:#3d7aff; color:#fff; } nav .nav-menu .nav-menu-profiles { border-top:1px solid #ccc; border-bottom:1px solid #ccc; max-height:calc(100vh - 300px); min-height:85px; overflow:hidden; overflow-y:auto; } nav .nav-menu .nav-menu-profiles .profile-record .profile-add span { font-size:30px; padding:3px 0 0 3px; display:block; color:#000 !important; text-align:center; } nav .nav-menu .nav-menu-logout a:hover span { color:#fff; } nav .nav-menu .nav-menu-items a > span { display:inline-block; width:25px; color:#3d7aff; } nav .nav-menu .profile-data a { padding:20px; display:block; transition:none; } nav .nav-menu .profile-data a:hover { background-color:#3d7aff; color:#fff; } nav .nav-menu .profile { float:left; margin-right:20px; } nav .nav-menu .profile-data .profiletext { margin-left:10px; } nav .nav-menu .profile-img { border-radius:50%; background-color:white; width:45px; height:45px; overflow:hidden; } nav .nav-menu img { max-width:45px; max-height:45px; } nav .nav-menu img[src='/resources/images/icons/icon-profile-company.svg'] { max-height:30px; max-width:30px; margin:0 auto; } nav .nav-menu-mobile { background-color: #edeef2; bottom: 0; left: 0; margin: 0; padding: 0; position: absolute; right: 0; top: 50px; width: 100%; height:1000px; } nav .nav-menus { display:none; } nav .nav-notloggedin { text-align:center; margin-top:50px; width:100%; display:block; } nav .nav-drop { display: none; } nav .nav-drop-right-categories { margin:0; padding: 0; -moz-column-gap: 1.5em; -webkit-column-gap: 1.5em; column-gap: 1.5em; -moz-column-count: 5; -webkit-column-count: 5; column-count: 5; column-fill:balance; } nav .nav-drop-right-categories .categories-block { display:inline-block; margin: 0 0 30px 0; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } @media screen and (-webkit-min-device-pixel-ratio: 0) { nav .nav-drop-right-categories .categories-block { display: block; -webkit-column-break-inside:avoid; } } nav .nav-drop-rows a { float:none; display:inline-block !important; } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { nav .nav-search.active { width: calc(100% - 330px); } } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { nav .nav-menu-overlay { background-color:transparent; position:fixed; width:100%; height:100%; min-height:8000px; z-index:2000; left:0; } } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { nav .container { width: 1170px; } nav .nav-logo { width:210px; flex-grow:0; } nav .nav-main { position: relative; left:auto; height:75px; line-height:75px; font-size:18px; padding-top:3px; visibility:visible; width:830px; overflow:hidden; transition: all 0.2s ease-in-out; transition-delay:0.3s; width: calc(100% - 300px); } nav.expand .nav-main { width:1030px; transition: all 0.2s ease-in-out; transition-delay:0.3s; padding-left:0px; margin-left:-15px; } .nav-main-back { display: none; } nav .nav-main .nav-list > li { padding: 0 13px; } nav .nav-main > ul.nav-list li:last-child { margin-right: 0; } nav .nav-main li a { display: block; height: 72px; border-bottom: 5px solid #fff; } nav .nav-main li a.active { border-color: #000; } nav .nav-main li a:hover { border-color: #000; } nav .nav-main li a[data-moduleid='39']:hover { border-color: #FF6D3F; } nav .nav-main li a[data-moduleid='39'].active { border-color: #FF6D3F; } nav .nav-main li a[data-moduleid='50']:hover { border-color: #AE318B; } nav .nav-main li a[data-moduleid='50'].active { border-color: #AE318B; } nav .nav-main .nav-list .extend { opacity:1; transition: all 0.2s ease-in-out; width:50px; transition-delay:0.3s; cursor:pointer; margin-right:100px; } nav.expand .nav-main .nav-list .extend { opacity:0; width:0; padding-left:0; padding-right:0; transition-delay:0; margin-right:0; overflow:hidden; } nav .nav-main .nav-list .extend ~ li { transition: opacity 0.2s ease-in-out; opacity:0; } nav.expand .nav-main .nav-list .extend ~ li { transition: opacity 0.2s ease-in-out; opacity:1; } nav .nav-main .nav-list > li:first-child { padding-left:5px; } nav .nav-main .nav-list .extend { display:inline-block; } nav .nav-mobile { display: none; } nav .nav-search.active { width: calc(100% - 300px); } nav .nav-drop { display: block; position: absolute; top: -2000px; width: 100%; padding: 15px 0; background: #EBEEF0; box-shadow: 0px 5px 15px 0px rgba(50, 50, 50, 0.20); line-height: 24px; z-index: 1000; transition: all 1.5s ease; } nav .nav-drop.active { top: 75px; transition: all 0.5s ease; } nav .nav-drop .container { height: auto; } nav .nav-drop .nav-drop-area { display:none; } nav .nav-drop a { transition: all 0.2s ease; } nav .nav-drop a:hover { text-decoration: none; } nav .nav-drop .nav-drop-left { font-weight: 600; color: #BCBCBC; } nav .nav-drop .nav-drop-left a { display:block; } nav .nav-drop .nav-drop-left a:hover, nav .nav-drop .nav-drop-left a.active { color: #000; } nav .nav-drop .nav-drop-left .btn { line-height: 30px; padding: 0 15px; margin-top: 10px; } nav .nav-drop .nav-drop-area[data-moduleid='39'] .nav-drop-left a.btn { background: #FF6D3F; } nav .nav-drop .nav-drop-area[data-moduleid='50'] .nav-drop-left a.btn { background: #AE318B; } nav .nav-drop .nav-drop-area .nav-drop-left a.btn:hover, nav .nav-drop .nav-drop-area .nav-drop-left a.btn.active { color: #fff; background: #000; } nav .nav-drop .nav-drop-right { font-size: 13px; } nav .nav-drop .nav-drop-right strong { font-weight: 600; font-size: 16px; } nav .nav-drop .nav-drop-right .title { margin-bottom:10px; } nav .nav-drop .nav-drop-right a:hover { color: #2878FF; } nav .nav-drop .nav-drop-area[data-moduleid='39'] .nav-drop-right a:hover { color: #FF6D3F; } nav .nav-drop .nav-drop-area[data-moduleid='50'] .nav-drop-right a:hover { color: #AE318B; } nav .nav-drop .nav-drop-right-images { font-size: 15px; line-height: 18px; font-weight: 600; } nav .nav-drop .nav-drop-right-images .image { position: relative; margin-bottom: 10px; } nav .nav-drop .nav-drop-area[data-moduleid='9'] .nav-drop-right-images .image, nav .nav-drop .nav-drop-area[data-moduleid='97'] .nav-drop-right-images .image { margin-right:10px; display:inline-block; vertical-align:top; } nav .nav-drop .nav-drop-area[data-moduleid='9'] .nav-drop-right-images .text, nav .nav-drop .nav-drop-area[data-moduleid='97'] .nav-drop-right-images .text { display:inline-block; height:100px; } nav .nav-drop .nav-drop-right-images .image .overlay { position: absolute; top: 0; left: 0; width: 100%; height:100%; transition: all 0.4s ease; } nav .nav-drop .nav-drop-right-images a:hover .image .overlay { background: rgba(0, 0, 0, 0.15); } nav .nav-drop .nav-drop-area[data-moduleid='39'] a:hover .image .overlay { background: rgba(255, 109, 63, 0.35); } nav .nav-drop .nav-drop-area[data-moduleid='50'] a:hover .image .overlay { background: rgba(174, 49, 139, 0.35); } nav .nav-drop .nav-drop-right-images .subtitle { font-size: 14px; line-height: 14px; font-weight: 700; color: #BCBCBC; margin-top: 8px; margin-bottom:8px; } nav .nav-drop .nav-drop-right .nav-drop-right-favorites a[href='/'] { display:none; } .content-wrapper.active-menu { margin-top: 75px; } } @media print { nav { display:none; } } /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ /* Tabs */ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ #Tabs { position:relative; font-size:16px; background:none; /*letter-spacing:1.2px;*/ width:100%; height:100%; z-index:1; user-select:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; } #Tabs::-webkit-scrollbar { display:none; } #Tabs ul { display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; padding:0; -ms-box-orient:horizontal; -ms-box-pack:center; width:100%; overflow:auto; } #Tabs ul.center { justify-content:center; } #Tabs ul li { display:block; color:#000; margin:0px 20px 20px 0; height:20px; } #Tabs ul li:last-child { margin-right:0; } #Tabs a { white-space:nowrap; text-decoration:none; font-weight:bold; color:#000; -webkit-transition:color 0.3s, -webkit-transform 0.3s; transition:color 0.3s, transform 0.3s; } #Tabs a:hover { color:#000; } #Tabs li.TabSelected a { color:#000; } #Tabs .TabLine { position:absolute; bottom:12px; margin:0px 20px 0px 0; display:none; left:0; width:40px; height:4px; background:#2672fb; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } @media screen and (max-width:675px) { #Tabs ul { display:-webkit-box; display:box; } } .content-tabs { position: relative; font-size: 13px; text-transform: uppercase; letter-spacing: 1.8px; z-index: 1; user-select: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; } .content-tabs::-webkit-scrollbar { display: none; } .content-tabs ul { display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; padding: 0; -ms-box-orient: horizontal; -ms-box-pack: center; width: 100%; overflow: auto; margin-bottom:5px; } .content-tabs ul li { display: block; color: #4d515d; margin-right:40px; cursor:pointer; } .content-tabs ul li:last-child { margin-right:0; } .content-tabs a { white-space: nowrap; text-decoration: none; font-weight: bold; color: #8996a6; -webkit-transition: color 0.3s, -webkit-transform 0.3s; transition: color 0.3s, transform 0.3s; } .content-tabs a:hover { color: #4d515d; } .content-tabs li.tab-selected a { color: #4d515d; } .content-tabs .tab-line { position: absolute; margin: 0px 20px 0px 0; display: none; left: 0; width: 40px; height: 4px; background: #3d7aff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ /* Swipers and galleries */ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ .swiper { opacity:1; } .swiper.scaled { opacity: 0; transform: scale(0.8); transition-duration:0.3s; } .swiper .swiper-container-free-mode .swiper-slide { height:auto !important; width:100% !important; margin-bottom:15px; } .swiper .record { margin-bottom:0; } .swiper .swiper-prev-button, .swiper .swiper-next-button { position: relative; display: inline-block; background: #EBEEF0; border-radius: 50%; width: 23px; height: 23px; padding-top: 4px; color: #000; font-size: 10px; cursor: pointer; transition: all 0.3s ease; } .swiper .swiper-prev-button:hover, .swiper .swiper-next-button:hover { color: #2878FF; } section.grey .swiper .swiper-prev-button, section.grey .swiper .swiper-next-button { background: #fff; } .swiper .swiper-prev-button { padding-left: 7px; } .swiper .swiper-next-button { padding-left: 9px; margin-left: 5px; } .swiper .swiper-next-button::after, .swiper .swiper-prev-button::after { position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; width: 50px; height: 50px; border-radius: 50%; content: ''; opacity: 0; pointer-events: none; background: rgba(255,255,255,0.5); } .swiper .swiper-next-button.activated::after, .swiper .swiper-prev-button.activated::after { -webkit-animation: anim-effect-boris 0.3s forwards; animation: anim-effect-boris 0.3s forwards; } .swiper-navigation { display:none; } .swiper .swiper-slide .record[data-type='brochure'] .thumb, .swiper .swiper-slide .record[data-type='model'] .thumb { background-color:#eceff1; height:220px; text-align:center; } .swiper .swiper-slide .record[data-type='brochure'] .thumb img, .swiper .swiper-slide .record[data-type='model'] .thumb img { padding:12px; display:inline-block; max-height:100%; width:auto; } /*.swiper-slide { transition:opacity ease 1s; opacity:1.2; }*/ .swiper-slide-invisible { opacity:0; } .image-slide { position: relative; width: 100%; padding-top: 56.25%; } .image-slide:hover .overlay { cursor: pointer; background: rgba(0, 0, 0, 0.35); } .image-slide-news:hover .overlay, .image-slide-artikel:hover .overlay { cursor: pointer; background: rgba(0, 199, 82, 0.35); } .image-slide-product:hover .overlay { background: rgba(255, 109, 63, 0.35); } .image-slide-project:hover .overlay { background: rgba(174, 49, 139, 0.35); } .image-slide-partner:hover .overlay { background: rgba(0, 0, 0, 0.35); } .image-slide > img, .image-slide > a > img { position: absolute; top: 0; left: 0; width: 100%; height: auto; } .image-slide .caption { position: absolute; top: 25px; left: 30px; font-size: 27px; font-weight: 800; color: #fff; line-height: 32px; right: 30px; text-align:left; } .image-slide .category { font-size: 14px; font-weight: 400; font-style: italic; } .image-slide .filter, .image-slide .overlay { position: absolute; top: 0; left: 0; width: 100%; height:100%; transition: all 0.4s ease; } .image-slide .filter { background: none; background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); background: -o-linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); background: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); } .swiper-slide { transform-style: flat !important; } .swiper-slide .article-news .title { font-size:20px; line-height:120%; } .article-detail-gallery { opacity:0; transition:opacity 0.2s ease-in; } .article-detail-gallery.loadcomplete { opacity:1; } .article-detail-gallery .header-image { width:1300px; text-align:center; } .article-detail-gallery.disabled .swiper-slide { margin-right:30px; } .article-detail-gallery .swiper-slide .caption { position: absolute; bottom:15px; color:#fff; font-size:14px; left:20px; right:20px; z-index:3; opacity:0; pointer-events:none; transition:opacity 0.2s ease-in; } .article-detail-gallery .swiper-slide:hover { cursor: url("/resources/images/icons/icon-gallery-plus.svg") 16 16, pointer; } .article-detail-gallery .swiper-slide:hover .caption { opacity:1; } .article-detail-gallery .swiper-slide .caption .title { font-weight:bold; } .article-detail-gallery .swiper-paging-left, .article-detail-gallery-overlay .swiper-paging-left { height: 100%; left: 0; position: absolute; z-index:10; top:0; width: 15%; cursor:help; transition: none; cursor: url("/resources/images/icons/icon-gallery-left.svg") 16 16, url("/resources/images/icons/icon-gallery-left.png") 16 16, pointer; } .article-detail-gallery .swiper-paging-right, .article-detail-gallery-overlay .swiper-paging-right { height: 100%; position: absolute; z-index:1; top:0; right: 0; width: 15%; cursor:help; transition: none; cursor: url("/resources/images/icons/icon-gallery-right.svg") 16 16, url("/resources/images/icons/icon-gallery-right.png") 16 16, pointer; } .article-detail-gallery-overlay .swiper-paging-left, .article-detail-gallery-overlay .swiper-paging-right { width:50%; } .article-detail-gallery .swiper-paging-left.swiper-button-disabled, .article-detail-gallery .swiper-paging-right.swiper-button-disabled, .article-detail-gallery-overlay .swiper-paging-left.swiper-button-disabled, .article-detail-gallery-overlay .swiper-paging-right.swiper-button-disabled { visibility: hidden; } .article-detail-gallery .swiper-slide img { height: 255px; } .article-detail-gallery .swiper-slide .overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: none; transition: all 0.4s ease; z-index:2; } .article-detail-gallery .swiper-slide .overlay:hover { background: rgba(0, 0, 0, 0.35); } .article-detail-gallery-overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #000; z-index:3001; } .article-detail-gallery-overlay-toolbar, .article-detail-gallery-overlay-toolbar-bottom { padding: 20px; cursor: default; position: absolute; right: 0px; top: 0px; z-index: 102; } .article-detail-gallery-overlay-toolbar-bottom { bottom:0px; top:auto; } .article-detail-gallery-overlay .btn-download { /*bottom:40px; right:40px; position:absolute; z-index:5;*/ width: 60px; height: 60px; border:1px solid #fff; } .article-detail-gallery-overlay .btn-download:after { content: ''; color: #fff; background: url("/Resources/Images/Icons/icon-download.png") no-repeat; background-size: auto auto; position: absolute; width: 30px; height:30px; background-size: contain; margin:14px; right:21px; } .article-detail-gallery-overlay .btn-download:hover { cursor:pointer; } .article-detail-gallery-overlay .article-detail-gallery-overlay-close { width: 60px; height: 60px; overflow: hidden; border: 1px solid #fff; background: url('/resources/images/icons/icon-gallery-close.svg') no-repeat center center; text-indent: 200%; color: transparent; outline: none; cursor:pointer; } .article-detail-gallery-overlay-scale { visibility: hidden; opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s; transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s; } .article-detail-gallery-overlay-scale.open { visibility: visible; opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; } .article-detail-gallery-overlay-data { width:100%; height:100%; } .article-detail-gallery-overlay-data .swiper-container { height:100%; } .article-detail-gallery-overlay .swiper-slide img { max-height:100%; max-width:100%; top:0; bottom:0; left:0; right:0; margin:auto; position:absolute; } .article-detail-gallery-overlay .swiper-slide .overlay { background-image: none; background-image: linear-gradient(center bottom , rgba(0, 0, 0, 0.4) 1%, rgba(0, 0, 0, 0) 35%); background-image: -o-linear-gradient(center bottom , rgba(0, 0, 0, 0.4) 1%, rgba(0, 0, 0, 0) 35%); background-image: -moz-linear-gradient(center bottom , rgba(0, 0, 0, 0.4) 1%, rgba(0, 0, 0, 0) 35%); background-image: -webkit-linear-gradient(center bottom , rgba(0, 0, 0, 0.4) 1%, rgba(0, 0, 0, 0) 35%); background-image: -ms-linear-gradient(center bottom , rgba(0, 0, 0, 0.4) 1%, rgba(0, 0, 0, 0) 35%); background-image: -webkit-gradient(linear, center bottom, center top, color-stop(0.1, rgba(0, 0, 0, 0.4)), color-stop(0.35, rgba(0, 0, 0, 0))); top:0; position:absolute; height:100%; width:100%; } .article-detail-gallery-overlay .swiper-slide .caption { position: absolute; bottom:15px; color:#fff; font-size:14px; left:50%; transform: translate(-50%, 0); z-index:3; pointer-events:none; } .article-detail-gallery-overlay .swiper-slide .caption .title { font-weight:bold; } #relatedProducts .record-link { border-bottom:none; } .illustration-container .container-centered { position: absolute; top: 50%; transform: translate(0, -50%); left: 0; right: 0; text-align:center; } .illustration-container .container-centered img { display:inline-block; } .illustration-container .caption { position: absolute; bottom: 15px; color: #fff; font-size: 14px; left: 50%; transform: translate(-50%, 0); z-index: 3; pointer-events: none; } .feature-table { color:#656b6f; } .feature-table > .row { padding:10px 0; border-bottom:1px solid #ccc; cursor:default; } .feature-table > .row:nth-last-child(2) { border-bottom:none; } .feature-table > .row:first-child { border-bottom:2px solid #00c95c; } .feature-table > .row:nth-last-child(1) { border-bottom:2px solid #00c95c !important; } .feature-table > .row > div:first-child { font-size:18px; } .feature-table > .row > div:nth-child(2), .feature-table > .row > div:nth-child(3), .feature-table > .row > div:nth-child(4) { text-align:center; } .feature-table span.fa-check { color:#00c95c; } @-webkit-keyframes anim-effect-boris { 0% { -webkit-transform: scale3d(0.3, 0.3, 1); transform: scale3d(0.3, 0.3, 1); } 25%, 50% { opacity: 1; } to { opacity: 0; -webkit-transform: scale3d(1.2, 1.2, 1); transform: scale3d(1.2, 1.2, 1); } } @keyframes anim-effect-boris { 0% { -webkit-transform: scale3d(0.3, 0.3, 1); transform: scale3d(0.3, 0.3, 1); } 25%, 50% { opacity: 1; } to { opacity: 0; -webkit-transform: scale3d(1.2, 1.2, 1); transform: scale3d(1.2, 1.2, 1); } } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { .image-slide .caption { font-size: 29px; line-height: 34px; } .swiper .swiper-prev-button, .swiper .swiper-next-button { width: 28px; height: 28px; padding-top: 5px; font-size: 12px; } .swiper .swiper-prev-button { padding-left: 8px; } .swiper .swiper-next-button { padding-left: 10px; } .article-detail-gallery .swiper-paging-right, .article-detail-gallery .swiper-paging-left { width: 150px; } .article-detail-gallery .swiper-slide img { height: 320px; } } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { .image-slide .category { font-size: 16px; } .article-detail-gallery-overlay-toolbar, .article-detail-gallery-overlay-toolbar-bottom { padding: 20px; } .swiper-slide .article-news .title { font-size:24px; } } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { .article-detail-gallery .swiper-slide img { height: 360px; } } /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ /* Records */ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ .record { margin-bottom: 30px; } .record-small { margin-bottom: 30px; } .record a { display:block; text-decoration:none; overflow:hidden; } .record.scaled { opacity: 0; transform: scale(0.8); } .record { opacity: 1; transform: scale(1); transition: all 0.4s ease; } .record .record-title { font-size: 25px; color: #222722; transition: all 0.4s ease; margin-top:-2px; margin-bottom:6px; } .record .record-subtitle { margin-top:-2px; font-style:italic; transition: all 0.4s ease; } .record .record-date { font-size: 14px; font-weight: normal; line-height: 16px; } .products-recent .record .record-subtitle { max-height:34px; } .record[data-type='news'].hover .record-title, .record[data-module='articles'].hover .record-title, .record[data-type='61'].hover .record-title { color:#00c752; } .record[data-type='project'].hover .record-title, .record[data-module='projects'].hover .record-title, .record[data-type='50'].hover .record-title { color:#AE318B; } .record[data-type='product'].hover .record-title, .record[data-type='product'].hover .record-subtitle, .record[data-type='39'].hover .record-title, .record[data-type='39'].hover .record-subtitle { color:#FF6D3F; } .record-small .title .spacer-15 { display:none; } .record-small .record-title { font-size: 18px; line-height: 23px; font-weight: 700; padding-top:1px; } .record-link { } .record-designation { font-size:11px; } .record-tag { background-color: #000; color: #fff; cursor: default; position:absolute; bottom:0; font-size: 13px; padding: 5px 8px 4px 6px; pointer-events:none; } .record-tag:empty { display:none; } .record-tag + span:empty, .record-tag > span:empty { display:none; } .record[data-type='news'] .record-tag, .record[data-module='articles'] .record-tag { background-color: #00c752; } .record[data-type='project'] .record-tag, .record[data-module='projects'] .record-tag { background-color: #AE318B; } .record[data-type='product'] .record-tag { background-color: #FF6D3F; } .record .record-description { overflow:hidden; position:relative; transition:all 0.4s ease-in-out; } .record .row [class^="col"]:not(:first-child) a.record-link > .record-title, .record .row [class^="col"]:not(:first-child) a.record-link > .title { margin-left:-30px; padding-left:30px; } .record .row [class^="col"]:not(.col-sm-12) a.record-link { overflow:visible; } .record .record-info { font-size: 14px; line-height:16px; margin: 10px 0; } .record-small .record-info { margin-left: 0; } .record .record-info .social { color: #CED7DB; padding-left: 5px; font-size: 12px; } .record-small .record-info .social { display: block; padding-top: 10px; padding-left: 0; } .record .record-info .social > a { color: #CED7DB; padding-left: 5px; } .record .record-info .social > a:hover { text-decoration: none; color: #000000; } .record-datatable { font-size:13px; } .record-datatable tr td:first-child { font-weight:bold; padding-right:30px; vertical-align:top; } .homepage.stream .record .record-title, .record[data-type='news'] .record-title, .record[data-module='articles'] .record-title { font-size:25px; font-weight:800; line-height:28px; } .homepage.stream .record .record-description, .record[data-type='news'] .record-description, .record[data-module='articles'] .record-description { font-size:16px; line-height:24px; font-weight:normal; } .homepage.stream .record .record-date, .record[data-type='news'] .record-date, .record[data-type='news'] .record-type, .record[data-type='news'] .record-company, .record[data-type='news'] .record-category, .record[data-module='articles'] .record-date, .record[data-module='articles'] .record-type, .record[data-module='articles'] .record-company, .record[data-module='articles'] .record-category { font-size:14px; font-weight:normal; line-height:16px; } .record[data-type='project'] .record-title, .record[data-module='projects'] .record-title { font-size:20px; font-weight:700; line-height:24px; } .record[data-type='project'] .record-date, .record[data-type='project'] .record-type, .record[data-type='project'] .record-company, .record[data-type='project'] .record-category, .record[data-module='projects'] .record-date, .record[data-module='projects'] .record-type, .record[data-module='projects'] .record-company, .record[data-module='projects'] .record-category { font-size:16px; font-weight:normal; line-height:20px; } .record[data-type='product'] .record-title { font-size:14px; font-weight:700; line-height:16px; } .record[data-type='product'] .record-subtitle { font-size:14px; font-weight:normal; line-height:16px; } .record[data-type='product'] .record-date, .record[data-type='product'] .record-type, .record[data-type='product'] .record-company, .record[data-type='product'] .record-category { font-size:12px; font-weight:700; line-height:16px; } .record[data-type='brochure'] .record-title { font-size:14px; font-weight:700; line-height:16px; } .record[data-type='brochure'] .record-subtitle { font-size:14px; font-weight:normal; line-height:16px; } .record[data-type='brochure'] .record-date, .record[data-type='brochure'] .record-type, .record[data-type='brochure'] .record-company, .record[data-type='brochure'] .record-category { font-size:12px; font-weight:700; line-height:16px; } .record[data-type='model'] .record-title { font-size:14px; font-weight:700; line-height:16px; } .record[data-type='model'] .record-subtitle { font-size:14px; font-weight:normal; line-height:16px; } .record[data-type='model'] .record-date, .record[data-type='model'] .record-type, .record[data-type='model'] .record-company, .record[data-type='model'] .record-category { font-size:12px; font-weight:700; line-height:16px; } .record[data-type='vacancy'] .record-title { font-size:24px; font-weight:normal; line-height:28px; } .record[data-type='vacancy'] .record-subtitle { font-size:15px; font-weight:700; line-height:18px; } .record[data-type='vacancy'] .record-date, .record[data-type='vacancy'] .record-type, .record[data-type='vacancy'] .record-company, .record[data-type='vacancy'] .record-category { font-size:15px; font-weight:normal; line-height:20px; } .record[data-type='video'] .record-title { font-size:24px; font-weight:700; line-height:28px; } .record[data-type='video'] .record-subtitle { font-size:15px; font-weight:700; line-height:18px; } .record[data-type='podcast'] .record-title { font-size:18px; font-weight:bold; line-height:18px; padding-top:10px; } .record[data-type='podcast'] .record-subtitle { font-size:15px; font-weight:700; line-height:18px; } /* .record[data-type='podcast'] .record-date { font-size:13px; font-weight:normal; line-height:16px; }*/ .record[data-type='newsletter'] .record-title { font-size:16px; font-weight:normal; line-height:22px; } .record[data-type='newsletter'] .record-publicationdate { font-size:13px; font-weight:normal; } .record[data-type='partnernews'] .record-title { font-size:14px; font-weight:normal; line-height:16px; } .record[data-type='company'] .record-title { font-size:25px; font-weight:normal; max-width:70%; } .record[data-type='company'] .logo { width:75px; height:75px; background-color:#fff; position:absolute; right:30px; bottom:-30px; /*padding:5px;*/ padding:0px; pointer-events:none; -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); } .record[data-type='company'] .logo .table { table-layout:fixed; height:inherit; width:inherit; max-height:100%; max-width:100%; } .record[data-type='company'] .logo .table .table-cell { text-align:center; height:inherit; width:inherit; } .record[data-type='company'] .logo .table .table-cell img { display:inline-block; max-height:100%; max-width:100%; padding:4px; } .record[data-type='company'] .record-logo img { max-height:100%; max-width:100%; /*width:auto; height:auto;*/ } .record[data-type='calendar'] .record-title { font-size:25px; font-weight:800; line-height:28px; } .record[data-type='calendar'] .record-subtitle { font-size:15px; font-weight:normal; line-height:20px; } .record[data-type='theme'] { background-color:#000; } .record[data-type='theme'] .record-image { background-size:cover; background-position:center; border:none; transition:all 0.2s ease-in-out; } .record[data-type='theme'] .record-image img { opacity:0.6; width:100%; } .record[data-type='theme']:hover .record-image img { opacity:0.9; } .record[data-type='theme'] .caption { position:absolute; top:20px; left:20px; right:20px; pointer-events:none; } .record[data-type='theme'] .caption .record-title { color:#ffffff; font-size:27px; font-weight:bold; pointer-events:none; } .record[data-type='magazine'] .record-title { font-size:16px; font-weight:normal; line-height:20px; } .record[data-type='magazine'] .record-date, .record[data-type='magazine'] .record-type, .record[data-type='magazine'] .record-company, .record[data-type='magazine'] .record-category, .record[data-type='magazine'] .record-appearancedate { font-size:13px; font-weight:normal; line-height:16px; } .record[data-type='magazine'] .thumb { border:none; } .record[data-type='magazine'] .shadow { -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); } .record[data-type='event'] .record-title { font-size:25px; font-weight:800; line-height:28px; } .record[data-type='event'] .record-description { font-size:16px; line-height:24px; font-weight:normal; } .record[data-type='event'] .record-eventtype, .record[data-type='event'] .record-date, .record[data-type='event'] .record-extra, .record[data-type='event'] .record-type, .record[data-type='event'] .record-company, .record[data-type='event'] .record-category { font-size:14px; font-weight:normal; line-height:16px; } .record[data-type='event'] .dateoverlay { background-color:white; position:absolute; top:0px; left:0px; white-space: nowrap; } .record[data-type='event'] .dateoverlay > span { display:block; float:left; text-align:center; padding:0 8px; } .record[data-type='event'] .dateoverlay > span[data-field='date-dash'] { line-height:35px; font-weight:600; font-size:34px; padding:0; } .record[data-type='event'] .dateoverlay span span { display:block; } .record[data-type='event'] .dateoverlay span[data-field*='day'] { font-size:34px; font-weight:bold; line-height:34px; } .record[data-type='event'] .dateoverlay span[data-field*='month'] { font-size:14px; display:inline-block; } .record[data-type='event'] .dateoverlay span[data-field*='year'] { font-size:14px; display:inline-block; } .record[data-type='event'] .dateoverlay span:empty { display:none; } .record[data-type='event'] .signup { position:absolute; bottom:0; left:15px; right:15px; display:none; } .record-small[data-type='news'] .record-title, .record-small[data-module='articles'] .record-title { font-size:18px; font-weight:700; line-height:21px; } .record-small[data-type='news'] .record-description, .record-small[data-module='articles'] .record-description { font-size:16px; line-height:24px; font-weight:normal; } .record-small[data-type='news'] .record-subtitle, .record-small[data-type='news'] .record-date, .record-small[data-type='news'] .record-type, .record-small[data-type='news'] .record-company, .record-small[data-type='news'] .record-category, .record-small[data-module='articles'] .record-subtitle, .record-small[data-module='articles'] .record-date, .record-small[data-module='articles'] .record-type, .record-small[data-module='articles'] .record-company, .record-small[data-module='articles'] .record-category { font-size:14px; font-weight:normal; line-height:16px; } .record[data-status='offline'], .record[data-status='offline'] .record-title, .record[data-status='offline'] .record-subtitle, .record[data-status='offline'] .record-date, .record[data-status='offline'] .record-company, .record[data-status='offline'] .record-description { color:#cdcdcd; } .record .record-thumb { width:100%; height:auto; } .record[data-type='newsletter'] .thumb, .record[data-type='event'] .thumb, .record[data-type='vacancy'] .thumb, .record[data-type='magazine'] .thumb, .record[data-type='news'] .thumb, .record[data-module='articles'] .thumb, .record[data-type='project'] .thumb, .record[data-module='projects'] .thumb, .record[data-type='product'] .thumb, .record[data-type='calendar'] .thumb, .record[data-type='company'] .thumb, .record[data-type='video'] .thumb, .record[data-type='podcast'] .thumb, .record[data-type='partnernews'] .thumb { border-bottom:5px solid #000000; position:relative; } .record[data-type='company'] .thumb { background-color:#EBEEF0; } .record[data-type='vacancy'] .thumb .thumbSquared { width:100%; margin-bottom:calc(100% - 2px); border-top:1px solid transparent; } .record[data-type='vacancy'] .thumb .thumbSquared img { left: 0; right: 0; bottom: 0; top:0; margin: auto; position:absolute; display:block; max-height:100%; max-width:100%; } /*.record[data-type='vacancy'] .thumb .thumbCentered { position: absolute; top: 50%; left: 50%; transform: perspective(0px) translate(-50%, -50%); -moz-transform: transform: perspective(0px) translate(-50%, -50%); -webkit-transform: transform: perspective(0px) translate(-50%, -50%); font-size:0; text-align:center; } .record[data-type='vacancy'] .thumb .thumbCentered img { display:inline-block; }*/ .record[data-type='brochure'] .thumb, .record[data-type='model'] .thumb { position:relative; } .record[data-type='news'] .thumb, .record[data-module='articles'] .thumb { border-color: #00C752; } .record[data-type='project'] .thumb, .record[data-module='projects'] .thumb { border-color: #AE318B; } .record[data-type='product'] .thumb { border-color: #FF6D3F; } .record .thumb .overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.35); opacity: 0; transition: all 0.4s ease; } .record.hover .overlay { opacity: 1; } .record[data-type='news'] .thumb .overlay, .record[data-module='articles'] .thumb .overlay { background: rgba(0, 199, 82, 0.35); } .record[data-type='project'] .thumb .overlay, .record[data-module='projects'] .thumb .overlay { background: rgba(174, 49, 139, 0.35); } .record[data-type='product'] .thumb .overlay { background: rgba(255, 109, 63, 0.35); } .record[data-type='brochure'] .thumb .overlay, .record[data-type='model'] .thumb .overlay { background: rgba(62, 122, 255, 1); } .record[data-type='brochure'] .thumb .overlay:before, .record[data-type='model'] .thumb .overlay:before { font-family: FontAwesome; font-size:20px; font-weight:100; color:#fff; content:'\f063'; position:absolute; top:calc(50% - 20px); left:calc(50% - 20px); padding:5px 10px; border:1px solid #fff; border-radius:50%; } .record .thumb .gradient { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(65, 65, 65, 0.15); opacity: 1; transition: all 0.4s ease; } .record[data-status='offline'] .thumb:before { content: "Offline"; position:absolute; font-size:30px; font-weight:bold; color:#414141; left:50%; margin-left:-50px; top:50%; margin-top:-20px; } .record[data-status='offline'] .thumb img { opacity:0.2 !important; } .record .thumb .overlay .favorite { width: 75px; height: 75px; border-radius: 50%; background: #000; line-height: 80px; text-align: center; color: #fff; font-size: 28px; margin: 20px; transition: all 0.2s ease-in-out; cursor: pointer; overflow:hidden; } .record.no-bookmark .thumb .overlay .favorite { display:none; } .record .thumb .overlay .favorite .bookmarked { color:#ea515e; } .record .thumb .overlay .favorite:before { font-family: FontAwesome; content: '\f004'; color: #ea515e; line-height: 75px; opacity: 0; position: absolute; z-index:1000; width:75px\0; /* IE hack */ height:75px\0; /* IE hack */ } .record .thumb .overlay .favorite.activated:before { -webkit-animation: scaleFade 0.5s forwards; -moz-animation: scaleFade 0.5s forwards; animation: scaleFade 0.5s forwards; text-align:center; } .record .thumb .overlay .favorite:hover { opacity: 1; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); line-height:80px; } .touch-device .record .thumb .overlay .favorite { display:none; } .record-flow1 { float:left; clear:left; } .record-flow2 { float:right; clear:right; } section[data-type='search'] .record[data-type] .record-title { font-size:20px; font-weight:800; line-height:28px; } section[data-type='search'] .record[data-type] .record-description { font-size:16px; line-height:24px; font-weight:normal; } section[data-type='search'] .record[data-type] .record-date, section[data-type='search'] .record[data-type] .record-type, section[data-type='search'] .record[data-type] .record-company, section[data-type='search'] .record[data-type] .record-category { font-size:14px; font-weight:normal; line-height:16px; } section[data-type='search'] .record[data-type='company'] .record-thumb-bg, section[data-type='search'] .record[data-type='vacancy'] .record-thumb-bg { background-origin:content-box; padding:10px; } .record[data-type='podcast'] .record-embed-playbutton { height: 84px; overflow: hidden; width: 84px; z-index: 30; /* left: 378px; top: 180px;*/ visibility: visible; pointer-events: none; background-color: #2879ff; border-radius: 50%; position: absolute; transition: background-color 0.2s ease-in-out; border: 12px solid #fff; right:0; left:auto; top:auto; bottom:0; margin-bottom:-28px; } .record[data-type='podcast'] .record-embed-playbutton:hover { background-color:#000; } .record[data-type='podcast'] .record-embed-playbutton:after { display: block; box-sizing: border-box; height: 30px; border-color: transparent transparent transparent #fff; transition: 100ms all ease; cursor: pointer; border-style: solid; border-width: 15px 0 15px 24px; position: absolute; content: ""; left: 21px; top: 14px; } .record[data-type='podcast'] .record-embed-playbutton.pause:after { border-style: double; border-width: 0 0 0 20px; } .record[data-type='podcast'] .record-embed { height: 60px; overflow: hidden; width: 474px; position: absolute; z-index: 20; /* left: 389px; top: 193px;*/ transition: height 0.2s ease-in-out; right:0; left:auto; margin-right:-400px; top:auto; bottom:0; margin-bottom:-26px; } .record[data-type='podcast'] .record-embed.active { height:142px; } .record[data-type='podcast'] .record-embed iframe { width: 678px; margin-left: -202px; margin-top: -28px; } /* .dxFirefox .record[data-type='podcast'] .record-embed iframe { margin-top:-22px; }*/ .record[data-type='podcast'] .record-embed:after { content: ""; width: 410px; position: absolute; right: 0; height: 70px; background-color: #fff; z-index: 40; top: 0; } .homepage.advertorials .record .record-title { font-size:14px; font-weight:700; line-height:16px; } .swiper.partnernews .record-title { font-size:14px; line-height:16px; } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { .homepage.stream .record .record-title, .record[data-type='news'] .record-title, .record[data-module='articles'] .record-title { font-size:29px; font-weight:800; line-height:32px; } .homepage.stream .record .record-description, .record[data-type='news'] .record-description, .record[data-module='articles'] .record-description { font-size:16px; line-height:24px; font-weight:normal; } .homepage.stream .record .record-date, .record[data-type='news'] .record-date, .record[data-type='news'] .record-type, .record[data-type='news'] .record-company, .record[data-type='news'] .record-category, .record[data-module='articles'] .record-date, .record[data-module='articles'] .record-type, .record[data-module='articles'] .record-company, .record[data-module='articles'] .record-category { font-size:14px; font-weight:normal; line-height:16px; } .record[data-type='project'] .record-title, .record[data-module='projects'] .record-title { font-size:22px; font-weight:700; line-height:26px; } .record[data-type='project'] .record-date, .record[data-type='project'] .record-type, .record[data-type='project'] .record-company, .record[data-type='project'] .record-category, .record[data-module='projects'] .record-date, .record[data-module='projects'] .record-type, .record[data-module='projects'] .record-company, .record[data-module='projects'] .record-category { font-size:14px; font-weight:normal; line-height:20px; } .record[data-type='product'] .record-title { font-size:14px; font-weight:700; line-height:16px; } .record[data-type='product'] .record-subtitle { font-size:12px; font-weight:normal; line-height:16px; } .record[data-type='product'] .record-date, .record[data-type='product'] .record-type, .record[data-type='product'] .record-company, .record[data-type='product'] .record-category { font-size:14px; font-weight:normal; line-height:16px; } .record[data-type='brochure'] .record-title { font-size:14px; font-weight:700; line-height:16px; } .record[data-type='brochure'] .record-subtitle { font-size:12px; font-weight:normal; line-height:16px; } .record[data-type='brochure'] .record-date, .record[data-type='brochure'] .record-type, .record[data-type='brochure'] .record-company, .record[data-type='brochure'] .record-category { font-size:14px; font-weight:normal; line-height:16px; } .record[data-type='model'] .record-title { font-size:14px; font-weight:700; line-height:16px; } .record[data-type='model'] .record-subtitle { font-size:12px; font-weight:normal; line-height:16px; } .record[data-type='model'] .record-date, .record[data-type='model'] .record-type, .record[data-type='model'] .record-company, .record[data-type='model'] .record-category { font-size:14px; font-weight:normal; line-height:16px; } .record[data-type='vacancy'] .record-title { font-size:24px; font-weight:normal; line-height:28px; } .record[data-type='vacancy'] .record-subtitle { font-size:15px; font-weight:700; line-height:18px; } .record[data-type='vacancy'] .record-date, .record[data-type='vacancy'] .record-type, .record[data-type='vacancy'] .record-company, .record[data-type='vacancy'] .record-category { font-size:15px; font-weight:normal; line-height:20px; } .record[data-type='video'] .record-title { font-size:24px; font-weight:bold; line-height:28px; } .record[data-type='video'] .record-subtitle { font-size:15px; font-weight:700; line-height:18px; } .record[data-type='podcast'] .record-title { font-size:24px; font-weight:bold; line-height:28px; } .record[data-type='podcast'] .record-subtitle { font-size:15px; font-weight:700; line-height:18px; } .record[data-type='partnernews'] .record-title { font-size:14px; font-weight:normal; line-height:16px; } .record[data-type='company'] .record-title { font-size:14px; font-weight:normal; } .record[data-type='calendar'] .record-title { font-size:18px; font-weight:800; line-height:20px; } .record[data-type='calendar'] .record-subtitle { font-size:15px; font-weight:normal; line-height:20px; } .record[data-type='theme'] .caption .record-title { color:#ffffff; font-size:26px; font-weight:bold; pointer-events:none; } .record[data-type='magazine'] .record-title { font-size:16px; font-weight:normal; line-height:20px; } .record[data-type='magazine'] .record-date, .record[data-type='magazine'] .record-type, .record[data-type='magazine'] .record-company, .record[data-type='magazine'] .record-category, .record[data-type='magazine'] .record-appearancedate { font-size:13px; font-weight:normal; line-height:16px; } .record[data-type='event'] .record-title { font-size:18px; font-weight:800; line-height:20px; } .record[data-type='event'] .record-description { font-size:16px; line-height:24px; font-weight:normal; } .record[data-type='event'] .record-eventtype, .record[data-type='event'] .record-extra, .record[data-type='event'] .record-date, .record[data-type='event'] .record-type, .record[data-type='event'] .record-company, .record[data-type='event'] .record-category { font-size:14px; font-weight:normal; line-height:16px; } .record-small[data-type='news'] .record-title, .record-small[data-module='articles'] .record-title { font-size:22px; font-weight:700; line-height:26px; } .record-small[data-type='news'] .record-description, .record-small[data-module='articles'] .record-description { font-size:16px; line-height:24px; font-weight:normal; } .record-small[data-type='news'] .record-subtitle, .record-small[data-type='news'] .record-date, .record-small[data-type='news'] .record-type, .record-small[data-type='news'] .record-company, .record-small[data-type='news'] .record-category, .record-small[data-module='articles'] .record-subtitle, .record-small[data-module='articles'] .record-date, .record-small[data-module='articles'] .record-type, .record-small[data-module='articles'] .record-company, .record-small[data-module='articles'] .record-category { font-size:14px; font-weight:normal; line-height:16px; } .homepage.advertorials .record .record-title { font-size:14px; font-weight:700; line-height:16px; } .swiper.partnernews .record-title { font-size:14px; line-height:16px; } } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { .homepage.stream .record .record-title, .record[data-type='news'] .record-title, .record[data-module='articles'] .record-title { font-size:30px; font-weight:800; line-height:36px; } .homepage.stream .record .record-description, .record[data-type='news'] .record-description, .record[data-module='articles'] .record-description { font-size:16px; line-height:24px; font-weight:normal; max-height:72px; overflow:hidden; position:relative; } .record .text-fade { } .record .text-fade:after { content: ""; text-align: right; position: absolute; /*top:165px;*/ bottom:-1px; right: 0; width: 60%; height: 1.4em; background: none; background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 95%); } .record-small .title .spacer-15 { display:block; } .grey .record .text-fade:after { background: none; background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(235, 238, 240, 1) 95%); } .record[data-type='news'] .record-date, .record[data-type='news'] .record-type, .record[data-type='news'] .record-company, .record[data-type='news'] .record-category, .record[data-module='articles'] .record-date, .record[data-module='articles'] .record-type, .record[data-module='articles'] .record-company, .record[data-module='articles'] .record-category { font-size:14px; font-weight:normal; line-height:16px; } .record[data-type='project'] .record-title, .record[data-module='projects'] .record-title { font-size:22px; font-weight:700; line-height:26px; } .record[data-type='project'] .record-date, .record[data-type='project'] .record-type, .record[data-type='project'] .record-company, .record[data-type='project'] .record-category, .record[data-module='projects'] .record-date, .record[data-module='projects'] .record-type, .record[data-module='projects'] .record-company, .record[data-module='projects'] .record-category { font-size:14px; font-weight:normal; line-height:20px; } .record[data-type='product'] .record-title { font-size:16px; font-weight:700; line-height:18px; } .record[data-type='product'] .record-subtitle { font-size:14px; font-weight:normal; line-height:18px; } .record[data-type='product'] .record-date, .record[data-type='product'] .record-type, .record[data-type='product'] .record-company, .record[data-type='product'] .record-category { font-size:14px; font-weight:normal; line-height:18px; } .record[data-type='brochure'] .record-title { font-size:16px; font-weight:700; line-height:18px; } .record[data-type='brochure'] .record-subtitle { font-size:14px; font-weight:normal; line-height:18px; } .record[data-type='brochure'] .record-date, .record[data-type='brochure'] .record-type, .record[data-type='brochure'] .record-company, .record[data-type='brochure'] .record-category { font-size:14px; font-weight:normal; line-height:18px; } .record[data-type='model'] .record-title { font-size:16px; font-weight:700; line-height:18px; } .record[data-type='model'] .record-subtitle { font-size:14px; font-weight:normal; line-height:18px; } .record[data-type='model'] .record-date, .record[data-type='model'] .record-type, .record[data-type='model'] .record-company, .record[data-type='model'] .record-category { font-size:14px; font-weight:normal; line-height:18px; } .record[data-type='vacancy'] .record-title { font-size:18px; font-weight:normal; line-height:22px; } .record[data-type='vacancy'] .record-subtitle { font-size:13px; font-weight:700; line-height:16px; } .record[data-type='vacancy'] .record-date, .record[data-type='vacancy'] .record-type, .record[data-type='vacancy'] .record-company, .record[data-type='vacancy'] .record-category { font-size:15px; font-weight:normal; line-height:20px; } .record[data-type='video'] .record-title { font-size:18px; font-weight:bold; line-height:22px; } .record[data-type='video'] .record-subtitle { font-size:13px; font-weight:700; line-height:16px; } .record[data-type='podcast'] .record-title { font-size:18px; font-weight:bold; line-height:22px; } .record[data-type='podcast'] .record-subtitle { font-size:13px; font-weight:700; line-height:16px; } .record[data-type='partnernews'] .record-title { font-size:16px; font-weight:700; line-height:18px; } .record[data-type='company'] .record-title { font-size:16px; font-weight:normal; } .record[data-type='calendar'] .record-title { font-size:24px; font-weight:800; line-height:26px; } .record[data-type='calendar'] .record-subtitle { font-size:15px; font-weight:normal; line-height:20px; } .record[data-type='calendar'] .record-date, .record[data-type='calendar'] .record-type, .record[data-type='calendar'] .record-company, .record[data-type='calendar'] .record-category { font-size:15px; font-weight:normal; line-height:18px; } .record[data-type='calendar'] .record-description { font-size:15px; font-weight:normal; line-height:18px; } .record[data-type='theme'] .caption .record-title { font-size:30px; } .record[data-type='magazine'] .record-title { font-size:16px; font-weight:normal; line-height:20px; } .record[data-type='magazine'] .record-date, .record[data-type='magazine'] .record-type, .record[data-type='magazine'] .record-company, .record[data-type='magazine'] .record-category, .record[data-type='magazine'] .record-appearancedate { font-size:13px; font-weight:normal; line-height:16px; } .record[data-type='event'] .record-title { font-size:24px; font-weight:800; line-height:26px; } .record[data-type='event'] .record-description { font-size:16px; line-height:24px; font-weight:normal; } .record[data-type='event'] .record-eventtype, .record[data-type='event'] .record-extra, .record[data-type='event'] .record-date, .record[data-type='event'] .record-type, .record[data-type='event'] .record-company, .record[data-type='event'] .record-category { font-size:14px; font-weight:normal; line-height:16px; } .record-small[data-type='news'] .record-title, .record-small[data-module='articles'] .record-title { font-size:24px; font-weight:700; line-height:28px; } .record-small[data-type='news'] .record-description, .record-small[data-module='articles'] .record-description { font-size:16px; line-height:24px; font-weight:normal; } .record-small[data-type='news'] .record-subtitle, .record-small[data-type='news'] .record-date, .record-small[data-type='news'] .record-type, .record-small[data-type='news'] .record-company, .record-small[data-type='news'] .record-category, .record-small[data-module='articles'] .record-subtitle, .record-small[data-module='articles'] .record-date, .record-small[data-module='articles'] .record-type, .record-small[data-module='articles'] .record-company, .record-small[data-module='articles'] .record-category { font-size:14px; font-weight:normal; line-height:16px; } .homepage.advertorials .record .record-title { font-size:16px; font-weight:700; line-height:18px; } .swiper.partnernews .record-title { font-size:24px; line-height:28px; } } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { .homepage.stream .record .record-title, .record[data-type='news'] .record-title, .record[data-module='articles'] .record-title { font-size:30px; font-weight:700; line-height:36px; } .homepage.stream .record .record-description, .record[data-type='news'] .record-description, .record[data-module='articles'] .record-description { font-size:16px; line-height:24px; font-weight:normal; } .homepage.stream .record .record-date, .record[data-type='news'] .record-date, .record[data-type='news'] .record-type, .record[data-type='news'] .record-company, .record[data-type='news'] .record-category, .record[data-module='articles'] .record-date, .record[data-module='articles'] .record-type, .record[data-module='articles'] .record-company, .record[data-module='articles'] .record-category { font-size:14px; font-weight:normal; line-height:16px; } .record[data-type='project'] .record-title, .record[data-module='projects'] .record-title { font-size:24px; font-weight:700; line-height:28px; } .record[data-type='project'] .record-date, .record[data-type='project'] .record-type, .record[data-type='project'] .record-company, .record[data-type='project'] .record-category, .record[data-module='projects'] .record-date, .record[data-module='projects'] .record-type, .record[data-module='projects'] .record-company, .record[data-module='projects'] .record-category { font-size:16px; font-weight:normal; line-height:20px; } .record[data-type='product'] .record-title { font-size:16px; font-weight:700; line-height:18px; } .record[data-type='product'] .record-subtitle { font-size:14px; font-weight:normal; line-height:18px; } .record[data-type='product'] .record-date, .record[data-type='product'] .record-type, .record[data-type='product'] .record-company, .record[data-type='product'] .record-category { font-size:14px; font-weight:normal; line-height:18px; } .record[data-type='brochure'] .record-title { font-size:16px; font-weight:700; line-height:18px; } .record[data-type='brochure'] .record-subtitle { font-size:14px; font-weight:normal; line-height:18px; } .record[data-type='brochure'] .record-date, .record[data-type='brochure'] .record-type, .record[data-type='brochure'] .record-company, .record[data-type='brochure'] .record-category { font-size:14px; font-weight:normal; line-height:18px; } .record[data-type='model'] .record-title { font-size:16px; font-weight:700; line-height:18px; } .record[data-type='model'] .record-subtitle { font-size:14px; font-weight:normal; line-height:18px; } .record[data-type='model'] .record-date, .record[data-type='model'] .record-type, .record[data-type='model'] .record-company, .record[data-type='model'] .record-category { font-size:14px; font-weight:normal; line-height:18px; } .record[data-type='vacancy'] .record-title { font-size:24px; font-weight:normal; line-height:28px; } .record[data-type='vacancy'] .record-subtitle { font-size:15px; font-weight:700; line-height:20px; } .record[data-type='vacancy'] .record-date, .record[data-type='vacancy'] .record-type, .record[data-type='vacancy'] .record-company, .record[data-type='vacancy'] .record-category { font-size:15px; font-weight:normal; line-height:20px; } .record[data-type='video'] .record-title { font-size:24px; font-weight:bold; line-height:28px; } .record[data-type='video'] .record-subtitle { font-size:15px; font-weight:700; line-height:20px; } .record[data-type='podcast'] .record-title { font-size:24px; font-weight:bold; line-height:28px; padding-top:0; } .record[data-type='podcast'] .record-subtitle { font-size:15px; font-weight:700; line-height:20px; } .record[data-type='partnernews'] .record-title { font-size:16px; font-weight:700; line-height:18px; } .record[data-type='company'] .record-title { font-size:18px; font-weight:normal; } .record[data-type='company'] .logo { width:100px; height:100px; } .record[data-type='calendar'] .record-title { font-size:24px; font-weight:700; line-height:28px; } .record[data-type='calendar'] .record-subtitle { font-size:15px; font-weight:normal; line-height:20px; } .record[data-type='calendar'] .record-date, .record[data-type='calendar'] .record-type, .record[data-type='calendar'] .record-company, .record[data-type='calendar'] .record-category { font-size:14px; font-weight:normal; line-height:18px; } .record[data-type='calendar'] .record-description { font-size:18px; font-weight:normal; line-height:22px; } .record[data-type='magazine'] .record-title { font-size:16px; font-weight:normal; line-height:20px; } .record[data-type='magazine'] .record-date, .record[data-type='magazine'] .record-type, .record[data-type='magazine'] .record-company, .record[data-type='magazine'] .record-category, .record[data-type='magazine'] .record-appearancedate { font-size:13px; font-weight:normal; line-height:16px; } .record-small[data-type='news'] .record-title, .record-small[data-module='articles'] .record-title { font-size:24px; font-weight:700; line-height:28px; } .record-small[data-type='news'] .record-description , .record-small[data-module='articles'] .record-description { font-size:16px; line-height:24px; font-weight:normal; } .record-small[data-type='news'] .record-subtitle, .record-small[data-type='news'] .record-date, .record-small[data-type='news'] .record-type, .record-small[data-type='news'] .record-company, .record-small[data-type='news'] .record-category, .record-small[data-module='articles'] .record-subtitle, .record-small[data-module='articles'] .record-date, .record-small[data-module='articles'] .record-type, .record-small[data-module='articles'] .record-company, .record-small[data-module='articles'] .record-category { font-size:14px; font-weight:normal; line-height:16px; } .record .row [class^="col"]:not(.col-lg-12) a.record-link { overflow:visible; } .homepage.advertorials .record .record-title { font-size:16px; font-weight:700; line-height:18px; } .swiper.partnernews .record-title { font-size:24px; line-height:28px; } } /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ /* Themes */ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ .record-overview[data-type='theme'] { min-height:1000px; } .themes .sponsors, .themes .sponsors table { background-color:#edeef2; } .themes .sponsors table { height:75px; } .themes .sponsors .sponsor { padding:0 15px; vertical-align:middle; } .themes .sponsors .intro { display:table-cell; height:75px; vertical-align:middle; font-size:13px; color:#c8c9cb; } .themes .sponsors .sponsor img { max-height:40px; max-width:70px; cursor:pointer; } .themes .options .content-filter { font-size:16px; font-weight:bold; margin:15px 0 0px 0px; text-align:center; } .themes .content-filter span { margin:0 15px; } .themes .content-filter span:first-child { margin-left:0; } .themes .content-filter span:last-child { margin-right:0; } .themes .content-filter span.active { border-bottom:4px solid #2672fb; } .themeperiod { padding:15px; margin-bottom:30px; } .themeperiod .period { font-size:13px; font-weight:bold; text-transform:uppercase; } .themeperiod a { font-size:14px; font-weight:normal; } /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ /* Overviews */ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ #records { /*min-height:800px;*/ } /* .record-overview .loader, .results .loader { top:20%; opacity:0; }*/ .results .loader-excavator { width:78px; height:81px; overflow: visible; display:block; margin:100px auto; path { fill: #2878FF; } } /* .results { text-align:center; } .results * { text-align:left; }*/ .results .loader-excavator .excavator-body { animation: excavatorBodyMove 0.3s infinite linear; } .results .loader-excavator .excavator-hook { animation: swing ease-in-out 1s infinite alternate; transform-origin: top right; } @keyframes excavatorBodyMove { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } } @keyframes swing { 0% { transform: rotate(3deg); } 100% { transform: rotate(-3deg); } } .record-overview .loader.active, .results .loader.active { opacity:1; } .record-overview .results-text { font-size:30px; font-weight:bold; line-height:46px; text-align:center; display:block; } .record-overview .processTime { position:fixed; top:100px; right:100px; display:none; } .results-extra { overflow:hidden; } .article { margin-bottom: 30px; } .article-small { margin-bottom: 20px; } .article-product { font-size: 14px; line-height: 16px; } .article-theme { background-color:#000; } .article a { display:block; text-decoration:none; overflow:hidden; } .article .social a { display:inline; } /*.article > div > div,*/ .article > div > a { display: block; } #records { min-height:400px; } /*.article-overview .load-products { width: 100%; }*/ .results { position:relative; } .record-overview[data-type='product'] .results { min-height:624px; } .article-overview-theme .results { min-height:initial; } .noresults { font-weight:bold; font-size:16px; text-align:center; position:relative; top:50px; } .results .article.scaled { opacity: 0; transform: scale(0.8); } .results .article { opacity: 1; transform: scale(1); transition: all 0.4s ease; } @-webkit-keyframes scaleFade { 50% { opacity: 1; -webkit-transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(2.5); } } @-moz-keyframes scaleFade { 50% { opacity: 1; -moz-transform: scale(1.1); } 100% { opacity: 0; -moz-transform: scale(2.5); } } @keyframes scaleFade { 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(2.5); } } .article .row [class^="col"]:not(:first-child) a.link > .title { margin-left:-30px; padding-left:30px; } .article .title { font-size: 25px; color: #222722; transition: all 0.4s ease; margin-top:-2px; } .article-news .title { font-weight: 800; line-height: 30px; } .article-product .title, .article-partnernews .title { font-size:14px; line-height:16px; margin-bottom:10px; } .article-magazine .title { font-size:16px; } .article-theme .title { font-size:26px; line-height:28px; color:#fff; font-weight:bold; } .article-small .title { font-size: 18px; line-height: 23px; font-weight: 700; padding-top:1px; } .article-theme .category { font-size:16px; color:#fff; margin-top:4px; } .article .info { font-size: 14px; line-height:16px; margin: 10px 0; } .article-small .info { margin-left: 0; } .article .info .social { color: #CED7DB; padding-left: 5px; font-size: 12px; } .article-small .info .social { display: block; padding-top: 10px; padding-left: 0; } .article .info .social > a { color: #CED7DB; padding-left: 5px; } .article .info .social > a:hover { text-decoration: none; color: #000000; } .article .text { font-size: 18px; /*display:none;*/ line-height: 28px; } .article .image { position: relative; border-bottom:5px solid #000000; } .article-theme .image { background-size:cover; background-position:center; /*opacity:0.6;*/ border:none; transition:all 0.2s ease-in-out; } .article-theme img, .article-theme .image { opacity:0.6; } .article-theme .overlay { background-color: #2674fa; color:#fff; font-size:16px; padding:15px 20px; opacity:0; position:absolute; width:100%; bottom:0; transition:all 0.2s ease-in-out; display:table; } .article-theme[data-type='news'] .overlay, .article-theme[data-module='articles'] .overlay { background-color:#00C752; } .article-theme[data-type='project'] .overlay, .article-theme[data-module='projects'] .overlay { background-color:#AE318B; } .article-theme[data-type='product'] .overlay { background-color:#FF6D3F; } .article-theme .overlay > span { display:table-cell; min-width:50px; } .article-theme .overlay > span:last-child { vertical-align:bottom; text-align:right; } .article-theme:hover img, .article-theme:hover .image { opacity:0.9; } .article-theme:hover .overlay { opacity:1; } .article .image img { /*width:100%; height:100%;*/ width:auto; height:auto; } .article .image img[data-src=''], .article .image img[src='/resources/images/generic/placeholder.png'] { width:auto; height:auto; } .article-small .image { margin-bottom: 0; border-bottom-width: 0; } .article-news .image { border-color: #00C752; } .article-project .image { border-color: #AE318B; } .article-product .image { border-color: #FF6D3F; } .article-magazine .image { border:none; } .article .image .overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; /*background: rgba(65, 65, 65, 0.35);*/ background: rgba(0, 0, 0, 0.35); opacity: 0; transition: all 0.4s ease; } .article .image .gradient { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(65, 65, 65, 0.15); opacity: 1; transition: all 0.4s ease; } .article-news .image .overlay { background: rgba(0, 199, 82, 0.35); } .article-project .image .overlay { background: rgba(174, 49, 139, 0.35); } .article-product .image .overlay { background: rgba(255, 109, 63, 0.35); } .article .image .overlay .favorite { width: 75px; height: 75px; border-radius: 50%; background: #000; line-height: 80px; text-align: center; color: #fff; font-size: 28px; margin: 20px; transition: all 0.2s ease-in-out; cursor: pointer; overflow:hidden; } .article.no-bookmark .image .overlay .favorite { display:none; } .article .image .overlay .favorite .bookmarked { color:#ea515e; } .article .image .overlay .favorite:before { font-family: FontAwesome; content: '\f004'; color: #ea515e; line-height: 75px; opacity: 0; position: absolute; z-index:1000; width:75px\0; /* IE hack */ height:75px\0; /* IE hack */ } .article .image .overlay .favorite.activated:before, .social-data .favorite.activated:before { -webkit-animation: scaleFade 0.5s forwards; -moz-animation: scaleFade 0.5s forwards; animation: scaleFade 0.5s forwards; text-align:center; } .article .image .overlay .favorite:hover { opacity: 1; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); line-height:80px; } .social-data .favorite { transition: all 0.2s ease-in-out; cursor: pointer; overflow:hidden; } .social-data .favorite:before { font-family: FontAwesome; content: '\f004'; color: #ea515e; top:0; opacity: 0; position: absolute; z-index:1000; width:75px\0; /* IE hack */ height:75px\0; /* IE hack */ } .social-data .count { visibility:hidden; } .touch-device .article .image .overlay .favorite { display:none; } .article.hover { cursor:pointer; } .article.hover .link .overlay { opacity: 1; } .article.hover .link .title { color:#000000; } .article-news.hover .link .title { color:#00c752; } .article-product.hover .link .title { color:#FF6D3F; } .article-project.hover .link .title { color:#AE318B; } .article-theme.hover .link .title { color:#fff; } .article-small.article-project-overview .title { font-weight: 400; } .article-small.article-project-overview .title strong { font-size: 18px; line-height: 21px; font-weight: 700; padding-bottom: 10px; } .article-small.article-project-overview .record-architect { font-weight: 700; } .article-company .logo { width:100px; height:100px; background-color:#fff; position:absolute; right:30px; bottom:-35px; padding:5px; -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); } .article-company .logo img { /*position:absolute; top:0; bottom:0; margin:auto;*/ max-height:100%; max-width:100%; width:auto; height:auto; } /*.article-event .dateoverlay { background-color:white; position:absolute; top:0px; left:0px; white-space: nowrap; } .article-event .dateoverlay > span { display:block; float:left; text-align:center; padding:0 8px; } .article-event .dateoverlay > span[data-field='date-dash'] { line-height:35px; font-weight:600; font-size:34px; padding:0; } .article-event .dateoverlay span span { display:block; } .article-event .dateoverlay span[data-field*='day'] { font-size:34px; font-weight:bold; line-height:34px; } .article-event .dateoverlay span[data-field*='month'] { font-size:14px; } .article-event .signup { position:absolute; bottom:0; left:15px; right:15px; display:none; }*/ .article-vacancy .record-title { font-size:24px; line-height:28px; } .article-vacancy .record-company { font-size:15px; font-weight:bold; line-height:20px; } .article-vacancy .record-extra { font-size:15px; } .article-vacancy .image { min-width:100%; min-height:100px; } .article-theme .caption { position:absolute; top:20px; left:20px; right:20px; pointer-events:none; } .article-theme .caption .theme { color:#ffffff; font-size:27px; font-weight:bold; pointer-events:none; } .article-magazine .shadow { -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); } .article-magazine .record-extra { font-size:13px; } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { .article { /*margin-bottom: 20px;*/ } .article-small { margin-bottom: 10px; } .article-news .title { font-size: 29px; line-height: 32px; } /*.article-event .record-title { font-size:18px; line-height:20px; } .article-event .record-subtitle { font-size:16px; } .article-event .record-extra { font-size:14px; } .article-event .record-text { font-size:18px; }*/ .article-small .title { font-size: 22px; line-height: 26px; } .article-small .info .social { display: inline; padding-left: 5px; } .article-small .text { font-size: 14px; display: block; line-height: 24px; } .article-small > div:last-child { padding-left: 15px; } .article-small .image { border-bottom-width: 5px; } .article-project strong { font-size: 22px; line-height: 26px; } .article-small.article-project-overview .title strong { font-size: 22px; line-height: 26px; } .article-product .title, .article-nieuws .title, .article-company .title, .article-partnernews .title { font-size:14px; line-height:16px; margin-bottom:10px; } /*.article-company .logo { width:50px; height:50px; bottom:0px; }*/ .article-vacancy .record-title { font-size:24px; line-height:28px; } .article-vacancy .record-company { font-size:15px; font-weight:bold; line-height:20px; } .article-vacancy .record-extra { font-size:15px; } .article-vacancy .image { min-width:100%; min-height:150px; } /*.article-theme .caption { position:absolute; top:20px; left:20px; } .article-theme .caption .theme { color:#ffffff; font-size:26px; font-weight:bold; pointer-events:none; }*/ /*.article-event .record-title { font-size:20px; line-height:26px; } .article-event .record-subtitle { font-size:18px; } .article-event .record-extra { font-size:15px; } .article-event .record-text { font-size:15px; }*/ .article .row [class^="col"]:not(.col-sm-12) a.link { overflow:visible; } } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { .article { /*margin-bottom: 30px;*/ } /*.article-event { margin-bottom:50px; }*/ .article-small { margin-bottom: 30px; } .article-news .title { font-size: 34px; line-height: 36px; } /*.article-event .record-title { font-size:22px; line-height:26px; } .article-event .record-subtitle { font-size:18px; } .article-event .record-extra { font-size:15px; } .article-event .record-text { font-size:15px; }*/ .article .text { display: block; } .article-small .title { font-size: 24px; line-height: 28px; } .article-small .text { font-size: 16px; max-height:72px; overflow:hidden; } .article-small .text-fade:after { content: ""; text-align: right; position: absolute; top:165px; right: 0; width: 60%; height: 1.2em; background: none; background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 95%); } .article-small.article-project-overview .title strong { font-size: 24px; line-height: 28px; } .article-product { font-size: 16px; line-height: 18px; } .article-product .title, .article-nieuws .title, .article-partnernews .title { font-size: 16px; line-height: 18px; margin-bottom:10px; } .article-company .title { font-size:16px; line-height:16px; } .article-company .record-subtitle { font-size:14px; opacity:0.8; } .article-company .logo { width:75px; height:75px; bottom:-30px; } .article-vacancy .record-title { font-size:18px; line-height:28px; } .article-vacancy .record-company { font-size:13px; font-weight:bold; line-height:20px; } .article-vacancy .record-extra { font-size:13px; } .article-vacancy .image { min-width:100%; min-height:100px; } .article .row [class^="col"]:not(.col-md-12) a.link { overflow:visible; } /*.article-theme .caption .theme { font-size:30px; }*/ } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { .article-company .logo { width:100px; height:100px; } .article-vacancy .record-title { font-size:24px; line-height:28px; } .article-vacancy .record-company { font-size:15px; font-weight:bold; line-height:20px; } .article-vacancy .record-extra { font-size:15px; } .article-vacancy .image { min-width:100%; min-height:150px; } /*.article-event .record-title { font-size:25px; line-height:26px; } .article-event .record-subtitle { font-size:22px; } .article-event .record-extra { font-size:14px; } .article-event .record-text { font-size:18px; }*/ .article .row [class^="col"]:not(.col-lg-12) a.link { overflow:visible; } } /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ /* Overview Categories filter */ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ .record-overview .categories-nodes { position: relative; top: 0; } .record-overview .categories-nodes * { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .record-overview .categories-title { display: block; color: #414141; margin: 0; padding: 0; line-height: 20px; font-weight: bold; cursor: default; } .record-overview .categories-nodes ul { list-style: none; padding: 0; position:relative; cursor:default; height:1px; transition:height 0.2s ease; } .record-overview .categories-nodes li { position: relative; background: #97a2ac; background: rgba(151, 162, 172, 0.15); line-height: 46px; height:50px; color: #414141; cursor: pointer; transition: all 0.2s ease; font-size:15px; top:0px; width:100%; /*width:calc(100% - 1px) !important;*/ display:none; } .record-overview[data-type='product'] .categories-nodes li { background: #FF6D3F; background: rgba(255, 109, 63, 0.15); } .record-overview[data-type='project'] .categories-nodes li, .record-overview[data-module='projects'] .categories-nodes li { background: #AE318B; background: rgba(174, 49, 139, 0.15); } .record-overview .categories-nodes .title { padding:0 15px; border-bottom:1px solid #fff; height:50px; } .record-overview .categories-nodes .title .category { display:inline-block; max-width: calc(100% - 90px); text-overflow:ellipsis; overflow:hidden; vertical-align:middle; white-space:nowrap; } .record-overview .categories-nodes .title .cnt { display:inline-block; vertical-align:middle; padding:0 5px; color:#2879ff; } .record-overview[data-type='product'] .categories-nodes .title .cnt { color: #FF6D3F; } .record-overview[data-type='project'] .categories-nodes .title .cnt, .record-overview[data-module='projects'] .categories-nodes .title .cnt { color: #AE318B; } .record-overview .categories-nodes li.disabled * { color: #aaa !important; cursor:default !important; } .record-overview .categories-nodes li.disabled:hover * { color: #aaa !important; } .record-overview .categories-nodes li.safaritweak { -webkit-transition: top 0.2s ease, background 0.2s ease, color 0.2s ease; } .record-overview .categories-nodes ul li:not(.disabled):not(.active):hover, .record-overview .categories-nodes ul li:not(.disabled):not(.active).hover { color: #2879ff; background: rgba(151, 162, 172, 0.35); } .record-overview[data-type='product'] .categories-nodes ul li:not(.disabled):not(.active):hover, .record-overview[data-type='product'] .categories-nodes ul li:not(.disabled):not(.active).hover { color: #FF6D3F; background: rgba(255, 109, 63, 0.35); } .record-overview[data-type='project'] .categories-nodes ul li:not(.disabled):not(.active):hover, .record-overview[data-type='project'] .categories-nodes ul li:not(.disabled):not(.active).hover, .record-overview[data-module='projects'] .categories-nodes ul li:not(.disabled):not(.active):hover, .record-overview[data-module='projects'] .categories-nodes ul li:not(.disabled):not(.active).hover { color: #AE318B; background: rgba(174, 49, 139, 0.35); } .record-overview .categories-nodes ul li.active { transition: top 0.2s ease; transition-delay:0.4s; top:0px; } .record-overview .categories-nodes ul[data-level='0'] li.active { background: #97a2ac; color:#fff; } .record-overview .categories-nodes ul[data-level='1'] li.active { background: #ced7db; color:#fff; } .record-overview .categories-nodes ul[data-level='2'] li.active { background: #dbe4e8; color:#fff; } .record-overview[data-type='product'] .categories-nodes ul[data-level='0'] li.active { background: rgba(255, 109, 63, 1); color:#fff; } .record-overview[data-type='product'] .categories-nodes ul[data-level='1'] li.active { background: rgba(255, 109, 63, 0.75); color:#fff; } .record-overview[data-type='product'] .categories-nodes ul[data-level='2'] li.active { background: rgba(255, 109, 63, 0.5); color:#fff; } .record-overview[data-type='project'] .categories-nodes ul[data-level='0'] li.active, .record-overview[data-module='projects'] .categories-nodes ul[data-level='0'] li.active { background: rgba(174, 49, 139, 1); color:#fff; } .record-overview[data-type='project'] .categories-nodes ul[data-level='1'] li.active, .record-overview[data-module='projects'] .categories-nodes ul[data-level='1'] li.active { background: rgba(174, 49, 139, 0.75); color:#fff; } .record-overview[data-type='project'] .categories-nodes ul[data-level='2'] li.active, .record-overview[data-module='projects'] .categories-nodes ul[data-level='2'] li.active { background: rgba(174, 49, 139, 0.5); color:#fff; } .record-overview .categories-nodes ul li.active:nth-child(1) { top:0px; } .record-overview .categories-nodes ul li.active:nth-child(2) { top:-50px; } .record-overview .categories-nodes ul li.active:nth-child(3) { top:-100px; } .record-overview .categories-nodes ul li.active:nth-child(4) { top:-150px; } .record-overview .categories-nodes ul li.active:nth-child(5) { top:-200px; } .record-overview .categories-nodes ul li.active:nth-child(6) { top:-250px; } .record-overview .categories-nodes ul li.active:nth-child(7) { top:-300px; } .record-overview .categories-nodes ul li.active:nth-child(8) { top:-350px; } .record-overview .categories-nodes ul li.active:nth-child(9) { top:-400px; } .record-overview .categories-nodes ul li.active:nth-child(10) { top:-450px; } .record-overview .categories-nodes ul li.active:nth-child(11) { top:-500px; } .record-overview .categories-nodes ul li.active:nth-child(12) { top:-550px; } .record-overview .categories-nodes ul li.active:nth-child(13) { top:-600px; } .record-overview .categories-nodes ul li.active:nth-child(14) { top:-650px; } .record-overview .categories-nodes ul li.active:nth-child(15) { top:-700px; } .record-overview .categories-nodes ul li.active:nth-child(16) { top:-750px; } .record-overview .categories-nodes ul li.active:nth-child(17) { top:-800px; } .record-overview .categories-nodes ul li.active:nth-child(18) { top:-850px; } .record-overview .categories-nodes ul li.active:nth-child(19) { top:-900px; } .record-overview .categories-nodes ul li.active:nth-child(20) { top:-950px; } .record-overview .categories-nodes ul > li.active > .title > .cnt { display:none; } .record-overview .categories-nodes ul li .icon { position: absolute; right: 0; top: 0; border-left: 1px solid #fff; width: 50px; height: 50px; } .record-overview .categories-nodes ul li .icon span { height:50px; width:50px; display:block; text-align:center; } .record-overview .categories-nodes ul li .icon span:before { height: 1px; width: 11px; position: absolute; display: block; content: ''; background: #2879ff; transition: all 0.3s ease-in-out; left: 0; right: 0; top:0; bottom:0; margin: auto; -webkit-backface-visibility: hidden; } .record-overview .categories-nodes ul li .icon span:after { height: 1px; width: 11px; position: absolute; display: block; content: ''; background: #000; transition: all 0.3s ease-in-out; left: 0; right: 0; top:0; bottom:0; margin: auto; } .record-overview[data-type='product'] .categories-nodes ul li .icon span:after, .record-overview[data-type='product'] .categories-nodes ul li .icon span:before { background: #FF6D3F; } .record-overview[data-type='project'] .categories-nodes ul li .icon span:after, .record-overview[data-type='project'] .categories-nodes ul li .icon span:before, .record-overview[data-module='projects'] .categories-nodes ul li .icon span:after, .record-overview[data-module='projects'] .categories-nodes ul li .icon span:before { background: #AE318B; } .record-overview .categories-nodes ul li .icon span:after { -webkit-transform: rotateZ(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .record-overview .categories-nodes ul li.active > .icon span:before { width:20px; background-color:#fff; } .record-overview .categories-nodes ul li.active > .icon span:after { width: 20px; background-color:#fff; } /*.record-overview .categories-nodes ul li .icon span:before, .record-overview .categories-nodes ul li .icon span:after { height: 1px; width: 11px; position: absolute; left: 20px; top: 23px; display: block; content: ''; background: #000; transition: all 0.3s ease-in-out; }*/ /*.record-overview .categories-nodes ul li.active .icon span:before, .record-overview .categories-nodes ul li.active .icon span:after { left: 15px; }*/ /*.record-overview .categories-nodes ul li.active ul li .icon { right: 17px; top: 13px; border: none; border-radius: 50%; width: 20px; height: 20px; padding: 10px 0 0 6px; line-height: 20px; text-align: center; transition: all 0.3s ease; } .record-overview .categories-nodes ul li.active ul li .icon span:before, .record-overview .categories-nodes ul li.active ul li .icon span:after { left: 6px; top: 10px; } .record-overview .categories-nodes ul li.small .icon span:before, .record-overview .categories-nodes ul li.small .icon span:after, .record-overview .categories-nodes ul li.active ul li .icon span:before, .record-overview .categories-nodes ul li.active ul li .icon span:after { width: 8px; transition: all 0.3s ease-in-out; }*/ /*.record-overview .categories-nodes ul li.active ul li .icon span:before { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .record-overview .categories-nodes ul li.active ul li .icon span:after { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }*/ /*.record-overview .categories-nodes ul li.active .icon { margin-left: -30px; }*/ .record-overview .categories-nodes ul li.active > .icon span:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .record-overview .categories-nodes ul li.active > .icon span:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } /*.record-overview .categories-nodes ul li.active .icon span:before { width:60%; } .record-overview .categories-nodes ul li.active .icon span:after { width: 60%; }*/ /*.record-overview .categories-nodes ul li:not(.active) .icon span:before, .record-overview .categories-nodes ul li:not(.active) .icon span:after, .record-overview .categories-nodes ul li.active > ul > li .icon span:before, .record-overview .categories-nodes ul li.active > ul > li .icon span:after { background-color: #2879ff; }*/ /*.record-overview[data-type='product'] .categories-nodes ul li:not(.active) .icon span:before, .record-overview[data-type='product'] .categories-nodes ul li:not(.active) .icon span:after, .record-overview[data-type='product'] .categories-nodes ul li.active > ul > li .icon span:before, .record-overview[data-type='product'] .categories-nodes ul li.active > ul > li .icon span:after { background-color: #FF6D3F; } .record-overview[data-type='project'] .categories-nodes ul li:not(.active) .icon span:before, .record-overview[data-type='project'] .categories-nodes ul li:not(.active) .icon span:after, .record-overview[data-type='project'] .categories-nodes ul li.active > ul > li .icon span:before, .record-overview[data-type='project'] .categories-nodes ul li.active > ul > li .icon span:after { background-color: #AE318B; }*/ /*.record-overview[data-type='product'] .categories-nodes ul li.active:first-child { background: #FF6D3F; } .record-overview[data-type='project'] .categories-nodes ul li.active:first-child { background: #AE318B; } .record-overview[data-type='product'] .categories-nodes ul li.active:nth-child(2) { background: rgba(0, 199, 82, 0.75); } .record-overview[data-type='product'] .categories-nodes ul li.active:nth-child(2) { background: rgba(255, 109, 63, 0.75); } .record-overview[data-type='project'] .categories-nodes ul li.active:nth-child(2) { background: rgba(174, 49, 139, 0.75); } .record-overview[data-type='product'] .categories-nodes ul li.active:nth-child(3) { background: rgba(0, 199, 82, 0.5); } .record-overview[data-type='product'] .categories-nodes ul li.active:nth-child(3) { background: rgba(255, 109, 63, 0.5); } .record-overview[data-type='project'] .categories-nodes ul li.active:nth-child(3) { background: rgba(174, 49, 139, 0.5); } .record-overview[data-type='product'] .categories-nodes ul li.active:nth-child(4) { background: rgba(0, 199, 82, 0.25); } .record-overview[data-type='product'] .categories-nodes ul li.active:nth-child(4) { background: rgba(255, 109, 63, 0.25); } .record-overview[data-type='project'] .categories-nodes ul li.active:nth-child(4) { background: rgba(174, 49, 139, 0.25); }*/ .record-overview .categories-nodes ul li.disabled .icon span:before, .record-overview .categories-nodes ul li.disabled .icon span:after, .record-overview .categories-nodes ul li > ul > li .icon span:before, .record-overview .categories-nodes ul li > ul > li .icon span:after { background-color: #aaa; } .record-overview .categories { position: relative; top: 0; max-height: 50px; overflow: hidden; } .record-overview .categories * { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .record-overview .categories.active { max-height: 5000px; } .record-overview .categories > div { width:100%; } .record-overview .categories > div > .title { display: block; background: #414141; color: #fff; line-height: 50px; padding: 0 15px; cursor: pointer; border-top: 1px solid #fff; margin: 0 -15px; } .record-overview .categories > div > .title .icon { float: right; border-left: 1px solid #fff; width: 35px; padding-left: 15px; text-align: center; } .record-overview .categories ul { list-style: none; margin: 0 -15px; padding: 0; width: calc(100% + 15px); position:relative; } .record-overview .categories ul li { position: relative; background: #97a2ac; background: rgba(151, 162, 172, 0.15); line-height: 45px; padding: 0 50px 0 15px; padding: 0 0 0 15px; color: #414141; border-bottom: 1px solid #fff; cursor: pointer; transition: all 0.2s ease; -webkit-transition: none; font-size:16px; top:auto; /*width:calc(100% - 0px);*/ width:inherit; } .record-overview .categories ul li.disabled * { color: #aaa !important; cursor:default !important; } .record-overview .categories ul li.disabled:hover * { color: #aaa !important; } .record-overview .categories ul li.safaritweak { -webkit-transition: top 0.2s ease, background 0.2s ease, color 0.2s ease; } .record-overview .categories .category-item { position:relative; } .article-overview-news .categories ul li { background: #00c752; background: rgba(0, 199, 82, 0.15); } .record-overview[data-type='product'] .categories ul li { background: #FF6D3F; background: rgba(255, 109, 63, 0.15); } .record-overview[data-type='project'] .categories ul li, .record-overview[data-module='projects'] .categories ul li { background: #AE318B; background: rgba(174, 49, 139, 0.15); } .record-overview .categories ul li:not(.disabled):hover, .record-overview .categories ul li:not(.disabled).hover { color: #2879ff; background: rgba(151, 162, 172, 0.35); } .article-overview-news .categories ul li:not(.disabled):hover, .article-overview-news .categories ul li:not(.disabled).hover { color: #00C752; background: rgba(0, 199, 82, 0.35); } .record-overview[data-type='product'] .categories ul li:not(.disabled):hover, .record-overview[data-type='product'] .categories ul li:not(.disabled).hover { color: #FF6D3F; background: rgba(255, 109, 63, 0.35); } .record-overview[data-type='project'] .categories ul li:not(.disabled):hover, .record-overview[data-type='project'] .categories ul li:not(.disabled).hover, .record-overview[data-module='projects'] .categories ul li:not(.disabled):hover, .record-overview[data-module='projects'] .categories ul li:not(.disabled).hover { color: #AE318B; background: rgba(174, 49, 139, 0.35); } .record-overview .categories ul li.active { color: #fff !important; } .record-overview .categories ul li.active .cnt { color: transparent !important; } .record-overview .categories ul li .cnt { color: #2879ff; } .article-overview-news .categories ul li .cnt { color: #00C752; } .record-overview[data-type='product'] .categories ul li .cnt { color: #FF6D3F; } .record-overview[data-type='project'] .categories ul li .cnt, .record-overview[data-module='projects'] .categories ul li .cnt { color: #AE318B; } .record-overview .categories ul li .icon { position: absolute; right: 0; top: 0; border-left: 1px solid #fff; width: 50px; height: 50px; } .record-overview .categories ul li .icon span:before, .record-overview .categories ul li .icon span:after { height: 1px; width: 11px; position: absolute; left: 20px; top: 23px; display: block; content: ''; background: #000; transition: all 0.3s ease-in-out; } .record-overview .categories ul li.active .icon span:before, .record-overview .categories ul li.active .icon span:after { left: 15px; } .record-overview .categories ul li.active ul li .icon { right: 17px; top: 13px; border: none; border-radius: 50%; width: 20px; height: 20px; padding: 10px 0 0 6px; line-height: 20px; text-align: center; transition: all 0.3s ease; } .record-overview .categories ul li.active ul li .icon span:before, .record-overview .categories ul li.active ul li .icon span:after { left: 6px; top: 10px; } .record-overview .categories ul li .icon span:after { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .record-overview .categories ul li.small .icon span:before, .record-overview .categories ul li.small .icon span:after, .record-overview .categories ul li.active ul li .icon span:before, .record-overview .categories ul li.active ul li .icon span:after { width: 8px; transition: all 0.3s ease-in-out; } .record-overview .categories ul li.active ul li .icon span:before { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .record-overview .categories ul li.active ul li .icon span:after { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .record-overview .categories ul li.active .icon { margin-left: -30px; } .record-overview .categories ul li.active .icon span:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .record-overview .categories ul li.active .icon span:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .record-overview .categories ul li.active .icon span:before, .record-overview .categories ul li.active .icon span:after { background-color: #fff; width: 20px; } .record-overview .categories ul li:not(.active) .icon span:before, .record-overview .categories ul li:not(.active) .icon span:after, .record-overview .categories ul li.active > ul > li .icon span:before, .record-overview .categories ul li.active > ul > li .icon span:after { background-color: #2879ff; } .article-overview-news .categories ul li:not(.active) .icon span:before, .article-overview-news .categories ul li:not(.active) .icon span:after, .article-overview-news .categories ul li.active > ul > li .icon span:before, .article-overview-news .categories ul li.active > ul > li .icon span:after { background-color: #00C752; } .record-overview[data-type='product'] .categories ul li:not(.active) .icon span:before, .record-overview[data-type='product'] .categories ul li:not(.active) .icon span:after, .record-overview[data-type='product'] .categories ul li.active > ul > li .icon span:before, .record-overview[data-type='product'] .categories ul li.active > ul > li .icon span:after { background-color: #FF6D3F; } .record-overview[data-type='project'] .categories ul li:not(.active) .icon span:before, .record-overview[data-type='project'] .categories ul li:not(.active) .icon span:after, .record-overview[data-type='project'] .categories ul li.active > ul > li .icon span:before, .record-overview[data-type='project'] .categories ul li.active > ul > li .icon span:after, .record-overview[data-module='projects'] .categories ul li:not(.active) .icon span:before, .record-overview[data-module='projects'] .categories ul li:not(.active) .icon span:after, .record-overview[data-module='projects'] .categories ul li.active > ul > li .icon span:before, .record-overview[data-module='projects'] .categories ul li.active > ul > li .icon span:after { background-color: #AE318B; } .record-overview .categories ul li.active:first-child { background: #97a2ac; } .article-overview-news .categories ul li.active:first-child { background: #00C752; } .record-overview[data-type='product'] .categories ul li.active:first-child { background: #FF6D3F; } .record-overview[data-type='project'] .categories ul li.active:first-child, .record-overview[data-module='projects'] .categories ul li.active:first-child { background: #AE318B; } .record-overview[data-type='product'] .categories ul li.active:nth-child(2) { background: rgba(0, 199, 82, 0.75); } .record-overview[data-type='product'] .categories ul li.active:nth-child(2) { background: rgba(255, 109, 63, 0.75); } .record-overview[data-type='project'] .categories ul li.active:nth-child(2), .record-overview[data-module='projects'] .categories ul li.active:nth-child(2) { background: rgba(174, 49, 139, 0.75); } .record-overview[data-type='product'] .categories ul li.active:nth-child(3) { background: rgba(0, 199, 82, 0.5); } .record-overview[data-type='product'] .categories ul li.active:nth-child(3) { background: rgba(255, 109, 63, 0.5); } .record-overview[data-type='project'] .categories ul li.active:nth-child(3), .record-overview[data-module='projects'] .categories ul li.active:nth-child(3) { background: rgba(174, 49, 139, 0.5); } .record-overview[data-type='product'] .categories ul li.active:nth-child(4) { background: rgba(0, 199, 82, 0.25); } .record-overview[data-type='product'] .categories ul li.active:nth-child(4) { background: rgba(255, 109, 63, 0.25); } .record-overview[data-type='project'] .categories ul li.active:nth-child(4), .record-overview[data-module='projects'] .categories ul li.active:nth-child(4) { background: rgba(174, 49, 139, 0.25); } .record-overview .categories ul li.disabled .icon span:before, .record-overview .categories ul li.disabled .icon span:after, .record-overview .categories ul li > ul > li .icon span:before, .record-overview .categories ul li > ul > li .icon span:after { background-color: #aaa; } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { .record-overview .categories { overflow: visible; max-height: initial; } .record-overview .categories ul { margin: 0; width:inherit; } .record-overview .categories ul li { height: 50px; } .record-overview .categories ul li.active > ul { /*width: 283px;*/ width:calc(100% - 30px); margin-right: -15px; background: none; } .record-overview .categories > div > .title { display:none; } .record-overview .categories .title { height:inherit; } .record-overview .categories .title .category { display:inline-block; max-width: calc(100% - 105px); text-overflow:ellipsis; overflow:hidden; vertical-align:middle; white-space:nowrap; } .record-overview .categories .title .cnt { display:inline-block; vertical-align:middle; } #categories-search { display: block; } } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { .record-overview .categories { min-height:250px; } .record-overview .categories ul li.active > ul { /*width: 293px;*/ width:calc(100% - 30px); } } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { .article-overview-theme .article .image img { width:calc(100% - 1%); } .record-overview .categories { margin-bottom:30px; } .record-overview .categories ul li.active > ul { /*width: 263px;*/ width:calc(100% - 30px); } } /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ /* Overview Filtering. */ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ .article-overview .filters { position: relative !important; top: 0 !important; max-height: 50px; overflow: hidden; margin-bottom:15px; } .article-overview .filters.ontop { overflow:visible; } .article-overview-theme .sponsors { display: flex; display: -webkit-box; justify-content: center; /*justify-content: flex-end;*/ } .article-overview-theme .sponsors > div { max-width:100px; max-height:100px; margin:0 20px; margin-bottom:33px; } .article-overview-theme .sponsors > div:first-child { margin-left:0; } .article-overview-theme .sponsors > div:last-child { margin-right:0; } .article-overview-theme .sponsors > div img { cursor:pointer; } /*.article-overview-theme .content-type { font-size:16px; font-weight:bold; margin:30px 0 0px 0px; text-align:center; } .article-overview-theme .content-type span { margin:0 15px; } .article-overview-theme .content-type span:first-child { margin-left:0; } .article-overview-theme .content-type span:last-child { margin-right:0; } .article-overview-theme .content-type span.active { border-bottom:4px solid #2672fb; }*/ .article-overview-theme .article-overview-extra { min-height:520px; } .article-overview .filters.active { max-height: 5000px; } .article-overview .filters .filter-hidden { display:none; } .article-overview .filters > div > .title { display: block; background: #414141; color: #fff; line-height: 50px; padding: 0 15px; cursor: pointer; border-top: 1px solid #fff; } .article-overview .filters > div > .title { margin: 0 -15px; } .article-overview .filters > div > .title .icon { float: right; border-left: 1px solid #fff; width: 35px; padding-left: 15px; text-align: center; } .article-overview .filters .checkbox-option { cursor:pointer; } .article-overview .filters .checkbox-option.disabled { color:#aaa; cursor:default; } .article-overview:not(.article-overview-theme) .filters .dropdown { margin-bottom: 10px; height: auto; } .article-overview .filters .dropdown, .article-overview .filters .dropdown .icon, .article-overview .filters .dropdown ul li { border-color: #97a2ac; } .article-overview-news .filters .dropdown, .article-overview-news .filters .dropdown .icon, .article-overview-news .filters .dropdown ul li { border-color: #00C752; } .record-overview[data-type='product'] .filters .dropdown, .record-overview[data-type='product'] .filters .dropdown .icon, .record-overview[data-type='product'] .filters .dropdown ul li { border-color: #FF6D3F; } .record-overview[data-type='project'] .filters .dropdown, .record-overview[data-type='project'] .filters .dropdown .icon, .record-overview[data-type='project'] .filters .dropdown ul li, .record-overview[data-module='projects'] .filters .dropdown, .record-overview[data-module='projects'] .filters .dropdown .icon, .record-overview[data-module='projects'] .filters .dropdown ul li { border-color: #AE318B; } .article-overview .filters .dropdown ul { border: none; } .article-overview .filters .dropdown .droplabel.active, .article-overview .filters .dropdown .icon { color: #97a2ac; } .article-overview-news .filters .dropdown .droplabel.active, .article-overview-news .filters .dropdown .icon { color: #00C752; } .record-overview[data-type='product'] .filters .dropdown .droplabel.active, .record-overview[data-type='product'] .filters .dropdown .icon { color: #FF6D3F; } .record-overview[data-type='project'] .filters .dropdown .droplabel.active, .record-overview[data-type='project'] .filters .dropdown .icon, .record-overview[data-module='projects'] .filters .dropdown .droplabel.active, .record-overview[data-module='projects'] .filters .dropdown .icon { color: #AE318B; } .article-overview .filters .dropdown:hover .icon, .article-overview .filters .dropdown.active .icon, .article-overview .filters .dropdown ul li { background: rgba(151, 162, 172, 0.15); } .article-overview-news .filters .dropdown:hover .icon, .article-overview-news .filters .dropdown.active .icon, .article-overview-news .filters .dropdown ul li { background: rgba(0, 199, 82, 0.15); } .record-overview[data-type='product'] .filters .dropdown:hover .icon, .record-overview[data-type='product'] .filters .dropdown.active .icon, .record-overview[data-type='product'] .filters .dropdown ul li { background: rgba(255, 109, 63, 0.15); } .record-overview[data-type='project'] .filters .dropdown:hover .icon, .record-overview[data-type='project'] .filters .dropdown.active .icon, .record-overview[data-type='project'] .filters .dropdown ul li, .record-overview[data-module='projects'] .filters .dropdown:hover .icon, .record-overview[data-module='projects'] .filters .dropdown.active .icon, .record-overview[data-module='projects'] .filters .dropdown ul li { background: rgba(174, 49, 139, 0.15); } .article-overview .filters .dropdown .slider { margin-left: 5px; } .article-overview .filters .dropdown .slider-selection { background: rgba(151, 162, 172, 0.35); border-radius: 0; } .article-overview-news .filters .dropdown .slider-selection { background: rgba(0, 199, 82, 0.35); border-radius: 0; } .record-overview[data-type='product'] .filters .dropdown .slider-selection { background: rgba(255, 109, 63, 0.35); box-shadow: none; } .record-overview[data-type='project'] .filters .dropdown .slider-selection, .record-overview[data-module='projects'] .filters .dropdown .slider-selection { background: rgba(174, 49, 139, 0.35); } .article-overview .filters .dropdown .slider-handle { background: #2879ff; width: 15px; height: 15px; border-radius: 50%; box-shadow: none; border: none; margin-top: -6px; } .article-overview-news .filters .dropdown .slider-handle { background: #00C752; } .record-overview[data-type='product'] .filters .dropdown .slider-handle { background: #FF6D3F; } .record-overview[data-type='project'] .filters .dropdown .slider-handle, .record-overview[data-module='projects'] .filters .dropdown .slider-handle { background: #AE318B; } .article-overview .filters .dropdown .slider-track { border-radius: 0; background: #fff; height: 5px; box-shadow: none; } .article-overview .filters .dropdown .filter-from, .article-overview .filters .dropdown .filter-till { line-height: 25px; padding-top: 20px; color: #2879ff; } .article-overview-news .filters .dropdown .filter-from, .article-overview-news .filters .dropdown .filter-till { color: #00C752; } .record-overview[data-type='product'] .filters .dropdown .filter-from, .record-overview[data-type='product'] .filters .dropdown .filter-till { color: #FF6D3F; } .record-overview[data-type='project'] .filters .dropdown .filter-from, .record-overview[data-type='project'] .filters .dropdown .filter-till, .record-overview[data-module='projects'] .filters .dropdown .filter-from, .record-overview[data-module='projects'] .filters .dropdown .filter-till { color: #AE318B; } .article-overview .filters .dropdown .filter-from { float: left; } .article-overview .filters .dropdown .filter-till { float: right; } .article-overview .filters .dropdown .input-checkbox { padding: 10px 0; line-height: 24px; font-size: 14px; color: #414141; } .article-overview-news .filters .dropdown .input-checkbox { color: #00C752; } .record-overview[data-type='product'] .filters .dropdown .input-checkbox { color: #FF6D3F; } .record-overview[data-type='project'] .filters .dropdown .input-checkbox, .record-overview[data-module='projects'] .filters .dropdown .input-checkbox { color: #AE318B; } .article-overview .filters .dropdown .input-checkbox label { font-weight: 400; cursor: pointer; } .article-overview .filters .dropdown .input-checkbox label:hover, .article-overview .filters .dropdown .input-checkbox .cnt { color: #222722; } .article-overview .filters .dropdown .checkbox-option.disabled .cnt { color:#aaa; } .article-overview .filters .dropdown .input-checkbox input { margin-right: 5px; } .article-overview .filters .dropdown .input-text { color:#AE318B; line-height: 24px; padding: 10px 0; } .article-overview .filters .dropdown .input-text .filter-from, .article-overview .filters .dropdown .input-text .filter-till { float:left; border:1px solid #AE318B; background-color:#fff; width:100%; display:inline-block; padding:0 5px; cursor:text; height:24px; line-height:24px; } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { .article-overview .filters { /*width: 312px;*/ position: relative; top: auto !important; /*padding-top: 60px;*/ max-height: 5000px; } .article-overview .filters > div > .title { display: block; background: #fff; color: #414141; margin: 0; padding: 0; line-height: 20px; font-weight: bold; cursor: default; } .article-overview .filters > div > .title .icon { display: none; } .article-overview-news .filters > div > .title { color: #00C752; } .record-overview[data-type='product'] .filters > div > .title { color: #FF6D3F; } .record-overview[data-type='project'] .filters > div > .title, .record-overview[data-module='projects'] .filters > div > .title { color: #AE318B; } .article-overview-theme .content-type { margin:15px 0 15px 0px; } .article-overview-theme .sponsors > div { margin-bottom:20px; } } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { .article-overview-theme .content-type { margin:15px 0 0px -240px; } } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { .article-overview-theme .content-type { margin:10px -15px 0px -305px; } } /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ /* Magazine overview page */ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ .magazine-header .title { background-color:#fff; width:100%; display:inline-block; padding-top:26px; font-weight:bold; text-align:center; font-size:34px; } .magazine-header .headline { font-size:14px; } /* Center at specific width */ @media only screen and (min-width : 745px) { .magazine-header .title { font-size:24px; } } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { .magazine-header .headline { font-size:18px; } } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { .magazine-header .title { font-size:34px; } } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { } /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ /* Article detail */ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ .article-detail .text a, .article-detail div[data-container='longread'] div[data-widget='text'] a, .article-detail div[data-container='longread'] div[data-widget='header'] a, .article-detail div[data-container='longread'] div[data-widget='text'] a, .text-content a, .text a, .text-content-flat a { color:inherit; text-decoration:none; border-bottom:1px solid #00c752; } .article-detail .text-source { font-size:16px; color:#444444; font-style:italic; } .article-detail .text a:hover, .article-detail div[data-container='longread'] div[data-widget='header'] a:hover, .article-detail div[data-container='longread'] div[data-widget='text'] a:hover, .text-content a:hover, .text a:hover, .text-content-flat a:hover { color:#00c752; } .article-detail .text-content ul, .article-detail .text-content ol { -webkit-margin-before: 1px; display:table; } .article-detail .author { text-transform:uppercase; color:#414141; font-size:13px; font-weight:bold; display:block; } .article-detail .special { background-color: #00c752; color: #fff; cursor: default; display: block; float: left; font-size: 14px; line-height:14px; padding: 4px 8px; } .article-detail .header-image { height: 300px; width:100%; background-size:cover; background-position:center; } .article-detail .function { color:#414141; font-size:14px; display:block; } .article-detail .profile { border-radius:50%; width:100px; display:inline; min-width:70px; min-height:70px; } /* .article-detail .keywords { padding-bottom:15px; }*/ section .container.container-padding { padding-top:40px; } .article-detail h2 { display: block; padding: 50px 0 15px 0; } .article-detail .keywords a { display: inline-block; font-size: 14px; line-height: 30px; padding: 0 15px; color: #2878FF; border: 1px solid #2878FF; margin: 0 5px 10px 0; } .article-detail .keywords a:hover { background: #2878FF; color: #fff; text-decoration:none; } .article-detail .title-location { font-size: 20px; line-height: 24px; padding-top: 10px; } .article-detail .title-subtitle { font-size: 22px; margin:5px 0; } .article-detail .title-date { font-size: 14px; color:#bbbbbb; } .article-detail .interaction { background-color:#eceff1; padding:15px; position:relative; z-index:2; } .article-detail .interaction .logo, .logocontainer .logo { float:left; width:100px; height:100px; background-color:white; margin-right:10px; display:block; padding:5px; } .article-detail .interaction .logo a, .logocontainer .logo a { display:inline-block; height:100%; width:100%; text-align:center; } .article-detail .interaction .logo img, .logocontainer .logo img { max-height:100%; max-width:100%; vertical-align:middle; text-align:center; display:inline-block; } .article-detail .interaction .titlecontainer { width:54%; } .article-detail .interaction .title { font-size:16px; font-weight:bold; color:#000; height:100px; line-height:100%; float:left; } .article-detail .interaction .title span { display: inline-block; vertical-align: middle; line-height: 22px; word-break:normal; } .article-detail .interaction .title span:hover { text-decoration:underline; } .article-detail .interaction .buttons { margin-top:15px; } .article-detail .interaction .buttons:empty { margin-top:0px; } .article-detail .interaction .buttons .btn:not(:last-child) { margin-bottom:15px; } .company-detail .interaction, .vacancy-detail .interaction { position: absolute; top: -174px; } .article-detail .text-content .intro { font-size:23px; } .article-detail .text-content .intro strong, .article-detail .text-content .intro b { font-weight:normal !important; } .article-detail .text-content .intro i { font-style:normal !important; } .article-detail .text-content .intro u { text-decoration:none !important; } .article-detail .social, .longread .social { color: #CED7DB; font-size: 12px; padding-top: 30px; } .article-detail .social { } .longread .social { text-align: center; } .article-detail .social, .article-detail .social *, .longread .social, .longread .social * { transition: color 0.4s ease, background 0.4s ease; } .article-detail .social a, .longread .social a { display: inline-block; text-align: center; margin-right: 10px; } .article-detail .social a:hover, .longread .social a:hover { text-decoration: none; } .article-detail .social .icon, .longread .social .icon { width: 30px; height: 30px; border: 1px solid #CED7DB; line-height: 30px; font-size: 13px; } .article-detail .social a .icon:hover, .longread .social a .icon:hover { color: #fff; border: 1px solid transparent; background: #000000; } .article-detail .social a .icon.favorite .bookmarked { color:#ea515e; } .article-detail .social a .icon:hover.facebook, .longread .social a .icon:hover.facebook { background: #3b5998; } .article-detail .social a .icon:hover.twitter, .longread .social a .icon:hover.twitter { background: #55acee; } .article-detail .social a .icon:hover.linkedin, .longread .social a .icon:hover.linkedin { background: #0077b5; } .article-detail .social a .icon:hover.x { background: #000; } .article-detail .social a .icon.x .fa-x { background-image: url('/resources/images/icons/media-x-grey.svg'); background-position:center 1px; background-repeat: no-repeat; background-size: contain; fill:#fff; display:inline-block; width:15px; height:15px; margin-top:6px; /* width:21px; height:21px;*/ /*margin-top:13px;*/ } .article-detail .profile-data { padding-top:10px; } .article-detail .text { font-size: 18px; line-height: 28px; } .article-detail .text img { max-width:100%; } .article-detail .text-content { display:block; } .article-detail .text-content iframe.youtube, .article-detail .text-content iframe.vimeo { float: none; height: 368px; width:100%; margin-top:22px; max-height: calc(100vh - 100px) !important; max-width: calc(100vw - 100px) !important; } .article-detail .text-content.text-largevideo iframe { margin: 15px 0 0px 0px; width: calc(100vw - 50px); } .article-detail .text-content.inline-related-products iframe { float: none; height: 270px; margin: 0; width: 480px; } .article-detail .sidebar-block a.external::after, .article-detail .text-content a[target="_blank"]:not(.no-icon)::after, .article-detail .text-content a[href^="http"]:not(.no-icon)::after, .article-detail .text-content a[href^="/service"]:not(.no-icon)::after { content: '\f08e'; font-family: FontAwesome; font-size: 12px; font-weight: 100; speak: none; text-transform: none; line-height: 0.9; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding: 0 5px 0 5px; text-decoration: none; display: inline-block; } .article-detail .sidebar-block-xl { position: relative; margin-left: 0; } .article-detail .sidebar-block .location { width:100%; height:250px; } .article-detail .sidebar-block-xl .location { height:250px; } .article-detail .sidebar-block .sidebar-title { font-size:16px; font-weight:bold; } .article-detail .sidebar-block .title { font-size:14px; font-weight:bold; display:block; } .article-detail .sidebar-block .line { border-top:1px solid #cccccc; margin:8px 0; height:1px; overflow:hidden; font-size:0; line-height:0; } .article-detail .sidebar-block .rank { font-size:26px; padding-right:15px; display:block; color:#ced7db; cursor:default; } .article-detail .sidebar-block .date { color:#adacac; font-size:13px; cursor:default; } .article-detail .sidebar-block.vacancydata .title { font-size:22px; font-weight:800; } .article-detail .sidebar-block.mostpopular .title { font-size:15px; font-weight:normal; } .article-detail .sidebar-block.mostpopular table tr:not(:last-child) td { padding-bottom:15px; } .article-detail .sidebar-block .value { font-size:14px; display:block; margin-bottom:8px; } .article-detail .sidebar-block.vacancydata .value { font-size:22px; } .article-detail .sidebar-block .sidebar-social .icon { color:#cfd8dc; font-size:25px; display:inline-block; margin-right:10px; } .article-detail .sidebar-block .sidebar-social .icon.archello { background-image: url('/resources/images/icons/media-archello-grey.svg'); background-position:center; background-repeat: no-repeat; background-size: contain; fill:#cfd8dc; } .article-detail .sidebar-block .sidebar-social .icon.archello:hover { background-image: url('/resources/images/icons/media-archello.svg'); } .article-detail .sidebar-block .sidebar-social .icon.archello .fa-archello { width: 22px; padding-bottom:27px; } .article-detail .sidebar-block .sidebar-social .icon.facebook:hover { color: #3b5998; } .article-detail .sidebar-block .sidebar-social .icon.twitter:hover { color: #00aced; } .article-detail .sidebar-block .sidebar-social .icon.vimeo:hover { color: rgb(19, 147, 205); } .article-detail .sidebar-block .sidebar-social .icon.instagram:hover { color: #9b6954; } .article-detail .sidebar-block .sidebar-social .icon.youtube:hover, .article-detail .sidebar-block .sidebar-social .icon.googleplus:hover { color: #bb0000; } .article-detail .sidebar-block .sidebar-social .icon.linkedin:hover { color: #007bb6; } .article-detail .sidebar-block .sidebar-social .icon.pinterest:hover { color: #cb2027; } .article-detail .sidebar-block[data-block='award'] .header { position:absolute; left:0; top:0; width:100%; height:30px; } .article-detail .sidebar-block[data-block='award'] .header:before { background-size:220px; } .article-detail .sidebar-block[data-block='award'] .event { font-size:16px; font-weight:300; line-height:24px; } .article-detail .sidebar-block[data-block='award'] .award { font-size:24px; font-weight:bold; line-height:28px; } .article-detail .sidebar-block[data-block='award'] .state { font-size:15px; font-weight:bold; line-height:21px; } .article-detail .sidebar-block[data-block='award'] .readmore { padding-left:0; } .article-detail .sidebar-block[data-content='participants'] a { text-decoration:underline; } .article-detail .company-info { font-size: 14px; line-height: 22px; } .article-detail .company-info .location { width: 100%; height: 220px; } .article-detail .company-info .readmore { padding-left: 10px; } .article-detail .article-product > div:last-child { padding-left: 0; } .article-detail .paid { margin-left: -30px; } .article-detail .applied-products { padding-top: 15px; } .article-detail .applied-products.moved { width:200px; } .article-detail .applied-products.moved .swiper-navigation { display:none !important; } .article-detail .swiper-navigation { padding-top:50px; } .projects h2 { display: inline; } .article-detail .dateblock { color:#000; margin-top:-5px; float:left; margin-bottom:20px; } .article-detail .dateblock > span { display:block; text-align:center; padding:0 8px 0 0; display:table-cell; vertical-align:middle; height:auto; line-height:normal; } .article-detail .dateblock > span[data-field='date-dash'] { line-height:25px; font-weight:600; font-size:34px; padding-bottom:20px; } .article-detail .dateblock span[data-field*='day'] { font-size:48px; font-weight:bold; line-height:normal; } .article-detail .dateblock span[data-field*='month'] { font-size:16px; line-height:14px; } .article-detail .dateblock span[data-field*='year'] { font-size:14px; line-height:16px; vertical-align:bottom; } .logocontainer { min-width:120px; } .article-detail ol { margin:-12px 0; padding: 0; counter-reset: item; } .article-detail ol > li { margin: 0; padding: 0 0 0 1.2em; text-indent: -0.6em; list-style-type: none; counter-increment: item; } .article-detail ol > li:not(:first-child), .article-detail ol > li:not(:last-child) { padding: 5px 0 5px 1.2em } .article-detail ol > li:before { display: inline-block; /*width: 1em;*/ padding-right: 0.5em; font-weight: bold; text-align: right; content: counter(item) "."; } .article-detail ol > li * { text-indent: 0; } .article-detail[data-type='podcast'] iframe { margin-left:0; width:100%; } .article-detail[data-type='podcast'] .mainsponsors { display:flex; justify-content:flex-end; align-items:flex-end; width:100%; margin-left:0; } .article-detail[data-type='podcast'] .mainsponsors-text { font-size:15px; } .article-detail[data-type='podcast'] .mainsponsors-logos img { max-height:60px; } .article-detail[data-type='podcast'] .mainsponsors > div { margin:5px; } .article-detail a[href*="buzzsprout"]:not(.media-url) { height:200px; display:block; } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { .article-detail { min-height:650px; } .article-detail .text { padding-right:40px; } .article-detail .company-info .location { height: 150px; } .article-detail .article-product > div:last-child { padding-left: 15px; } .article-detail .company-info .readmore { display: block; padding-left: 0; } .article-detail .interaction .logo { width:125px; height:125px; } .article-detail .interaction .title { height:50px; font-size:13px; } .logocontainer { min-width:initial; } .logocontainer .logo { width:125px; height:125px; } .article-detail[data-type='podcast'] iframe { margin-left:0; width:720px; } .article-detail[data-type='podcast'] .mainsponsors { width:720px; margin-left:0; } .article-detail .text-content.text-largevideo iframe { margin: 15px 0 0px 0px; width: calc(100vw - 50px); } } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { .article-detail .social { position: absolute; top: 0; left: 0; padding-top: 0; padding-left: 40px; text-align: center; } .article-detail .social-horizontal { position:relative; text-align:left; } .article-detail .social a { display: block; width: 50px; margin: 0 auto 15px auto; } .article-detail .social-horizontal a { display:inline-block; margin:0 15px 0 0px; } .article-detail .social .icon { width: 50px; height: 50px; line-height: 50px; font-size: 21px; margin: 0 auto 5px auto; } .article-detail .applied-products { margin-right: 30px; margin-left: -165px; padding-right: 0; font-family: "prnv"; } .article-detail #related-products.inline { /*margin-left:-15px;*/ } .article-detail .applied-products .article .image { margin-bottom: 10px; } .article-detail .applied-products .article-product { font-size: 14px; line-height: 16px; margin-bottom: 20px; } .article-detail .title, .article-detail .text { /*padding-left: 45px;*/ } .article-detail .company-info .readmore { float: right; } .article-detail .interaction .logo, .logocontainer .logo { width:75px; height:75px; } .article-detail .interaction .title { height:75px; font-size:13px; } .article-detail .dateblock { float:none; } .article-detail .dateblock span span { /*display:block;*/ } .article-detail .dateblock > span { display:block; height:auto; padding: 2px 0; } .article-detail .dateblock > span[data-field='date-to'] { padding-bottom:20px; } .article-detail .dateblock > span[data-field='date-dash'] { line-height:0px; padding:8px 0; margin-top:4px; } .article-detail[data-type='podcast'] iframe { margin-left:-134px; width:940px; } .article-detail[data-type='podcast'] .mainsponsors { width:940px; margin-left:-134px; } .article-detail .text-content.text-largevideo iframe { margin: 15px 0 0px 0px; width: 764px; } .article-detail .social a .icon.x .fa-x { width:21px; height:21px; margin-top:13px; } } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { .article-detail .title-location { font-size: 22px; line-height: 28px; } .article-detail .text { font-size: 18px; line-height: 28px; padding-right:5px; } .article-detail .social { padding-left: 15px; } .article-detail .company-info .location { height: 200px; } .article-detail .applied-products { margin-right: 30px; margin-left: -165px; padding-top: 45px; padding-bottom: 45px; padding-right: 0; font-family: "prnv"; } .article-detail .interaction .logo, .logocontainer .logo { width:100px; height:100px; } .article-detail .interaction .title { font-size:16px; height:100px; } .article-detail .sidebar-block-xl { position: relative; margin-left: -72px; } .article-detail .sidebar-block .location { width:100%; height:200px; } .article-detail .sidebar-block-xl .location { height:272px; padding-right:0; } .article-detail[data-type='podcast'] iframe { margin-left:-243px; width:1140px; } .article-detail[data-type='podcast'] .mainsponsors { width:1140px; margin-left:-243px; } .article-detail .text-content.text-largevideo iframe { margin: 15px 0 0px -50px; width: 654px; } } /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ /* Banners */ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ .banner-container { text-align:center; } .sidebar-row { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content:space-between; align-content:flex-start; } .sidebar-row .sidebar-col[data-content="banner"] { flex: 0 1 300px; order:1; padding-top:12px; } .sidebar-row .sidebar-col[data-content="map"] { flex-grow:1; flex-shrink:0; order:0; } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { .banner-container { text-align:right; } .sidebar-row { flex-direction:row; gap:15px; } .banner-cl { text-align:center; } } @media only screen and (min-width : 768px) and (max-width : 992px) { .article-detail .banner-lr { padding-right:0 !important; } .sidebar-row { gap:15px; } } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { .sidebar-row { flex-direction:row; gap:15px; } .article-detail[data-type='news'] .sidebar-row { flex-direction:row; } .banner-container { position:relative; text-align:right; } .banner-container-lr { /*height:280px;*/ } .banner-container-cl { /*height:200px;*/ } .banner-lr { /*width:336px; height:280px;*/ } .banner-lr:empty, .banner-cl:empty { display:none; } .banner-cl { text-align:center; } .banner-blocked { background-color:#fcf9d3 !important; display:block !important; } .banner-lr.banner-blocked::before, .banner-cl.banner-blocked::before { content: "Advertenties op Architectenweb.nl"; font-family:'prnv'; font-size:30px; font-weight:bolder; line-height:30px; text-align:center; width:100%; position:relative; top:20px; left:0; display:block; } .banner-cl.banner-blocked::before { top:25px; } .banner-lr.banner-blocked::after, .banner-cl.banner-blocked::after { content: "We zien dat je een adblocker of andere software gebruikt die ervoor zorgt dat je geen advertenties ziet op Architectenweb. Mede dankzij deze advertenties is Architectenweb.nl gratis toegankelijk.\A\A Zou je voor ons een uitzondering willen maken en Architectenweb.nl op jouw whitelist willen zetten?"; white-space:pre-wrap; position:relative; top:15px; padding:25px; left:0; width:100%; font-family:'prnv'; font-size:15px; line-height:18px; display:block; } .banner-cl.banner-blocked::after { content: "We zien dat je een adblocker of andere software gebruikt die ervoor zorgt dat je geen advertenties ziet op Architectenweb. \AMede dankzij deze advertenties is Architectenweb.nl gratis toegankelijk.\A\A Zou je voor ons een uitzondering willen maken en Architectenweb.nl op jouw whitelist willen zetten?"; font-size:18px; line-height:22px; padding-top:35px; } .article-detail .banner-lr { position:relative; margin-left:-84px; } .article-detail .banner-cl { position:relative; } } @media only screen and (min-width : 992px) and (max-width : 1170px) { .article-detail[data-type='news'] .sidebar-row { flex-direction:row; gap:15px; } .homepage.stream .banner-container { background-color:#fff; } .homepage.stream .banner-container .banner-lr { padding:0 !important; } .homepage.stream .container .row > .col-lg-4 { padding-left:9px !important; } } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1170px) { .sidebar-row { flex-direction:column; gap:0px; } .article-detail[data-type='news'] .sidebar-row { flex-direction:column; } .banner-container { text-align:right; } .sidebar-row .sidebar-col[data-content="banner"] { order:0; padding-top:0px; } .sidebar-row .sidebar-col[data-content="map"] { order:0; } } /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ /* Embeds */ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ .theme-embed .sponsors .theme { display:block; background-color:#00c752; color:#fff; font-size:14px; float:left; padding:0px 8px; cursor:default; } /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ /* Gridstack */ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ /* .grid-stack { position: relative; } .grid-stack .grid-stack-placeholder > .placeholder-content { border: 1px dashed lightgray; margin: 0; position: absolute; top: 0; left: 10px; right: 10px; bottom: 0; width: auto; z-index: 0 !important; } .grid-stack > .grid-stack-item { min-width: 8.33333333%; position: absolute; padding: 0; } .grid-stack > .grid-stack-item > .grid-stack-item-content { margin: 0; position: absolute; top: 0; left: 0px; right: 0px; bottom: 0; width: auto; z-index: 0 !important; overflow-x: hidden; overflow-y: auto; } .grid-stack > .grid-stack-item > .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .grid-stack > .grid-stack-item.ui-resizable-disabled > .ui-resizable-handle, .grid-stack > .grid-stack-item.ui-resizable-autohide > .ui-resizable-handle { display: none; } .grid-stack > .grid-stack-item.ui-draggable-dragging, .grid-stack > .grid-stack-item.ui-resizable-resizing { z-index: 100; } .grid-stack > .grid-stack-item.ui-draggable-dragging > .grid-stack-item-content, .grid-stack > .grid-stack-item.ui-draggable-dragging > .grid-stack-item-content, .grid-stack > .grid-stack-item.ui-resizable-resizing > .grid-stack-item-content, .grid-stack > .grid-stack-item.ui-resizable-resizing > .grid-stack-item-content { box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.2); opacity: 0.8; } .grid-stack > .grid-stack-item > .ui-resizable-se, .grid-stack > .grid-stack-item > .ui-resizable-sw { text-align: right; color: gray; padding: 2px 3px 0 0; margin: 0; font: normal normal normal 10px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .grid-stack > .grid-stack-item > .ui-resizable-se::before, .grid-stack > .grid-stack-item > .ui-resizable-sw::before { content: "\f065"; } .grid-stack > .grid-stack-item > .ui-resizable-se { display: inline-block; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .grid-stack > .grid-stack-item > .ui-resizable-nw { cursor: nw-resize; width: 20px; height: 20px; left: 10px; top: 0; } .grid-stack > .grid-stack-item > .ui-resizable-n { cursor: n-resize; height: 10px; top: 0; left: 25px; right: 25px; } .grid-stack > .grid-stack-item > .ui-resizable-ne { cursor: ne-resize; width: 20px; height: 20px; right: 10px; top: 0; } .grid-stack > .grid-stack-item > .ui-resizable-e { cursor: e-resize; width: 10px; right: 10px; top: 15px; bottom: 15px; } .grid-stack > .grid-stack-item > .ui-resizable-se { cursor: se-resize; width: 20px; height: 20px; right: 10px; bottom: 0; } .grid-stack > .grid-stack-item > .ui-resizable-s { cursor: s-resize; height: 10px; left: 25px; bottom: 0; right: 25px; } .grid-stack > .grid-stack-item > .ui-resizable-sw { cursor: sw-resize; width: 20px; height: 20px; left: 10px; bottom: 0; } .grid-stack > .grid-stack-item > .ui-resizable-w { cursor: w-resize; width: 10px; left: 10px; top: 15px; bottom: 15px; } .grid-stack > .grid-stack-item[data-gs-width='1'] { width: 8.33333333%; } .grid-stack > .grid-stack-item[data-gs-x='1'] { left: 8.33333333%; } .grid-stack > .grid-stack-item[data-gs-min-width='1'] { min-width: 8.33333333%; } .grid-stack > .grid-stack-item[data-gs-max-width='1'] { max-width: 8.33333333%; } .grid-stack > .grid-stack-item[data-gs-width='2'] { width: 16.66666667%; } .grid-stack > .grid-stack-item[data-gs-x='2'] { left: 16.66666667%; } .grid-stack > .grid-stack-item[data-gs-min-width='2'] { min-width: 16.66666667%; } .grid-stack > .grid-stack-item[data-gs-max-width='2'] { max-width: 16.66666667%; } .grid-stack > .grid-stack-item[data-gs-width='3'] { width: 25%; } .grid-stack > .grid-stack-item[data-gs-x='3'] { left: 25%; } .grid-stack > .grid-stack-item[data-gs-min-width='3'] { min-width: 25%; } .grid-stack > .grid-stack-item[data-gs-max-width='3'] { max-width: 25%; } .grid-stack > .grid-stack-item[data-gs-width='4'] { width: 33.33333333%; } .grid-stack > .grid-stack-item[data-gs-x='4'] { left: 33.33333333%; } .grid-stack > .grid-stack-item[data-gs-min-width='4'] { min-width: 33.33333333%; } .grid-stack > .grid-stack-item[data-gs-max-width='4'] { max-width: 33.33333333%; } .grid-stack > .grid-stack-item[data-gs-width='5'] { width: 41.66666667%; } .grid-stack > .grid-stack-item[data-gs-x='5'] { left: 41.66666667%; } .grid-stack > .grid-stack-item[data-gs-min-width='5'] { min-width: 41.66666667%; } .grid-stack > .grid-stack-item[data-gs-max-width='5'] { max-width: 41.66666667%; } .grid-stack > .grid-stack-item[data-gs-width='6'] { width: 50%; } .grid-stack > .grid-stack-item[data-gs-x='6'] { left: 50%; } .grid-stack > .grid-stack-item[data-gs-min-width='6'] { min-width: 50%; } .grid-stack > .grid-stack-item[data-gs-max-width='6'] { max-width: 50%; } .grid-stack > .grid-stack-item[data-gs-width='7'] { width: 58.33333333%; } .grid-stack > .grid-stack-item[data-gs-x='7'] { left: 58.33333333%; } .grid-stack > .grid-stack-item[data-gs-min-width='7'] { min-width: 58.33333333%; } .grid-stack > .grid-stack-item[data-gs-max-width='7'] { max-width: 58.33333333%; } .grid-stack > .grid-stack-item[data-gs-width='8'] { width: 66.66666667%; } .grid-stack > .grid-stack-item[data-gs-x='8'] { left: 66.66666667%; } .grid-stack > .grid-stack-item[data-gs-min-width='8'] { min-width: 66.66666667%; } .grid-stack > .grid-stack-item[data-gs-max-width='8'] { max-width: 66.66666667%; } .grid-stack > .grid-stack-item[data-gs-width='9'] { width: 75%; } .grid-stack > .grid-stack-item[data-gs-x='9'] { left: 75%; } .grid-stack > .grid-stack-item[data-gs-min-width='9'] { min-width: 75%; } .grid-stack > .grid-stack-item[data-gs-max-width='9'] { max-width: 75%; } .grid-stack > .grid-stack-item[data-gs-width='10'] { width: 83.33333333%; } .grid-stack > .grid-stack-item[data-gs-x='10'] { left: 83.33333333%; } .grid-stack > .grid-stack-item[data-gs-min-width='10'] { min-width: 83.33333333%; } .grid-stack > .grid-stack-item[data-gs-max-width='10'] { max-width: 83.33333333%; } .grid-stack > .grid-stack-item[data-gs-width='11'] { width: 91.66666667%; } .grid-stack > .grid-stack-item[data-gs-x='11'] { left: 91.66666667%; } .grid-stack > .grid-stack-item[data-gs-min-width='11'] { min-width: 91.66666667%; } .grid-stack > .grid-stack-item[data-gs-max-width='11'] { max-width: 91.66666667%; } .grid-stack > .grid-stack-item[data-gs-width='12'] { width: 100%; } .grid-stack > .grid-stack-item[data-gs-x='12'] { left: 100%; } .grid-stack > .grid-stack-item[data-gs-min-width='12'] { min-width: 100%; } .grid-stack > .grid-stack-item[data-gs-max-width='12'] { max-width: 100%; } .grid-stack.grid-stack-animate, .grid-stack.grid-stack-animate .grid-stack-item { -webkit-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s; -moz-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s; -ms-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s; -o-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s; transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s; } .grid-stack.grid-stack-animate .grid-stack-item.ui-draggable-dragging, .grid-stack.grid-stack-animate .grid-stack-item.ui-resizable-resizing, .grid-stack.grid-stack-animate .grid-stack-item.grid-stack-placeholder { -webkit-transition: left 0s, top 0s, height 0s, width 0s; -moz-transition: left 0s, top 0s, height 0s, width 0s; -ms-transition: left 0s, top 0s, height 0s, width 0s; -o-transition: left 0s, top 0s, height 0s, width 0s; transition: left 0s, top 0s, height 0s, width 0s; } .grid-stack-item.grid-stack-placeholder { opacity:.5; } .grid-stack-item.ui-draggable-dragging { opacity:0.9; } .grid-stack-item { min-height:0 !important; } @media (max-width: 768px) { .grid-stack-item { position: relative !important; width: auto !important; left: 0 !important; top: auto !important; margin-bottom: 20px; } .grid-stack-item .ui-resizable-handle { display: none; } .grid-stack { height: auto !important; } }*/ .isotope, .isotope .item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ /* TopItems */ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ .home-gallery { } .home-gallery .image-slide { background-position: center center; background-size: cover; } .home-gallery .image-slide img { width:100%; } .home-gallery .grid-stack > .grid-stack-item[data-gs-width='1'] { width: 25%; } .home-gallery .grid-stack > .grid-stack-item[data-gs-x='1'] { left: 25%; } .home-gallery .grid-stack > .grid-stack-item[data-gs-min-width='1'] { min-width: 25%; } .home-gallery .grid-stack > .grid-stack-item[data-gs-max-width='1'] { max-width: 25%; } .home-gallery .grid-stack > .grid-stack-item[data-gs-width='2'] { width: 50%; } .home-gallery .grid-stack > .grid-stack-item[data-gs-x='2'] { left: 50%; } .home-gallery .grid-stack > .grid-stack-item[data-gs-min-width='2'] { min-width: 50%; } .home-gallery .grid-stack > .grid-stack-item[data-gs-max-width='2'] { max-width: 50%; } .home-gallery .grid-stack > .grid-stack-item[data-gs-width='3'] { width: 75%; } .home-gallery .grid-stack > .grid-stack-item[data-gs-x='3'] { left: 75%; } .home-gallery .grid-stack > .grid-stack-item[data-gs-min-width='3'] { min-width: 75%; } .home-gallery .grid-stack > .grid-stack-item[data-gs-max-width='3'] { max-width: 75%; } .home-gallery .grid-stack > .grid-stack-item[data-gs-width='4'] { width: 100%; } .home-gallery .grid-stack > .grid-stack-item[data-gs-x='4'] { left: 100%; } .home-gallery .grid-stack > .grid-stack-item[data-gs-min-width='4'] { min-width: 100%; } .home-gallery .grid-stack > .grid-stack-item[data-gs-max-width='4'] { max-width: 100%; } .home-gallery .image-slide .title { display:block; } .home-gallery .image-slide[data-gs-width='1'] .title { font-size:27px; line-height:30px; } .home-gallery .image-slide[data-gs-width='2'] .title { font-size:27px; line-height:30px; } .home-gallery .image-slide[data-gs-width='3'] .title { font-size:27px; line-height:30px; } .home-gallery .image-slide[data-gs-width='4'] .title { font-size:27px; line-height:30px; } .home-gallery .swiper-disabled { position:absolute; } .home-gallery .swiper-disabled[data-gs-y='0'] { top:0; } .home-gallery .swiper-disabled[data-gs-y='1'] { top:50%; } .home-gallery .swiper-disabled[data-gs-x='0'] { left: 0; } .home-gallery .swiper-disabled[data-gs-x='1'] { left: 25%; } .home-gallery .swiper-disabled[data-gs-x='2'] { left: 50%; } .home-gallery .swiper-disabled[data-gs-x='3'] { left: 75%; } .home-gallery .swiper-disabled[data-gs-width='1'] { width: 25%; } .home-gallery .swiper-disabled[data-gs-width='2'] { width: 50%; } .home-gallery .swiper-disabled[data-gs-width='3'] { width: 75%; } .home-gallery .swiper-disabled[data-gs-width='4'] { width: 100%; } .home-gallery .swiper-disabled[data-gs-height='1'] { height: 50%; } .home-gallery .swiper-disabled[data-gs-height='2'] { height: 100%; } .home-gallery .swiper-disabled .grid-stack-item { background-size:cover; background-position:center center; } .calendar-gallery .caption { left:20px; right:20px; top:20px; } .calendar-gallery .caption .leftColumn { position: relative; float: left; } .calendar-gallery .caption .rightColumn { padding-left:20px; overflow:hidden; } .calendar-gallery .caption div:last-child { margin: auto; word-wrap: break-word; } .calendar-gallery .caption > div { position:relative; top:0px; vertical-align:top; line-height:70%; } .calendar-gallery .record-title { line-height:100% !important; font-size:27px; } .calendar-gallery .image-slide .record-date { padding-top:8px; } .calendar-gallery .image-slide .record-date > div { text-align:center; } .calendar-gallery .image-slide .record-date span[data-field*='day'] { font-size:42px; } .calendar-gallery .image-slide .record-date span[data-field*='month'] { font-size:15px; margin-top:10px; display:inline-block; } .calendar-gallery .image-slide .record-date span[data-field*='month']::first-letter { text-transform: uppercase; } .calendar-gallery .image-slide .record-date span[data-field='date-dash'] { font-weight:800; padding:0 5px; } .calendar-gallery .image-slide[data-gs-width='1'] .record-date > div { float:none; } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { .record-date > div { text-align:center; float:left; } .calendar-gallery div[data-gs-width='1'] .record-title { font-size:34px; } .calendar-gallery div[data-gs-width='2'] .record-title { font-size:34px; } .calendar-gallery div[data-gs-width='3'] .record-title { font-size:34px; } .calendar-gallery div[data-gs-width='4'] .record-title { font-size:34px; } .calendar-gallery div[data-gs-width='1'] .record-date span[data-field*='day'] { font-size:48px; } .calendar-gallery div[data-gs-width='2'] .record-date span[data-field*='day'] { font-size:48px; } .calendar-gallery div[data-gs-width='3'] .record-date span[data-field*='day'] { font-size:39px; } .calendar-gallery div[data-gs-width='4'] .record-date span[data-field*='day'] { font-size:39px; } .calendar-gallery div[data-gs-width='1'] .record-date span[data-field*='month'], .calendar-gallery div[data-gs-width='1'] .record-date span[data-field*='year'] { font-size:15px; } .calendar-gallery div[data-gs-width='2'] .record-date span[data-field*='month'], .calendar-gallery div[data-gs-width='2'] .record-date span[data-field*='year'] { font-size:15px; } .calendar-gallery div[data-gs-width='3'] .record-date span[data-field*='month'], .calendar-gallery div[data-gs-width='3'] .record-date span[data-field*='year'] { font-size:15px; } .calendar-gallery div[data-gs-width='4'] .record-date span[data-field*='month'], .calendar-gallery div[data-gs-width='4'] .record-date span[data-field*='year'] { font-size:15px; } } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { .calendar-gallery div[data-gs-width='1'] .record-title { font-size:22px; padding-top:4px; } .calendar-gallery div[data-gs-width='2'] .record-title { font-size:32px; padding-top:2px; } .calendar-gallery div[data-gs-width='3'] .record-title { font-size:34px; padding-top:2px; } .calendar-gallery div[data-gs-width='4'] .record-title { font-size:36px; padding-top:2px; } .calendar-gallery div[data-gs-width='1'] .record-date span[data-field*='day'] { font-size:32px; } .calendar-gallery div[data-gs-width='2'] .record-date span[data-field*='day'] { font-size:32px; } .calendar-gallery div[data-gs-width='3'] .record-date span[data-field*='day'] { font-size:39px; } .calendar-gallery div[data-gs-width='4'] .record-date span[data-field*='day'] { font-size:41px; } .calendar-gallery div[data-gs-width='1'] .record-date span[data-field*='month'], .calendar-gallery div[data-gs-width='1'] .record-date span[data-field*='year'] { font-size:15px; } .calendar-gallery div[data-gs-width='2'] .record-date span[data-field*='month'], .calendar-gallery div[data-gs-width='2'] .record-date span[data-field*='year'] { font-size:15px; } .calendar-gallery div[data-gs-width='3'] .record-date span[data-field*='month'], .calendar-gallery div[data-gs-width='3'] .record-date span[data-field*='year'] { font-size:15px; } .calendar-gallery div[data-gs-width='4'] .record-date span[data-field*='month'], .calendar-gallery div[data-gs-width='4'] .record-date span[data-field*='year'] { font-size:15px; } .calendar-gallery .caption { left:10px; right:10px; top:10px; } } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { .calendar-gallery div[data-gs-width='1'] .record-title { font-size:24px; padding-top:4px; } .calendar-gallery div[data-gs-width='2'] .record-title { font-size:34px; } .calendar-gallery div[data-gs-width='3'] .record-title { font-size:39px; } .calendar-gallery div[data-gs-width='4'] .record-title { font-size:42px; } .calendar-gallery div[data-gs-width='1'] .record-date span[data-field*='day'] { font-size:34px; } .calendar-gallery div[data-gs-width='2'] .record-date span[data-field*='day'] { font-size:34px; } .calendar-gallery div[data-gs-width='3'] .record-date span[data-field*='day'] { font-size:43px; } .calendar-gallery div[data-gs-width='4'] .record-date span[data-field*='day'] { font-size:47px; } .calendar-gallery div[data-gs-width='1'] .record-date span[data-field*='month'], .calendar-gallery div[data-gs-width='1'] .record-date span[data-field*='year'] { font-size:15px; } .calendar-gallery div[data-gs-width='2'] .record-date span[data-field*='month'], .calendar-gallery div[data-gs-width='2'] .record-date span[data-field*='year'] { font-size:15px; } .calendar-gallery div[data-gs-width='3'] .record-date span[data-field*='month'], .calendar-gallery div[data-gs-width='3'] .record-date span[data-field*='year'] { font-size:15px; } .calendar-gallery div[data-gs-width='4'] .record-date span[data-field*='month'], .calendar-gallery div[data-gs-width='4'] .record-date span[data-field*='year'] { font-size:15px; } .calendar-gallery .caption { left:20px; right:20px; top:20px; } } /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ /* Homepage specific */ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ section.about { padding-top: 0 !important; padding-bottom: 10px; } section.about strong { color: #000; transition: all 0.4s ease; } section.about a:hover { text-decoration: none; } section.about a:hover strong { color: #2878FF; } section.about > div > div > [class*='col-'] { padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #BCBCBC; } section.about > div > div > [class*='col-']:last-child { border-bottom: none; } section.about .magazine { line-height: 24px; } section.about .btn-magazine { padding: 0; width: 100%; margin-top:-3px; } section.events .image-slide .caption { top: 20px; left: 15px; font-size: 20px; font-weight: 700; line-height: 24px; } section.events .image-slide .caption .title { font-size: 24px; line-height: 28px; } section.events .image-slide .category { font-style: normal; } .product-gallery .article-product .image { max-height:290px; } .announcement-award { } .announcement-award .award-content { background-color:#2878FF; } .announcement-award .award-content a { text-decoration:none; } .announcement-award .award-data { padding:20px 0; } .announcement-award .pattern { background-image:url('/resources/images/awards/pattern8b.svg'); background-position:-5px -5px; width:135px; } .announcement-award .title { font-size:20px; font-weight:bold; color:#fff; padding:0 20px; } .announcement-award .subtitle { font-size:14px; color:#fff; display:block; padding:0 20px; } .announcement-award .subtitle a { text-decoration:underline; } .announcement-award .description { font-size:14px; color:#fff; text-align:right; padding:0 20px; margin-top:20px; white-space:pre; } .announcement-award .countdown { display:flex; justify-content:center; } .announcement-award .countdown.live { font-size:20px; color:#fff; text-decoration:underline; } .announcement-award .countdown .countdown-block { padding:0px 3px; text-align:center; } .announcement-award .countdown .countdown-block .countdown-window { background-color:#000; color:#fff; font-size:24px; width:45px; height:45px; border-radius:5px; padding-top:5px; } .announcement-award .countdown .countdown-block .countdown-text { color:#fff; font-size:13px; } /* Small Devices */ @media only screen and (max-width : 768px) { .announcement-award .award-data { display:block; } } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { .home-gallery .image-slide .caption { font-weight: 700; font-size: 32px; line-height: 36px; } section.about { font-size: 12px; padding-bottom: 0; } section.about strong, section.about .serif { font-size: 14px; } section.about h2 { padding-bottom: 10px; } section.about > div > div > [class*='col-'] { padding-top: 35px; padding-bottom: 40px; border-bottom: none; } section.events { padding-top: 40px; } section.events .image-slide .caption { top: 25px; left: 30px; font-size: 22px; line-height: 26px; } .home-gallery .image-slide[data-gs-width='1'] .title { font-size:36px; line-height:40px; } .home-gallery .image-slide[data-gs-width='2'] .title { font-size:36px; line-height:40px; } .home-gallery .image-slide[data-gs-width='3'] .title { font-size:36px; line-height:40px; } .home-gallery .image-slide[data-gs-width='4'] .title { font-size:36px; line-height:40px; } } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { .announcement-award .title { font-size:30px; font-weight:bold; padding:0 20px; } .announcement-award .description { font-size:16px; text-align:right; padding:0 20px; margin-top:0px; } .image-slide .caption { font-weight: 700; font-size: 24px; line-height: 28px; } .home-gallery .image-slide { width: 25%; padding-top: 14.0625%; float: left; } .home-gallery .image-slide[data-format="4"] { width: 50%; padding-top: 28.125%; } .home-gallery .image-slide[data-gs-width='1'] .title { font-size:24px; line-height:26px; } .home-gallery .image-slide[data-gs-width='2'] .title { font-size:34px; line-height:38px; } .home-gallery .image-slide[data-gs-width='3'] .title { font-size:39px; line-height:42px; } .home-gallery .image-slide[data-gs-width='4'] .title { font-size:44px; line-height:44px; } .home-gallery .swiper-wrapper { display: block; } section.about strong, section.about .serif, section.about .title, section.about .subtitle { font-size: 16px; line-height:20px; } section.events { padding-top: 60px; } section.events .image-slide .caption { font-size: 24px; line-height: 28px; } } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { } /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ /* Contact page specific */ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ .contact .header-image { background-image:url('/resources/images/team/header_400.jpg'); background-position:center; background-size:cover; height:200px; } .contact .team-details, .contact .team-container { position:relative; } .contact .team-grid.scaled { visibility:hidden; } .contact .team-container { min-height:1000px; } .contact .team img { border-radius:50%; max-width:140px; max-height:140px; } .contact .team .item .text { margin-top:10px; } .contact .team-detail img { border-radius:50%; max-height:60%; max-width:60%; } .contact .team-details { position:absolute; top:100px; width:100%; } .contact .team-detail { padding:40px; -webkit-box-shadow: 0px 0px 10px 3px rgba(217, 217, 217, 0.75); -moz-box-shadow: 0px 0px 10px 3px rgba(217, 217, 217, 0.75); box-shadow: 0px 0px 10px 3px rgba(217, 217, 217, 0.75); background-color:white; } .contact .team-detail-data { max-width:80%; margin-top:20px; } .contact .team-detail-data .btn { } .contact .team-detail { top: 0; bottom:0; left:0; position:fixed; z-index:80000; width:100%; } .contact .team-detail .team-detail-close { position:absolute; right:40px; top:25px; padding:20px; z-index:30; } .contact .team-detail .team-detail-close:hover { cursor:pointer; } .contact .team-detail .team-detail-close > span { width: 20px; height: 20px; overflow: hidden; background: url('/resources/images/icons/icon-close.svg') no-repeat center center; text-indent: 200%; color: black; outline: none; cursor:pointer; display:block; } .contact .team .item > div { padding:30px 0px; margin:0; height:330px; } .contact .team .item > div:hover { cursor:pointer; -webkit-box-shadow: 0px 0px 10px 3px rgba(217, 217, 217, 0.75); -moz-box-shadow: 0px 0px 10px 3px rgba(217, 217, 217, 0.75); box-shadow: 0px 0px 10px 3px rgba(217, 217, 217, 0.75); } .contact .socialicons .fa { color:#cfd8dc; font-size:22px; display:inline-block; margin-right:10px; } .contact .socialicons .fa-facebook:hover { color: #3b5998; } .contact .socialicons .fa-twitter:hover { color: #00aced; } .contact .socialicons .fa-x:hover { color: #868686; } .contact .socialicons .fa-instagram:hover { color: #000000; } .contact .socialicons .fa-youtube:hover, .contact .socialicons .fa-googleplus:hover { color: #bb0000; } .contact .socialicons .fa-linkedin:hover { color: #007bb6; } .contact .socialicons .fa-pinterest:hover { color: #cb2027; } .contact h3 { font-size:30px; font-weight:bold; } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { .contact .team-container { min-height:1000px; } .contact .header-image { background-image:url('/resources/images/team/header_400.jpg'); height:400px; } .contact .team .item > div { height:290px; } .contact .team-detail img { max-height:75%; max-width:75%; } .contact .team-detail-data { margin-top:0px; } } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { .contact .team-detail-data { max-width:100%; } .contact .team-container { min-height:600px; } .contact .team-detail { top: 0; position:absolute; width:100%; left:auto; bottom:auto; z-index:200 } .contact .header-image { background-image:url('/resources/images/team/header_800.jpg'); height:400px; } } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { .contact .header-image { background-image:url('/resources/images/team/header.jpg'); height:400px; } } /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ /* rss page specific */ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ .rss .rss-feed { margin-bottom:15px; line-height:35px; } .rss .rss-feed .dxichTextCellSys label { font-weight:bold; padding-left:10px; } .rss .rss-feed > span { padding-left:2px; } /*.rss .rss-icon { color:orangered; font-size:35px; margin-right:10px; } .rss .rss-loader { font-size:35px; }*/ .rss .rss-link { margin-left:50px; } .rss-icon { width: 0; height: 0; border-radius: 50%; border: 4px solid orangered; color:orangered; margin-top:10px; position:absolute; } .rss-icon:before, .rss-icon:after { border-color: orangered transparent transparent; border-radius: 50%; border-style: solid; border-width: 8px; content: ""; display: block; left: -24px; padding: 12px; position: relative; top: -16px; transform: rotate(45deg); } .rss-icon-jiggle { -webkit-animation: rssjiggle 1s linear; -moz-animation: rssjiggle 1s linear; -o-animation: rssjiggle 1s linear; animation: rssjiggle 1s linear; } .rss-icon:after { left: -36px; padding: 24px; top: -68px; } .rss-icon-rotate { transform: rotate(360deg) scale(1, 1); transition: all 0.8s ease-in-out; } .rss-icon-wrapper { margin:20px 0; } .rss-icon2:before { left: -17px; padding: 8px; position: relative; top: -15px; } .rss-icon2:after { left: -29px; padding: 20px; top: -58px; } @keyframes rssjiggle { 0% { transform: rotate(55deg) scale(1, 1); } 10% { transform: rotate(95deg) scale(1.05, 1.05); } 20% { transform: rotate(135deg) scale(1.1, 1.1); } 30% { transform: rotate(175deg) scale(1.15, 1.15); } 40% { transform: rotate(215deg) scale(1.2, 1.2); } 50% { transform: rotate(255deg) scale(1.2, 1.2); } 60% { transform: rotate(295deg) scale(1.15, 1.15); } 70% { transform: rotate(335deg) scale(1.10, 1.10); } 80% { transform: rotate(360deg) scale(1.05, 1.05); } 90% { transform: rotate(10deg) scale(1, 1); } 100% { transform: rotate(55deg) scale(1, 1); } } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { } /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ /* Search page specific */ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ .record-overview[data-type='search'] .record-thumb-bg, .records[data-type='mixed'] .record-thumb-bg, .results[data-type='search'] .record-thumb-bg { height:180px; background-size:cover; background-position:center; } .record-overview[data-type='search'] .record[data-type='vacancy'] .record-thumb-bg { background-repeat:no-repeat; background-size:contain; } .record-overview[data-type='search'] .record-description, .records[data-type='mixed'] .record-description, .results[data-type='search'] .record-description { max-height:72px; } .record-overview[data-type='search'] .record[data-type='company'] .record-thumb-bg, .records[data-type='mixed'] .record[data-type='company'] .record-thumb-bg, .results[data-type='search'] .record[data-type='company'] .record-thumb-bg { background-size:contain; background-repeat:no-repeat; } .records[data-type='mixed'] .record[data-type] .record-title { font-size:20px; font-weight:800; line-height:28px; } .records[data-type='mixed'] .record[data-type] .record-subtitle { padding-bottom:5px; } .records[data-type='mixed'] .record[data-type] .record-description { font-size:16px; line-height:24px; font-weight:normal; } .records[data-type='mixed'] .record[data-type] .record-date, .records[data-type='mixed'] .record[data-type] .record-type, .records[data-type='mixed'] .record[data-type] .record-company, .records[data-type='mixed'] .record[data-type] .record-companytitle, .records[data-type='mixed'] .record[data-type] .record-category { font-size:14px; font-weight:normal; line-height:16px; } .records[data-type='mixed'] .record[data-type='company'] .record-thumb-bg, .records[data-type='mixed'] .record[data-type='vacancy'] .record-thumb-bg { background-origin:content-box; padding:10px; } .records[data-type='mixed'] .record[data-type] .record-title:empty, .records[data-type='mixed'] .record[data-type] .record-subtitle:empty, .records[data-type='mixed'] .record[data-type] .record-companytitle:empty { display:none; } @media only screen and (max-width : 480px) { .record-overview[data-type='search'] .record-thumb-bg, .records[data-type='mixed'] .record-thumb-bg, .results[data-type='search'] .record-thumb-bg { height:130px; } } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { .record-overview[data-type='search'] .record-thumb-bg, .records[data-type='mixed'] .record-thumb-bg, .results[data-type='search'] .record-thumb-bg { height:180px; } } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { .record-overview[data-type='search'] .record-thumb-bg, .records[data-type='mixed'] .record-thumb-bg, .results[data-type='search'] .record-thumb-bg { height:180px; } } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { .record-overview[data-type='search'] .record-thumb-bg, .records[data-type='mixed'] .record-thumb-bg, .results[data-type='search'] .record-thumb-bg { height:180px; } .records[data-type='mixed'] > .col-lg-3 .record-thumb-bg { height: 125px; } } /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ /* Longread specific */ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ .article-detail .grid-stack-container[data-container='longread'] { width:100%; max-width:1140px; } /* Small Devices, Tablets */ @media only screen and (max-width : 768px), print { #longreadTop { height:auto !important; min-height:unset !important; } .article-detail .grid-stack-container[data-container='longread'] #longreadContent { margin-top:0px !important; height:auto !important; margin-bottom:10px; } .article-detail .grid-stack-container[data-container='longread'] .grid-stack-item[data-widget='banner'], .article-detail .grid-stack-container[data-container='longread'] .grid-stack-item[data-widget='author']{ display:none; } .article-detail .grid-stack-container[data-container='longread'] .grid-stack-item { position:relative !important; max-width:100% !important; width:100% !important; left:0 !important; top:auto !important; margin:20px 0 !important; } .article-detail .grid-stack-container[data-container='longread'] .grid-stack-item[data-widget='text'], .article-detail .grid-stack-container[data-container='longread'] .grid-stack-item[data-widget='header'], .article-detail .grid-stack-container[data-container='longread'] .grid-stack-item[data-widget='author'] { height:auto !important; } .article-detail .grid-stack-container[data-container='longread'] .grid-stack-item[data-widget='text'] .grid-stack-item-content, .article-detail .grid-stack-container[data-container='longread'] .grid-stack-item[data-widget='header'] .grid-stack-item-content, .article-detail .grid-stack-container[data-container='longread'] .grid-stack-item[data-widget='author'] .grid-stack-item-content { position: unset !important; overflow:hidden; } .article-detail .grid-stack-container[data-container='longread'] .grid-stack-item[data-widget='text'] .content { margin-left:0 !important; margin-right:0 !important } .article-detail .grid-stack-container[data-container='longread'] .grid-stack-item[data-widget='text'] .content div[data-element='image'], .article-detail .grid-stack-container[data-container='longread'] .grid-stack-item[data-widget='text'] .content div[data-element='quote'] { float:none !important; width:100% !important; margin:20px 0 !important; padding:0 !important; } .article-detail .grid-stack-container[data-container='longread'] .grid-stack-item[data-widget='text'] .content div[data-element='quote'] { padding-top:5px !important; } .article-detail .grid-stack-container[data-container='longread'] .grid-stack-item[data-widget='text'] .content div[data-element='image'] img { width:100% !important; opacity:1 !important; } .article-detail .grid-stack-container[data-container='longread'] .grid-stack-item:not([data-widget='swiper']) .content { padding:0 !important; } .article-detail .grid-stack-container[data-container='longread'] .grid-stack-item[data-widget='image'] { height:auto !important; } .article-detail .grid-stack-container[data-container='longread'] .grid-stack-item[data-widget='image'] .grid-stack-item-content, .article-detail .grid-stack-container[data-container='longread'] .grid-stack-item[data-widget='image'] .content > div, .article-detail .grid-stack-container[data-container='longread'] .grid-stack-item[data-widget='image'] .content > div > div:not(.caption):not(.overlay) { position:relative !important; } .article-detail .grid-stack-container[data-container='longread'] .grid-stack-item[data-widget='image'] .image-container { width:100% !important; transform:none !important; } .article-detail .grid-stack-container[data-container='longread'] .grid-stack-item[data-widget='image'] .image-container, .article-detail .grid-stack-container[data-container='longread'] .grid-stack-item[data-widget='image'] .image-container img { height:auto !important; } .article-detail .grid-stack-container[data-container='longread'] .grid-stack-item[data-widget='topimage'] { height:170px; min-height:170px !important; } .article-detail .grid-stack-container[data-container='longread'] .grid-stack-item[data-widget='swiper'], .article-detail .grid-stack-container[data-container='longread'] .grid-stack-item[data-widget='swiper'] .content { max-height:250px; } } /* Medium Devices, Desktops */ @media only screen and (min-width: 768px) and (max-width : 992px) { } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { } /* @media print { .article-detail .grid-stack-container[data-container='longread'] #longreadContent { margin:0; } }*/ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ /* Extranet */ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ .extranet .search-input, .extranet .categories-search-input { margin:auto; } .extranet-navigation-container { display:none; position:absolute; left:0; right:0; top:50px; z-index:30; padding-left:0; padding-right:0; } .extranet-navigation { background-color:#edeef2; overflow:hidden; width:100%; } .extranet-navigation a { text-decoration:none; } .extranet-navigation .menu-block { color:#000; transition:background-color 0.2s ease-out; } .extranet-navigation .menu-block:not(.active) { border-bottom:1px solid #cdcdcd; } .extranet-navigation .menu-block.active { background-color:#3d7aff; color:#fff; } .extranet-navigation .menu-block:hover { background-color:#3d7aff; color:#fff; transition:none; } .extranet-navigation .profile-user { width:75px; height:75px; } .extranet-navigation .profile-record .table .table-cell:first-child { width:90px; } .extranet-navigation .profile-record > a { padding:20px 10px 20px 30px !important; } .extranet .profile-record > a { padding:15px; display:block; } .extranet .profile-record > a:hover { background-color:#3d7aff; color:#fff; } .extranet .profile-record.active > a { background-color:#3d7aff; color:#fff; } .extranet .profile-record .profile { background-color:#fff; height:75px; width:75px; border-radius:50%; overflow:hidden; } .extranet .profile-record .profile img { max-height:75px; max-width:75px; /*padding:5px;*/ margin-left:auto; margin-right:auto; } .extranet .profile-record .profile img[src*='icon-profile-company'] { max-height:50px; opacity:0.7 !important; } .extranet .profile-record .profile.icon { background-image:url('/resources/images/icons/icon-profile.svg'); background-position:center center; background-repeat:no-repeat; background-size:60%; } .extranet .profile-record .profile-add { background-color:#fff; height:75px; width:75px; border-radius:50%; text-align:center; display:table-cell; vertical-align:middle; } .extranet .profile-record .profile-add span { font-size:50px; padding:3px 0 0 3px; display:block; color:#000 !important; } .extranet .profile-record .title { margin-left:10px; line-height:95%; font-size:22px; } .extranet .profile-record .subtitle { margin-left:10px; height:12px; } .extranet-navigation .menu-block.active .profile-record .subtitle { color:#9bc1ea; /*transition:all 0.4s ease 0s;*/ } .extranet-navigation .menu-block.active .profile-record [data-item='profile'].active { color:#fff; } .extranet .profile-record .subtitle span { padding-right:10px; font-size:13px; } .extranet .menu-block.active .profile-record .subtitle span { transition: all 0.2s ease 0s; } .extranet .profile-record [data-item='profile'] { display:none; } .extranet .menu-block.active .profile-record [data-item='profile'] { display:block; } .extranet-navigation .navigation-items { display:none; margin-bottom:1px; } .extranet-navigation .menu-block.initial .navigation-items { display:block; } .extranet-navigation .menu-items { color:#000000; font-size:18px; margin:8px 0; padding:0; padding-bottom:10px; list-style-type:none; } .extranet-navigation .menu-items .optional { display:none; } .extranet-navigation .menu-block.active .menu-items { color:#9bc1ea; } .extranet-navigation .menu-items ul { margin:0; padding:0; } .extranet-navigation .menu-items li { margin:8px 0; padding:0; list-style-type:none; } .extranet-navigation .profile-record:hover .subtitle span, .extranet-navigation .menu-items li > a:hover, .extranet-navigation .menu-items li.active > a, .extranet-navigation .menu-items li.active > a:hover { color:white; } .extranet-navigation .menu-items li a { text-decoration:none; display:block; padding:0 30px; transition: all 0.2s ease 0s; } .extranet-navigation .menu-items li ul { display:none; } .extranet-navigation .menu-items li.active ul { display:block; } .extranet-navigation .menu-items li li a { padding:0 50px; } .extranet-content { opacity:0; } .extranet .pagetitle { font-size:30px; line-height:30px; font-weight:bold; float:left; } .extranet .previewlink { display:none; } .extranet .readmore { margin-top:12px; } .extranet .block { background-color:#edeef2; padding:30px; } .extranet .block-white { background-color:#fff; } .extranet .block-nopadding { padding:0; } .extranet .block[data-block="confirm"], .extranet .block[data-block="promo"] { display:none; } .extranet .block .block-title { font-size:22px; font-weight:bold; } .extranet .block.expandable .block-title { margin-top: -30px; padding-top: 30px; padding-left: 30px; margin-left: -30px; padding-right: 30px; padding-bottom: 30px; margin-bottom: -30px; margin-right: -30px; cursor:pointer; } .extranet .block.expandable .block-title::before, .extranet .block.expandable .block-title::after { background: #000 none repeat scroll 0 0; content: ""; display: block; height: 1px; right: 30px; position: absolute; top: 15px; transition: all 0.3s ease-in-out 0s; width: 11px; transform:none; } .extranet .block.expandable.collapsed .block-title::after { transform:rotate(-90deg) !important; -webkit-transform: rotate(-90deg) !important; } .extranet .block .search-input { border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc; } .extranet .block .search-input input { background-color:#fff; } .extranet .extranet-notifications { background-color:#edeef2; padding:30px; } .field-title { font-size:14px; font-weight:bold; margin-bottom:3px; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; cursor:default; } .field-text { font-size:14px; font-weight:normal; margin-bottom:3px; } .field-input { margin:0 0 15px 0; } .extranet-subscriptions { font-size:13px; } .extranet-subscriptions .newsletter-input { text-align:left; } .extranet-subscriptions .newsletter-input label { font-size:15px; font-weight:bold; } .extranet-subscriptions .newsletter-title { font-weight:bold; font-size:15px; } .extranet-subscriptions .newsletter-frequency { font-style:italic; } .extranet-subscriptions .magazine-description { font-style:italic; } .extranet-favorites .readmore { float:none; } .extranet-favorites .swipers .article .title, .extranet-favorites .swipers .article .title span { font-size:15px; line-height:15px; font-weight:bold; } .extranet .illustration { transform: scale(1); transition: all 0.4s ease; opacity: 1; } .extranet .tag.scaled, .extranet .illustration.scaled { opacity: 0; transform: scale(0.8); } .extranet .tag { float:left; background-color:#2878ff; padding:2px; margin-right:20px; margin-bottom:20px; opacity: 1; transform: scale(1); transition: all 0.4s ease; } .extranet .tag > span { background-color:#fff; display:table-cell; height:100%; cursor:default; margin:0; padding:0 10px; vertical-align:middle; } .extranet .tag .btn { vertical-align:top; display:table-cell; } .extranet .relatedRecords .record-title { font-size:15px; } .extranet .relatedRecords .record-subtitle { font-size:13px; } .extranet .statistics-table-title { display:block; margin-top:20px; } .extranet-statistics .graph img { position:static !important; } .chart-periods { display:flex; justify-content:space-around; align-items:center; } .content-block-chart .chart-header-blocks { display:flex; flex-direction: row; justify-content:space-between; align-items:center; padding-bottom:15px; flex-wrap:wrap; } .content-block-chart .chart-header-block, .content-block-chart .chart-header-block-small { padding:10px 20px; border-right:1px solid #ccc; color:#5a6279; text-align:right; min-width:160px; } .content-block-chart .chart-header-block:first-child { border-left:1px solid #ccc; } .content-block-chart .chart-header-block > div:nth-child(1) { font-size:30px; font-weight:bold; } .content-block-chart .chart-header-block-small { min-width:100px; } .login-page { background-color:#ebeef0; min-height:700px; } .login-page .login-container, .login-page .login-help { background-color:white; width:430px; position:absolute; left:0; right:0; top:20%; margin:auto; padding:30px; border-radius:2px; z-index:0; opacity:0; } .login-page .login-help { margin-top:140px; left:0; right:0; width: 80%; position:relative; } .login-page .login-dialogs { position:relative; height:600px; margin-top:-40px; } .login-page .login-container.active, .login-page .login-help { z-index:1; opacity:1; } .login-page .login-container .login-title { font-size:30px; line-height:30px; font-weight:bold; text-align:center; } .login-page .login-help .login-title { font-size:30px; font-weight:bold; line-height:35px; letter-spacing:-0.5px } .login-page .login-help a { color:#2d7eff; cursor:pointer; } .login-page .login-help .login-intro { font-size: 20px; line-height:20px; } .login-page .login-help .login-text { font-size: 16px; color:#414141; } .login-page .login-passwordforgottenlink { color:#2d7eff; text-align:center; font-size:14px; cursor:pointer; } .login-page .login-intro { text-align:center; color:#444; } .login-page .login-field { position:relative; margin:15px 0; } .login-page .login-field input { background-color:#edf0f1; border:none; padding: 15px; width:100%; } .login-page .login-field input:focus, .login-page .login-field input:-webkit-autofill, .login-page .login-field input:-webkit-autofill:hover, .login-page .login-field input:active { background-color:#edf0f1; outline:none; -webkit-box-shadow: 0 0 0 100px #edf0f1 inset; } .login-page .login-field:not(.login-field-passwordforgotten) input { padding-left: 70px; } .login-page .login-field i { left: 0px; top: 0px; position: absolute; height: 50px; width: 50px; border-right: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 1px 0 0 rgba(255, 255, 255, 0.7); color: #777777; text-align: center; line-height: 50px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; pointer-events: none; } .login-page .login-validation-message { text-align:center; color:red; } .login-page .navOutNext { -webkit-animation: slideDown 0.4s forwards; animation: slideDown 0.4s forwards; opacity:1; } .login-page .navInNext { -webkit-animation: showUp 0.4s forwards; animation: showUp 0.4s forwards; opacity:1; } @-webkit-keyframes slideDown { from {} to { -webkit-transform: translateY(150%); opacity: 0; } } @keyframes slideDown { from {} to { -webkit-transform: translateY(150%); transform: translateY(150%); opacity: 0; } } @-webkit-keyframes showUp { from { -webkit-transform: scale(0.5); } to { -webkit-transform: scale(1); opacity: 1; } } @keyframes showUp { from { -webkit-transform: scale(0.5); transform: scale(0.5); } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .extranet .thumb { position:relative; } .extranet .thumb::before { bottom: 30px; position: absolute; right: 60px; padding: 2px 10px; color: #fff; } .extranet .thumb[data-filetype='dxf']::before { content: '.dxf'; } .extranet .thumb[data-filetype='3ds']::before { content: '.3ds'; } .extranet .thumb[data-filetype='rfa']::before { content: '.rfa'; } .extranet .thumb[data-filetype='stp']::before { content: '.stp'; } .extranet .thumb[data-filetype='gdl']::before { content: '.gdl'; } .extranet .thumb[data-filetype='doc']::before { content: '.doc'; } .extranet .thumb[data-filetype='igs']::before { content: '.igs'; } .extranet .thumb[data-filetype='zip']::before { content: '.zip'; } .extranet .thumb[data-filetype='rar']::before { content: '.rar'; } .extranet .thumb[data-filetype='pdf']::before { content: '.pdf'; } .extranet .thumb[data-filetype='docx']::before { content: '.docx'; } .extranet .thumb[data-filetype='txt']::before { content: '.txt'; } .extranet .thumb[data-filetype='rvt']::before { content: '.rvt'; } .extranet .thumb[data-filetype='atl']::before { content: '.atl'; } .extranet .thumb[data-filetype='dwg']::before { content: '.dwg'; } .extranet .status-overlay { background-color:#3d7aff; color:#fff; font-size:19px; position:absolute; top:0; left:0; right:0; bottom:0; opacity:0; cursor:pointer; display:flex; align-items:center; justify-content:center; } .extranet .status-overlay > div { /* position:absolute; top:40%; margin-top:-20px; left:0; right:0;*/ text-align:center; } .extranet .status-overlay > div span { margin-right:10px; } .extranet .record a { display:inline-block; width:100%; } .extranet .record-title { font-size:18px; line-height:22px; font-weight:bold; padding-bottom:5px; } .extranet .record-subtitle { padding-bottom:10px; } .extranet .record-date { color:#bbbbbb; padding-bottom:10px; font-size:14px; line-height:16px; } .extranet .record-title:empty, .extranet .record-subtitle:empty, .extranet .record-date:empty, .extranet .record-text:empty { display:none; } .extranet .record-description { font-size:16px; line-height:24px; } .extranet > .container > .row > .flex { min-height:1000px; } .extranet .record[data-field='thumb'] { width:100%; height:auto; } .extranet .record [data-field='title'] { font-weight:bold; } div[data-controlname="payment"] .order-summary { width:100%; } div[data-controlname="payment"] .order-summary tr td { height:35px; vertical-align:middle; } div[data-controlname="payment"] .order-summary tr td[colspan] { height:20px; } div[data-controlname="payment"] .order-summary tr td:first-child { } div[data-controlname="payment"] .order-summary tr td:nth-child(2) { width:20px; } div[data-controlname="payment"] .order-summary tr td:last-child { text-align:right; width:50px; } div[data-controlname="payment"] .order-summary .order-line { border-top: 3px solid #00C752; width: 100%; height: 4px; display: inline-block; } div[data-controlname="payment"] .order-paymentoptions { display:flex; justify-content:flex-start; flex-direction:row; } div[data-controlname="payment"] .order-paymentoptions .order-paymentoption { border:2px solid #c1c2c4; height:55px; width:75px; border-radius:10px; background-color:#fff; display:flex; justify-content:center; align-items:center; cursor:pointer; margin-right:20px; user-select:none; position:relative; transition:border 0.2s ease-in-out; } div[data-controlname="payment"] .order-paymentoptions .order-paymentoption.selected { border:2px solid #00C752; } div[data-controlname="payment"] .order-paymentoptions .order-paymentoption.selected:after { font-family: FontAwesome; content: "\f00c"; color:#fff; background-color:#00C752; -webkit-font-feature-settings: 'liga'; width:18px; height:18px; border-radius:50%; position:absolute; right:-7px; top:-7px; text-align:center; line-height:18px; font-size:12px; } div[data-controlname="payment"] .order-paymentoptions .order-paymentoption img { max-width:50px; max-height:28px; } div[data-controlname="payment"] .order-paymentoptions .order-paymentoption span { display:inline-block; font-weight:bold; font-size:11px; text-align:center; } /* Small mobile specific */ @media screen and (max-width:767px){ .login-page .login-help { margin-top:100px; } .login-page .login-container { width:80%; margin-top:30px; margin-bottom:30px; } .login-page .login-container { top:10%; } .extranet .record-title { max-height:52px; overflow:hidden; } .extranet .record-title:after { content: ""; text-align: right; position: absolute; top:26px; right: 0; width: 70%; height: 1.2em; background: none; background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 95%); } .extranet .swiper-slide .record-title:after { display:none; } .extranet .record-buttons { position:absolute; bottom:0; } .extranet-administration .record .row-eq-height { display:block; } .extranet-administration .record .row-eq-height .table > div:first-child { display:none; } } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { .extranet-navigation-container { top:75px; } .extranet .record .record-description.fadeOut { position:relative; } .extranet .record .record-description.fadeOut:after { content: ""; text-align: right; position: absolute; bottom:4px; right: 0; width: 70%; height: 1.5em; background: none; background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 95%); } .extranet .record-title { font-size:22px; line-height:26px; font-weight:bold; } .extranet .record-subtitle { font-size:16px; line-height:20px; } .extranet .col-sm-1 > .thumb .status-overlay, .extranet .col-sm-2 > .thumb .status-overlay, .extranet .col-sm-3 > .thumb .status-overlay { font-size:16px; } .extranet .col-sm-5 > .thumb .status-overlay, .extranet .col-sm-6 > .thumb .status-overlay, .extranet .col-sm-7 > .thumb .status-overlay, .extranet .col-sm-8 > .thumb .status-overlay, .extranet .col-sm-9 > .thumb .status-overlay, .extranet .col-sm-10 > .thumb .status-overlay, .extranet .col-sm-11 > .thumb .status-overlay, .extranet .col-sm-12 > .thumb .status-overlay { font-size:24px; } .extranet .content-block { position:relative; } .extranet .content-block .control-header { display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:end; } .extranet .content-block .control-navigation { display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-end; gap:10px; } .extranet .content-block .control-headerdata { display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; gap:10px; font-weight:bold; } .extranet .content-block .content-block-loader { height:50px; width:100%; position:absolute; top:0; left:0; overflow:hidden; z-index:50; background:transparent; pointer-events:none; } .extranet .content-block .content-block-loader:before { display: block; position: relative; content: ""; left: -200px; width: 200px; height: 5px; background-color: #354052; } .extranet .content-block .content-block-loader.active:before { -webkit-animation: content-panel-loading 1s linear infinite; animation: content-panel-loading 1s linear infinite; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; } } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { .extranet .record a { display:block; width:100%; } .extranet .record-buttons { max-width:330px; float:right; } .extranet .record-buttons .btn { max-width:164px; float:right; } .extranet .col-md-1 > .thumb .status-overlay, .extranet .col-md-2 > .thumb .status-overlay, .extranet .col-md-3 > .thumb .status-overlay { font-size:16px; } .extranet .col-md-5 > .thumb .status-overlay, .extranet .col-md-6 > .thumb .status-overlay, .extranet .col-md-7 > .thumb .status-overlay, .extranet .col-md-8 > .thumb .status-overlay, .extranet .col-md-9 > .thumb .status-overlay, .extranet .col-md-10 > .thumb .status-overlay, .extranet .col-md-11 > .thumb .status-overlay, .extranet .col-md-12 > .thumb .status-overlay { font-size:24px; } .extranet-navigation-container { display:flex; left:auto; right:auto; top:auto; position:initial; padding-left:15px; padding-right:15px; position:relative; } .extranet-navigation .menu-items { font-size:15px; } .extranet .profile-record .title { font-size:16px; } .extranet .profile-record .profile, .extranet .profile-record .profile img, .extranet .profile-record .profile-user, .extranet .profile-record .profile-user img { max-height:50px; max-width:50px; } .extranet .block-split > .row > div:first-child { padding-right:4px; } .extranet .block-split > .row > div:last-child { padding-left:4px; } .extranet .order-paymentoptions { justify-content:space-between; } .extranet .order-paymentoptions .order-paymentoption { margin-right:0; } } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { .login-page .login-dialogs { position:initial; margin-top:0; } .login-page .login-help .login-title { text-align:left; } /*.login-page .login-container { margin-left:calc(50% - 445px); }*/ .login-page .login-help { position:absolute; /*left: calc(50% + 250px);*/ max-width: 430px; width: auto; /*margin-right: 40px;*/ margin-top:0; min-height:436px; top:20%; /*margin-left:55%;*/ margin-left:calc(50% + 15px); } /*.login-page .login-help { position:absolute; left: calc(50% + 250px); max-width: 460px; width: auto; margin-right: 40px; margin-top:0; min-height:436px; top:20%; }*/ /*.login-page .login-help { max-width:320px; margin-left: calc(50% + 250px); left:0; margin-right:auto; }*/ .extranet .record-title { font-size:24px; line-height:28px; font-weight:bold; } .extranet .record-subtitle { font-size:18px; line-height:22px; } .extranet-connect .record-title { font-size:14px; line-height:18px; } .extranet .col-lg-1 > .thumb .status-overlay, .extranet .col-lg-2 > .thumb .status-overlay, .extranet .col-lg-3 > .thumb .status-overlay { font-size:20px; } .extranet .col-lg-5 > .thumb .status-overlay, .extranet .col-lg-6 > .thumb .status-overlay, .extranet .col-lg-7 > .thumb .status-overlay, .extranet .col-lg-8 > .thumb .status-overlay, .extranet .col-lg-9 > .thumb .status-overlay, .extranet .col-lg-10 > .thumb .status-overlay, .extranet .col-lg-11 > .thumb .status-overlay, .extranet .col-lg-12 > .thumb .status-overlay { font-size:30px; } .extranet .profile-record .profile, .extranet .profile-record .profile img, .extranet .profile-record .profile-user, .extranet .profile-record .profile-user img { max-height:75px; max-width:75px; } } /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ /* Treelist */ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ .treelist { font-family:inherit; } .treelist .dxtlNode, .treelist .dxtlAltNode, .treelist .dxtlSelectedNode, .treelist .dxtlFocusedNode, .treelist .dxtlEditFormDisplayNode, .treelist .dxtlCommandCell, .treelist .dxtlSelectionCell { background:none; } .treelist .dxtlControl { font-size:14px; } .treelist .dxtlIndent, .treelist .dxtlIndentWithButton { background:none; vertical-align:middle; } .treelist .dxtlNode td.dxtl, .treelist .dxtlAltNode td.dxtl, .treelist .dxtlSelectedNode td.dxtl, .treelist .dxtlFocusedNode td.dxtl, .treelist .dxtlEditFormDisplayNode td.dxtl, .treelist .dxtlCommandCell, .treelist .dxtlSelectionCell { border:none; background:none; padding:0; } .treelist .dxtlSelectionCell { width:25px; } .treelist .dxICheckBox { margin: 3px 8px 3px 0; } .treelist .dxWeb_edtCheckBoxGrayed { } .treelist .dxtl__IM, .treelist .dxtl__IE { line-height:initial !important; } .treelist .dxtlSelectedNode td { color:#000; } .treelist .preventClickTweak { background-color:transparent; display:block; position:absolute; top:0; height:22px; width:22px; z-index:100; } /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ /* Gridview */ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ .GridViewContainer { overflow:hidden; overflow-x:hidden; } .GridViewInnerContainer { width:100%; } .ManagerGridview { border:0px; width:100% !important; } .ManagerGridview [class*=dxGridView_WindowResizer] { visibility: hidden; } .ManagerGridview .dxgvLoadingDiv { background-color:#fff; opacity:0.5; top:132px !important; right:50px !important; bottom:80px !important; height:auto !important; width:auto !important; } .ManagerGridview .dxgvTable { border-spacing:0; border:none; table-layout:auto !important; } .ManagerGridview .dxgvHSDC { /*margin-bottom:15px;*/ background-color:#edeef2; } .ManagerGridview .dxgvHSDC > div { width:100% !important; } .ManagerGridview .dxgvCSD, .ManagerGridview .dxgvCSD table { min-height:180px; background-color:#edeef2; } .ManagerGridview > tbody > tr > td { background-color:white; } .ManagerGridview .dxgvTitlePanel { background-color:#eaeaea; border:0px; padding:0px; font-size:11px; text-align:left; height:33px; } .ManagerGridview .dxgvTitlePanel .SelectedItemsSpan { color:#8a8a8a; font-size:11px; line-height:28px; display:inline-block; padding-left:1px; } .ManagerGridview .dxgvTitlePanel .SelectedItemsCount { color:#354052; font-size:11px; line-height:28px; display:inline-block; margin-left:5px; } .ManagerGridview .dxgvHeader { background:#edeef2; border:none; padding:15px; height:52px; } .ManagerGridview .dxgvHeader.Prime { min-width:200px; } .ManagerGridview .dxgvHeader td { color:#3b3d40; font-weight:bold; font-size:14px; text-align:left; /*text-transform:uppercase;*/ } .Log .ManagerGridview .dxgvHeader { padding:15px; } .ManagerGridview .dxgvFilterRow .dxgvCommandColumnItem { padding:0; } .ManagerGridview .dxgvFilterRow td.dxgv:first-child { /*min-width:105px;*/ text-align:left !important; } .ManagerGridview .dxgvFilterRow td.dxgv { border-right:none; padding-right:15px; padding-left:15px; background-color:#f9f9f9; padding-bottom:15px; border:none; border-bottom:1px solid #eeeeee; } .ManagerGridview .dxgvDataRow { color:#666666; padding:0px; margin:0px; } .ManagerGridview .dxgvDataRow td.dxgv, .ManagerGridview .dxgvSelectedRow td.dxgv { min-height:35px; font-size:11px; padding:10px 15px 10px 15px; border:none; vertical-align:top; border-top:1px solid #eeeeee; text-align:left; white-space:normal; word-break:break-all; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .ManagerGridview .dxgvDataRow td.dxgv:first-child:not(.Thumb):not(.dx-ac) .ManagerGridview .dxgvDataRow td.dxgv:first-child:not([id]):not(.dx-ac), .ManagerGridview .dxgvSelectedRow td.dxgv:first-child:not([id]):not(.dx-ac) { padding:0; } .Log .ManagerGridview .dxgvDataRow td.dxgv:first-child:not([id]), .Log .ManagerGridview .dxgvDataRow td.dxgv:first-child:not(.Thumb), .Log .ManagerGridview .dxgvSelectedRow td.dxgv:first-child:not([id]) { padding:10px 15px 10px 17px; } .ManagerGridview .dxgvDataRow:last-child td.dxgv { border-bottom:1px solid #eeeeee; } .ManagerGridview .dxgvDataRow td.dxgv img, .ManagerGridview .dxgvSelectedRow td.dxgv img { float:left; } .ManagerGridview .dxgvDataRow td.Prime, .ManagerGridview .dxgvSelectedRow td.Prime { font-weight:bold; font-size:13px; min-width:200px; word-break:keep-all; overflow-wrap:break-word; } .ManagerGridview .dxgvSelectedRow td.dxgv { color:#354052; background-color:#efefef; } .ManagerGridview .dxgvDataRowAlt { background-color:#fdfdfd !important; } .ManagerGridview .dxgvCommandColumn { white-space:nowrap; } .ManagerGridview .dxeTextBox, .ManagerGridview .dxeButtonEdit { border:1px solid #d8d8d8 !important; } .ManagerGridview td.dxeCalendarFooter { padding:10px; } .FormFieldContainer td.dxeCalendarFooter > table > tbody > tr td:first-child .dxeCalendarButton { float:right; } .ManagerGridview .dxeCalendarButton { position:inherit !important; width:100px; } .ManagerGridview .dxeEditArea { font-size:11px; } .ManagerGridview .dxgvStatusBar { height:30px; border:0px; background-color:#eaeaea; border-spacing:0px; margin:0px; padding:0px; margin-top:15px; } .ManagerGridview .dxgvStatusBar td { margin:0px; padding:0px; color:#8a8a8a; font-size:11px; padding-left:1px !important; } .ManagerGridview #StatusBarTop { height:35px; background-color:#f3f3f3; padding:0px; border:1px solid #dae0d6; border-top:0px; } .ManagerGridview #StatusBarTop .GridViewFooterItems { padding-top:10px; padding-left:8px; float:left; } .ManagerGridview #StatusBarTop .GridViewFooterItemsPerPage { padding-top:8px; padding-right:4px; float:right; } .ManagerGridview #StatusBarTop .GridViewFooterSelect { font-size:11px; } .ManagerGridview #StatusBarBottom { height:35px; background-color:#eaeaea; margin-top:5px; float:right; } .ManagerGridview .dxGridView_gvHeaderFilter, .ManagerGridview .dxGridView_gvHeaderFilterActive { background-image:url('/resources/images/icons/GridviewHeaderFilterButton.svg'); background-position:center center; background-size:10px auto; cursor:pointer !important; padding:10px; } .ManagerGridview .dxGridView_gvFilterRowButton { background-image:url('/resources/images/icons/GridviewRowFilterButton.svg'); background-position:center center; background-size:14px auto; cursor:pointer !important; padding:10px; } .ManagerGridview .dxpcLite, .ManagerGridview .dxpc-content { width:auto !important; } .ManagerGridview .dxpcLite, .ManagerGridview .dxmLite .dxm-popup { margin-top:45px; border:1px solid #e7e3e3 !important; border-top:none !important; font-size:11px; } .ManagerGridview .dxpcLite, .ManagerGridview .dxpcLite * { cursor:default !important; } .ManagerGridview .dxmLite > div { overflow:visible !important; } .ManagerGridview .dxpcLite .dxeListBox { font-size:11px; } .ManagerGridview .dxmLite .dxm-popup { margin-top:18px; padding:0; } .ManagerGridview .dxpcLite .dxpc-mainDiv, .ManagerGridview .dxpcLite.dxpc-mainDiv, .ManagerGridview .dxdpLite .dxpc-mainDiv, .ManagerGridview .dxdpLite.dxpc-mainDiv { background-color:#f9f9f9; } .ManagerGridview .dxpcLite .dxpc-footer { background-color:#f9f9f9; border-bottom:1px solid #e7e3e3; } .ManagerGridview .dxpcLite .dxgvHFSC div { background-color:#e0e0e0 !important; } .ManagerGridview .dxpcLite .dxbButtonSys.dxbTSys { margin:5px 0; } .ManagerGridview .dxmLite, .ManagerGridview .dxmLite *, .ManagerGridview .dxpcLite, .ManagerGridview .dxpcLite * { transition:none !important; opacity: 1 !important; } .ManagerGridview .dxpcLite .dxpc-shadow, .ManagerGridview .dxmLite .dxm-shadow { border:none; -webkit-box-shadow: 0px 5px 10px 0px rgba(239, 239, 239, 0.75); -moz-box-shadow: 0px 5px 10px 0px rgba(239, 239, 239, 0.75); box-shadow: 0px 5px 10px 0px rgba(239, 239, 239, 0.75); } .ManagerGridview .dxpcLite .dxICheckBox { display:none; } .ManagerGridview .dxpcLite .dxichCellSys { padding:0; padding-right:5px; } .ManagerGridview .dxpcLite .dxeTAR { width:100%; } .ManagerGridview .dxpcLite .dxgvControl .dxgvHFSAC { padding:9px 0 0; } .ManagerGridview .dxpcLite .dxeListBox { background-color:#f9f9f9; } .ManagerGridview .dxpcLite .dxeListBoxItem { padding-left:14px; } .ManagerGridview .dxpcLite .dxeListBoxItemHover { background-color:transparent; cursor:pointer !important; } .ManagerGridview .dxpcLite .dxeTAR label { display:block; width:100%; cursor:pointer !important; font-size:11px; } .ManagerGridview .dxpcLite .dxeListBoxItemSelected { background-color:#efefef; color:black; } .ManagerGridview .dxmLite .dxm-gutter { background-image:none; background-color:#f9f9f9; } .ManagerGridview .dxmLite .dxm-hovered { background-color:transparent; border-color:transparent; } .ManagerGridview .dxmLite .dxm-content { padding-left:12px; } .ManagerGridview .dxmLite.dxm-ltr .dxm-popup .dxm-content .dxm-image.dxWeb_mSubMenuItem { margin-right:8px; } .Log .ManagerGridview .dxgvDataRow td:nth-child(3), .Log .ManagerGridview .dxgvTable tr td:nth-child(3) { display:none; } .gridview { } .gridview .dxgvDataRow { cursor:pointer; color:#000; } .gridview .dxgvDataRow td.Prime, .gridview .dxgvSelectedRow td.Prime { font-weight:normal; } .gridview .dxgvDataRow:hover, .gridview .dxgvDataRow:hover td { background-color:#ced7db; color:#2879ff; } .gridview .dxgvSelectedRow, .gridview .dxgvSelectedRow td, .gridview .dxgvSelectedRow td.dxgv { color:#000; background-color:inherit; } .gridview .dxgvDetailRow { background-color:#fff; } .gridview .dxgvDataRow td.dxgv, .gridview .dxgvSelectedRow td.dxgv { padding:15px; } .gridview .dxgvDataRow td.dxgv, .gridview .dxgvHeader { /*border:1px solid #fff !important;*/ vertical-align:middle; font-size:14px; } /*.gridview-interaction .dxgvDataRow td.dxgv, .gridview-interaction .dxgvHeader { border:1px solid #fff !important; }*/ .gridview .dxgvHeader, .gridview .dxgvHeader td { font-size:16px; font-weight:600; color:#000; } .gridview-exportvalues.values li { padding:0; } .gridview-exportvalues.values input { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; height: 100%; padding: 15px; text-align: left; width: 100%; } .gridview-exportvalues.values .dxbButton { background:none; color:inherit; height:auto; padding:0 8px; font-size:14px; } .gridview-detailrow { padding-left:50px; margin-left:18px; background-color:#fff; font-size:14px; } .GridViewShadeLeft { width:10px; left:0; height:calc(100% - 16px); position:absolute; top:50px; visibility:hidden; background: none; background:-moz-linear-gradient(left, rgba(194,194,194,0.65) 0%, rgba(194,194,194,0) 100%); background:-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(194,194,194,0.65)), color-stop(100%,rgba(194,194,194,0))); background:-webkit-linear-gradient(left, rgba(194,194,194,0.65) 0%,rgba(194,194,194,0) 100%); background:-o-linear-gradient(left, rgba(194,194,194,0.65) 0%,rgba(194,194,194,0) 100%); background:-ms-linear-gradient(left, rgba(194,194,194,0.65) 0%,rgba(194,194,194,0) 100%); background:linear-gradient(to right, rgba(194,194,194,0.65) 0%,rgba(194,194,194,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c2c2c2', endColorstr='#00c2c2c2',GradientType=1 ); } .GridViewShadeRight { height:calc(100% - 16px); right:15px; visibility:hidden; width:10px; position:absolute; top:-15px; background: none; background:-moz-linear-gradient(left, rgba(194,194,194,0) 0%, rgba(194,194,194,0.65) 100%); background:-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(194,194,194,0)), color-stop(100%,rgba(194,194,194,0.65))); background:-webkit-linear-gradient(left, rgba(194,194,194,0) 0%,rgba(194,194,194,0.65) 100%); background:-o-linear-gradient(left, rgba(194,194,194,0) 0%,rgba(194,194,194,0.65) 100%); background:-ms-linear-gradient(left, rgba(194,194,194,0) 0%,rgba(194,194,194,0.65) 100%); background:linear-gradient(to right, rgba(194,194,194,0) 0%,rgba(194,194,194,0.65) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c2c2c2', endColorstr='#a6c2c2c2',GradientType=1 ); } .dxgvControl { font-family:inherit; } .gridviewRelate { border:0; background-color:transparent; } .gridviewRelate .dxgvHeader, .gridviewRelate .dxgvHSDC { background-color:#cdcdcd; } .gridviewRelate .dxgvDataRow td.dxgv, .gridviewRelate .dxgvHeader { border-color:transparent; } .gridviewRelate .dxgvTable { background-color:transparent; } .gridviewRelate .dxgvDataRow td { text-align:left; } .gridviewRelate .dxgvDataRow .dxbButton img { width:22px; height:28px; } .gridviewRelate .dxgvDataRow .Thumb { padding-left:0; } .gridviewRelate .dxbButton:hover { background-color:inherit; } .gridviewRelate .dxgvHeader { padding-top:4px; padding-left:14px; } .gridviewRelate .dxgvHSDC { margin-bottom:2px; } .gridviewRelate .dxgvCSD::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } .gridviewRelate .dxgvCSD::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0,0,0,.5); -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5); } .gridview-statistics, .gridview-interaction { border:none; } .gridview-statistics .dxgvCSD, .gridview-statistics .dxgvTable, .gridview-statistics .dxgvFooter, .gridview-interaction .dxgvCSD, .gridview-interaction .dxgvTable, .gridview-interaction .dxgvFooter { background-color:#edeef2; } .gridview-statistics .dxgvHeader, .gridview-statistics .dxgvHeader td, .gridview-statistics .dxgvDataRow td.dxgv, .gridview-interaction .dxgvHeader, .gridview-interaction .dxgvHeader td, .gridview-interaction .dxgvDataRow td.dxgv { font-size:14px; } .gridview-statistics .dxgvDataRow td.dxgv, .gridview-statistics .dxgvHeader, .gridview-interaction .dxgvDataRow td.dxgv, .gridview-interaction .dxgvHeader { border:1px solid #fff !important; } .gridview-statistics .dxgvHeader, .gridview-statistics .interaction, .gridview-interaction .dxgvHeader, .gridview-interaction .interaction { font-weight:bold; } .gridview-statistics .dxgvHeader .dxgvHCEC { font-weight:normal; } .gridview-statistics .dxgvHSDC .dxgvTable tbody > tr:nth-child(2) > td:first-child { padding-left:18px; text-align:left; } .gridview-statistics .dxgvHSDC .dxgvTable tbody > tr:nth-child(2) > td { text-align:left; padding-left:15px; } .gridview-statistics .dxgvHSDC .dxgvTable tbody > tr:nth-child(2) > td:first-child .dxgvHCEC { font-weight:bold; } .gridview-statistics .dxgvCSD { /*min-height:224px;*/ } .gridview-statistics .dxgvSelectedRow, .gridview-statistics .dxgvSelectedRow td, .gridview-statistics .dxgvSelectedRow td.dxgv { color:#000; background-color:inherit; } /*.gridview-interaction .dxgvSelectedRow, .gridview-interaction .dxgvSelectedRow td, .gridview-interaction .dxgvSelectedRow td.dxgv { background-color:#ced7db; color:#2879ff; }*/ .gridview-statistics .dxgvDataRow:hover, .gridview-statistics .dxgvDataRow:hover td, .gridview-statistics .dxgvSelectedRow:hover, .gridview-statistics .dxgvSelectedRow:hover td, .gridview-interaction .dxgvDataRow:hover, .gridview-interaction .dxgvDataRow:hover td, .gridview-interaction .dxgvSelectedRow:hover, .gridview-interaction .dxgvSelectedRow:hover td { background-color:#ced7db; color:#2879ff; } .gridview-interaction .gridview-detailrow { padding:30px 30px 30px 80px; margin:0; } .gridview-interaction .dxgvDetailCell { padding:0 !important; } .gridview-statistics .dxgvFSDC { /*border-top:4px solid #fff;*/ } .gridview-statistics .dxgvFooter td.dxgv { text-align:center !important; border:1px solid #fff; background-color:#dcdcdc; font-size:14px; } .gridview-statistics .dxgvCSD .dxgvTable .dxgvDataRow td.dxgv.dx-ac, .gridview-statistics .dxgvCSD .dxgvTable .dxgvSelectedRow td.dxgv.dx-ac, .gridview-statistics .dxgvDetailCell td.dxgv, .gridview-statistics .dxgvEditFormDisplayRow td.dxgv, .gridview-statistics .dxgvDataRow td.dxgv, .gridview-statistics .dxgvDetailRow.dxgvADR td.dxgvAIC, .gridview-statistics .dxgvFooter .dxgv, .gridview-interaction .dxgvCSD .dxgvTable .dxgvDataRow td.dxgv.dx-ac, .gridview-interaction .dxgvCSD .dxgvTable .dxgvSelectedRow td.dxgv.dx-ac, .gridview-interaction .dxgvDetailCell td.dxgv, .gridview-interaction .dxgvEditFormDisplayRow td.dxgv, .gridview-interaction .dxgvDataRow td.dxgv, .gridview-interaction .dxgvDetailRow.dxgvADR td.dxgvAIC, .gridview-interaction .dxgvFooter .dxgv, .gridview-interaction .dxgvHeader { padding:18px; } .gridview-statistics .dxgvSelectedRow, .gridview-statistics .dxgvSelectedRow td, .gridview-statistics .dxgvSelectedRow td.dxgv, .gridview-statistics .dxgvSelectedRow td.dxgv.dx-ac { background-color:#3d7aff; color:#fff; } /*.dxgvHEC, .dxgvArm td:last-child { display:none; }*/ .gridview-statistics .dxgvHEC, .gridview-statistics .dxgvArm td:last-child { display:none; } /*.gridview-interaction .dxgvCSD::-webkit-scrollbar { -webkit-appearance: none; width: 7px; background-color:#fff; }*/ /*.gridview-interaction .dxgvCSD::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0,0,0,.5); -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5); }*/ .gridview-statistics .dxgvFCSD::-webkit-scrollbar { -webkit-appearance: none; width: 5px; height:10px; background-color:#fff; } .gridview-statistics .dxgvFCSD::-webkit-scrollbar-thumb { border-radius: 8px; background-color: rgba(0,0,0,.5); -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5); } .gridview-white { background-color:#fff; border:1px solid #CED7DB; } .gridview-white .dxgvDataRow td { border-bottom:1px solid #ccc !important; } /* .card-container .card-gridview .dxgvHSDC { border-bottom:1px Solid #9F9F9F; }*/ /*.gridview-statistics .dxgvEditFormDisplayRow td.dxgv, .dxgvDetailCell td.dxgv, .gridview-statistics .dxgvDataRow td.dxgv, .gridview-statistics .dxgvDetailRow.dxgvADR td.dxgvAIC*/ /*.gridview-statistics .dxgvDataRow td.dxgv, .gridview-statistics .dxgvSelectedRow td.dxgv { padding:15px; border:none; vertical-align:top; border-top:1px solid #eeeeee; white-space:normal; word-break:break-all; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }*/ .card-container .card-gridview { background-color:#fff; border:1px solid #CED7DB; } .card-container .card-gridview .dxgvHSDC { border-bottom:1px Solid #9F9F9F; } .card-container .card-gridview .dxgvHeader { background-color: #fff; color:#a0abbf; border:0; } .card-container .card-gridview .dxgvHeader table { color:#000; font-size:13px; font-weight:600; } .card-container .card-gridview .dxgvDataRow > td { border-right:0; } .card-container .card-gridview .dxgvDataRow:hover { background-color:#ced7db; color:#2879ff; cursor:pointer; } .card-container .card-gridview .dxgvStatusBar { display:none } .card-container .card-gridview .dxgvEmptyDataRow > td { border-bottom:none; } .card-container .card-gridview .dxgvSelectedRow { background-color:inherit; color:inherit; } .card-container .card-gridview .dxgvDataRow, .card-container .card-gridview .dxgvSelectedRow { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .card-container .dxgvEditFormDisplayRow td.dxgv, .card-container .dxgvDetailCell td.dxgv, .card-container .dxgvDataRow td.dxgv, .card-container .dxgvDetailRow.dxgvADR td.dxgvAIC, .card-container .dxgvHeader { padding:12px; } .card-container .card-gridview { font-family: 'prnv', Arial, sans-serif; } .card-container .card-gridview .dxgvLoadingPanel { display:none; } .card-container .card-gridview .dxgvCSD .dxgvLoadingPanel { display:inline-block; } .card-container .card-loader { height: 5px; width: 100%; position: absolute; overflow: hidden; background-color: #edeef2; top:0; left:0; } .card-container .card-loader:before { display: block; position: absolute; content: ""; left: -200px; width: 200px; height: 5px; background-color: #2980b9; } .card-container .card-loader.active:before { animation: content-panel-loading 1s linear infinite; animation-iteration-count:infinite; } .card-container .record:not([data-uniqueid]) { display:none; } @keyframes content-panel-loading { from {left: -200px; width: 30%;} 50% {width: 30%;} 70% {width: 70%;} 80% {left: 50%;} 95% {left: 120%;} to {left: 100%;} } @media screen and (max-width:1280px) { .dxgvFilterRow .dxgv .dxeTAR { display:none; } } @media screen and (max-width:640px) { .GridViewContainer { margin-top:-15px; overflow-x:scroll; } .GridViewInnerContainer { min-width:1180px; } .GridViewShadeLeft { height:calc(100% - 17px); } .GridViewShadeRight { right:0px; height:calc(100% - 17px); } } @media (min-device-width:1200px) { .GridViewShadeLeft { height:calc(100% - 16px); } .GridViewShadeRight { height:calc(100% - 16px); } } /*@media screen and (max-width:1500px) { .GridViewContainer { overflow:hidden; overflow-x:scroll !important; } } @media screen and (min-width:1500px) { .GridViewContainer { overflow:hidden; overflow-x:hidden !important; } }*/ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ /* File uploads */ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ .uploadTool .uploadProgress { float:none; clear:both; font-size:13px; } .uploadTool .uploadProgress progress { width:100%; height:4px; background-color:#A4A4A4; border-radius: 9px; border:0; } .uploadTool .uploadProgress progress::-webkit-progress-value { background:#2878ff; } .uploadTool .uploadProgress progress::-moz-progress-bar { background: #2878ff; } .uploadTool .uploadProgress progress { color: #2878ff; } .uploadTool .uploadProgress div:first-child { text-align:right; } .uploadTool .uploadProgress div:nth-child(2) { margin-top:-8px; } .uploadTool .uploadProgress div:last-child { text-align:left; padding-top:2px; } .uploadTool .placeholderErrorMessage { float:right; display:none; color:red; } .uploadTool .placeholderDataTransferredComplete { float:right; display:none; } .uploadTool .filesToUpload { position:absolute; top:-3000px; left:-3000px; } .uploadTool .illustration .overlay, .uploadTool .attachment .overlay { color:white; position:absolute; top:0; left:0; font-size:28px; font-weight:normal; } .uploadTool .illustration .overlay span, .uploadTool .attachment .overlay span { padding:8px 10px; background:rgba(0,0,0,0.5); float:left; } .uploadTool .illustration .overlay span:hover, .uploadTool .attachment .overlay span:hover { color:#2878ff; } .uploadTool .illustration .overlay span.handle, .uploadTool .attachment .overlay span.handle { cursor: -webkit-grab; cursor: -moz-grab; cursor:grab; position:relative; } .uploadTool .illustration .overlay span:hover:after, .uploadTool .attachment .overlay span:hover:after { font-family:"prnv"; } .uploadTool .illustration .overlay span.handle:hover:after, .uploadTool .attachment .overlay span.handle:hover:after { color:white; content:'Klik en hou ingedrukt om te verslepen'; position:absolute; top:46px; left:0; background:rgba(0,0,0,0.5); font-size:16px; padding:5px 12px; width:180px; } .uploadTool .illustration .overlay span.unbind, .uploadTool .attachment .overlay span.unbind { cursor:pointer; } .uploadTool .illustration .overlay span.unbind:hover:after, .uploadTool .attachment .overlay span.unbind:hover:after { color:white; content:'Klik hier om deze afbeelding te verwijderen'; position:absolute; top:46px; left:0; background:rgba(0,0,0,0.5); font-size:16px; padding:5px 12px; width:180px; } .uploadTool .attachment .overlay span.unbind:hover:after { content:'Klik hier om dit bestand te verwijderen'; } .uploadTool .illustration .overlay span.thumb, .uploadTool .attachment .overlay span.thumb { cursor:pointer; } .uploadTool .illustration .overlay span.thumb:hover:after { color:white; content:'Klik hier om deze foto in te stellen als thumbnail'; position:absolute; top:46px; left:0; background:rgba(0,0,0,0.5); font-size:16px; padding:5px 12px; width:200px; } .uploadTool .sortable-ghost { background-color:#ced7db; } .uploadTool .illustration, .uploadTool .attachment { transition:background-color 200ms ease-in-out; border-bottom:1px solid #ccc; } .uploadTool .illustration:first-of-type, .uploadTool .attachment:first-of-type { border-top:1px solid #ccc; } .uploadTool .illustration .thumb img, .uploadTool .attachment .thumb img { width:100%; pointer-events: none; } .uploadTool .dropzone { border:2px dashed transparent; min-height:100px; } .uploadTool .dropzone.dragover { } .selection-tool .selection-thumb { width:500px; height:340px; } .selection-tool .selection-thumb img { max-width:100%; max-height:100%; } .selection-tool .selection-thumb { position:relative; z-index:900; } .selection-tool .selection-thumb img { cursor:crosshair; } .selection-tool .selection-thumb img[src*="no-image"] { cursor:default; } .selection-tool .selection-thumb .imgareaselect-border1 { background: url(/admin/resources/images/elements/border-anim-v.gif) repeat-y left top; } .selection-tool .selection-thumb .imgareaselect-border2 { background: url(/admin/resources/images/elements/border-anim-h.gif) repeat-x left top; } .selection-tool .selection-thumb .imgareaselect-border3 { background: url(/admin/resources/images/elements/border-anim-v.gif) repeat-y right top; } .selection-tool .selection-thumb .imgareaselect-border4 { background: url(/admin/resources/images/elements/border-anim-h.gif) repeat-x left bottom; } .selection-tool .selection-thumb .imgareaselect-border1, .selection-tool .selection-thumb .imgareaselect-border2, .selection-tool .selection-thumb .imgareaselect-border3, .selection-tool .selection-thumb .imgareaselect-border4 { filter: alpha(opacity=50); opacity: 0.5; } .selection-tool .selection-thumb .imgareaselect-handle { background-color: #fff; border: solid 1px #000; filter: alpha(opacity=50); opacity: 0.5; } .selection-tool .selection-thumb .imgareaselect-outer { background-color: #000; filter: alpha(opacity=50); opacity: 0.5; } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { .uploadTool .illustration .overlay span.handle:hover:after { width:130px; } .uploadTool .illustration .overlay span.unbind:hover:after { width:130px; } .uploadTool .illustration .overlay span.thumb:hover:after { width:130px; } } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { .uploadTool .illustration .overlay span.handle:hover:after { width:200px; } .uploadTool .illustration .overlay span.unbind:hover:after { width:200px; } .uploadTool .illustration .overlay span.thumb:hover:after { width:200px; } } /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ /* Card flipper */ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ .card-flipper { transition: 0.6s; /*transform-style: preserve-3d;*/ position: relative; -webkit-transition: 0.6s; /*-webkit-transform-style:preserve-3d;*/ } .card-flipper .front, .card-flipper .back { backface-visibility: hidden; transition: 0.6s; /*transform-style: preserve-3d;*/ -webkit-transition: 0.6s; /*-webkit-transform-style:preserve-3d;*/ -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; } .card-container { perspective: 1000px; /*transform-style: preserve-3d;*/ position:relative; -webkit-perspective:1000px; /*-webkit-transform-style:preserve-3d;*/ z-index:200; } .card-flipper .front { /*z-index: 2;*/ transform: rotateY(0deg); position:static; -webkit-transform: rotateY(0deg); visibility:visible; } .card-container.flip .front { transform: rotateY(180deg); -webkit-transform:rotateY(180deg); visibility:hidden; } .card-flipper .back { /*z-index: 2;*/ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); position:absolute; top:0; width:100%; visibility:hidden; } .card-container.flip .back { transform: rotateY(0deg); -webkit-transform: rotateY(0deg); visibility:visible; } .card-flipper .front .block, .card-flipper .back .block { height:500px; } .card-flipper .front .block, .card-flipper .back .block { overflow:hidden; transition:height linear, height linear; transition-duration:0.2s; transition-delay:0; -webkit-transition:height linear, height linear; -webkit-transition-duration:0.2s; -webkit-transition-delay:0; } .card-container.flip .back .block { overflow:visible; } .card-flipper .footnote { margin-top:5px; background-color: #edeef2; padding: 30px; } .card-flipper .block .loader { top:150px; opacity:0; } .card-flipper .block .loader.active { opacity:1; } .card-flipper .block > .row { opacity:1; transition:opacity ease; transition-duration:0.5s; transition-delay:0; -webkit-transition:opacity ease; -webkit-transition-duration:0.5s; -webkit-transition-delay:0; } .card-flipper .instantHide { opacity:0; transition:none !important; -webkit-transition:none !important; } .card-container .norecords { margin-bottom:40px; color:gray; font-size:12px; text-align:center; } .card-container .columnTitles { display:none; } /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ /* Signup pages */ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ section.signup { } section.signup h1 { font-size:42px; line-height:42px; } section.signup h2 { font-size:38px; line-height:38px; } section.signup .leadin-text { font-size:18px; width:100%; } section.signup .leadin-text span { opacity:0.7; } section.signup .signup-text { font-size:18px; margin:0 15px; } section.signup .signup-title { margin:0 15px; } section.signup .signup-text span { opacity:0.7; } section.signup .signup-actions { margin:40px 15px 40px 15px; } section.signup .promo-personal { background-image:url('/resources/images/promo/signup_personal.jpg'); background-repeat:no-repeat; background-size:cover; height:600px; width:100%; } section.signup .promo-suppliers { background-image:url('/resources/images/promo/signup_suppliers.jpg'); background-repeat:no-repeat; background-size:cover; height:600px; width:100%; } section.signup .promo-advisors { background-image:url('/resources/images/promo/signup_advisors.jpg'); background-repeat:no-repeat; background-size:cover; height:600px; width:100%; } section.signup .promo-architects { background-image:url('/resources/images/promo/signup_architects.jpg'); background-repeat:no-repeat; background-size:cover; height:600px; width:100%; } section.questions .questions-title { font-size:52px; font-weight:bold; } section.questions .questions-text { opacity:0.7; font-size:18px; max-width:640px; } section.questions .sales { border-radius:50%; border:1px solid #999999; overflow:hidden; max-width:300px; max-height:300px; padding:10px; } section.questions .sales img { border-radius:50%; } section.signup-header { background-color:#000; position:relative; width:100%; } section.signup-header .header-image { background-repeat:no-repeat; background-size:cover; background-position:center; height:400px; width:100%; opacity:0.5; } section.signup-architect .header-image { background-image:url('/resources/images/promo/signup_architects.jpg'); } section.signup-supplier .header-image { background-image:url('/resources/images/promo/signup_suppliers.jpg'); } section.signup-advisor .header-image { background-image:url('/resources/images/promo/signup_advisors.jpg'); } section.signup-account .header-image { background-image:url('/resources/images/promo/signup_personal.jpg'); } section.signup-header .header-data { position:absolute; width:100%; top:0; } section.signup-header .header-title h1 { color:#fff; margin-top:30px; } section.signup-header .header-text { color:#fff; font-size:25px; max-width:600px; } section.signup-options .options-title { font-size:52px; font-weight:bold; color:#3b3d40; } section.signup-options .options-introtext { font-size:20px; color:#656b6f; } section.signup-options .option-title { color:#00c95c; font-size:19px; font-weight:bold; } section.signup-options .option-text { font-size:16px; color:#656b6f; margin-top:10px; } section.signup-table .container > .row { margin:0px; } section.signup-table, section.signup-table .signup-features { color:#656b6f; min-width:130px; } section.signup-table .signup-features .text-center { white-space:nowrap; } section.signup-table .signup-features-table { position:absolute; right:0; } section.signup-table .signup-features > .row { padding:10px 0; border-bottom:1px solid #ccc; cursor:default; } section.signup-table .signup-features > .row:nth-last-child(2) { border-bottom:none; } section.signup-table .signup-features > .row:first-child { border-bottom:2px solid #00c95c; } section.signup-table .signup-features > .row:nth-last-child(1) { border-bottom:2px solid #00c95c !important; } section.signup-table .signup-features > .row > div:first-child { font-size:18px; } section.signup-table .signup-features .row > div:nth-child(2), section.signup-table .signup-features .row > div:nth-child(3), section.signup-table .signup-features .row > div:nth-child(4) { text-align:center; } section.signup-table .signup-features span.fa-check { color:#00c95c; } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { section.signup .signup-left-fix { max-width:630px; float:right; } section.signup .leadin-text { width:90%; } section.signup .signup-text { margin:0 60px; max-width:420px; } section.signup .signup-title { margin:0 60px; } section.signup .signup-actions { margin:60px 60px 0 60px; } section.signup-table .signup-features-table { left:300px; } section.signup-table .signup-features { min-width:140px; } } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { section.signup .signup-left-fix { max-width:650px; } section.signup .signup-text { margin:0 80px; } section.signup .signup-title { margin:0 80px; } section.signup .signup-actions { margin:80px 80px 0 80px; } section.signup-table .signup-features { min-width:200px; } } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { section.signup h1 { font-size:52px; line-height:52px; } } /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ /* Footer */ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ section.sponsors .swiper-container { padding: 20px 0; background: #ffffff; } section.sponsors { margin:0 20px; } section.sponsors .swiper-slide { display: inline-block; width:auto; height: 137px; margin-right:50px; } section.sponsors .swiper-slide .record { height:100%; width:100%; display:table; text-align:center; } section.sponsors .swiper-slide .record > div { display:table-cell; vertical-align:middle; } section.sponsors .swiper-slide a { display:inline-block; padding:20px; } section.sponsors .swiper-slide img { max-height:75px; max-width:100px; } footer { background: #000; padding-top: 30px; padding-bottom: 30px; color: #fff; font-size: 12px; line-height: 20px; } footer .social { font-size: 25px; color:#fff; display:inline-block; } footer .social-intro { font-size:14px; font-weight:bold; color:#fff; display:inline-block; margin-right:20px; } footer .social div { display:inline-block; line-height:0; } footer .social a { margin-right: 25px; } footer .social a:hover { color: #2878FF; } footer .social a:last-child { margin-right: 0; } footer .social { /*opacity: 0;*/ transition: opacity 0.5s ease; } footer .social .archello { background-image: url('/resources/images/icons/media-archello-grey.svg'); background-position:center 1px; background-repeat: no-repeat; background-size: contain; fill:#cfd8dc; width:25px; display:inline-block; } footer .social .archello:hover { background-image: url('/resources/images/icons/media-archello.svg'); } footer .social .x { background-image: url('/resources/images/icons/media-x.svg'); background-position:center 1px; background-repeat: no-repeat; background-size: contain; fill:#fff; width:22px; display:inline-block; } footer .social .x:hover { background-image: url('/resources/images/icons/media-x-grey.svg'); } footer .social > a.facebook:hover { color: #3b5998; } footer .social > a.twitter:hover { color: #00aced; } footer .social > a.youtube:hover { color: #bb0000; } footer .social > a.linkedin { font-size:28px; } footer .social > a.linkedin:hover { color: #007bb6; } footer .social > a.google:hover { color: #cb2027; } footer .social > a.rss:hover { color:orangered; } /*footer .subscribe input[type="email"] { height: 50px; line-height: 50px; padding: 0 15px; border: none; float: left; color: #000; width: 200px; } footer .subscribe input[type="submit"] { display: inline-block; } footer .subscribe input[type="submit"]:hover { background: #414141; } footer .subscribe .btn { padding: 0 20px; }*/ .pageScroll { display:none; } .cookie-bar { color:#000; position:fixed; bottom:0; top:0; width:100%; z-index:500; } .cookie-content { border-top:5px solid #00c752; padding:20px 0px; background-color:#fff; width:100%; position:absolute; bottom:0; } .cookie-message { float:left; margin-bottom:0px; } .cookie-button { float:none; } .cookie-fade { height:100%; width:100%; background-color:#000; opacity:0.7; /*background: #fff; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );*/ } .cookie-table { border-bottom:1px solid #00c752; } .cookie-table tr td { padding:10px 30px 10px 0; } .cookie-table thead tr td { font-weight:bold; border-top:1px solid #00c752; border-bottom:1px solid #00c752; } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { footer { padding-top: 50px; padding-bottom: 50px; } } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { .cookie-message { margin-bottom:0; } .cookie-button { float:right; } } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { footer { font-size: 14px; } .extranet .pageScroll { display:block; bottom: 30px; cursor: pointer; height: 50px; right:30px; margin-left: 640px; position: fixed; width: 50px; z-index: 101; background-color:#000; transition:background-color 0.2s ease-in-out; } .extranet .pageScroll:hover { background-color:#2879ff; } .extranet .pageScroll::after { content:'\f106'; color:#fff; font-size:38px; text-align:center; padding-left:13px; position:absolute; top:3px; } } /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ /* Dialogs and notifications */ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ .dialogs { display:none; } .dialog { width: 100%; height: 100%; top: 0; left: 0; position: fixed; display: -webkit-box; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; pointer-events: none; z-index:6000; } .dialog-overlay { width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: 900; background: rgba(0, 0, 0, 0.8); opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; } .dialog-open .dialog-overlay { opacity: 1; pointer-events:all; } /* .dialog .dialog-btn-close { position:absolute; top:0; right:0; } .dialog .dialog-btn-close:after{ display: inline-block; content: "\00d7"; }*/ .dialog .dialog-btn-close { vertical-align: middle; border: none; color: inherit; border-radius: 50%; background: transparent; position: absolute; width: 32px; height: 32px; opacity: 0.6; top:10px; right:10px; transition:all 0.2s ease-in-out; } .dialog .dialog-btn-close:focus, .dialog .dialog-btn-close:hover { opacity: 1; background: rgba(128, 128, 128, 0.5); cursor:pointer; } .dialog .dialog-btn-close:active { background: rgba(128, 128, 128, 0.9); } .dialog .dialog-btn-close::before, .dialog .dialog-btn-close::after { content: " "; position: absolute; top: 50%; left: 50%; height: 20px; width: 4px; background-color: currentColor; } .dialog .dialog-btn-close::before { transform: translate(-50%, -50%) rotate(45deg); } .dialog .dialog-btn-close::after { transform: translate(-50%, -50%) rotate(-45deg); } .dialog-content { width: 80%; /*max-width: 560px;*/ min-width: 290px; background: #fff; padding: 30px; text-align: center; position: relative; z-index: 901; opacity: 0; margin-top:-150px; } .dialog-content .button { white-space: break-spaces; line-height: inherit; padding: 12px 0; } .dialog-big { max-width:720px; } .dialog-small { max-width:460px; } #promodialog .dialog-content { max-width:1060px; width:100%; margin-top:0; } .dialog-open .dialog-content { pointer-events:all; } .dialog .title { margin: 0; font-weight: bold; font-size: 34px; line-height:36px; } .dialog .text { font-size:17px; color:#656b6f; } .dialog .content { text-align:left; } .dialog .buttons .button { /*display:none;*/ /*margin:6px;*/ } .dialog .dialog-buttons .verticalButton { margin-bottom:10px; } #promodialog .buttons .button { display:block; margin:0; } .dialog .buttons table { width:100%; } .dialog .buttons[buttoncount='1'] table td { width:auto; } .dialog .buttons[buttoncount='2'] table td { width:50%; } .dialog .buttons[buttoncount='3'] table td { width:33%; } .dialog .buttons[buttoncount='4'] table td { width:25%; } .dialog.dialog-open .dialog-content, .dialog.dialog-close .dialog-content { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .dialog.dialog-open .dialog-content { -webkit-animation-name: anim-open; animation-name: anim-open; } .dialog.dialog-close .dialog-content { -webkit-animation-name: anim-close; animation-name: anim-close; } @-webkit-keyframes anim-open { 0% { opacity: 0; -webkit-transform: scale3d(1.1, 1.1, 1); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); } } @keyframes anim-open { 0% { opacity: 0; -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes anim-close { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: scale3d(0.9, 0.9, 1); } } @keyframes anim-close { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: scale3d(0.9, 0.9, 1); transform: scale3d(0.9, 0.9, 1); } } .notifications { position:fixed; right:30px; top:90px; z-index:30000; } .notification { width:300px; margin-top:10px; overflow:hidden; } .notification-icon { background-color:#3d7aff; width:65px; height:65px; float:left; background-image:url('/resources/images/icons/icon-check-white.svg'); background-position:center; background-repeat:no-repeat; background-clip:content-box; background-size:60%; } .notification-icon.failure { background-image:url('/resources/images/icons/icon-fail-white.svg'); } .notification-icon.comment { background-image:url('/resources/images/icons/icon-comment-white.svg'); } .notification-icon img { width:60%; height:60%; } .notification-content-wrapper { width:230px; height:65px; overflow:hidden; } .notification-content { background-color:#fff; border-top:1px solid #edeef2; border-bottom:1px solid #edeef2; border-right:1px solid #edeef2; position:relative; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1000, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1000, 0, 0, 1); width:300px; height:65px; display:table-cell; vertical-align:middle; } .notification-text { padding:0 15px; color:#414141; font-weight:bold; } .notification.notification-open .notification-icon { opacity:1; -webkit-animation: bounceIn 800ms linear both; animation: bounceIn 800ms linear both; } .notification.notification-open .notification-content { -webkit-animation: slideIn 1200ms linear both; animation: slideIn 1200ms linear both; } .notification.notification-close .notification-content { -webkit-animation-name: slideOut; animation-name: slideOut; -webkit-animation-duration: 0.25s; animation-duration: 0.25s; } .notification.notification-close .notification-text { opacity:0; transition:opacity 1s ease-in-out; transition-delay:0.1s; } .notification.notification-close .notification-icon { -webkit-animation: bounceOut 1000ms linear both; animation: bounceOut 1000ms linear both; animation-delay:0.4s; } @-webkit-keyframes slideIn { 0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1000, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1000, 0, 0, 1); } 49.05% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -583.095, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -583.095, 0, 0, 1); } 50.69% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -344.944, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -344.944, 0, 0, 1); } 52.32% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -203.57, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -203.57, 0, 0, 1); } 53.95% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -119.847, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -119.847, 0, 0, 1); } 57.27% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -40.522, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -40.522, 0, 0, 1); } 60.54% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -13.794, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -13.794, 0, 0, 1); } 73.71% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.158, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.158, 0, 0, 1); } 100% { opacity:1; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } } @keyframes slideIn { 0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1000, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1000, 0, 0, 1); } 49.05% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -583.095, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -583.095, 0, 0, 1); } 50.69% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -344.944, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -344.944, 0, 0, 1); } 52.32% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -203.57, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -203.57, 0, 0, 1); } 53.95% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -119.847, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -119.847, 0, 0, 1); } 57.27% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -40.522, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -40.522, 0, 0, 1); } 60.54% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -13.794, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -13.794, 0, 0, 1); } 73.71% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.158, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.158, 0, 0, 1); } 100% { opacity:1; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } } @-webkit-keyframes slideOut { 0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1000, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1000, 0, 0, 1); } } @keyframes slideOut { 0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1000, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1000, 0, 0, 1); } } @-webkit-keyframes bounceIn { 0% { -webkit-transform: matrix3d(0.4, 0, 0, 0, 0, 0.4, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.4, 0, 0, 0, 0, 0.4, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 2.72% { -webkit-transform: matrix3d(0.548, 0, 0, 0, 0, 0.644, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.548, 0, 0, 0, 0, 0.644, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 4.7% { -webkit-transform: matrix3d(0.67, 0, 0, 0, 0, 0.861, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.67, 0, 0, 0, 0, 0.861, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 5.45% { -webkit-transform: matrix3d(0.715, 0, 0, 0, 0, 0.936, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.715, 0, 0, 0, 0, 0.936, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 8.17% { -webkit-transform: matrix3d(0.87, 0, 0, 0, 0, 1.136, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.87, 0, 0, 0, 0, 1.136, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 9.41% { -webkit-transform: matrix3d(0.93, 0, 0, 0, 0, 1.181, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.93, 0, 0, 0, 0, 1.181, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 10.89% { -webkit-transform: matrix3d(0.992, 0, 0, 0, 0, 1.199, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.992, 0, 0, 0, 0, 1.199, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 14.01% { -webkit-transform: matrix3d(1.083, 0, 0, 0, 0, 1.144, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.083, 0, 0, 0, 0, 1.144, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 14.11% { -webkit-transform: matrix3d(1.085, 0, 0, 0, 0, 1.141, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.085, 0, 0, 0, 0, 1.141, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 17.06% { -webkit-transform: matrix3d(1.122, 0, 0, 0, 0, 1.042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.122, 0, 0, 0, 0, 1.042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 18.72% { -webkit-transform: matrix3d(1.127, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.127, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 20.18% { -webkit-transform: matrix3d(1.124, 0, 0, 0, 0, 0.963, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.124, 0, 0, 0, 0, 0.963, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 23.22% { -webkit-transform: matrix3d(1.102, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.102, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 24.32% { -webkit-transform: matrix3d(1.09, 0, 0, 0, 0, 0.941, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.09, 0, 0, 0, 0, 0.941, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 29.39% { -webkit-transform: matrix3d(1.034, 0, 0, 0, 0, 0.987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.034, 0, 0, 0, 0, 0.987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 29.93% { -webkit-transform: matrix3d(1.029, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.029, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 35.54% { -webkit-transform: matrix3d(0.988, 0, 0, 0, 0, 1.019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.988, 0, 0, 0, 0, 1.019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 35.56% { -webkit-transform: matrix3d(0.988, 0, 0, 0, 0, 1.019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.988, 0, 0, 0, 0, 1.019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 41.04% { -webkit-transform: matrix3d(0.976, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.976, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 47.89% { -webkit-transform: matrix3d(0.986, 0, 0, 0, 0, 0.994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.986, 0, 0, 0, 0, 0.994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 52.15% { -webkit-transform: matrix3d(0.995, 0, 0, 0, 0, 0.997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.995, 0, 0, 0, 0, 0.997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 60.22% { -webkit-transform: matrix3d(1.004, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.004, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 63.26% { -webkit-transform: matrix3d(1.004, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.004, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 72.55% { -webkit-transform: matrix3d(1.002, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.002, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 80% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 85.49% { -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } } @keyframes bounceIn { 0% { -webkit-transform: matrix3d(0.4, 0, 0, 0, 0, 0.4, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.4, 0, 0, 0, 0, 0.4, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 2.72% { -webkit-transform: matrix3d(0.548, 0, 0, 0, 0, 0.644, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.548, 0, 0, 0, 0, 0.644, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 4.7% { -webkit-transform: matrix3d(0.67, 0, 0, 0, 0, 0.861, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.67, 0, 0, 0, 0, 0.861, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 5.45% { -webkit-transform: matrix3d(0.715, 0, 0, 0, 0, 0.936, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.715, 0, 0, 0, 0, 0.936, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 8.17% { -webkit-transform: matrix3d(0.87, 0, 0, 0, 0, 1.136, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.87, 0, 0, 0, 0, 1.136, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 9.41% { -webkit-transform: matrix3d(0.93, 0, 0, 0, 0, 1.181, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.93, 0, 0, 0, 0, 1.181, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 10.89% { -webkit-transform: matrix3d(0.992, 0, 0, 0, 0, 1.199, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.992, 0, 0, 0, 0, 1.199, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 14.01% { -webkit-transform: matrix3d(1.083, 0, 0, 0, 0, 1.144, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.083, 0, 0, 0, 0, 1.144, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 14.11% { -webkit-transform: matrix3d(1.085, 0, 0, 0, 0, 1.141, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.085, 0, 0, 0, 0, 1.141, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 17.06% { -webkit-transform: matrix3d(1.122, 0, 0, 0, 0, 1.042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.122, 0, 0, 0, 0, 1.042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 18.72% { -webkit-transform: matrix3d(1.127, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.127, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 20.18% { -webkit-transform: matrix3d(1.124, 0, 0, 0, 0, 0.963, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.124, 0, 0, 0, 0, 0.963, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 23.22% { -webkit-transform: matrix3d(1.102, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.102, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 24.32% { -webkit-transform: matrix3d(1.09, 0, 0, 0, 0, 0.941, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.09, 0, 0, 0, 0, 0.941, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 29.39% { -webkit-transform: matrix3d(1.034, 0, 0, 0, 0, 0.987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.034, 0, 0, 0, 0, 0.987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 29.93% { -webkit-transform: matrix3d(1.029, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.029, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 35.54% { -webkit-transform: matrix3d(0.988, 0, 0, 0, 0, 1.019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.988, 0, 0, 0, 0, 1.019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 35.56% { -webkit-transform: matrix3d(0.988, 0, 0, 0, 0, 1.019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.988, 0, 0, 0, 0, 1.019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 41.04% { -webkit-transform: matrix3d(0.976, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.976, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 47.89% { -webkit-transform: matrix3d(0.986, 0, 0, 0, 0, 0.994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.986, 0, 0, 0, 0, 0.994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 52.15% { -webkit-transform: matrix3d(0.995, 0, 0, 0, 0, 0.997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.995, 0, 0, 0, 0, 0.997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 60.22% { -webkit-transform: matrix3d(1.004, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.004, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 63.26% { -webkit-transform: matrix3d(1.004, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.004, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 72.55% { -webkit-transform: matrix3d(1.002, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.002, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 80% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 85.49% { -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } } @-webkit-keyframes bounceOut { 0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 6.31% { -webkit-transform: matrix3d(0.616, 0, 0, 0, 0, 0.616, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.616, 0, 0, 0, 0, 0.616, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 12.51% { -webkit-transform: matrix3d(0.379, 0, 0, 0, 0, 0.379, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.379, 0, 0, 0, 0, 0.379, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 18.82% { -webkit-transform: matrix3d(0.229, 0, 0, 0, 0, 0.229, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.229, 0, 0, 0, 0, 0.229, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 25.03% { -webkit-transform: matrix3d(0.138, 0, 0, 0, 0, 0.138, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.138, 0, 0, 0, 0, 0.138, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 37.54% { -webkit-transform: matrix3d(0.048, 0, 0, 0, 0, 0.048, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.048, 0, 0, 0, 0, 0.048, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 50.05% { -webkit-transform: matrix3d(0.016, 0, 0, 0, 0, 0.016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.016, 0, 0, 0, 0, 0.016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 100% { -webkit-transform: matrix3d(0.001, 0, 0, 0, 0, 0.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.001, 0, 0, 0, 0, 0.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } } @keyframes bounceOut { 0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 6.31% { -webkit-transform: matrix3d(0.616, 0, 0, 0, 0, 0.616, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.616, 0, 0, 0, 0, 0.616, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 12.51% { -webkit-transform: matrix3d(0.379, 0, 0, 0, 0, 0.379, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.379, 0, 0, 0, 0, 0.379, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 18.82% { -webkit-transform: matrix3d(0.229, 0, 0, 0, 0, 0.229, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.229, 0, 0, 0, 0, 0.229, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 25.03% { -webkit-transform: matrix3d(0.138, 0, 0, 0, 0, 0.138, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.138, 0, 0, 0, 0, 0.138, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 37.54% { -webkit-transform: matrix3d(0.048, 0, 0, 0, 0, 0.048, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.048, 0, 0, 0, 0, 0.048, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 50.05% { -webkit-transform: matrix3d(0.016, 0, 0, 0, 0, 0.016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.016, 0, 0, 0, 0, 0.016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 100% { -webkit-transform: matrix3d(0.001, 0, 0, 0, 0, 0.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.001, 0, 0, 0, 0, 0.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { .dialog-content { width: 580px; } .dialog-content[data-content="brochures-additional"] { width:800px; } } /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ /* Feedback control */ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ #FeedbackControl .feedback-button { border:1px solid #757575; color:#757575; float:left; cursor:pointer; transform: rotate(270deg); transform-origin: left top 0; position:fixed; right:-50px; bottom:40px; padding:12px; background-color:#fff; transition: all 0.4s linear; border-bottom:none; z-index:100; } #FeedbackControl .feedback-button:hover { color: #fff; background-color: #000; border-color: #000; } .feedback-dialog .dialog-content { width:425px; } .feedback-dialog input { background: #EBEEF0; border: none; line-height: 50px; width: 100%; font-size: 16px; padding: 0 70px 0 20px; } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { } /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ /* Newsletter signup control */ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ #NewsletterSignup { margin-top:75px; } #NewsletterSignup.active { margin-top:45px; } #NewsletterSignup .subscribe-title { color:#fff; font-weight:bold; position:absolute; top:0; } #NewsletterSignup.active .subscribe-title { top:-25px; transition:top 0.2s ease-in-out; } #NewsletterSignup .subscribe-options { max-height:0px; color:#fff; margin-bottom:0; overflow:hidden; opacity:0; } #NewsletterSignup.active .subscribe-options { max-height:500px; transition:max-height 0.6s ease-in, opacity 0.2s ease-in 0.8s; margin-bottom:20px; opacity:1; } #NewsletterSignup .subscribe-options label { color:#fff; font-size:13px; } #NewsletterSignup .subscribe-questions li > span { opacity:0; } #NewsletterSignup.active .subscribe-questions li > span { opacity:1; transition:opacity 0.2s ease-in 0.8s; } #NewsletterSignup .subscribe-privacy { opacity:0; font-size:12px; margin-top:5px; } #NewsletterSignup.active .subscribe-privacy { opacity:1; transition:opacity 0.2s ease-in; transition-delay:0.6s; } #NewsletterSignup .subscribe { position:relative; } #NewsletterSignup .btn-next { display: inline-block; height: 50px; width:50px; position: absolute; right: 2px; top:0; transition: all 0.2s ease-in-out 0s; z-index:2001; opacity:1; background-color:transparent; } #NewsletterSignup .btn-next:hover { cursor:pointer; } #NewsletterSignup .btn-next:before { content: ""; height: 7px; left: 12px; position: absolute; top: 21px; width: 0px; z-index: 2002; background-color:#2878ff; transition: all 0.2s ease-in-out 0s; border-radius:3px; } #NewsletterSignup .btn-next:after { content:"\f061"; font-family: FontAwesome; font-size:30px; font-weight:100; color:#2878ff; position:absolute; right:10px; top:13px; width:0; overflow:hidden; transition: all 0.2s ease-in-out 0s; z-index: 2002; } #NewsletterSignup .btn-next.subscribe-next:after { overflow:visible; } #NewsletterSignup .btn-next:hover:before { background-color:#000; } #NewsletterSignup .btn-next:hover:after { color:#000; } #NewsletterSignup .btn-next:not(.subscribe-next) { pointer-events:none; } #NewsletterSignup .subscribe-field { width:100%; } #NewsletterSignup .subscribe-submit { position:absolute; top:0; right:0; height:52px; z-index:2000; transition:all 0.8s ease-in-out; width:110px; margin-right:0px; } #NewsletterSignup .subscribe-submit:hover { background-color:#000; } #NewsletterSignup .subscribe { margin-top:5px; } #NewsletterSignup .subscribe-inited { width:20px; height:7px; margin-right:20px; top:21px; border-radius:2px; } #NewsletterSignup .subscribe-next:before { width:20px; } #NewsletterSignup .subscribe-next:after { width:25px; } #NewsletterSignup .subscribe-paging { float:right; opacity:0; margin-right: 6px; text-align:center; } #NewsletterSignup .subscribe-pager { opacity:0; margin-top:8px; } #NewsletterSignup .subscribe-bar { background-color:#ccc; width:100%; height:3px; transition:all 0.2s ease-in-out; opacity:0; } #NewsletterSignup .subscribe-progress { background-color:#00c752; width:0; height:3px; transition:all 0.2s ease-in-out; } #NewsletterSignup .questions, #NewsletterSignup .subscribe-paging { margin: 0; padding: 0; list-style: none; position: relative; -webkit-transition: height 0.4s; transition: height 0.4s; } #NewsletterSignup .subscribe-paging { margin-right: 6px; } #NewsletterSignup .subscribe-paging label { font-weight:normal; } #NewsletterSignup .questions:before, #NewsletterSignup .subscribe-paging:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2.35em; } #NewsletterSignup .questions li, #NewsletterSignup .subscribe-paging li { z-index: 100; position: relative; visibility: hidden; height: 0; -webkit-transition: visibility 0s 0.4s, height 0s 0.4s; transition: visibility 0s 0.4s, height 0s 0.4s; } #NewsletterSignup .questions li span { font-weight:bold; } #NewsletterSignup .questions li.current, #NewsletterSignup .subscribe-paging li.current { visibility: visible; height: auto; -webkit-transition: none; transition: none; } #NewsletterSignup .questions .dxeButtonEditButton { border:none; } #NewsletterSignup .subscribe-paging li.current { z-index:0; } #NewsletterSignup .questions li > span, #NewsletterSignup .subscribe-paging li > span { display: block; overflow: hidden; } #NewsletterSignup .questions li > span label, #NewsletterSignup .subscribe-paging li > span label { display: block; -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; -webkit-transform: translateY(-100%); transform: translateY(-100%); } #NewsletterSignup .questions li.current > span label, #NewsletterSignup .subscribe-paging li.current > span label { -webkit-transition: none; transition: none; -webkit-transform: translateY(0); transform: translateY(0); } #NewsletterSignup .questions.show-next li.current > span label, #NewsletterSignup .subscribe-paging.show-next li.current > span label { -webkit-animation: moveUpFromDown 0.4s both; animation: moveUpFromDown 0.4s both; } #NewsletterSignup .subscribe-complete { font-size:24px; display:none; } #NewsletterSignup .questions .dxeButtonEdit input[type="text"] { height:49px; } @-webkit-keyframes moveUpFromDown { from { -webkit-transform: translateY(100%); } to { -webkit-transform: translateY(0); } } @keyframes moveUpFromDown { from { -webkit-transform: translateY(100%); transform: translateY(100%); } to { -webkit-transform: translateY(0); transform: translateY(0); } } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { } /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ /* Awards */ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ .awards { } .awards .block { padding: 15px; height:100%; } .awards .block.wide { padding:15px 0; } .awards .block.grey { background-color: #EBEFF0; } .awards .block .block-title { font-size:24px; font-weight:bold; line-height:28px; padding-bottom:20px; } /* Edge won't fix flickering bug: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/10440554/ */ .awards .award-pattern { position:relative; width:100%; /*height:100%;*/ z-index:1; background-clip:content-box; background-origin:border-box; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .awards .award-pattern::before { position:absolute; top:0; left:0; width:100%; height:100%; content: " "; transition:width 0.2s ease-in-out; z-index:-1; background-clip:content-box; background-origin:border-box; } .awards[data-edition='2018'] .award-pattern[data-pattern='1'], .awards[data-edition='2018'] .award-pattern[data-pattern='1']::before { /*background-size:126px;*/ background-size:63px; } .awards[data-edition='2018'] .award-pattern[data-pattern='2'], .awards[data-edition='2018'] .award-pattern[data-pattern='2']::before { /*background-size:240px;*/ background-size:100px; } .awards[data-edition='2018'] .award-pattern[data-pattern='3'], .awards[data-edition='2018'] .award-pattern[data-pattern='3']::before { /*background-size:138px;*/ background-size:95px; } .awards[data-edition='2018'] .award-pattern[data-pattern='4'], .awards[data-edition='2018'] .award-pattern[data-pattern='4']::before { /*background-size:255px;*/ background-size:85px; } .awards[data-edition='2018'] .award-pattern[data-pattern='5'], .awards[data-edition='2018'] .award-pattern[data-pattern='5']::before { /*background-size:20px;*/ background-size:160px; } .awards[data-edition='2018'] .award-pattern[data-pattern='6'], .awards[data-edition='2018'] .award-pattern[data-pattern='6']::before { /*background-size:40px;*/ background-size:120px; } .awards[data-edition='2018'] .award-pattern[data-pattern='7'], .awards[data-edition='2018'] .award-pattern[data-pattern='7']::before { /*background-size:200px;*/ background-size:120px; } .awards[data-edition='2018'] .award-pattern[data-pattern='8'], .awards[data-edition='2018'] .award-pattern[data-pattern='8']::before { /*background-size:200px;*/ background-size:63px; } .awards:not([data-edition='2018']) .award-pattern, .awards:not([data-edition='2018']) .award-pattern::before, .awards[data-edition='2019'] .award-pattern, .awards[data-edition='2019'] .award-pattern::before, .awards[data-edition='2020'] .award-pattern, .awards[data-edition='2020'] .award-pattern::before, .awards[data-edition='2021'] .award-pattern, .awards[data-edition='2021'] .award-pattern::before, .awards[data-edition='2022'] .award-pattern, .awards[data-edition='2022'] .award-pattern::before { background-size:220px; } .awards.awards-overview h1 { font-size:32px; font-weight:bold; line-height:32px; } .awards.awards-overview h2 { font-size:18px; font-weight:bold; line-height:normal; } .awards.awards-overview .sponsors { box-sizing: border-box; font-size:10px; } .awards.awards-overview .sponsors .sponsors-main img { max-height:70px; max-width:160px; } .awards.awards-overview .sponsors .sponsors-sub img { max-height:60px; max-width:100px; } .awards.awards-overview .sponsors .logos { text-align:left; padding:0; margin:0; } .awards.awards-overview .sponsors .logos span { width: 80px; display: inline-block; } .awards.awards-overview .sponsors .logos a { display:inline-block; width:auto; vertical-align:middle; margin:5px; } .awards.awards-overview .sponsors .logos:after { display:inline-block; width:100%; content:''; } .awards.awards-overview .sponsors .logos:before { display:inline-block; width:100%; content:''; } .awards.awards-overview .sponsors .container-xl { border-top: 1px solid #EBEFF0; border-bottom: 1px solid #EBEFF0; } .awards.awards-overview .award-block { transition:all 0.4s ease-in-out; top:0px; } .awards.awards-overview .award-block a { text-decoration:none; } .awards.awards-overview .award-block .award-info { padding:30px; } .awards.awards-overview .award-block .award-title { font-size:24px; line-height:28px; font-weight:bold; } .awards.awards-overview .award-block .award-description { font-size:16px; line-height:24px; } .awards.awards-overview .footer h4 { font-size: 28px; font-weight: bold; line-height: 28px; } .awards.awards-overview .footer .description { font-size:16px; line-height:24px; } .awards.awards-overview .awards-event-year { font-weight:200; } .awards.awards-detail .header h1 { font-size:32px; font-weight:bold; line-height:32px; } .awards.awards-detail .awards-event-year { font-weight:200; } .awards.awards-detail .header h2 { font-size:18px; line-height:28px; font-weight:normal; } .awards.awards-detail .intro > .flex { display:initial; } .awards.awards-detail .intro > .flex > div:nth-child(2) { margin-right:0; margin-left:0; } .awards.awards-detail .intro .description { font-size:18px; font-weight:bold; line-height:22px; } .awards.awards-detail .intro .nominate .text { font-size: 34px; line-height: 36px; font-weight: bold; } .awards.awards-detail .intro .nominate .deadline { color: #BCBCBC; font-size: 14px; line-height: 16px; } .awards.awards-detail .article { margin:0; } .awards.awards-detail .article .text { font-size:16px; line-height:24px; } .awards.awards-detail .article .text a { display:inline; } .awards.awards-detail .jury a { text-decoration:none; } .awards.awards-detail .jury .jury-member { padding-bottom:30px; display:table; width:100%; } .awards.awards-detail .jury .jury-member > div { display:table-cell; } .awards.awards-detail .jury .jury-member .jury-member-profileimage { width: 45%; padding-right:15px; } .awards.awards-detail .jury .jury-member .jury-member-profileimage img { border-radius:50%; transition: all 0.15s ease-in-out; -webkit-transition: -webkit-transform 0.1s ease-in-out; -moz-transition: -moz-transform 0.1s ease-in-out; transform-style:preserve-3d; } .awards.awards-detail .jury .jury-member .jury-member-profileimage img:hover { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); transform-style:preserve-3d; cursor:pointer; } .awards.awards-detail .jury .jury-member .jury-member-profile { vertical-align:middle; text-align:left; } .awards.awards-detail .jury .jury-member .jury-member-name { font-size:18px; font-weight:bold; line-height:22px; } .awards.awards-detail .jury .jury-member .jury-member-function { font-size:16px; line-height:24px; font-style:italic; max-width:150px; } .awards.awards-detail .sponsors a.sponsor img { width:auto !important; height:auto !important; max-width:100px; max-height:70px; } .awards.awards-detail .sponsors a.mainsponsor img { width:auto !important; height:auto !important; max-width:180px; max-height:90px; } .awards.awards-detail .nominees .cta { border:1px solid #2878FF; padding:30px; font-size: 24px; font-weight: bold; color:#2878FF; line-height: 28px; } .awards.awards-detail .nominees .cta [data-container='validation'] { color:red; font-size:14px; display:block; font-weight:normal; display:none; } .awards.awards-detail .nominees .record-tag { font-size:16px; font-weight:bold; /*padding:4px 6px 2px 4px;*/ } /* .awards.awards-detail .nominees .record-tag .material-icons { font-size:18px; margin-right:5px; line-height:normal; }*/ .awards.awards-detail .nominees .winner { display:flex; position:relative; justify-content:center; width:90px; } .awards.awards-detail .nominees .goblet { position:absolute; height:80px; width:76px; display:block; background-image:url('/resources/images/awards/goblet-purple.png'); background-repeat:no-repeat; background-position:center center; background-size:contain; bottom:27px; } .awards.awards-detail .nominees .record[data-type="news"] .record-tag .goblet, .awards.awards-detail .nominees .record[data-module="articles"] .record-tag .goblet { background-image:url('/resources/images/awards/goblet-green.png'); } .awards.awards-detail .award-validateaccount { z-index:5001; position:fixed; top:0; left:0; bottom:0; right:0; margin-top:50px; opacity:0; pointer-events:none; transition:opacity 0.4s; } .awards.awards-detail .award-validateaccount.open { pointer-events:all; opacity:1; transition:opacity 0.2s; visibility:visible; } .awards.awards-detail .award-votedialog { z-index:5001; position:fixed; top:0; left:0; bottom:0; right:0; margin-top:50px; opacity:0; pointer-events:none; visibility:hidden; transition:opacity 0.4s; overflow:visible; } .awards.awards-detail .award-votedialog { transform:scale(0.8); position:absolute; height:200vh; top:-90px; } .awards.awards-detail .award-votedialog.open { pointer-events:all; opacity:1; transition:opacity 0.2s; visibility:visible; } .awards.awards-detail .award-votedialog .dialog-title { font-size: 24px; color:#fff; text-align:center; padding:30px; } .awards.awards-detail .award-votedialog .dialog-text { font-size: 15px; color:#fff; text-align:left; } .awards.awards-detail .award-votedialog .dialog-records .record { background-color:#fff; height:60px; cursor:pointer; margin-bottom:20px; } .awards.awards-detail .award-votedialog .dialog-records .record:hover { background-color: #EBEFF0; } .awards.awards-detail .award-votedialog .dialog-records .record .title { font-size:18px; font-weight:bold; vertical-align:middle; padding:0 20px; } .awards.awards-detail .award-votedialog .dialog-records .record .thumb { width:1px; } .awards.awards-detail .award-votedialog .dialog-records .record .thumb img { max-height:60px; display:inline-block; } .awards.awards-detail .award-votedialog .dialog-records .record .selection { width:60px; border-left:1px solid #ccc; vertical-align:top; position:relative; overflow:hidden; } .awards.awards-detail .award-votedialog .dialog-records .record .selection .selected { transition:all 0.4s; transform: scale(0); visibility: hidden; background-color:#2878FF; width:60px; height:60px; padding:0; margin:0; opacity:0; border-radius:50%; } .awards.awards-detail .award-votedialog .dialog-records .record .selection.active .selected { transition:all 0.4s; transform: scale(2); visibility:visible; opacity:1; } .awards.awards-detail .award-votedialog .dialog-records .record .selection .checked { width:26px; height:26px; border:1px solid #ccc; border-radius:50%; position:absolute; top:18px; left:18px; background-color:#fff; } .awards.awards-detail .award-votedialog .dialog-records .record .selection.active .checked { border:1px solid #fff; } .awards.awards-detail .award-votedialog .btn { border:1px solid #2878FF; } .awards.awards-detail .award-votedialog .btn-submit { font-size:20px; } .awards.awards-detail .award-votedialog-1 .btn-submit { padding:20px 0; } .awards.awards-detail .award-votedialog .btn:hover { border:1px solid #fff; } .awards.awards-detail .award-votedialog .dialog-button { } .awards.awards-detail .award-votedialog-1, .awards.awards-detail .award-votedialog-2, .awards.awards-detail .award-votedialog-3 { pointer-events:none; transform:scale(0.8); opacity:0; transition:all 0.2s ease; position:absolute; width:100%; } .awards.awards-detail .award-votedialog-1.show, .awards.awards-detail .award-votedialog-2.show, .awards.awards-detail .award-votedialog-3.show { transform:scale(1); pointer-events:all; transition:all 0.2s ease; opacity:1; } .awards.awards-detail .award-votedialog-3 .dialog-records { height:1px; transition:height 0.2s ease-in-out; } .awards.awards-detail .award-votedialog-3 .dialog-records .record { max-height:70px; overflow:hidden; padding:10px; transform:scale(0.85) } .awards.awards-detail .award-votedialog-3 .dialog-records .record.selected { background-color:#2878FF; } .awards.awards-detail .award-votedialog-3 .dialog-records .record-title { font-size:14px; margin:0; } .awards.awards-detail .award-votedialog-3 .dialog-records .record.selected .record-title { color:#fff; } .awards.awards-detail .award-votedialog-3 .dialog-records .record-logo { max-height:50px; max-width:50px; } .awards.awards-detail .award-votethanks { color: #fff; font-size: 48px; font-weight: bold; position: fixed; z-index: 5002; text-align: center; margin-left: auto; margin-right: auto; left: 0; right: 0; vertical-align: middle; top: 45%; display:none; max-width:calc(100vw - 40px); } @media only screen and (max-width : 768px) { .awards-detail .container > .row { margin:0; } .awards.awards-overview .award-pattern { position:absolute; height:100%; } .awards.awards-overview .award-block:hover .award-pattern[data-align-xs='left']::before { width:100%; } .awards.awards-overview .award-block:hover .award-pattern[data-align-xs='right']::before { width:0%; } .awards .award-pattern[data-pattern='1'][data-align-xs='left'] { background-image:url('/resources/images/awards/pattern1a.svg'); } .awards .award-pattern[data-pattern='1'][data-align-xs='left']::before { background-image:url('/resources/images/awards/pattern1b.svg'); } .awards .award-pattern[data-pattern='1'][data-align-xs='right'] { background-image:url('/resources/images/awards/pattern1b.svg'); } .awards .award-pattern[data-pattern='1'][data-align-xs='right']::before { background-image:url('/resources/images/awards/pattern1a.svg'); } .awards .award-pattern[data-pattern='2'][data-align-xs='left'] { background-image:url('/resources/images/awards/pattern2a.svg'); } .awards .award-pattern[data-pattern='2'][data-align-xs='left']::before { background-image:url('/resources/images/awards/pattern2b.svg'); } .awards .award-pattern[data-pattern='2'][data-align-xs='right'] { background-image:url('/resources/images/awards/pattern2b.svg'); } .awards .award-pattern[data-pattern='2'][data-align-xs='right']::before { background-image:url('/resources/images/awards/pattern2a.svg'); } .awards .award-pattern[data-pattern='3'][data-align-xs='left'] { background-image:url('/resources/images/awards/pattern3a.svg'); } .awards .award-pattern[data-pattern='3'][data-align-xs='left']::before { background-image:url('/resources/images/awards/pattern3b.svg'); } .awards .award-pattern[data-pattern='3'][data-align-xs='right'] { background-image:url('/resources/images/awards/pattern3b.svg'); } .awards .award-pattern[data-pattern='3'][data-align-xs='right']::before { background-image:url('/resources/images/awards/pattern3a.svg'); } .awards .award-pattern[data-pattern='4'][data-align-xs='left'] { background-image:url('/resources/images/awards/pattern4a.svg'); } .awards .award-pattern[data-pattern='4'][data-align-xs='left']::before { background-image:url('/resources/images/awards/pattern4b.svg'); } .awards .award-pattern[data-pattern='4'][data-align-xs='right'] { background-image:url('/resources/images/awards/pattern4b.svg'); } .awards .award-pattern[data-pattern='4'][data-align-xs='right']::before { background-image:url('/resources/images/awards/pattern4a.svg'); } .awards .award-pattern[data-pattern='5'][data-align-xs='left'] { background-image:url('/resources/images/awards/pattern5a.svg'); } .awards .award-pattern[data-pattern='5'][data-align-xs='left']::before { background-image:url('/resources/images/awards/pattern5b.svg'); } .awards .award-pattern[data-pattern='5'][data-align-xs='right'] { background-image:url('/resources/images/awards/pattern5b.svg'); } .awards .award-pattern[data-pattern='5'][data-align-xs='right']::before { background-image:url('/resources/images/awards/pattern5a.svg'); } .awards .award-pattern[data-pattern='6'][data-align-xs='left'] { background-image:url('/resources/images/awards/pattern6a.svg'); } .awards .award-pattern[data-pattern='6'][data-align-xs='left']::before { background-image:url('/resources/images/awards/pattern6b.svg'); } .awards .award-pattern[data-pattern='6'][data-align-xs='right'] { background-image:url('/resources/images/awards/pattern6b.svg'); } .awards .award-pattern[data-pattern='6'][data-align-xs='right']::before { background-image:url('/resources/images/awards/pattern6a.svg'); } .awards .award-pattern[data-pattern='7'][data-align-xs='left'] { background-image:url('/resources/images/awards/pattern7a.svg'); } .awards .award-pattern[data-pattern='7'][data-align-xs='left']::before { background-image:url('/resources/images/awards/pattern7b.svg'); } .awards .award-pattern[data-pattern='7'][data-align-xs='right'] { background-image:url('/resources/images/awards/pattern7b.svg'); } .awards .award-pattern[data-pattern='7'][data-align-xs='right']::before { background-image:url('/resources/images/awards/pattern7a.svg'); } .awards .award-pattern[data-color='0'][data-align-xs='left']::before { background-color:#000000; } .awards .award-pattern[data-color='1'][data-align-xs='left']::before { background-color:#00C752; } .awards .award-pattern[data-color='2'][data-align-xs='left']::before { background-color:#AE318B; } .awards .award-pattern[data-color='3'][data-align-xs='left']::before { background-color:#FF6D3F; } .awards .award-pattern[data-color='4'][data-align-xs='left']::before { background-color:#2878FF; } .awards .award-pattern[data-color='0'][data-align-xs='right'] { background-color:#000000; } .awards .award-pattern[data-color='1'][data-align-xs='right'] { background-color:#00C752; } .awards .award-pattern[data-color='2'][data-align-xs='right'] { background-color:#AE318B; } .awards .award-pattern[data-color='3'][data-align-xs='right'] { background-color:#FF6D3F; } .awards .award-pattern[data-color='4'][data-align-xs='right'] { background-color:#2878FF; } .awards .award-pattern[data-align-xs='right']::before { background-color:#ffffff; } .awards .award-pattern[data-fill-xs='0']::before { width:0%; } .awards .award-pattern[data-fill-xs='25']::before { width:25%; } .awards .award-pattern[data-fill-xs='50']::before { width:50%; } .awards .award-pattern[data-fill-xs='75']::before { width:75%; } .awards .award-pattern[data-fill-xs='100']::before { width:100%; } .awards.awards-overview .sponsors .logos span { display:block; width:100%; } } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { .awards .block { padding: 30px; width:100%; } .awards .block.wide { padding:30px 0; } .awards .header-data { margin-left:-15px; } .awards .block .block-title { font-size:24px; line-height:28px; padding-bottom:30px; } .awards.awards-overview h1 { font-size:48px; line-height:48px; } .awards.awards-overview h2 { font-size:24px; } .awards.awards-overview .award-block[data-type='double'] .award-title { font-size:32px; line-height:32px; } .awards.awards-overview .award-block .award-pattern { height:350px; } .awards.awards-overview .award-block .award-description { font-size:18px; line-height:28px; } .awards.awards-overview .footer h4 { font-size: 32px; line-height: 32px; } .awards.awards-overview .footer .description { font-size:18px; line-height:28px; } .awards.awards-detail .header h1 { font-size:38px; line-height:38px; } .awards.awards-detail .header h2 { font-size:23px; line-height:28px; } .awards[data-phase='1'].awards-detail .intro > .flex { width:200%; display:flex; } .awards.awards-detail .intro > .flex > div:nth-child(2) { margin-right:30px; margin-left:-30px; } .awards.awards-detail .intro .description { font-size:18px; line-height:22px; } .awards.awards-detail .intro .nominate .text { font-size: 24px; line-height: 26px; } .awards.awards-detail .intro .nominate .deadline { font-size: 14px; line-height: 16px; } .awards.awards-detail .article .text { font-size:16px; line-height:24px; } .awards.awards-detail .award-votedialog .dialog-records .record { height:90px; } .awards.awards-detail .award-votedialog .dialog-records .record .title { font-size:24px; } .awards.awards-detail .award-votedialog .dialog-records .record .thumb img { max-height:90px; } .awards.awards-detail .award-votedialog .dialog-records .record .selection { width:90px; } .awards.awards-detail .award-votedialog .dialog-records .record .selection .selected { width:90px; height:90px; } .awards.awards-detail .award-votedialog .dialog-records .record .selection .checked { top:32px; left:32px; } .awards.awards-detail .footer > .container > .row { display:flex; } } @media only screen and (min-width : 768px) and (max-width : 992px) { .awards.awards-overview .award-block:hover .award-pattern[data-align-sm='left']::before { width:100%; } .awards.awards-overview .award-block:hover .award-pattern[data-align-sm='right']::before { width:0%; } .awards .award-pattern[data-pattern='1'][data-align-sm='left'] { background-image:url('/resources/images/awards/pattern1a.svg'); } .awards .award-pattern[data-pattern='1'][data-align-sm='left']::before { background-image:url('/resources/images/awards/pattern1b.svg'); } .awards .award-pattern[data-pattern='1'][data-align-sm='right'] { background-image:url('/resources/images/awards/pattern1b.svg'); } .awards .award-pattern[data-pattern='1'][data-align-sm='right']::before { background-image:url('/resources/images/awards/pattern1a.svg'); } .awards .award-pattern[data-pattern='2'][data-align-sm='left'] { background-image:url('/resources/images/awards/pattern2a.svg'); } .awards .award-pattern[data-pattern='2'][data-align-sm='left']::before { background-image:url('/resources/images/awards/pattern2b.svg'); } .awards .award-pattern[data-pattern='2'][data-align-sm='right'] { background-image:url('/resources/images/awards/pattern2b.svg'); } .awards .award-pattern[data-pattern='2'][data-align-sm='right']::before { background-image:url('/resources/images/awards/pattern2a.svg'); } .awards .award-pattern[data-pattern='3'][data-align-sm='left'] { background-image:url('/resources/images/awards/pattern3a.svg'); } .awards .award-pattern[data-pattern='3'][data-align-sm='left']::before { background-image:url('/resources/images/awards/pattern3b.svg'); } .awards .award-pattern[data-pattern='3'][data-align-sm='right'] { background-image:url('/resources/images/awards/pattern3b.svg'); } .awards .award-pattern[data-pattern='3'][data-align-sm='right']::before { background-image:url('/resources/images/awards/pattern3a.svg'); } .awards .award-pattern[data-pattern='4'][data-align-sm='left'] { background-image:url('/resources/images/awards/pattern4a.svg'); } .awards .award-pattern[data-pattern='4'][data-align-sm='left']::before { background-image:url('/resources/images/awards/pattern4b.svg'); } .awards .award-pattern[data-pattern='4'][data-align-sm='right'] { background-image:url('/resources/images/awards/pattern4b.svg'); } .awards .award-pattern[data-pattern='4'][data-align-sm='right']::before { background-image:url('/resources/images/awards/pattern4a.svg'); } .awards .award-pattern[data-pattern='5'][data-align-sm='left'] { background-image:url('/resources/images/awards/pattern5a.svg'); } .awards .award-pattern[data-pattern='5'][data-align-sm='left']::before { background-image:url('/resources/images/awards/pattern5b.svg'); } .awards .award-pattern[data-pattern='5'][data-align-sm='right'] { background-image:url('/resources/images/awards/pattern5b.svg'); } .awards .award-pattern[data-pattern='5'][data-align-sm='right']::before { background-image:url('/resources/images/awards/pattern5a.svg'); } .awards .award-pattern[data-pattern='6'][data-align-sm='left'] { background-image:url('/resources/images/awards/pattern6a.svg'); } .awards .award-pattern[data-pattern='6'][data-align-sm='left']::before { background-image:url('/resources/images/awards/pattern6b.svg'); } .awards .award-pattern[data-pattern='6'][data-align-sm='right'] { background-image:url('/resources/images/awards/pattern6b.svg'); } .awards .award-pattern[data-pattern='6'][data-align-sm='right']::before { background-image:url('/resources/images/awards/pattern6a.svg'); } .awards .award-pattern[data-pattern='7'][data-align-sm='left'] { background-image:url('/resources/images/awards/pattern7a.svg'); } .awards .award-pattern[data-pattern='7'][data-align-sm='left']::before { background-image:url('/resources/images/awards/pattern7b.svg'); } .awards .award-pattern[data-pattern='7'][data-align-sm='right'] { background-image:url('/resources/images/awards/pattern7b.svg'); } .awards .award-pattern[data-pattern='7'][data-align-sm='right']::before { background-image:url('/resources/images/awards/pattern7a.svg'); } .awards .award-pattern[data-color='0'][data-align-sm='left']::before { background-color:#000000; } .awards .award-pattern[data-color='1'][data-align-sm='left']::before { background-color:#00C752; } .awards .award-pattern[data-color='2'][data-align-sm='left']::before { background-color:#AE318B; } .awards .award-pattern[data-color='3'][data-align-sm='left']::before { background-color:#FF6D3F; } .awards .award-pattern[data-color='4'][data-align-sm='left']::before { background-color:#2878FF; } .awards .award-pattern[data-color='0'][data-align-sm='right'] { background-color:#000000; } .awards .award-pattern[data-color='1'][data-align-sm='right'] { background-color:#00C752; } .awards .award-pattern[data-color='2'][data-align-sm='right'] { background-color:#AE318B; } .awards .award-pattern[data-color='3'][data-align-sm='right'] { background-color:#FF6D3F; } .awards .award-pattern[data-color='4'][data-align-sm='right'] { background-color:#2878FF; } .awards .award-pattern[data-align-sm='right']::before { background-color:#ffffff; } .awards .award-pattern[data-fill-sm='0']::before { width:0%; } .awards .award-pattern[data-fill-sm='25']::before { width:25%; } .awards .award-pattern[data-fill-sm='50']::before { width:50%; } .awards .award-pattern[data-fill-sm='75']::before { width:75%; } .awards .award-pattern[data-fill-sm='100']::before { width:100%; } } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { .awards.awards-overview .sponsors .logos span { position:absolute; top:10px; left:0; } .awards .block { padding: 90px; } .awards .block.wide { padding:90px 0; } .awards .block .block-title { font-size:34px; line-height:36px; padding-bottom:60px; } .awards.awards-overview .award-block[data-type='single'][data-align='right'] .row > div:first-child { left:50%; } .awards.awards-overview .award-block[data-type='single'][data-align='right'] .row > div:last-child { right:50%; } .awards.awards-overview h1 { font-size:70px; line-height:70px; } .awards.awards-overview h2 { font-size:24px; } .awards.awards-overview .sponsors .logos { text-align:justify; } .awards.awards-overview .sponsors .logos a { margin:0; } .awards.awards-overview .award-block[data-type='double'] .award-title { font-size:48px; line-height:48px; } .awards.awards-overview .award-block[data-type='double'] .award-pattern::before { width:50%; } .awards.awards-overview .award-block[data-type='double']:hover .award-pattern::before { width:100%; } /*.awards.awards-overview .award-block[data-type='single']:nth-child(2) .award-pattern::before, .awards.awards-overview .award-block[data-type='single']:nth-child(3) .award-pattern::before, .awards.awards-overview .award-block[data-type='single']:nth-child(6) .award-pattern::before, .awards.awards-overview .award-block[data-type='single']:nth-child(7) .award-pattern::before, .awards.awards-overview .award-block[data-type='single']:nth-child(10) .award-pattern::before, .awards.awards-overview .award-block[data-type='single']:nth-child(11) .award-pattern::before{ left:0; right:auto; } .awards.awards-overview .award-block[data-type='single']:nth-child(4) .award-pattern::before , .awards.awards-overview .award-block[data-type='single']:nth-child(5) .award-pattern::before, .awards.awards-overview .award-block[data-type='single']:nth-child(8) .award-pattern::before , .awards.awards-overview .award-block[data-type='single']:nth-child(9) .award-pattern::before { right:0; left:auto; } .awards.awards-overview .award-block[data-type='single']:nth-child(4) .row > div:first-child, .awards.awards-overview .award-block[data-type='single']:nth-child(5) .row > div:first-child, .awards.awards-overview .award-block[data-type='single']:nth-child(8) .row > div:first-child, .awards.awards-overview .award-block[data-type='single']:nth-child(9) .row > div:first-child { left:50%; } .awards.awards-overview .award-block[data-type='single']:nth-child(4) .row > div:last-child, .awards.awards-overview .award-block[data-type='single']:nth-child(5) .row > div:last-child, .awards.awards-overview .award-block[data-type='single']:nth-child(8) .row > div:last-child, .awards.awards-overview .award-block[data-type='single']:nth-child(9) .row > div:last-child { right:50%; }*/ .awards.awards-overview .footer h4 { font-size: 48px; font-weight: bold; line-height: 48px; max-width:470px; } .awards.awards-overview .footer .description { font-size:18px; line-height:28px; } .awards.awards-detail .header h2 { font-size:23px; line-height:28px; } .awards.awards-detail .header h1 { font-size:40px; line-height:40px; } .awards.awards-detail .intro .description { font-size:24px; line-height:28px; } .awards.awards-detail .intro .nominate .text { font-size: 34px; line-height: 36px; } .awards.awards-detail .intro .nominate .deadline { font-size: 14px; line-height: 16px; } .awards.awards-detail .article .text { font-size:18px; line-height:28px; } /*.awards.awards-detail .award-pattern:before { width:25%; }*/ } @media only screen and (min-width : 992px) and (max-width : 1200px) { .awards.awards-overview .award-block:hover .award-pattern[data-align-md='left']::before { width:100%; } .awards.awards-overview .award-block:hover .award-pattern[data-align-md='right']::before { width:0%; } .awards .award-pattern[data-pattern='1'][data-align-md='left'] { background-image:url('/resources/images/awards/pattern1a.svg'); } .awards .award-pattern[data-pattern='1'][data-align-md='left']::before { background-image:url('/resources/images/awards/pattern1b.svg'); } .awards .award-pattern[data-pattern='1'][data-align-md='right'] { background-image:url('/resources/images/awards/pattern1b.svg'); } .awards .award-pattern[data-pattern='1'][data-align-md='right']::before { background-image:url('/resources/images/awards/pattern1a.svg'); } .awards .award-pattern[data-pattern='2'][data-align-md='left'] { background-image:url('/resources/images/awards/pattern2a.svg'); } .awards .award-pattern[data-pattern='2'][data-align-md='left']::before { background-image:url('/resources/images/awards/pattern2b.svg'); } .awards .award-pattern[data-pattern='2'][data-align-md='right'] { background-image:url('/resources/images/awards/pattern2b.svg'); } .awards .award-pattern[data-pattern='2'][data-align-md='right']::before { background-image:url('/resources/images/awards/pattern2a.svg'); } .awards .award-pattern[data-pattern='3'][data-align-md='left'] { background-image:url('/resources/images/awards/pattern3a.svg'); } .awards .award-pattern[data-pattern='3'][data-align-md='left']::before { background-image:url('/resources/images/awards/pattern3b.svg'); } .awards .award-pattern[data-pattern='3'][data-align-md='right'] { background-image:url('/resources/images/awards/pattern3b.svg'); } .awards .award-pattern[data-pattern='3'][data-align-md='right']::before { background-image:url('/resources/images/awards/pattern3a.svg'); } .awards .award-pattern[data-pattern='4'][data-align-md='left'] { background-image:url('/resources/images/awards/pattern4a.svg'); } .awards .award-pattern[data-pattern='4'][data-align-md='left']::before { background-image:url('/resources/images/awards/pattern4b.svg'); } .awards .award-pattern[data-pattern='4'][data-align-md='right'] { background-image:url('/resources/images/awards/pattern4b.svg'); } .awards .award-pattern[data-pattern='4'][data-align-md='right']::before { background-image:url('/resources/images/awards/pattern4a.svg'); } .awards .award-pattern[data-pattern='5'][data-align-md='left'] { background-image:url('/resources/images/awards/pattern5a.svg'); } .awards .award-pattern[data-pattern='5'][data-align-md='left']::before { background-image:url('/resources/images/awards/pattern5b.svg'); } .awards .award-pattern[data-pattern='5'][data-align-md='right'] { background-image:url('/resources/images/awards/pattern5b.svg'); } .awards .award-pattern[data-pattern='5'][data-align-md='right']::before { background-image:url('/resources/images/awards/pattern5a.svg'); } .awards .award-pattern[data-pattern='6'][data-align-md='left'] { background-image:url('/resources/images/awards/pattern6a.svg'); } .awards .award-pattern[data-pattern='6'][data-align-md='left']::before { background-image:url('/resources/images/awards/pattern6b.svg'); } .awards .award-pattern[data-pattern='6'][data-align-md='right'] { background-image:url('/resources/images/awards/pattern6b.svg'); } .awards .award-pattern[data-pattern='6'][data-align-md='right']::before { background-image:url('/resources/images/awards/pattern6a.svg'); } .awards .award-pattern[data-pattern='7'][data-align-md='left'] { background-image:url('/resources/images/awards/pattern7a.svg'); } .awards .award-pattern[data-pattern='7'][data-align-md='left']::before { background-image:url('/resources/images/awards/pattern7b.svg'); } .awards .award-pattern[data-pattern='7'][data-align-md='right'] { background-image:url('/resources/images/awards/pattern7b.svg'); } .awards .award-pattern[data-pattern='7'][data-align-md='right']::before { background-image:url('/resources/images/awards/pattern7a.svg'); } .awards .award-pattern[data-color='0'][data-align-md='left']::before { background-color:#000000; } .awards .award-pattern[data-color='1'][data-align-md='left']::before { background-color:#00C752; } .awards .award-pattern[data-color='2'][data-align-md='left']::before { background-color:#AE318B; } .awards .award-pattern[data-color='3'][data-align-md='left']::before { background-color:#FF6D3F; } .awards .award-pattern[data-color='4'][data-align-md='left']::before { background-color:#2878FF; } .awards .award-pattern[data-color='0'][data-align-md='right'] { background-color:#000000; } .awards .award-pattern[data-color='1'][data-align-md='right'] { background-color:#00C752; } .awards .award-pattern[data-color='2'][data-align-md='right'] { background-color:#AE318B; } .awards .award-pattern[data-color='3'][data-align-md='right'] { background-color:#FF6D3F; } .awards .award-pattern[data-color='4'][data-align-md='right'] { background-color:#2878FF; } .awards .award-pattern[data-align-md='right']::before { background-color:#ffffff; } .awards .award-pattern[data-fill-md='0']::before { width:0%; } .awards .award-pattern[data-fill-md='25']::before { width:25%; } .awards .award-pattern[data-fill-md='50']::before { width:50%; } .awards .award-pattern[data-fill-md='75']::before { width:75%; } .awards .award-pattern[data-fill-md='100']::before { width:100%; } } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { .awards .header-data { margin-left:-15px; } .awards.awards-overview .award-block:hover .award-pattern[data-align-lg='left']::before { width:100%; } .awards.awards-overview .award-block:hover .award-pattern[data-align-lg='right']::before { width:0%; } .awards .award-pattern[data-pattern='1'][data-align-lg='left'] { background-image:url('/resources/images/awards/pattern1a.svg'); } .awards .award-pattern[data-pattern='1'][data-align-lg='left']::before { background-image:url('/resources/images/awards/pattern1b.svg'); } .awards .award-pattern[data-pattern='1'][data-align-lg='right'] { background-image:url('/resources/images/awards/pattern1b.svg'); } .awards .award-pattern[data-pattern='1'][data-align-lg='right']::before { background-image:url('/resources/images/awards/pattern1a.svg'); } .awards .award-pattern[data-pattern='2'][data-align-lg='left'] { background-image:url('/resources/images/awards/pattern2a.svg'); } .awards .award-pattern[data-pattern='2'][data-align-lg='left']::before { background-image:url('/resources/images/awards/pattern2b.svg'); } .awards .award-pattern[data-pattern='2'][data-align-lg='right'] { background-image:url('/resources/images/awards/pattern2b.svg'); } .awards .award-pattern[data-pattern='2'][data-align-lg='right']::before { background-image:url('/resources/images/awards/pattern2a.svg'); } .awards .award-pattern[data-pattern='3'][data-align-lg='left'] { background-image:url('/resources/images/awards/pattern3a.svg'); } .awards .award-pattern[data-pattern='3'][data-align-lg='left']::before { background-image:url('/resources/images/awards/pattern3b.svg'); } .awards .award-pattern[data-pattern='3'][data-align-lg='right'] { background-image:url('/resources/images/awards/pattern3b.svg'); } .awards .award-pattern[data-pattern='3'][data-align-lg='right']::before { background-image:url('/resources/images/awards/pattern3a.svg'); } .awards .award-pattern[data-pattern='4'][data-align-lg='left'] { background-image:url('/resources/images/awards/pattern4a.svg'); } .awards .award-pattern[data-pattern='4'][data-align-lg='left']::before { background-image:url('/resources/images/awards/pattern4b.svg'); } .awards .award-pattern[data-pattern='4'][data-align-lg='right'] { background-image:url('/resources/images/awards/pattern4b.svg'); } .awards .award-pattern[data-pattern='4'][data-align-lg='right']::before { background-image:url('/resources/images/awards/pattern4a.svg'); } .awards .award-pattern[data-pattern='5'][data-align-lg='left'] { background-image:url('/resources/images/awards/pattern5a.svg'); } .awards .award-pattern[data-pattern='5'][data-align-lg='left']::before { background-image:url('/resources/images/awards/pattern5b.svg'); } .awards .award-pattern[data-pattern='5'][data-align-lg='right'] { background-image:url('/resources/images/awards/pattern5b.svg'); } .awards .award-pattern[data-pattern='5'][data-align-lg='right']::before { background-image:url('/resources/images/awards/pattern5a.svg'); } .awards .award-pattern[data-pattern='6'][data-align-lg='left'] { background-image:url('/resources/images/awards/pattern6a.svg'); } .awards .award-pattern[data-pattern='6'][data-align-lg='left']::before { background-image:url('/resources/images/awards/pattern6b.svg'); } .awards .award-pattern[data-pattern='6'][data-align-lg='right'] { background-image:url('/resources/images/awards/pattern6b.svg'); } .awards .award-pattern[data-pattern='6'][data-align-lg='right']::before { background-image:url('/resources/images/awards/pattern6a.svg'); } .awards .award-pattern[data-pattern='7'][data-align-lg='left'] { background-image:url('/resources/images/awards/pattern7a.svg'); } .awards .award-pattern[data-pattern='7'][data-align-lg='left']::before { background-image:url('/resources/images/awards/pattern7b.svg'); } .awards .award-pattern[data-pattern='7'][data-align-lg='right'] { background-image:url('/resources/images/awards/pattern7b.svg'); } .awards .award-pattern[data-pattern='7'][data-align-lg='right']::before { background-image:url('/resources/images/awards/pattern7a.svg'); } .awards .award-pattern[data-color='0'][data-align-lg='left']::before { background-color:#000000; } .awards .award-pattern[data-color='1'][data-align-lg='left']::before { background-color:#00C752; } .awards .award-pattern[data-color='2'][data-align-lg='left']::before { background-color:#AE318B; } .awards .award-pattern[data-color='3'][data-align-lg='left']::before { background-color:#FF6D3F; } .awards .award-pattern[data-color='4'][data-align-lg='left']::before { background-color:#2878FF; } .awards .award-pattern[data-color='0'][data-align-lg='right'] { background-color:#000000; } .awards .award-pattern[data-color='1'][data-align-lg='right'] { background-color:#00C752; } .awards .award-pattern[data-color='2'][data-align-lg='right'] { background-color:#AE318B; } .awards .award-pattern[data-color='3'][data-align-lg='right'] { background-color:#FF6D3F; } .awards .award-pattern[data-color='4'][data-align-lg='right'] { background-color:#2878FF; } .awards .award-pattern[data-align-lg='right']::before { background-color:#ffffff; } .awards .award-pattern[data-fill-lg='0']::before { width:0%; } .awards .award-pattern[data-fill-lg='25']::before { width:25%; } .awards .award-pattern[data-fill-lg='50']::before { width:50%; } .awards .award-pattern[data-fill-lg='75']::before { width:75%; } .awards .award-pattern[data-fill-lg='100']::before { width:100%; } .awards.awards-overview .award-block[data-type='double'] .award-info { padding:55px 120px; } .awards.awards-detail .header h1 { font-size:50px; line-height:50px; } } /* Extra Large Devices, Wide Screens */ @media only screen and (min-width : 1440px) { .awards.awards-detail .header h1 { font-size:60px; line-height:60px; } .awards.awards-detail .jury .jury-member .jury-member-profileimage { width: 35%; } } /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ /* Animations */ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ .circleG { background-color: #FFFFFF; float: left; height: 15px; margin-left: 8px; width: 15px; -moz-animation-name: bounce_circleG; -moz-animation-duration: 2.0999999999999996s; -moz-animation-iteration-count: infinite; -moz-animation-direction: normal; -moz-border-radius: 10px; -webkit-animation-name: bounce_circleG; -webkit-animation-duration: 2.0999999999999996s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: normal; -webkit-border-radius: 10px; -ms-animation-name: bounce_circleG; -ms-animation-duration: 2.0999999999999996s; -ms-animation-iteration-count: infinite; -ms-animation-direction: linear; -ms-border-radius: 10px; -o-animation-name: bounce_circleG; -o-animation-duration: 2.0999999999999996s; -o-animation-iteration-count: infinite; -o-animation-direction: normal; -o-border-radius: 10px; animation-name: bounce_circleG; animation-duration: 2.0999999999999996s; animation-iteration-count: infinite; animation-direction: normal; border-radius: 10px; } .circleG_1 { -moz-animation-delay: 0.41999999999999993s; -webkit-animation-delay: 0.41999999999999993s; -ms-animation-delay: 0.41999999999999993s; -o-animation-delay: 0.41999999999999993s; animation-delay: 0.41999999999999993s; } .circleG_2 { -moz-animation-delay: 0.9799999999999999s; -webkit-animation-delay: 0.9799999999999999s; -ms-animation-delay: 0.9799999999999999s; -o-animation-delay: 0.9799999999999999s; animation-delay: 0.9799999999999999s; } .circleG_3 { -moz-animation-delay: 1.26s; -webkit-animation-delay: 1.26s; -ms-animation-delay: 1.26s; -o-animation-delay: 1.26s; animation-delay: 1.26s; } @-moz-keyframes bounce_circleG { 0% {} 50% { background-color: #000000; } 100% {} } @-webkit-keyframes bounce_circleG { 0% {} 50% { background-color: #000000; } 100% {} } @-ms-keyframes bounce_circleG { 0% {} 50% { background-color: #000000; } 100% {} } @keyframes bounce_circleG { 0% {} 50% { background-color: #000000; } 100% {} } @-webkit-keyframes checking { 0% { height: 0; width: 0; } 25% { height: 0; width: 10px; } 50% { height: 16px; width: 10px; } } @-moz-keyframes checking { 0% { height: 0; width: 0; } 25% { height: 0; width: 10px; } 50% { height: 16px; width: 10px; } } @-ms-keyframes checking { 0% { height: 0; width: 0; } 25% { height: 0; width: 10px; } 50% { height: 16px; width: 10px; } } @keyframes checking { 0% { height: 0; width: 0; } 25% { height: 0; width: 10px; } 50% { height: 16px; width: 10px; } } .checking { position:relative; border:none; background:transparent; display:inline-block; width:32px; height:32px; } .checking::after { -moz-transform: scaleX(-1) rotate(135deg); -ms-transform: scaleX(-1) rotate(135deg); -webkit-transform: scaleX(-1) rotate(135deg); transform: scaleX(-1) rotate(135deg); -moz-transform-origin: left top; -ms-transform-origin: left top; -webkit-transform-origin: left top; transform-origin: left top; border-right: 4px solid transparent; border-top: 4px solid transparent; content: ''; height: 16px; left: 3px; position: absolute; top: 13px; width: 10px; } .checking.active::after { -webkit-animation: checking 0.8s; -moz-animation: checking 0.8s; -o-animation: checking 0.8s; animation: checking 0.8s; border-color: #6aa; } /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ /* Vimeo */ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ .vimeo-container { position:relative; } .vimeo-player { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .vimeo-player iframe, .vimeo-player object, .vimeo-player embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vimeo-overlay-ended { background-color: #151618; width: 100%; z-index: 5; position: absolute; height: calc(100% - 60px); padding:25px; color:#fff; opacity:0; pointer-events:none; transition: opacity 0.5s ease-in-out; transition-delay:0.5s; } .vimeo-overlay-ended.active { pointer-events:all; opacity:1; } .vimeo-overlay-ended .record[data-type="video"] .record-title { color:#fff; } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { } /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ /* Printing pages */ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ @media print { section.contact, section.news, section.vacancy, section.project, section.projects, section.product, section.products, section.partners, section.podcasts, section.videos { display:none; } .article-detail .keywords, .article-detail .sidebar-block.mostpopular, .article-detail .social, .article-detail .interaction { display:none; } footer, .swiper.sponsors { display:none; } } /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ /* Template */ /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { } /* ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― */ .odometer.odometer-auto-theme, .odometer.odometer-theme-minimal { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; position: relative; height:45px; } .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-minimal .odometer-digit { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; position: relative; } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; visibility: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner { text-align: left; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon { display: block; } .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner { display: block; -webkit-backface-visibility: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value { display: block; -webkit-transform: translateZ(0); } .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value { position: absolute; } /*.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner { -webkit-transition: -webkit-transform 2s; -moz-transition: -moz-transform 2s; -ms-transition: -ms-transform 2s; -o-transition: -o-transform 2s; transition: transform 2s; } .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner { -webkit-transition: -webkit-transform 2s; -moz-transition: -moz-transform 2s; -ms-transition: -ms-transform 2s; -o-transition: -o-transform 2s; transition: transform 2s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }*/ /* For Google One-Tap, we do not want to block the login button, so we show it a bit lower */ #credential_picker_container { top: 75px !important; }