@font-face {
    font-family: emoji;

    src: local('Apple Color Emoji'),
    local('Android Emoji'),
    local('Segoe UI'),
    local(EmojiSymbols),
    local(Symbola);

    /* Emoji unicode blocks */
    unicode-range: U+1F300-1F5FF, U+1F600-1F64F, U+1F680-1F6FF, U+2600-26FF;
}

@font-face {
  font-family: 'icomoon';
  src:
          url('https://arc.nexx.cloud/fonts/icomoon/canvas_v11.woff2') format('woff2'),
          url('https://arc.nexx.cloud/fonts/icomoon/canvas_v11.ttf') format('truetype'),
          url('https://arc.nexx.cloud/fonts/icomoon/canvas_v11.woff') format('woff'),
          url('https://arc.nexx.cloud/fonts/icomoon/canvas_v11.svg') format('svg');
  font-weight: normal;
  font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

ul li{ margin-left: 1.2em;}
.icon-snapchat-ghost:before {
    content: "\e905";
}
.icon-google-wallet:before {
    content: "\e900";
}
.icon-google-plus-square:before {
    content: "\e902";
}
.icon-google-plus:before {
    content: "\e903";
}
.icon-google:before {
    content: "\e904";
}
.icon-home2:before {
    content: "\e901";
}
.icon-newspaper:before {
    content: "\e90b";
}
.icon-pencil:before {
    content: "\e90e";
}
.icon-pencil2:before {
    content: "\e927";
}
.icon-image:before {
    content: "\e93b";
}
.icon-image4:before {
    content: "\e941";
}
.icon-image5:before {
    content: "\e942";
}
.icon-camera:before {
    content: "\e944";
}
.icon-play:before {
    content: "\e957";
}
.icon-movie:before {
    content: "\e95d";
}
.icon-megaphone:before {
    content: "\e97a";
}
.icon-new:before {
    content: "\e97b";
}
.icon-connection:before {
    content: "\e97c";
}
.icon-station:before {
    content: "\e981";
}
.icon-station2:before {
    content: "\e982";
}
.icon-mic:before {
    content: "\e98b";
}
.icon-mic-off:before {
    content: "\e98c";
}
.icon-book:before {
    content: "\e990";
}
.icon-book-play:before {
    content: "\e992";
}
.icon-archive:before {
    content: "\e996";
}
.icon-file-text:before {
    content: "\e99b";
}
.icon-profile:before {
    content: "\e99c";
}
.icon-file-download:before {
    content: "\e9a5";
}
.icon-file-download2:before {
    content: "\e9a6";
}
.icon-file-text3:before {
    content: "\e9ae";
}
.icon-stack2:before {
    content: "\e9ce";
}
.icon-folder:before {
    content: "\e9d0";
}
.icon-folder2:before {
    content: "\e9db";
}
.icon-cc:before {
    content: "\e9ec";
}
.icon-price-tag:before {
    content: "\e9ed";
}
.icon-price-tag2:before {
    content: "\e9ee";
}
.icon-price-tags:before {
    content: "\e9ef";
}
.icon-barcode:before {
    content: "\e9f6";
}
.icon-ticket:before {
    content: "\e9f9";
}
.icon-ticket2:before {
    content: "\e9fa";
}
.icon-theater:before {
    content: "\e9fb";
}
.icon-cart:before {
    content: "\e9fe";
}
.icon-cart2:before {
    content: "\e9ff";
}
.icon-basket:before {
    content: "\ea06";
}
.icon-coins:before {
    content: "\ea0a";
}
.icon-coin-dollar:before {
    content: "\ea0b";
}
.icon-coin-euro:before {
    content: "\ea0c";
}
.icon-credit-card:before {
    content: "\ea15";
}
.icon-credit-card2:before {
    content: "\ea16";
}
.icon-lifebuoy:before {
    content: "\ea1b";
}
.icon-notebook:before {
    content: "\ea2e";
}
.icon-at-sign:before {
    content: "\ea2f";
}
.icon-envelop3:before {
    content: "\ea32";
}
.icon-envelop5:before {
    content: "\ea34";
}
.icon-mailbox:before {
    content: "\ea35";
}
.icon-location2:before {
    content: "\ea39";
}
.icon-history:before {
    content: "\ea4c";
}
.icon-clock:before {
    content: "\ea4d";
}
.icon-clock2:before {
    content: "\ea4e";
}
.icon-bell3:before {
    content: "\ea59";
}
.icon-calendar2:before {
    content: "\ea60";
}
.icon-printer4:before {
    content: "\ea67";
}
.icon-mobile:before {
    content: "\ea75";
}
.icon-tv:before {
    content: "\ea79";
}
.icon-floppy-disk:before {
    content: "\ea86";
}
.icon-bubbles:before {
    content: "\eac2";
}
.icon-bubbles2:before {
    content: "\eac3";
}
.icon-bubble6:before {
    content: "\ead1";
}
.icon-bubbles7:before {
    content: "\ead2";
}
.icon-bubbles10:before {
    content: "\eadc";
}
.icon-user3:before {
    content: "\eb05";
}
.icon-users4:before {
    content: "\eb09";
}
.icon-user-tie:before {
    content: "\eb0a";
}
.icon-spinner11:before {
    content: "\eb29";
}
.icon-search:before {
    content: "\eb2d";
}
.icon-search2:before {
    content: "\eb30";
}
.icon-search3:before {
    content: "\eb33";
}
.icon-enlarge2:before {
    content: "\eb3b";
}
.icon-shrink2:before {
    content: "\eb3c";
}
.icon-lock:before {
    content: "\eb4d";
}
.icon-lock4:before {
    content: "\eb50";
}
.icon-cog2:before {
    content: "\eb5e";
}
.icon-cog3:before {
    content: "\eb5f";
}
.icon-rocket:before {
    content: "\ebda";
}
.icon-fire2:before {
    content: "\ebe6";
}
.icon-paperplane:before {
    content: "\ec06";
}
.icon-target:before {
    content: "\ec28";
}
.icon-target2:before {
    content: "\ec29";
}
.icon-target3:before {
    content: "\ec2a";
}
.icon-shield-notice:before {
    content: "\ec30";
}
.icon-shield3:before {
    content: "\ec32";
}
.icon-power:before {
    content: "\ec45";
}
.icon-switch:before {
    content: "\ec48";
}
.icon-clipboard2:before {
    content: "\ec4e";
}
.icon-clipboard5:before {
    content: "\ec51";
}
.icon-more:before {
    content: "\ec58";
}
.icon-more2:before {
    content: "\ec59";
}
.icon-grid:before {
    content: "\ec5a";
}
.icon-grid6:before {
    content: "\ec5f";
}
.icon-menu:before {
    content: "\ec67";
}
.icon-menu3:before {
    content: "\ec6a";
}
.icon-menu7:before {
    content: "\ec6e";
}
.icon-download2:before {
    content: "\ec7a";
}
.icon-upload2:before {
    content: "\ec7c";
}
.icon-sphere:before {
    content: "\ec8e";
}
.icon-earth2:before {
    content: "\ec94";
}
.icon-link:before {
    content: "\ec96";
}
.icon-flag:before {
    content: "\eca1";
}
.icon-flag3:before {
    content: "\eca3";
}
.icon-flag7:before {
    content: "\eca7";
}
.icon-attachment:before {
    content: "\eca9";
}
.icon-attachment2:before {
    content: "\ecaa";
}
.icon-eye2:before {
    content: "\ecaf";
}
.icon-eye3:before {
    content: "\ecb1";
}
.icon-eye4:before {
    content: "\ecb3";
}
.icon-spotlight2:before {
    content: "\ecb8";
}
.icon-temperature:before {
    content: "\ecbb";
}
.icon-temperature2:before {
    content: "\ecbc";
}
.icon-star:before {
    content: "\ece2";
}
.icon-heart:before {
    content: "\ecec";
}
.icon-heart-empty:before {
    content: "\ecee";
}
.icon-stack-text:before {
    content: "\ed41";
}
.icon-stack-play:before {
    content: "\ed49";
}
.icon-warning:before {
    content: "\ed4c";
}
.icon-warning2:before {
    content: "\ed4d";
}
.icon-notification2:before {
    content: "\ed4f";
}
.icon-cancel-circle:before {
    content: "\ed62";
}
.icon-cancel-circle2:before {
    content: "\ed63";
}
.icon-cross:before {
    content: "\ed69";
}
.icon-cross2:before {
    content: "\ed6a";
}
.icon-cross3:before {
    content: "\ed6b";
}
.icon-checkmark:before {
    content: "\ed6c";
}
.icon-checkmark2:before {
    content: "\ed6d";
}
.icon-enter:before {
    content: "\ed73";
}
.icon-exit:before {
    content: "\ed74";
}
.icon-play3:before {
    content: "\ed7b";
}
.icon-pause:before {
    content: "\ed7c";
}
.icon-play4:before {
    content: "\ed82";
}
.icon-pause2:before {
    content: "\ed83";
}
.icon-volume-medium:before {
    content: "\ed8d";
}
.icon-loop3:before {
    content: "\eda7";
}
.icon-loop4:before {
    content: "\edab";
}
.icon-shuffle:before {
    content: "\edac";
}
.icon-arrow-up:before {
    content: "\edb4";
}
.icon-arrow-up2:before {
    content: "\edb5";
}
.icon-arrow-right:before {
    content: "\edb8";
}
.icon-arrow-right2:before {
    content: "\edb9";
}
.icon-arrow-down:before {
    content: "\edbc";
}
.icon-arrow-down2:before {
    content: "\edbd";
}
.icon-arrow-left:before {
    content: "\edc0";
}
.icon-arrow-left2:before {
    content: "\edc1";
}
.icon-arrow-left6:before {
    content: "\edcf";
}
.icon-arrow-left7:before {
    content: "\edd7";
}
.icon-arrow-left8:before {
    content: "\eddf";
}
.icon-circle-up2:before {
    content: "\ede4";
}
.icon-circle-right2:before {
    content: "\ede5";
}
.icon-circle-down2:before {
    content: "\ede6";
}
.icon-circle-left2:before {
    content: "\ede7";
}
.icon-arrow-left12:before {
    content: "\ee1f";
}
.icon-checkmark-circle:before {
    content: "\ee73";
}
.icon-filter3:before {
    content: "\ee88";
}
.icon-filter4:before {
    content: "\ee89";
}
.icon-google-drive:before {
    content: "\eee7";
}
.icon-facebook2:before {
    content: "\eee9";
}
.icon-instagram:before {
    content: "\eeec";
}
.icon-twitter:before {
    content: "\eeed";
}
.icon-twitter2:before {
    content: "\eeee";
}
.icon-feed2:before {
    content: "\eef0";
}
.icon-feed3:before {
    content: "\eef1";
}
.icon-youtube:before {
    content: "\eef3";
}
.icon-youtube3:before {
    content: "\eef5";
}
.icon-vimeo:before {
    content: "\eef8";
}
.icon-vimeo2:before {
    content: "\eef9";
}
.icon-picassa:before {
    content: "\ef00";
}
.icon-tumblr:before {
    content: "\ef17";
}
.icon-tumblr2:before {
    content: "\ef18";
}
.icon-apple2:before {
    content: "\ef1b";
}
.icon-android:before {
    content: "\ef1d";
}
.icon-windows8:before {
    content: "\ef1f";
}
.icon-soundcloud:before {
    content: "\ef20";
}
.icon-soundcloud2:before {
    content: "\ef21";
}
.icon-skype:before {
    content: "\ef22";
}
.icon-lastfm2:before {
    content: "\ef27";
}
.icon-pinterest:before {
    content: "\ef2c";
}
.icon-pinterest2:before {
    content: "\ef2d";
}
.icon-foursquare:before {
    content: "\ef31";
}
.icon-paypal:before {
    content: "\ef32";
}
.icon-file-pdf:before {
    content: "\ef36";
}

/*! jQuery UI - v1.12.0 - 2016-08-09
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=black-tie&cornerRadiusShadow=8px&offsetLeftShadow=-8px&offsetTopShadow=-8px&thicknessShadow=8px&opacityShadow=20&bgImgOpacityShadow=50&bgTextureShadow=highlight_soft&bgColorShadow=aaaaaa&opacityOverlay=30&bgImgOpacityOverlay=40&bgTextureOverlay=highlight_hard&bgColorOverlay=aaaaaa&iconColorError=ffcf29&fcError=ffffff&borderColorError=9e0505&bgImgOpacityError=45&bgTextureError=inset_hard&bgColorError=cd0a0a&iconColorHighlight=4ca300&fcHighlight=363636&borderColorHighlight=ffde2e&bgImgOpacityHighlight=55&bgTextureHighlight=inset_hard&bgColorHighlight=ffeb80&iconColorActive=222222&fcActive=222222&borderColorActive=cccccc&bgImgOpacityActive=65&bgTextureActive=flat&bgColorActive=ffffff&iconColorHover=ffffff&fcHover=ffffff&borderColorHover=000000&bgImgOpacityHover=55&bgTextureHover=glass&bgColorHover=1c1c1c&iconColorDefault=ededed&fcDefault=e3e3e3&borderColorDefault=777777&bgImgOpacityDefault=40&bgTextureDefault=glass&bgColorDefault=111111&iconColorContent=222222&fcContent=222222&borderColorContent=cccccc&bgImgOpacityContent=100&bgTextureContent=highlight_hard&bgColorContent=f9f9f9&iconColorHeader=bbbbbb&fcHeader=eeeeee&borderColorHeader=a3a3a3&bgImgOpacityHeader=8&bgTextureHeader=diagonals_thick&bgColorHeader=333333&cornerRadius=4px&fsDefault=1.1em&fwDefault=normal&ffDefault=Verdana%2CArial%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #777}.ui-widget-content{border:1px solid #ccc;background:#f9f9f9 url("images/ui-bg_highlight-hard_100_f9f9f9_1x100.png") 50% top repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #a3a3a3;background:#333 url("images/ui-bg_diagonals-thick_8_333333_40x40.png") 50% 50% repeat;color:#eee;font-weight:bold}.ui-widget-header a{color:#eee}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #777;background:#111 url("images/ui-bg_glass_40_111111_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#e3e3e3}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#e3e3e3;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #000;background:#1c1c1c url("images/ui-bg_glass_55_1c1c1c_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#fff}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#fff;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #ccc;background:#fff;font-weight:normal;color:#222}.ui-icon-background,.ui-state-active .ui-icon-background{border:#ccc;background-color:#222}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#222;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #ffde2e;background:#ffeb80 url("images/ui-bg_inset-hard_55_ffeb80_1x100.png") 50% bottom repeat-x;color:#363636}.ui-state-checked{border:1px solid #ffde2e;background:#ffeb80}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #9e0505;background:#cd0a0a url("images/ui-bg_inset-hard_45_cd0a0a_1x100.png") 50% bottom repeat-x;color:#fff}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#fff}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#fff}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_222222_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_bbbbbb_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_ededed_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon,.ui-state-default .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_222222_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_4ca300_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_ffcf29_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa url("images/ui-bg_highlight-hard_40_aaaaaa_1x100.png") 50% top repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:-8px -8px 8px #aaa;box-shadow:-8px -8px 8px #aaa}


#canvas_loadingholder{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:100px;height:100px;}
#canvas_loadingcircle{
opacity:.9;
background-color: rgba(0,0,0,0);
border-width:5px;
border-style:solid;
border-color:rgba(255, 255, 255, 0.9) transparent;
border-radius:50px;
width:50px;
height:50px;
margin:0 auto;
-webkit-box-sizing:content-box;
box-sizing:content-box;
-moz-animation:canvasPulse 1s infinite ease-in-out;
-webkit-animation:canvasPulse 1s infinite linear;
-ms-animation:canvasPulse 1s infinite linear;
animation:canvasPulse 1s infinite linear;
}
#canvas_loadingcircle1{
opacity:.9;
background-color: rgba(0,0,0,0);
border-width:5px;
border-style:solid;
border-color:rgba(255, 255, 255, 0.9) transparent;
border-radius:50px;
width:30px;
height:30px;
margin:0 auto;
position:relative;
top:-50px;
-webkit-box-sizing:content-box;
box-sizing:content-box;
-moz-animation:canvasoffPulse 1s infinite linear;
-webkit-animation:canvasoffPulse 1s infinite linear;
-ms-animation:canvasoffPulse 1s infinite linear;
animation:canvasoffPulse 1s infinite linear;
}

#material_loadingholder{margin:10px 20px;text-align:center;display:inline-block;}
#material_loadingholder svg{position:absolute;top:100px;left:0;right:0;bottom:auto;margin:auto;background-color:#FFF;padding:8px;border-radius:50%;opacity:.9;}
.qp-circular-loader {width: 64px;height: 64px;stroke-width: 3px;}
.qp-circular-loader-path {stroke-dasharray: 58.9;stroke-dashoffset: 58.9;}
.qp-circular-loader,.qp-circular-loader * {-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;}
 
@-webkit-keyframes rotate {
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);}
}
 
@keyframes rotate {
  from {transform: rotate(0deg);}
  to {transform: rotate(360deg);}
}
 
.qp-circular-loader {
  -webkit-animation-name: rotate;
  animation-name: rotate;
  -webkit-animation-duration: 1568.63ms;
  animation-duration: 1568.63ms;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@-webkit-keyframes fillunfill {
  from {stroke-dashoffset: 58.8}
  50% {stroke-dashoffset: 0;}
  to {stroke-dashoffset: -58.4}
}

@keyframes fillunfill {
  from {stroke-dashoffset: 58.8}
  50% {stroke-dashoffset: 0;}
  to {stroke-dashoffset: -58.4}
}
 
@-webkit-keyframes rot {
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(-360deg);}
}
 
@keyframes rot {
  from {transform: rotate(0deg);}
  to {transform: rotate(-360deg);}
}
 
.qp-circular-loader-path {
  -webkit-animation-name: fillunfill, rot;
  animation-name: fillunfill, rot;
  -webkit-animation-duration: 1333ms, 5332ms;
  animation-duration: 1333ms, 5332ms;
  -webkit-animation-iteration-count: infinite, infinite;
  animation-iteration-count: infinite, infinite;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1), steps(4);
  animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1), steps(4);
  -webkit-animation-play-state: running, running;
  animation-play-state: running, running;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.blinking{
  -webkit-animation: blink .75s linear infinite;
  -moz-animation: blink .75s linear infinite;
  -ms-animation: blink .75s linear infinite;
  animation: blink .75s linear infinite;
}

@-webkit-keyframes blink {
  0% { opacity: 1; }
  50% { opacity: 1; }
  50.01% { opacity: 0; }
  100% { opacity: 0; }
}

@-moz-keyframes blink {
  0% { opacity: 1; }
  50% { opacity: 1; }
  50.01% { opacity: 0; }
  100% { opacity: 0; }
}

@-ms-keyframes blink {
  0% { opacity: 1; }
  50% { opacity: 1; }
  50.01% { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes blink {
  0% { opacity: 1; }
  50% { opacity: 1; }
  50.01% { opacity: 0; }
  100% { opacity: 0; }
}

@-moz-keyframes canvasPulse {
0% { -moz-transform:rotate(160deg); opacity:0;}
50% { -moz-transform:rotate(145deg); opacity:1; }
100% { -moz-transform:rotate(-320deg); opacity:0; }
}
@-moz-keyframes canvasoffPulse {
0% { -moz-transform:rotate(0deg); }
100% { -moz-transform:rotate(360deg);  }
}
@-webkit-keyframes canvasPulse {
0% { -webkit-transform:rotate(160deg); opacity:0;}
50% { -webkit-transform:rotate(145deg); opacity:1;}
100% { -webkit-transform:rotate(-320deg); opacity:0; }
}
@-webkit-keyframes canvasoffPulse {
0% { -webkit-transform:rotate(0deg); }
100% { -webkit-transform:rotate(360deg); }
}
@-ms-keyframes canvasPulse {
0% { -ms-transform:rotate(160deg); opacity:0;}
50% { -ms-transform:rotate(145deg); opacity:1;}
100% { -ms-transform:rotate(-320deg); opacity:0; }
}
@-ms-keyframes canvasoffPulse {
0% { -ms-transform:rotate(0deg); }
100% { -ms-transform:rotate(360deg); }
}
@keyframes canvasPulse {
0% { transform:rotate(160deg); opacity:0;}
50% { transform:rotate(145deg); opacity:1;}
100% { transform:rotate(-320deg); opacity:0; }
}
@keyframes canvasoffPulse {
0% { transform:rotate(0deg); }
100% { transform:rotate(360deg); }
}

.ellip {
  display: block;
  height: 100%;
}

.ellip-line {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
}

/*
.ellip-line {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 100%;
}

.ellip,
.ellip-line {
    position: static;
    overflow: hidden;
}
*/
/**
 * Swiper 3.2.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: November 7, 2015
 */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination{bottom:10px;left:0;width:100%}.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 5px}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%;z-index:1}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}

#smartbanner { position:absolute; left:0; top:-82px; border-bottom:1px solid #e8e8e8; width:100%; height:78px; font-family:'Helvetica Neue',sans-serif; background:-webkit-linear-gradient(top, #f4f4f4 0%,#cdcdcd 100%); background-image: -ms-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%); background-image: -moz-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%); box-shadow:0 1px 2px rgba(0,0,0,0.5); z-index:9998; -webkit-font-smoothing:antialiased; overflow:hidden; -webkit-text-size-adjust:none; }
#smartbanner, html.sb-animation {-webkit-transition: all .3s ease;}
#smartbanner .sb-container { margin: 0 auto; }
#smartbanner .sb-close { position:absolute; left:5px; top:5px; display:block; border:2px solid #fff; width:14px; height:14px; font-family:'ArialRoundedMTBold',Arial; font-size:15px; line-height:15px; text-align:center; color:#fff; background:#070707; text-decoration:none; text-shadow:none; border-radius:14px; box-shadow:0 2px 3px rgba(0,0,0,0.4); -webkit-font-smoothing:subpixel-antialiased; }
#smartbanner .sb-close:active { font-size:13px; color:#aaa; }
#smartbanner .sb-icon { position:absolute; left:30px; top:10px; display:block; width:57px; height:57px; background:rgba(0,0,0,0.6); background-size:cover; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.3); }
#smartbanner.no-icon .sb-icon { display:none; }
#smartbanner .sb-info { position:absolute; left:98px; top:18px; width:44%; font-size:11px; line-height:1.2em; font-weight:bold; color:#6a6a6a; text-shadow:0 1px 0 rgba(255,255,255,0.8); }
#smartbanner #smartbanner.no-icon .sb-info { left:34px; }
#smartbanner .sb-info strong { display:block; font-size:13px; color:#4d4d4d; line-height: 18px; }
#smartbanner .sb-info > span { display:block; }
#smartbanner .sb-info em { font-style:normal; text-transform:uppercase; }
#smartbanner .sb-button { position:absolute; right:20px; top:24px; border:1px solid #bfbfbf; padding: 0 10px; min-width: 10%; height:24px; font-size:14px; line-height:24px; text-align:center; font-weight:bold; color:#6a6a6a; background:-webkit-linear-gradient(top, #efefef 0%,#dcdcdc 100%); text-transform:uppercase; text-decoration:none; text-shadow:0 1px 0 rgba(255,255,255,0.8); border-radius:3px; box-shadow:0 1px 0 rgba(255,255,255,0.6),0 1px 0 rgba(255,255,255,0.7) inset; }
#smartbanner .sb-button:active, #smartbanner .sb-button:hover { background:-webkit-linear-gradient(top, #dcdcdc 0%,#efefef 100%); }

#smartbanner .sb-icon.gloss:after { content:''; position:absolute; left:0; top:-1px; border-top:1px solid rgba(255,255,255,0.8); width:100%; height:50%; background:-webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%); border-radius:10px 10px 12px 12px; }

#smartbanner.android { border-color:#212228; background: #3d3d3d url('data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7'); border-top: 5px solid #88B131; box-shadow: none; }
#smartbanner.android .sb-close { border:0; width:17px; height:17px; line-height:17px; color:#b1b1b3; background:#1c1e21; text-shadow:0 1px 1px #000; box-shadow:0 1px 2px rgba(0,0,0,0.8) inset,0 1px 1px rgba(255,255,255,0.3); }
#smartbanner.android .sb-close:active { color:#eee; }
#smartbanner.android .sb-info { color:#ccc; text-shadow:0 1px 2px #000; }
#smartbanner.android .sb-info strong { color:#fff; }
#smartbanner.android .sb-button { min-width: 12%; border:1px solid #DDDCDC; padding:1px; color:#d1d1d1; background: none; border-radius: 0; box-shadow: none; min-height:28px}
#smartbanner.android .sb-button span { text-align: center; display: block; padding: 2px 10px; background-color: #42B6C9; background-image: -webkit-gradient(linear,0 0,0 100%,from(#42B6C9),to(#39A9BB)); background-image: -moz-linear-gradient(top,#42B6C9,#39A9BB); text-transform:none; text-shadow:none; box-shadow:none; }
#smartbanner.android .sb-button:active, #smartbanner.android .sb-button:hover { background: none; }
#smartbanner.android .sb-button:active span, #smartbanner.android .sb-button:hover span { background:#2AC7E1; }

#smartbanner.windows .sb-icon { border-radius: 0px; }




*{
    margin: 0;
    padding: 0;
    text-decoration: none;
    outline: none;
}
html {
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 1.5;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 300;
    height: 100%;
    -webkit-text-size-adjust: none;
    image-rendering: optimizeQuality;
    -ms-interpolation-mode: bicubic;
    -ms-content-zooming: none;
    min-height: 100%;
}

html,body{
    height:100%;
    -webkit-overflow-scrolling: touch;
}

.no-scroll{overflow: hidden; }


body.iosBugFixCaret{
    position: fixed;
}

body.light {
    color: #191919;
    background: url("data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMtaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjUtYzAyMSA3OS4xNTQ5MTEsIDIwMTMvMTAvMjktMTE6NDc6MTYgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJCMUREQkIzQkNEODExRTM4NkJBRkM0ODQwNzU5RjhEIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJCMUREQkIyQkNEODExRTM4NkJBRkM0ODQwNzU5RjhEIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NURBNTIwM0EzN0ExMUUyOEQ2Q0MxMzZGN0QwQUFEMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NURBNTIwNEEzN0ExMUUyOEQ2Q0MxMzZGN0QwQUFEMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHB8fHx8fHx8fHx8BBwcHDQwNGBAQGBoVERUaHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fH//AABEIAGQAZAMBEQACEQEDEQH/xABjAAEBAQEBAAAAAAAAAAAAAAABAAIDCAEBAQAAAAAAAAAAAAAAAAAAAAEQAAICAgEDBQABBQAAAAAAAAABESExAkFRYRJxgZGhIkKx0eHxMhEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A9MzS146hE036ACAUBSBOYAzgDctLrICBl6t+wEnOrTAVsoifcAmo46gUgS7ugGJAmlxkAgBiNXy0BlKXLAoat4A0uoFLfoAx8AZa149wKF/gCoAeIA2p8aoCAyssBbcRwBmHHcDdLW7fIGUodYYGooAiEBLR+gD+ZgC8YXVgGb6AGzfsBJS5AtspIC1i2/gB115ygJxDiZYGbA22AeVAXZSBmf17gMgOrmmBl4gDcqEBlvUBhLPIGYf8fgDW2OjAomegCtVFZAElhqwNJ6rWgDzeeMADS1eJAm5V0gCor5AL5dAaWsWAw5uwCEsuGBLZNJP5AUvzE2gM+TSAYq8gTUoB8ljxAy95fYBSlNAMJYAmgFqo6AZ8ko1V9wJpNgPjUICcq+cAD072BNR3QAtr6Ab/AJAc04hR3QGwMxYDEICmroAdS1kCmqyA4de4E3ldQNIDOzgChSA/yz7AZ175AdooChwwJbVE2APXEWAQ7u+gFrOEgOiVAZ8EnmgHWJ9QCV/zEgSWzfYBvy7gZbiEscgOXi+ALZz+VgB8UkpykBmwLxhvqAyk446gUwoX2ArowMtKc4AdYX9wJNz0AYUzIA1U5AFEUA2l3AvLqBMA1cgW854WQMpWBrb19QBROX6Ab8UBbLn6ApURFAC2gC1cvuBnNgKtKQHUCSUuAJzYE8VkAXV5YEtl1AXtDyAuIXcA5jkCqH9AGgDt9AXK+gNVDkA4/IFYGdogCYE/H/QC/GEAfqV0A3/UD//Z") repeat fixed 0 0 / 100px 100px #F7F7F7;
}
body.dark {
    color: #FFF;
    background-image: url(images/dark.gif);
    background-attachment: fixed;
}

body{
	background-image:url(https://nx-i.akamaized.net/201708/SHFA3748CW7GKIW.png) !important;background-attachment:fixed;background-repeat:repeat;}
#actionoverlay.dark {
    color: #191919;
}
#actionoverlay.smartbannered{margin-top:80px;}
strong, b {
    font-weight: bold;
}
strong.isauthor,b.isauthor{
    color:#000000}
b.isauthor:after{
    font-family: 'icomoon';
    content: "\ee73";
    position: relative;left:2px;top:2px;margin-left:1px;margin-right:4px;font-size:15px;
}
textarea, select, input[type='text'], input[type='password'], input[type='search'], input[type='email'] {
    font-size: 12px;
    padding:8px;
    font-family: Arial, Helvetica, sans-serif;
    width: 470px;
    max-width: 98%;
    max-width: -moz-calc(100% - 12px);
    max-width: -webkit-calc(100% - 12px);
    max-width: calc(100% - 12px);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3) inset;
}
.light textarea, .light select, .light input[type='text'], .light input[type='password'], .light input[type='search'], .light input[type='email'] {
    border: 2px solid #111;
}
.dark textarea, .dark select, .dark input[type='text'], .dark input[type='password'], .dark input[type='search'], .dark input[type='email'] {
    border: 2px solid #666;
}
.form-material textarea,.form-material select,.form-material input[type='text'],.form-material input[type='password'],.form-material input[type='search'],.form-material input[type='email']{
    border: none !important;
    box-shadow:none !important;
    border-bottom:2px solid #CCC !important;
    background-color:rgba(0,0,0,.025) !important;
    border-radius:0 !important;
    max-width: -moz-calc(100% - 8px);
    max-width: -webkit-calc(100% - 8px);
    max-width: calc(100% - 8px);
    transition:box-shadow 0.28s cubic-bezier(0.4,0,0.2,1);
}
.dark .form-material textarea,.dark .form-material select,.dark .form-material input[type='text'],.dark .form-material input[type='password'],.dark .form-material input[type='search'],.dark .form-material input[type='email']{
    background-color:rgba(255,255,255,0.9) !important;
}
.lang-ar{direction: rtl;}
select {
    width: 490px;
    padding-top:4px;
    padding-bottom:4px;
    max-width: 100% !important;
}
.form-material select{width:486px;}
select option {
    padding: 2px;
}
::-webkit-input-placeholder {
    color: #CCC;
}
:-moz-placeholder {
    color: red;
}
::-moz-placeholder {
    color: #CCC;
}
:-ms-input-placeholder {
    color: #CCC;
}
input[type='button'], button, .buttonlike {
    text-align: left;
    text-transform: uppercase;
    color: #FFF;
    font-weight: bold;
    font-family: 'Spiegel Sans CD', Arial, sans-serif;    font-size: 12px;
    border-radius: 4px;
    padding: 4px;
    padding-left:8px;
    padding-right:8px;
    cursor: pointer;
    opacity: .85;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(33, 33, 33, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(33, 33, 33, 1)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(33, 33, 33, 1) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(33, 33, 33, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(33, 33, 33, 1) 100%);
    max-width: 100%;
}


input[readonly]{cursor:pointer;}
input:focus,textarea:focus,.pseudofocus{border:2px solid #000000 !important;}
.form-material input:focus,.form-material textarea:focus,.form-material .pseudofocus{border:none !important;border-bottom:2px solid #000000 !important;box-shadow:none !important;}
.dark .form-material input:focus,.dark .form-material textarea:focus,.dark .form-material .pseudofocus{border:none !important;border-bottom:2px solid #000000 !important;background-color:rgba(255, 255, 255, 1) !important;}
button.shortcut{border:none !important;width: 154px !important;margin-bottom:4px;background:#f1f1f1 !important;}
.light input[type='button'], .light button, .light .buttonlike {border: 2px solid #111;}
.dark input[type='button'], .dark button, .dark .buttonlike {border: 2px solid #666;}
button.mainaction{background:#000000 !important;border:2px solid #000000 !important;font-size:18px;}
button.fblogin,.form-material button.fblogin {background-color: #3b5998 !important;background-image: none;}
button.twlogin,.form-material button.twlogin {background-color: #1b95e0 !important;background-image: none;}
.buttonlike.gologin,.form-material .buttonlike.gologin {display:none;background-color: #4F7BF3 !important;background-image: none;}
button div ,.buttonlike div{display: inline;margin-right: 10px;}
button.ui-datepicker-trigger{visibility:hidden;}
.vholder button div{margin-right:0;}
.extended {width: 580px;}
.not-touched input[type='button']:hover,.not-touched  button:hover ,.not-touched .buttonlike:hover {opacity: 1;}
.dark input[type='button'], .dark button, .dark .buttonlike {
    border-top:1px solid #000000 !important;
    border-bottom:1px solid #000000 !important;
    -webkit-transition:color 0.3s cubic-bezier(0.4,0,0.2,1);
    transition:all 0.3s cubic-bezier(0.4,0,0.2,1);
}

.not-touched .dark input[type='button']:hover,.not-touched .dark button:hover,.not-touched .dark .buttonlike:hover {
    color:#000000;
    border-color:#FFF !important;
}
.form-material input[type='button'],.form-material button,.form-material .buttonlike {
    border-radius:1px !important;background:#000000 !important;
    border:none !important;
    transition:box-shadow 0.28s cubic-bezier(0.4,0,0.2,1);
}
.form-material input[type='button'].flat,.form-material button.flat,.form-material .buttonlike.flat {color:#111 !important;background:rgb(229, 229, 229) none repeat scroll 0% 0% !important;}
.form-material input[type='button'] div,.form-material button div,.form-material .buttonlike div {display:none !important;}
.form-material .vholder input[type='button'] div,.form-material .vholder  button div,.form-material .vholder  .buttonlike div {display:block !important;}
.lang-ar .vholder button div, .lang-ar .vholder .buttonlike div {margin-left:0px!important;}
button.leftindex div,button.rightindex div{display:block !important;}
.form-material #usermenu input[type='button'] div,.form-material #usermenu button div,.form-material #usermenu .buttonlike div {display:inline-block !important;}
.form-material #usermenu .loggedin input[type='button'] div,.form-material #usermenu .loggedin button div,.form-material #usermenu .loggedin .buttonlike div {color:#000000 !important;}
.not-touched .form-material input[type='button']:hover,.not-touched  .form-material button:hover,.not-touched  .form-material .buttonlike:hover {border:none !important;box-shadow:0 2px 2px 0 rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.3) !important;}
.not-touched .form-material input[type='button'].flat:hover,.not-touched  .form-material button.flat:hover {color:#111 !important;}
.indexbutton{margin-right: 10px !important;text-align: center;width:36px;}
.indexbutton div{margin:0 !important;display:inline-block !important;}
.indexbutton.active{opacity:.4;cursor:default !important;background:#000000 !important;}
.not-touched .indexbutton:hover{color:#000000}
.leftindex,.rightindex{padding-top:4px;padding-bottom:5px;}
.leftindex{float:left;}
.rightindex{float:right;margin-right:0 !important;margin-left:10px;}
.indexspace{background-color:none;background-image:none;width: 60px;position:absolute;bottom:20px;width:calc(100% - 40px);font-weight:bold;z-index:0;pointer-event:none;}
.smallcheckboxcompanion{top: -3px; left: 6px;}
.articlefooter{font-size:10px;font-weight:bold;color:#666;margin-top:10px;margin-bottom:20px;}

.not-touched button.mainaction:hover {background:#000000 !important;}

.form-material .checkbox {position: relative;top: -0.375rem;margin: 0 1rem 0 0;cursor: pointer;}
.form-material .checkbox:before {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;content: "";position: absolute;left: 0;z-index: 1;width: 1rem;height: 1rem;border: 2px solid #ccc;}
.form-material .checkbox:checked:before {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);height: .5rem;border-color: #000000;border-top-style: none;border-right-style: none;}
.form-material .checkbox:after {content: "";position: absolute;left: 0;width: 1.1rem;height: 1.1rem;background: #fff;cursor: pointer;}
.form-material #checkboxholder{margin-top:4px;margin-bottom:8px;}
.form-material .checkboxcompanion{margin-left:0;margin-top:-2px;}
.form-material .smallcheckboxcompanion{top: -6px; left: 0px;}

.vimgcutter video{ vertical-align: middle; }

a {
    cursor: pointer;
}
.light a {
    color: #191919;
}
.dark a {
    color: #FFF;
}
.dark a.vholder,.dark a.tholder{color:#000;}
.dark a.vholder.simple{color:#FFF;}
*[onclick], *[data-navigateto] {
    cursor: pointer;
}
a img {
    background-color: transparent;
    border: none !important;
}
h1, h2, h3, h4, h5, label {
    font-family: 'Spiegel Sans CD', Arial, sans-serif;    font-weight: normal;
}
h1 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 20px;
}
label {
    width: 150px;
    font-size: 14px;
    display: block;
    padding-top: 1px;
    float: left;
}
.form-material label{width:154px;}
label.mandatory {
    font-weight: bold;
}
label.mandatory:after{
    content:'*';
}
h2 {
    font-size: 16px;
}
h2 .autocut{
    max-width:-moz-calc(100% - 218px);
    max-width:-webkit-calc(100% - 218px);
    max-width:calc(100% - 218px);
    float:left;
}
h2.h1{
    font-size: 30px;
    font-weight: bold;
    margin-top: 43px;
    margin-bottom: 8px;
}
h2.h1:first-of-type{margin-top:0;}
h1,h2,h2.h1{
    color:#ffffff;
}
h2.subtitle{color:#000;border:none !important;font-size:18px !important;font-family:Spiegel Sans CD SemiBold;font-weight:500;line-height:1.17;}
h2.subtitletop{text-decoration: underline;}
.dark h2.subtitle{color:#FFF;}
h3 {
    font-size: 20px;
}
h4, h5 {
    font-size: 19px;
    margin-bottom: 6px;
}
section, article, aside, header, footer, small, nav, main {
    display: block;
}
optgroup {
    font-style: normal;
}
input::-webkit-input-placeholder, area::-webkit-input-placeholder {
    color: #CCC;
}
input:-moz-placeholder, area:-moz-placeholder {
    color: #CCC;
}
textarea {
    resize: none;
}
textarea#newcomment {
    width: 466px;
    height: 80px;
}
hr {
    color: #666;
    border-bottom-style: dotted;
    border-top: none;
    border-left: none;
    border-right: none;
}
.autocut {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.header-text{max-width: 80%;}
.twolines{
    height:72px;
    overflow:hidden;
}
.reduced .twolines{
    height:50px;
    line-height:24px;
}
.ellip-line{top:-4px;}
.bold{font-weight:bold;}
.cardtitle{font-size:24px;font-family:Spiegel Sans CD SemiBold;font-weight:500;line-height:1.17;}
.cardsubtitle{text-decoration: underline;text-transform:uppercase;font-family:Spiegel Sans CD SemiBold;font-weight:500;line-height:1.17;; letter-spacing: 0.25px;  font-weight: 400;}
.row-small .cardtitle{font-size:20px;}
.rounded {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.roundedtop {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.roundedbottom {
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.shadowed, .ui-datepicker {
    box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: rgba(0, 0, 0, 0.75) 4px 4px 12px;
}
.ui-widget-header{background:#333 !important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {color:#333;}
.ui-state-highlight{background:#FFEB80 !important;}
.ui-state-hover{color:#FFF !important;background-color:#333 !important;background-image:none !important;}
.ui-datepicker-calendar .ui-state-default{color:#CCC;}
.ui-datepicker-current-day a{font-weight:bold !important;color:#FFF !important;}
.addondata{display:none;}
.canvasheader{position:absolute;top:-21px;left:0;height:120px !important;}
.popover {
    display: none;
    position: absolute;
    min-width:140px;
    width: auto;
    min-height: 60px;
    color: #111;
    padding: 10px;
    padding-left: 14px;
    padding-right: 14px;
    font-size: 16px;
    background: -moz-linear-gradient(top, white 0%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e5e5e5));
    background: -webkit-linear-gradient(top, white 0%, #e5e5e5 100%);
    background: -ms-linear-gradient(top, white 0%, #e5e5e5 100%);
    background: linear-gradient(to bottom, white 0%, #e5e5e5 100%);
    box-shadow:0 2px 2px 0 rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.3) !important;
}
.popover_canvas {
    display: none;
    position: absolute;
    min-width:140px;
    width: auto;
    min-height: 60px;
    color: #111;
    padding: 10px;
    padding-left: 14px;
    padding-right: 14px;
    font-size: 16px;
    background: -moz-linear-gradient(top, white 0%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e5e5e5));
    background: -webkit-linear-gradient(top, white 0%, #e5e5e5 100%);
    background: -ms-linear-gradient(top, white 0%, #e5e5e5 100%);
    background: linear-gradient(to bottom, white 0%, #e5e5e5 100%);
    box-shadow:0 2px 2px 0 rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.3) !important;
}
.popover:after {
    border-color: #FFF transparent;
    border-style: solid;
    border-width: 0 14px 14px;
    content: "";
    display: block;
    top: -14px;
    left: 66px;
    position: absolute;
    width: 0;
}
.materialpop.popover{background: #FFF !important;top:36px !important;left:0 !important;border-radius:2px;z-index:1;}
.materialpop.popover:after{display: none !important;}

.popover.omnibox{width:auto;max-width:auto;height:158px;}
.omniboxextender{height: 40px; background-color:transparent; position: absolute; top: -40px; width: 160px; z-index:2;}

.popover.omnibox ul.left{
    width:130px;
    float:left;
    display:block;
    border-right: 1px dotted #111;
}

.popover.omnibox ul.right{
    width: -moz-calc(100% - 200px);
    width: -webkit-calc(100% - 200px);
    width: calc(100% - 200px);
    float: left;
    margin-left: 0px;
    padding-left: 20px;
}

.popover.omnibox ul.left li{width:120px;}
.popover.omnibox ul.right li{width:130px;margin-right:20px !important;}

.cleared {
    clear: both;
}
.glowed {
    text-shadow: 0 0 15px #222222;
}
.errorinput {border-color: #EE2E24 !important;}
.form-material input.errorinput,.form-material textarea.errorinput{border-bottom:2px solid #FF3300 !important;}
.loggedin {
    display: none;
}
.errorhint {
    position: absolute;
    top: -26px;
    left: 120px;
    background-color: #FF3300;
    padding: 4px;
    border-radius: 4px;
    color: #FFF;
    -webkit-box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: rgba(0, 0, 0, 0.45) 4px 4px 12px;
    box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.45);
    white-space:nowrap;
}
.errorhint:before {
    border-color: #FF3300 transparent;
    border-style: solid;
    border-width: 10px 10px 0;
    bottom: -10px;
    content: "";
    display: block;
    left: 50px;
    position: absolute;
    width: 0;
}
#commentholder .errorhint {
    top: 16px;
    left: 340px;
}
.actionbutton {
    opacity: .75;
    cursor: pointer;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    transition: opacity .5s;
}
.actionbutton.inactive {
    opacity: .3 !important;
    cursor: default !important;
}
.not-touched .actionbutton:hover {
    opacity: 1;
}
.socialbutton, .appbutton {
    height: 26px;
    margin-bottom: 0;
    margin-top: 2px;
    margin-left: 10px;
    margin-right: 0 !important;
    float: right;
}
.fb_iframe_widget{
    display:block !important;position:absolute !important;top:56px;right:20px;height:20px !important;overflow:hidden !important;
}
.fbtitle{max-width:calc(100% - 120px);display:inline-block;}
.appbutton {
    display: none;
}
#notifybubble {
    background-color: #000;
    min-width: 100px;
    max-width: 400px;
    width: 90%;
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    position: fixed;
    z-index: 900;
    top: 96px;
    color: #FFF;
    left: 0px;
    right: 0px;
    margin: auto;
}
#leftnotify {
    float: left;
    width: 20px;
    padding-top:4px;
    font-size: 16px;
}
#rightnotify {
    float: left;
    text-align: left;
    margin-left: 10px;
    padding-top: 4px;
    width: 95%;
    width: -moz-calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
}
#notifybubble:before {
    border-color: #000 transparent;
    border-style: solid;
    border-width: 0 15px 15px;
    top: -15px;
    content: "";
    display: block;
    left: 46%;
    left: -moz-calc(50% - 7px);
    left: -webkit-calc(50% - 7px);
    left: calc(50% - 7px);
    position: absolute;
    width: 0;
}
#txtm {
    white-space: nowrap;
}
#wrapper {
    text-align: center;
    width: 100vw;
    /*overflow-x:hidden;*/
}
#wrapper.smartbannered{margin-top:100px;}

#connector, #actionoverlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 850;
    -webkit-overflow-scrolling:touch; overflow-y: auto;
}
#connector, #actionoverlay {
    background-color: rgba(255, 255, 255, 0.7) !important;
}
#connector.dark, #actionoverlay.dark {
    background-color: rgba(0, 0, 0, 0.7) !important;
}
#allcontent {
    width: 1200px;
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    position: relative;
    min-height:600px;
    min-height: calc(100vh - 100px);
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
    margin-top:60px;
}
#allcontent.headextended{margin-top:170px;}
#innercontent{
    padding: 20px;
    min-height:400px;
    position:relative;
}
#rcblock{display:block;width:100%;}
.light #allcontent {
    background-color: #FFF;
}
.dark #allcontent {
    background-color: #050D14;
}
#header {
    position: fixed;
    -webkit-transform: translateZ(0);
    width: 100%;
    font-size: 14px;
    top: 0;
    left: 0;
    height: 60px;
    z-index: 800;
    padding:2px;
}

.app.notch-top #header{
    padding-top:24px;
}

.app.notch-top #wrapper{
    padding-top:24px;
}
/*
.app.notch-left #header{
    padding-left:24px;
}

.app.notch-left #wrapper{
    padding-left:24px;
}
*/
#header.headertransparent {
    -webkit-transition: background-color 1s ease-out;
    -moz-transition: background-color  1s ease-out;
    -o-transition: background-color  1s ease-out;
    transition: background-color  1s ease-out;
    background: transparent !important;
    position: relative;
    box-shadow: none;
}
#header.non-transparent{
    background: rgb(33, 33, 33)!important;
    position: fixed;
}
#allcontent.non-transparent{
    margin-top: 54px;
}

#header.smartbannered{margin-top:84px;}
.smartbannered #tpbsc{margin-top:159px;}
#header, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(top, rgba(0,0,0, 1) 0%, rgba(0,0,0, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0, 1)), color-stop(100%, rgba(0,0,0, 1)));
    background: -webkit-linear-gradient(top, rgba(0,0,0, 1) 0%, rgba(0,0,0, 1) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0, 1) 0%, rgba(0,0,0, 1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0, 1) 0%, rgba(0,0,0, 1) 100%);
}
#header div[class^='icon-'] {
    color:#ffffff;
}
button div[class^='icon-'],.buttonlike div[class^='icon-']{
    color:#FFF !important;
}




.not-touched button.shortcut:hover div[class^='icon-']{color:#000000 !important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}
#loginbutton {
    margin-top: 12px;
    margin-left: 20px;
    float: right;
    width: 120px;
    max-width: 120px;
    color: #111;
    border: 2px solid #FFF;
    background: rgb(255, 255, 255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(237, 237, 237, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(237, 237, 237, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(237, 237, 237, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(237, 237, 237, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(237, 237, 237, 1) 100%);
}
#footer, #header {
    width: 100%;
    font-size: 14px;

    -moz-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.simplelink {border-bottom: 1px dotted rgba(255,255,255,.2);}
.simplelink.materialboxed{padding-left:0 !important;}
.boxlink{background-color:#999 !important;padding:0px 4px;color:#000 !important;margin-right:6px;position:relative;top:-2px;border-radius:2px;display:inline-block;margin-bottom:6px;}
.boxlink.material{background-color:#111 !important;border-radius:0;color:#FFF !important;}
.not-touched .boxlink:hover{color:#FFF !important;}
.not-touched .boxlink.material:hover{color:#000000 !important;}

#footer {
    min-height: 100px;
    margin-top: 30px;
    font-size: 10px;
    color: #ffffff;
    padding-top: 20px;
    background: rgb(33, 33, 33);
    background: -moz-linear-gradient(top, rgba(0,0,0, 1) 1%, rgba(0,0,0, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(0,0,0, 1)), color-stop(100%, rgba(0,0,0, 1)));
    background: -webkit-linear-gradient(top, rgba(0,0,0, 1) 1%, rgba(0,0,0 1) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0, 1) 1%, rgba(0,0,0, 1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0, 1) 1%, rgba(0,0,0, 1) 100%);
}
#footer .simplelink {background-image: url(images/arrow.png);background-repeat: no-repeat;background-position: 0 5px;padding-left: 10px !important;color: #ffffff;padding: 2px;margin-right: 10px;}
.not-touched #footer .simplelink:hover {color: #cccccc;}
#innerheader, #innerfooter {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    position: relative;
}
.extended #innerheader{height:103px;}
#topholder {
    display:none;
    direction:ltr;
    /*width: 1200px;*/
    width:calc(100% - 40px);
    height: 540px;
    margin: 80px auto 0;
    position: relative;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
}
#topholder.attached{margin-top:0 !important;}
#topholder.multihorizontal{height:270px;}
.videorow {
    margin-bottom: 40px;position:relative;
}
.topbanner-text{position:absolute;bottom:16px;text-align:left;z-index:100;width:100%;max-width:100%;    pointer-events: none;}
.topbanner-text h3{color:#FFF;background-color:#000000;font-size: 26px;font-weight: bold;padding: 4px 10px;display: inline-block;width: auto;max-width:90%; overflow:hidden;text-overflow: ellipsis;margin-bottom:-4px;}
.topbanner-text p{background-color:#000;color:#FFF;padding: 10px;display: inline-block;font-size:14px;max-width:90%;}
.topbanner-text div[class^='icon-']{position: absolute; right: 10px; top: calc(50% - 16px); font-size: 30px; color:#FFF;}
.topbanner-text h3 div[class^='icon-']{position:relative;display:inline-block !important;font-size:26px;top:0;right:0;margin-left:10px;}
.material .topbanner-text{background-color:rgba(0,0,0,.5);width:100%;text-align:center;bottom:0;}
.material .topbanner-text p,.material .topbanner-text h3,.simple .topbanner-text p,.simple .topbanner-text h3{background:transparent;color:#FFF;}
.material .topbanner-text p,.simple .topbanner-text p{position:relative;top:-10px;margin-bottom:-10px;}
.boxes .topbanner-text p,.boxes .topbanner-text h3{background:#FFF;color:#111;margin-left:20px;}
.boxes .topbanner-text p{margin-top:10px;margin-bottom:20px;}
.boxes h3 .icon-stack-play{color:#111;}
.reduced .topbanner-text{bottom: auto; top: 20px; left: 20px;}
.reduced .topbanner-text h3{background-color: transparent; font-size: 36px; text-shadow: 1px 1px 10px rgb(17, 17, 17);}
.reduced .topbanner-text p{background-color: transparent; text-shadow: 1px 1px 10px rgb(17, 17, 17); font-size: 18px; font-family: "Spiegel Sans CD",Arial,sans-serif; position: relative; top: -20px;}

.swiper-slide .topbanner-text h3{font-size:20px;max-width:calc(100% - 70px);}
.swiper-slide .topbanner-text p{font-size:12px;max-width:calc(100% - 70px);}

#globalsearch {
    float: right;
    border-radius: 4px;
    padding: 6px 20px 6px 6px;
    position: relative;
    margin-top: 10px;
    width: 200px;
    right: -50px;
    background-image: url(images/search.png);
    background-repeat: no-repeat;
    background-position: 98% 7px;
    font-family: "Spiegel Sans CD"
    font-weight: 700;
}
.form-material #globalsearch{background-color:rgba(255,255,255,0.15) !important;color:#ffffff}
#altsearch {
    width: 90%;
    width: -moz-calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
    background-image: url(images/search.png);
    background-repeat: no-repeat;
    background-position: 98% 7px;
    padding: 6px 20px 6px 6px;
    border: 2px solid #111;
    float: left;
    font-size:18px;
font-family:Spiegel Sans;font-weight:normal;line-height:20px;letter-spacing: 0.5px;;
}
#altsearch.nospeech {
    max-width: 120%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    width: -moz-calc(100% + 4px);
    width: -webkit-calc(100% + 4px);
    width: calc(100% + 4px);
}
#altmicholder {
    position: relative;
    display: inline-block;
    font-size: 22px;
    left: 4px;
    display: none;
    float: right;
}
.nouser #globalsearch {
    right: 0px;
}
#nxp_tt{
    position: absolute;
    top:0;left:0;
    z-index: 3000;
    border: 1px solid #222;
    background-color: #000;
    color: #FFFFFF;
    border-radius:4px;
    box-shadow:1px 1px 12px #111;
    padding: 2px;
    padding-left: 6px;
    padding-right: 6px;
    font-size: 10px !important;
    opacity: 0.85;
    max-width: 300px;
    margin: 0;
    font-family: Arial,Helvetica,sans-serif !important;
    font-size:10px;
    display:none;
}
#micholder {
    font-size: 20px;
    width: 26px;
    position: absolute;
    right: 54px;
    top: 14px;
    color:#FFF;
    display: none;
}
#commentmicholder {
    font-size: 18px;
    position: absolute;
    top: 53px;
    right: 18px;
    opacity: .2;
    display: none;
}
.nouser #micholder {
    right: 0;
}
#mainlogo,#addonlogo {
    height: 50px;
    border: none !important;
    max-height:55px;
}
#mainlogo{position:relative;z-index:1;}
#mainlogoholder {
    float: left;
    margin-top: 6px;
    border: none !important;
}

#tvlogo{position:absolute;top:20px;right:20px;height:60px;}
#mainmenu {
    float: left;
    color: #ffffff;
    font-family: 'Spiegel Sans CD', Arial, sans-serif;    font-size: 18px;
    list-style-type: none;
    margin-left: 40px;
    margin-top: 12px;
    font-weight: bold;
	text-transform:uppercase;
}
#appmenu{display:none;}
#mainmenu li {
    float: left;
    margin-right: 16px;
    margin-left: 18px;
    cursor: pointer;
}
#mainmenu li a {
    color: #ffffff;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.not-touched #mainmenu li:hover, #mainmenu li a.activemenu {
    color: #c7c7c7;
}
#catsholder {
    position: relative;
}
.catsopener{
    position: relative;
    padding-bottom: 20px;
}
.not-touched #mainmenu li.catsopener:hover{
    color: #ffffff !important;
}
.catsopener > div{
    position:relative;top:2px;
}
.catstitle{
    display:inline-block;
    position:relative;
    top:-2px;
}
.subindicator{
    display:inline-block;
    margin-left:7px;
    font-size:13px;
    color:#000000 !important;
    position:relative;
    top:-2px;
}

.categories{
    list-style-type: none;
}
.categories li {
    float: none !important;
    margin: 0 !important;
    display:block;
}
.categories li a {
    display: block;
    color: #666 !important;
    font-size: 15px;
}
.not-touched .categories li a:hover {color: #000 !important;}
#userarea {float: right;margin-left: 20px;width: 48px;text-align: right;position: relative;padding-left: 70px;}
#playerholder,#leftinside{
    float: left;
    width: 640px;
    margin-right: 40px;
}
#playerholder.reconone{
    width:100%;
    float:none;
    margin-right:0;
}
#toprow{
    position:relative;
    height:522px;
    overflow:hidden;
    margin-bottom:30px;

}
#toprow.centeredblack{background-color:#000;}
#toprow.centeredbig{height:652px;}
#toprow.centeredbigabov{height: 652px;width: 100%;}



#toprowimg{width:100%;height:auto;opacity:.75;position:absolute;top:0;left:0;}
#toprowholder{
    width:640px;height:360px;
    margin:auto;position:absolute;left:0;right:0;top:0;bottom:0;box-shadow:1px 1px 8px #111;
}
#toprowholder.centeredbig,#toprowholder.centeredbigabov{width:100%;height:100%;}
.videosection h2,.usersection h2,.forprofile h2,#relatedvideos h2 {
    border-bottom: 1px dotted #050d14;
    font-size: 26px;px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 0 0 6px 0;
}
#relatedvideos,#rightinside{
    float: left;
    margin-left:10px;
    width: 470px;
}
#relatedvideos h2{display:none;}
#rightinside{
font-family:Spiegel Sans;font-weight:normal;line-height:20px;letter-spacing: 0.5px;    font-size:16px;
}
#videoplayer,#slideshowholder,.videoplayerreplacement{
    width: 640px;
    height: 360px;
    background-color: #000;
    position: relative;
    margin-bottom: 30px;
}


.centeredbigabov #videoplayer,.centeredbigabov #slideshowholder,.centeredbigabov .videoplayerreplacement,
.centeredbig #videoplayer,.centeredbig #slideshowholder,.centeredbig .videoplayerreplacement{
    width:100%;
    height:652px;
}
#videoartist{
    width: 100%;
}
#playerslideshow{
    width:100%;height:100%;
}
#playerslideshow .swiper-slide{
    text-align: center;
    font-size: 18px;
    background: #000;7
display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#playerslideshow .swiper-slide img{height:100%;}
.videoactions {
    width: 100%;
}
.centeredbigabov .videoactions,.centeredbig .videoactions,.centeredtop .videoactions{
    position:absolute;top:60px;width:400px;max-width:90%;margin-left:auto;margin-right:auto;left:0;right:0;box-shadow:1px 1px 8px #111;
}
.videoactbox {
    padding: 10px;
    padding-left: 4px;
    border: 1px solid #000 !important;
    color: #FFF;
    font-weight: bold;
    display:-moz-flex;
    display:-webkit-flex;
    display:-ms-flex;
    display:flex;
    -webkit-justify-content:flex-start;
    -webkit-align-items:center;
    justify-content:flex-start;
    align-items:center;
}
.videored {
    background-color: #FF3300;
}
.videored.laterpay{
    background-color:#2E2E2E;
}
.videored.laterpay img{
    height:20px;
}
.videoactbox .icon-shield3 {
    font-size: 26px;
    margin-left:3px;
}
.videoactbox button {
    width: 100%;
    color: #111;
    opacity: 1;
    margin-top: 12px;
    background: #FFF;
    background: -moz-linear-gradient(top, #FFFFFF 0%, #E5E5E5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #E5E5E5));
    background: -webkit-linear-gradient(top, #FFFFFF 0%, #E5E5E5 100%));
    background: -ms-linear-gradient(top, #FFFFFF 0%, #E5E5E5 100%));
    background: linear-gradient(to bottom, #FFFFFF 0%, #E5E5E5 100%));
}
.videoactiontext {
    margin-left:20px;
}
.videosection,.usersection {
    margin-bottom: 20px;
    position: relative;
    overflow-x: hidden;
}

.videosection label {
    width: 150px;
    font-weight: bold;
    font-size: 14px;
    margin-right: 20px;
}
.videosection .vdet {
    float: left;
    width: 474px;
    padding-top: 5px;
    max-width: 100%;
}
.vidprogressholder{width: 100%; background-color: rgba(0, 0, 0, 0.75); height: 17px; border-radius: 4px; overflow: hidden;}
.vidprogressholder.material{border-radius:0;}
.vidprogressholderinner{height:100%;background-color:#000000}
#sceneholder{
    height: 82px;
    overflow: hidden;
    position: relative;
}
#sceneholder{height:102px;}
#slideshowinnerholder,#sceneinnerholder{
    position: absolute;
    top: 0;
    left: 0;
    width: 1000px;
}
.slideshowimg,.sceneimg{
    float: left !important;
    margin-right: 10px;
    height: 80px;
    border: 1px solid #000000 !important;
}
.sceneimg {height:100px;margin-right:16px;}
.relatedvideo {
    margin-bottom: 10px;
    padding: 4px;
    background-color:#FFF;
    position: relative;
    color:#111;
}
.relatedvideo .relatedimg {
    float: left;
    width:100px;
    margin-bottom: 10px;
    display: block;
}
.relatedvideo .relatedimg img {
    width: 80px;
}
.relatedvideo .relateddesc {
    float: left;
    font-size: 11px;
    width: calc(100% - 100px);
}
.relatedvideo .relateddesc .teaser {
    max-height: 64px;
    overflow: hidden;
    position: relative;
    top: -5px;
}
.relatedvideo h3 {
    font-weight: bold;
    font-size: 14px;
    position: relative;
    top: -4px;
    width: 260px;
    color:#111;
}
.relatedvideo .buttonlike{
    font-size: 10px;
    padding: 0;
    padding-left: 2px;
    padding-right: 2px;
    position: absolute;
    right: 0;
    top: -2px;
    cursor: default;
}
.dark .relatedvideo .buttonlike{opacity:1;}
.flipback .buttonlike{
    padding: 0;
    padding-left: 2px;
    padding-right: 2px;
    cursor: default;
    opacity: .3;
    left:0px;
    top:0;
    position:relative;
    display:inline-block;
    margin-bottom:6px;
}
.flipbackinner{
    height:calc(100% - 20px);
    overflow:hidden;
}
.startcomment, .openslideshow {
    position: absolute;
    right: 0;
    top: 2px;
}
#logprofileimage {
    height: 39px;
    border: 1px solid #ccc;
    margin-top: 4px;
    margin-right: 4px;
}
#currentfiles{display:none !important;}
#logprofileimage.pmode-circle,.commentimg img.pmode-circle{border:none !important;}
#usermenu {left: auto !important;width: 196px;top: 60px !important;right: -12px; z-index: 10;}
#usermenu:after {left: 176px;}
#usermenu input[type='text'], #usermenu input[type='password'] {margin-bottom: 6px;}
#usermenu input[type='button'], #usermenu button{margin-bottom: 10px;width: 100%;}
#usermenu .buttonlike {margin-bottom: 10px;}
#aboindicator{
    position: absolute; font-size: 8px; font-weight: bold; padding: 2px 4px; border-radius: 2px; top: -6px; right: -6px; background-color:#ffffff; color:#000000;
}
.minilink {
    text-align: right;
    width: 190px;
    font-size: 10px;
    cursor: pointer;
    opacity: .8;
}
.not-touched .minilink:hover {
    opacity: 1;
}
.ad_intra {
    display: none;
    text-align: center;
    margin-bottom: 20px;
}
.ad_intra a img {
    max-width: 100%;
}
.redad{
    position:relative;
    text-align:left;
    margin-bottom:20px;
}

.redad a{ flex-wrap: nowrap;align-items: stretch;display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;width: 100%;color:inherit; height: 360px;}
.redthumb{-webkit-order: 2; -ms-flex-order:2; order:2; display: block;max-width: 40%;max-height: 360px;width: auto;height: auto; margin: auto;}
.redtext{-webkit-order: 1; -ms-flex-order:1; order:1;max-width: calc(50%);margin: auto;width: 100%;color:inherit;}
.redtitle{ font-size: 30px;color:inherit;}
.redteaser{font-family:Spiegel Sans CD SemiBold;font-weight:500;line-height:1.17;;font-size:24px;color:inherit;}
.redmax { /* no IE/EDGE support ;max-width:100%;object-fit: contain;height: auto;*/ max-width: 100%;height: auto;}

#adlayer_top {
    margin-top: 70px;
    text-align: right;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
#adlayer_top.extended{
    margin-top:145px;
}
#ad_right {
    position: absolute;
    top: 0;
    right: -140px;
    width: 140px;
}
#ad_right.extendedsky {
    right: -310px;
    width: 310px;
}
#ad_right a {
    display: block !important;
    left: 20px !important;
    position: absolute !important;
}
#adlayer_top.super {
    height: 110px;
}
#adlayer_top.extendedsuper {
    height: 270px;
}
#ad_innertop.hockey {
    position: relative;
    right: -20px;
}
#ad_related{
    margin-bottom:20px;
    max-width:470px;
    overflow:hidden;
}
.adblocked {
    display: block !important;
    height: 10px !important;
}
.plain {max-width: 100%;}
article .innerplain p{margin-bottom:20px;}
article .innerplain h2{margin-bottom:6px;}
article iframe {max-width: 100%}

.collectionitem{margin-bottom:20px;position:relative;}
.collectionimg{width:100%;max-width:100%;height:auto;}
.collectionvideooverlay{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; width: 90px; height: 90px;}
.collectionvideooverlay div{display: inline-block; font-size: 55px; border-radius: 50%; position: relative; padding-top: 17px; box-sizing: border-box; padding-left: 22px; color:#FFFFFF; background-color:#000000; width: 90px; height: 90px;box-shadow:2px 3px 10px #111;transition:all 0.5s ease;}
.not-touched .collectionvideo:hover .collectionvideooverlay div{transform:scale(1.15);box-shadow:2px 3px 16px #111;}

.light .plain a{
    color:#191919;
    font-weight:bold;
}
.dark .plain a{
    color:#FFF;
    font-weight:bold;
}
.not-touched .light .plain a:hover{
    color:#FFF !important;
    background-color:#111111;
}
.not-touched .dark .plain a:hover{
    color:#000;
    background-color:#FFF;
}
.flexer{
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
}
.flexer img{
    -webkit-flex-shrink:0;
    -moz-flex-shrink:0;
    -ms-flex-shrink:0;
    flex-shrink:0;
    margin-left:20px;
    object-fit: contain;
}
.breadcrumbs{
    text-transform: uppercase; font-weight: normal ! important; color:#999; font-size: 13px;margin-bottom:12px;  white-space: pre-wrap;
font-family:Spiegel Sans;font-weight:normal;line-height:20px;letter-spacing: 0.5px;;
}
.breadcrumbs a{
    color:#999 !important;
    font-weight:normal !important;
}
.not-touched .breadcrumbs a:hover{
    background-color: transparent !important;
    color:#000000;
}
.textimg {
    float: right;
    max-height: 80px;
    margin-top: -16px;
}
.plain h2{
    font-size:24px;px;
    font-weight:bold;
}
.plain ul li,.plain ol li,.vreddesc ul li,.vreddesc ol li,{
    margin-left:14px;
}
.holder {
    position: relative;
    margin-bottom: 12px;
    direction:ltr;
font-family:Spiegel Sans;font-weight:normal;line-height:20px;letter-spacing: 0.5px;letter-spacing: 1.3px;
}
.holder.checkboxholder {
    margin-top: 14px;
    position: relative;
    max-width: 642px;
    height:40px;
}
.holder.checkboxholder input {
    position: absolute;
    left: 154px;
}
.holder.checkboxholder p {
    position: absolute;
    top: -6px;
    left: 180px;
}
.holder button{text-align: center;width: 486px;}
.holder .buttonlike{width:100%;box-sizing:border-box;text-align:center;max-width:486px;}
.ui-datepicker-year {
    padding: inherit;
    font-size: 11px !important;
}
.ui-datepicker-prev, .ui-datepicker-next, .ui-datepicker-prev-hover, .ui-datepicker-next-hover {
    top: 4px !important;
}
.ui-datepicker-current-day a {
    font-weight: bold;
}
#uploadprogressholder,#uploadprogressholdercapture{width: calc(100% - 8px);background-color: #CCC;overflow: hidden;padding: 4px;position: relative;height: 16px;}
#uploadprogressholdercapture{position:absolute;top:0;left:0;right:0;bottom:0;width:80%;margin:auto;height:12px;}
#uploadprogress,#uploadprogresscapture{background-color: #000000;padding: 4px;width: 10%;position: absolute;top: 0;left: 0;height: 24px;}
#uploadoverlay{color: #FFF;font-weight: bold;position: absolute;top: 3px;left: 6px;}
#uploadfilename{font-weight:normal !important;}
.ui-autocomplete{
    z-index:888 !important;
    position:fixed !important;
}
.buttonleft {
    float: left;
    width: 240px !important;
}
#removeholder .buttonleft {
    max-width: 46%;
}
.buttonright {
    width: 260px !important;
    float: right;
    margin-right: 10px;
}
#removeholder .buttonright {
    max-width: 46%;
    margin-right: 0;
}
.actioncontainers {
    width: 480px;
    min-height: 40px;
    background-color: #FFF;
    position: fixed;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: 160px;
    text-align: left;
    padding: 10px;
    cursor: default;
    max-width: 90%;
}
.actioncontainers h2 {
    text-transform: uppercase;
    font-weight: bold;
    color:#191919;
}
.actioncontainers hr {
    margin-bottom: 10px;
}
.actioncontainers button {
    width: 100%;
    margin-top: 10px;
}
#profileimgholder{
    margin-bottom:20px;
    text-align:center;
    border:1px dotted #CCC;
    padding:10px;
}
#logprofileimagelarge{
    width:260px;
    max-width:100%;
}
.scrollup, .scrolldown {
    width: 300px;
    position: absolute;
    z-index: 2;
    right: 0;
    height: 6px;
    background-color: #000;
}
.scrollup div, .scrolldown div {
    font-size:27px;
    color: #000000;
    position: relative;
    top: -12px;
    text-shadow: 0px 0px 12px #111;
}
.mobileindicator{color: #000000;position:relative;top:4px;}
body.canvas-client-748 .mobileindicator{color: #ffffff;position:relative;top:4px;}
.scrolldown.pagin-default div{
    background-color:#FFF;
    display:inline-block;
    padding-left:10px;
    padding-right:10px;
}
.dark .scrolldown.pagin-default div{background-color:transparent;}
.scrolldown.pagin-material div{
    background:none;
    top:18px;
    color:#FFF !important;
    text-shadow:none !important;
}
.scrolldown {
    bottom: 0;
}
.scrollup {
    top: 0;
}
.checkboxholder {
    width: 100%;
    margin-bottom: 4px;
}
.materialpop .checkboxholder{
    margin-top:4px;margin-bottom:8px;
}
.checkboxholder input[type='checkbox'] {
    float: left;
}
.checkboxcompanion {
    float: left;
    font-size: 9px;
    margin-left: 10px;
}
#chsubo .checkboxholder{margin-top:14px;}
#chsubo .checkboxholder .checkboxcompanion{margin-top:-1px;}
#smartbanner{position:fixed !important;}
.form-material #chsubo .checkboxholder .checkboxcompanion{margin-top:-5px;}
#innercontent .scrolldown {
    position: inherit;
    margin-top: 10px;
    width: 100%;
    text-align: center;
}
#innercontent .scrolldown.pagin-material {
    border-radius: 50%; width: 60px; height: 60px; position: absolute; bottom: 10px; right: 10px; opacity: 1; box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.37);
    transition:box-shadow 0.28s cubic-bezier(0.4,0,0.2,1);
    background-color:#000000;
}
.not-touched #innercontent .scrolldown.pagin-material:hover{box-shadow:0 2px 2px 0 rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.3);}
#innercontent h1,#innercontent h2.h1{
    border-bottom: 1px dotted #050d14;
    position: relative;
}
#innercontent h1 button,#innercontent h2.h1 button{
    font-size: 16px;
    right: 0;
    position: absolute;
    top: 50%;
    transform: translateY(calc(-50% - 2px));
}
#innercontent article {
font-family:Spiegel Sans;font-weight:normal;line-height:20px;letter-spacing: 0.5px;    font-size:16px;
    margin-bottom: 16px;
    padding-bottom: 6px;
    border-bottom: 1px dotted #050d14;
}
.largetext{font-family:Spiegel Sans;font-weight:normal;line-height:20px;letter-spacing: 0.5px;font-size:16px;}
#innercontent article.realarticle{border-bottom:none !important;}
#innercontent img.fragthumb{width:220px;}
#innercontent img.fragthumblarge{width:400px;}
#innercontent .fragtext{margin-left:240px;}
#innercontent .fragtextlarge{margin-left:420px}
#innercontent .fragtext-right{margin-left:0;margin-right:240px;}
#innercontent .fragtextlarge-right{margin-left:0;margin-right:420px}
#innercontent h2.fragline{border-bottom:none !important;font-weight:bold;}
#innercontent #rcblock h2.fragline{font-size:20px;margin-bottom:6px;}

#innercontent header {
    font-weight: bold;
    margin-bottom: 2px;
    font-family: 'Spiegel Sans CD', Arial, sans-serif;    font-size: 14px;
}
#innercontent header div {
    display: inline;
    padding-right: 6px;
}
#innercontent section a {
    font-weight: bold;
}
.light #innercontent section a {
    color: #111;
}
.dark #innercontent section a {
    color: #FFF;
}
.forsingleuser, .itsme {
    display: none;
}
.not-touched .commentholder:hover .itsme {
    display: block;
}
.touched .itsme {
    display: block;
}
#currentuser .icon-user3{margin-right:6px;font-size:30px;padding-top:10px;}
.commentoptions button.itsme{display:inline-block !important;margin-left:10px;}
.vholder {
    float: left;
    margin-right: 15px;
    margin-bottom: 16px;
    border: 2px solid #111 !important;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    display: block;
    transition:border 0.28s cubic-bezier(0.4,0,0.2,1);
}
.vholder.filecard{cursor:default}
.hovericon{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:30px;height:20px;font-size:30px;color:#FFF;text-shadow:1px 1px 12px #FFF;opacity:0;transform:scale(1.75);transition:all 0.5s ease;}
.hovertext{position:absolute;top:0;left:0;right:0;bottom:0;color:#FFF;font-size:10px;text-align:center;text-shadow:1px 1px 12px #FFF;transform:scale(1.75);display:flex;align-items:center;justify-content:center;opacity:0;box-sizing:border-box;padding:10px;transition:all 0.5s ease;}
.dark .vholder{border: 2px solid #666 !important;}
.vholder.material,.tholder.material,.tholder.simple{background-color:#FFF !important;border: none !important;box-shadow:0 1px 4px 0 rgba(0,0,0,0.37);transition:box-shadow 0.28s cubic-bezier(0.4,0,0.2,1);margin-right:12px;}
.vholder.simple,.tholder.simple{border: none !important}
.sholder{position:relative;display:inline-block;}
.vholder, .vholder img {width: 216px;height: 121px;}
.vholder img.zoom{-webkit-transition: transform .75s;-moz-transition: transform .75s;-ms-transition: transform .75s;transition: transform .75s;}

.material .hovericon,.simple .hovericon{bottom:calc(100% - 106px);}
.nodetails .hovericon{bottom:0 !important;}
.material .hovertext,.simple .hovertext{height:124px;}
#topholder .hovericon{bottom:0 !important;font-size:50px;}
#topholder.multihorizontal .hovericon{bottom:50px !important;}
.hoverbg{position:absolute;top:0;left:0;right:0;width:100%;height:100%;background-color:rgba(0,0,0,0.65);transition:all 0.5s ease;opacity:0;}
.vholder.simple, .vholder.simple img{width: 220px;}
.vholder.filecard.material, .vholder.filecard.material img{width: 220px;height: 444px;}
.vholder.filecard.simple, .vholder.filecard.simple img{width: 220px;height: 444px;}

.vholder.filecard.material,.vholder.filecard.simple{height:624px !important;}
.vholder img.gray,.tholder img.gray {-webkit-filter:grayscale(100%);-ms-filter:grayscale(100%);-moz-filter:grayscale(100%);filter:grayscale(100%);transition:all 0.5s ease;}
.vholder img.blur,.tholder img.blur  {-webkit-filter:blur(2px);-ms-filter:blur(2px);-moz-filter:blur(2px);filter:blur(2px);transition:all 0.5s ease;}
.vholder img.darken,.tholder img.darken  {-webkit-filter:brightness(.85);-ms-filter:brightness(.85);-moz-filter:brightness(.85);filter:brightness(.85);transition:all 0.5s ease;}
.vholder img.icon,.vholder img.text,.tholder img.icon,.tholder img.text{transition:filter 0.5s ease;}
.not-touched .vholder:hover img.gray,.not-touched .tholder:hover img.gray {-webkit-filter:grayscale(0%);-ms-filter:grayscale(0%);-moz-filter:grayscale(0%);filter:grayscale(0%);}
.not-touched .vholder:hover img.blur,.not-touched .tholder:hover img.gray {-webkit-filter:blur(0px);-ms-filter:blur(0px);-moz-filter:blur(0px);filter:blur(0px);}
.not-touched .vholder:hover img.darken,.not-touched .tholder:hover img.gray {-webkit-filter:brightness(1);-ms-filter:brightness(1);-moz-filter:brightness(1);filter:brightness(1);}
.not-touched .vholder:hover img.icon,.not-touched .vholder:hover img.text,.tholder:hover img.icon,.tholder:hover img.text {-webkit-filter:brightness(0.35);-ms-filter:brightness(0.35);-moz-filter:brightness(0.35);filter:brightness(0.35);}
.not-touched .vholder:hover img.zoom,.not-touched .tholder:hover img.zoom  {transform:scale(1.1);}
.not-touched .vholder:hover .hovericon,.not-touched .tholder:hover .hovericon{opacity:.8;transform:scale(1);}
.not-touched .vholder:hover .hovertext{opacity:1;transform:scale(1);}
.vholder.episquare,.vholder.episquare img{width: 154px;height: 86px;}
.vholder.episquare.material{height:166px;}

.videorow.behave-scroll .vholder:nth-child(n+6){display:none !important;}


.videorow.row-small.behave-scroll .vholder:nth-child(n+6){display:block !important;}
.videorow.row-small.behave-scroll .vholder:nth-child(n+8){display:none !important;}



.videorow.row-large.behave-scroll .vholder:nth-child(n+4){display:none !important;}


.seasonbutton{margin-right:10px;margin-bottom:4px;opacity:.75;}
.seasonbutton.active{opacity:1;color:#000000;}
.seasonholder{display:none;}
.seasonholder.active{display:block;}

.vholder:nth-child(5n+0){margin-right: 0;}
.row-small .vholder:nth-child(5n+0){margin-right: 12px;}
.row-small .vholder:nth-child(7n+0){margin-right: 0px;}

.row-large .vholder:nth-child(5n+0){margin-right: 12px;}
.row-large .vholder:nth-child(3n+0){margin-right: 0px;}

.vimgcutter{overflow:hidden;margin-bottom:6px;}
#relatedvideos .vholder{margin-right: 20px;}
#relatedvideos .vholder:nth-child(5n+0){margin-right: 20px;}
#relatedvideos .vholder:nth-child(2n+0){margin-right: 0px !important;}
.vholder.episquare:nth-child(5n) {margin-right: 12px;}
.vholder.episquare:nth-child(3n+0) {margin-right: 0;}
.videonobreak .vholder.episquare:nth-child(3n+0) {margin-right: 12px;}
.vholder .vtitle,.sholder .vtitle{
    background-color: #FFF;
    color: #111;
    position: absolute;
    padding: 2;
    bottom: 2px;
    right: 2px;
    padding-left: 4px;
    padding-right: 4px;
    font-weight: bold;
    -webkit-transition: bottom .75s;
    -moz-transition: bottom .75s;
    -ms-transition: bottom .75s;
    transition: bottom .75s;
}
.dark .simple.vholder .vtitle{color: #FFFFFF;}
.vholder.title .vtitle{
    text-align:center;
    width:94%;max-width:94%;
    background:transparent;
    text-shadow:1px 1px 6px #FFF;
    left:0;right:0;margin:auto;
    bottom:-40px;
}
.vtophold{
    position:absolute;top:-30px;left:0;height:24px;;
    width:calc(100% - 6px);padding:2px;
    -webkit-transition: top .75s;
    -moz-transition: top .75s;
    -ms-transition: top .75s;
    transition: top .75s;
}
.vtopseen,.vtophint{
    position: absolute; bottom:30px; right: 0px; font-weight: bold; color:#FFF; background-color:#000; font-size: 9px; padding: 3px 6px; padding-left:5px; padding-bottom:2px; opacity: 0.75;
    -webkit-transition: bottom .75s;
    -moz-transition: bottom .75s;
    -ms-transition: bottom .75s;
    transition: bottom .75s;
}
.vtophint{bottom:auto;top:10px;text-transform:uppercase;max-width:90%;background-color:#000000;opacity:1;}
.reduced .vtophint{top:auto;bottom:10px;transition:none;}
.reduced .vtopseen{background-color:#FFF;color:#111;opacity:1;bottom:auto;right:auto;left:10px;top:60px;}
.reduced.fortwolines .vtopseen,.reduced.wouldbetwolines .vtopseen{top:82px;}
.material .vtopseen{border-radius: 3px; padding: 6px 10px;  right: auto; left: 5px; bottom: inherit !important; top:35px;}
.material.fortwolines .vtopseen{bottom:95px;}
.episquare.material .vtopseen{bottom:37px;left:6px;}
.episquare.material.fortwolines .vtopseen{bottom:52px;left:6px;}
.simple .vtopseen{font-weight:normal;color:#000000;background-color:transparent;padding:0 !important;opacity:1;top:174px;}
.simple .vtopseen icon-checkmark{display:none;}
.vtopseen div{display:inline-block;margin-right:5px;}
.sholder .vtitle{right:20px;bottom:4px;}
.vholder .vtitle{max-width: 186px;}
.vholder.episquare .vtitle {max-width: 142px;}
.vholder.episquare.material .vtitle{bottom:0px;right:auto;left:2px;max-width:calc(100% - 30px);max-height:20px}
.vholder.episquare.simple .vtitle{bottom:5px !important;right:auto;left:-4px;max-width:calc(100% - 30px);}
.vholder.row .vtitle{
    max-width: 100% !important;
    width: calc(100% - 8px);
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.75);
    color: white;
    bottom: -23px;
    padding-top: 4px;
    padding-bottom: 2px;
}
.vholder.vflip.row .vtitle{bottom:0px;}
.vholder.row .vtitle span.rowspan{color:#999;font-weight: normal;display:block;margin-top:2px;margin-bottom:2px;}
.vholder.row .vtitle span.rowspan b{color:#000 !important;background-color:#999;padding: 2px 5px 2px 4px;border-radius: 2px;}
.vholder.simple .vtitle{bottom:29px !important;background-color:transparent;right:auto !important;left:0;}

.vholder.reduced .vtitle{
    background-color: transparent; color:#FFF; text-shadow: 1px 1px 10px #111;line-height:1.1em; font-family: "Spiegel Sans CD",Arial,sans-serif; font-size: 20px; top: 7px; left: 10px;}
.vholder.reduced .vdesc{bottom: auto; top: 30px; right: auto; left: 5px;}
.vholder.reduced.fortwolines .vdesc{top:54px;}
.vholder.reduced .vdescitem{background-color: transparent; color:#FFF; font-size: 14px; font-family: "Spiegel Sans CD",Arial,sans-serif; text-shadow: 1px 1px 10px #111; }
.vholder.reduced .vdesc .vtiledetails{color:#000000 !important;font-size:14px !important;}
.vholder.reduced .vdesc .vtiledetails div{color:#000000 !important;font-size:14px !important;}

.vdesc {
    position: absolute;
    bottom: -20px;
    right: 2px;
    -webkit-transition: bottom .75s;
    -moz-transition: bottom .75s;
    -ms-transition: bottom .75s;
    transition: bottom .75s;
}
.towatchlist, .vholder .removeitem, .vholder .edititem{
    position: absolute;
    right: -30px;
    top: 2px;
    padding:0px 2px;
    -webkit-transition: right 1.25s;
    -moz-transition: right 1.25s;
    -ms-transition: right 1.25s;
    transition: right 1.25s;
}
.vtophold .towatchlist, .vholder .vtophold .removeitem, .vholder .vtophold .edititem{right:0;}
.material .towatchlist,.material .removeitem,.material .edititem,.simple .towatchlist,.simple .removeitem,.simple .edititem{
    /*bottom:188px !important;
	    top:auto !important;
	*/
    bottom:inherit !important;
    top:5px;
    right:5px !important;
    padding:6px 10px !important;
    border-radius:3px !important;
    background:#000 !important;
}
.reduced .towatchlist,.reduced .removeitem,.reduced .edititem{
    right:10px;
    top:auto;
    bottom:10px;
}
.material .towatchlist div,.material .removeitem div,.material .edititem div{display:block !important;}
.material .matbox{padding:5px 10px 10px;}
.simple .matbox{margin-top:4px;padding:10px 0 3px 5px;}
.nodetails .matbox{display:none !important;height:0px; padding:0px;}
.addinfo{text-transform:uppercase;font-family:Spiegel Sans CD SemiBold;font-weight:500;line-height:1.17;; font-weight: 400 !important;letter-spacing: 0.25px; }
.simple .addinfo{color:#666;}
.infotile-default .materialinverted{color:#FFF; background-color:#000000; font-weight: bold; padding: 1px 3px;}
.infotile-default .addinfo .materialinverted{margin-right:3px;}
.icon-star.vactive{color:#000000 !important;}
.icon-file-download2{cursor:pointer;}

.filecard.material .matbox{height:108px;}
.filecard.simple .matbox{height:124px;}
.filecard.material .matbox .bold{background-color:#000;color:#FFF;padding-left:2px;padding-right:2px;display:inline-block;max-width:calc(100% - 34px);}
.filecard .icon-file-download2{position:absolute;right:10px;bottom:99px;font-size:22px;color:#000;}

.varticle{height:290px !important;}
.varticle .addinfo{position:absolute;bottom:0px;width:100%;background-color:#FFF;padding-bottom:5px;padding-top:7px;font-size:10px;font-weight:bold;color:#666;}
.simple .varticle .addinfo{font-weight:bold;}
.varticle .apreview{font-size:11px;margin-top:5px;margin-bottom:4px;}

.vtiledetails{font-size: 11px; color:#000000; display: inline-block !important; top: 2px; position: relative;}
.vtiledetails div{display:inline;color:#ffffff !important;font-size:14px !important;position:unset !important; margin: 0 4px 0 0;}
.vtiledetails span{position:relative;display:inline-block;top:-2px;left:4px;}
.dark .videosection .vtiledetails{color:#FFF;}

.boxes .vtiledetails div{font-size:11px !important;}
.boxes .vtiledetails span{top:-1px;padding-right:4px;}

.row .vtiledetails{display:inline !important;}
.row .vtiledetails div{color:#e5e5e5 !important;margin-left:4px;}
.row .vtiledetails span{color:#e5e5e5 !important;display:inline-block !important;margin-bottom:0 !important;}

.vdescitem {
    background-color: #FFF;
    color: #111;
    font-size: 11px;
    float: left;
    margin-left: 6px;
    padding: 1px 4px 0;
}
.vdesc .vtitle {
    width: 204px;
}
.touched .vholder.row .vtitle {
    bottom: -23px !important;
}
.touched .vholder.row .vtophold {
    top: 0px !important;
    background-color:transparent;
}
.touched .vholder.boxes .vdesc{bottom:2px}
.touched .vholder.boxes .vtitle{bottom:24px}
.touched .vholder.row .vtitle{bottom:0px !important;}
.touched .vholder.boxes .vtopseen{bottom:53px}
.touched .vholder.row .vtopseen{bottom:53px}
.touched .vholder.reduced .vtopseen{top:60px !important;bottom:auto !important;}
.touched .vholder.reduced.fortwolines .vtopseen,.touched .vholder.reduced.wouldbetwolines .vtopseen{top:82px;}
.touched .vholder.boxes .towatchlist, .touched .vholder.boxes .removeitem, .touched .vholder.boxes .edititem {right: 2px;}
.not-touched .vholder.boxes:hover .vtitle {bottom: 24px;}
.not-touched .vholder.title:hover .vtitle{bottom:2px;}
.not-touched .vholder.vflip.boxes:hover .vtitle {bottom: 2px !important;}
.not-touched .vholder.row:hover .vtophold {top: 0px !important;}
.not-touched .vholder.row:hover .vtitle {bottom: 0px;}
.not-touched .vholder.row:hover .vtopseen {bottom:53px;}
.not-touched .vholder.boxes:hover .vtopseen {bottom:53px;}
.not-touched .vholder.reduced:hover .vtopseen {top:60px !important;bottom:auto !important;}
.not-touched .vholder.reduced.fortwolines:hover .vtopseen,.vholder.reduced.wouldbetwolines:hover .vtopseen{top:82px !important;}
.not-touched .vholder:hover{border:2px solid #000000 !important;}
.not-touched .vholder.material:hover,.tholder.material:hover{border:none !important; box-shadow:0 2px 2px 0 rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.3) !important;}
.not-touched .vholder.simple:hover,.not-touched .tholder.simple:hover{border:none !important;}
.not-touched .vholder:hover .vdesc {bottom: 2px;}
.not-touched .vholder.boxes:hover .towatchlist,.not-touched .vholder.boxes:hover .removeitem,.not-touched  .vholder.boxes:hover .edititem  {right: 2px;}
.not-touched .vholder.reduced:hover .towatchlist,.not-touched  .vholder.reduced:hover .removeitem,.not-touched  .vholder.reduced:hover .edititem  {right: 10px;}


.vprog{position:relative;bottom:0px !important; top:-10px !important; margin-auto;background-color:rgba(255,255,255,0.5);height:4px;box-shadow:1px 1px 8px #666;}

.vprog div{height:100%;width:0%;background-color:#000000;}

.vflip{
    -moz-perspective:250px;
    -webkit-perspective:250px;
    -ms-perspective:250px;
    perspective:250px;
    position:relative;
    z-index:1;
}

.vcard{
    width:100%;
    height:100%;
    -moz-transform-style:preserve-3d;
    -webkit-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
    transform-style:preserve-3d;
    -moz-transition:all .5s linear;
    -webkit-transition:all .5s linear;
    -ms-transition:all .5s linear;
    transition:all .5s linear;
}

.not-touched .vflip:hover .vcard{
    -moz-transform:rotateY(180deg);
    -webkit-transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
    transform:rotateY(180deg);
}

.flipfront{
    position:absolute;top:0;left:0;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
}

.flipback{
    display:block;
    position:absolute;top:0;left:0;
    -moz-transform:rotateY(180deg);
    -webkit-transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
    transform:rotateY(180deg);
    width:100%;
    height:100%;
    box-sizing:border-box;
    padding:10px;
    font-size:10px;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    background-color:#FFF;
}

.flipback img{
    position:absolute;opacity:.1;top:0;left:0;
}

#addtowatchlist {
    float: right;
    margin-bottom: 30px;
}
.commentholder {
    position: relative;
    padding-top:4px;
    border-bottom: 1px dotted #CCC;
    margin-bottom: 10px;
}
.icommentholder{
    border-top:1px dotted #CCC;
    padding-top:8px;
    margin-top:4px;
}
.commentimg {
    float: left;
}
.commentimg img {
    border: 1px solid #111;
    width: 60px;
}
.commentcomment {
    float: left;
    margin-left: 20px;
    position: relative;
    top: -2px;
    max-width: -moz-calc(100% - 82px);
    max-width: -webkit-calc(100% - 82px);
    width: calc(100% - 82px);
}
.commentoptions{text-align:right;margin-top:10px;padding-bottom:4px;}
#footerapps {
    float: right;
    width: 160px;
}

.applink, .pagelink {
    display: block;
    margin-bottom: 20px;
}
#imageholder {
    width: 640px;
    height: 400px;
    position: relative;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
#imageholder.fullscreened {
    width: 100%;
    height: 100%;
    background-color: #000;
    margin: 0 !important;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border-radius: 0;
    max-width: 100%;
    max-height: 100%;
}
#oneimg {
    width: 640px;
    height: 400px;
}
.fullscreened #oneimg {
    width: 100%;
    height: 100%;
}
.imagecontrols {
    display: none;
    z-index: 100;
    position: absolute;
    text-shadow: 2px 2px 12px rgba(255, 255, 255, 0.75);
}
.fullscreened .imagecontrols {
    color: #FFF;
    text-shadow: 2px 2px 12px rgba(0, 0, 0, 0.75);
}
#imageprev, #imagenext {
    font-size: 22px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    height: 32px;
}
#imagenext {
    right: 0;
}
.fullscreened #imagenext {
    right: 20px;
}
#imageprev {
    left: 5px;
}
#imagefull, #imagenofull {
    font-size: 22px;
    right: 0;
    bottom: 2px;
}
#imagecancel {
    top: 0px;
    bottom: auto;
    right: 10px;
    z-index: 2;
    font-size: 20px;
    width: 30px;
    height: 30px;
}
.icon-menu7, .icon-search3,.icon-arrow-left8{
    display: none;
}
#m-search-container {
    display:none;
}


.icon-google{padding-left:4px;}
.foreignbutton {
    float: left;
    text-align: center;
    margin-right: 30px;
    margin-bottom: 20px;
}
.foreignicon {
    display: block;
    height: 60px;
    background-repeat: no-repeat;
    width: 200px;
    background-position: center 10px;
    margin-left: auto;
    margin-right: auto;
}
.foreignicon-pn {
    background-image: url(images/avs_pn.png);
}
.foreigntext {
    width: 100%;
    text-align: center;
    border-top: 1px dotted #ccc;
    margin: 0;
    display: inline-block;
    padding-top: 4px;
    margin-top: 5px;
}
#one_sidebar {
    height: 100%;
    width: 260px;
    position: fixed;
    top: 0;
    display: none;
    padding: 8px;
    background: none repeat scroll 0 0 #FFFFFF;
    z-index: 750;
    overflow-y: auto;
}
.dark #one_sidebar{background: none repeat scroll 0 0 #212121;}

#one_innersidebar {
    padding-top: 60px !important;
    padding-bottom: 140px !important;
}
#one_innersidebar.smartbannered{margin-top:80px;}
div.catsep{
    padding:8px;
    border-bottom:1px dotted #444;
}
#one_sidebar.right {
    right: 0px;
    -webkit-transform: translate(250px, 0);
    -moz-transform: translate(250px, 0);
    -ms-transform: translate(250px, 0);
    transform: translate(250px, 0);
    box-shadow: -4px -1px 13px rgba(0, 0, 0, 0.5);
}
#one_sidebar.left {
    left: 0;
    -webkit-transform: translate(-400px, 0);
    -moz-transform: translate(-400px, 0);
    -ms-transform: translate(-400px, 0);
    transform: translate(-400px, 0);
    box-shadow: -1px -4px 13px rgba(0, 0, 0, 0.5);
}
#one_sidebar.withanimation {
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}
#one_sidebar ul {
    text-align: left;
    list-style-type: none;
	text-transform:uppercase;
}
#one_sidebar ul li {
    font-size: 14px;
    padding: 8px;
    border-bottom: 1px dotted #666;
    display:block;
    margin-left: 0;
}
#one_sidebar ul li a {
    color: #CCC !important;
    margin-left: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 90%;
    display:block;
    overflow: hidden;
}
#one_sidebar ul li a.first,#one_sidebar ul div.catsep{
    font-size: 16px;
    margin-left: 0;
    font-weight: bold;
}
#one_sidebar .firstback {
    color: #FFF !important;
    margin-left: 0;
    font-weight: bold;
}
#one_sidebar .firstback .icon-left-circle {
    display: inline-block;
    padding-right: 6px;
}
#one_sidebarhider {
    background-color: rgba(0, 0, 0, .75);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 250%;
    display: none;
    z-index: 700;
}
#footertext {float:left;padding-bottom: 10px;  width:auto;}
.fs-minimal #footertext{float:none;text-align:center;}
.fs-minimal .simplelink{background:none !important;text-transform:uppercase;border:none !important;}
.fs-minimal #footerapps{float:none !important;width:100% !important;text-align:center;padding-top:16px;margin-top:3px;border-top:1px solid rgba(255,255,255,.15);}
.fs-minimal #footerapps a{color:#ffffff; !important;display:inline-block !important;font-size:16px !important;margin-right:26px;}
.fs-minimal #footerapps a:last-of-type{margin-right:0 !important;}




#videohint{
    margin-top:-20px;
    margin-bottom:20px;
}
#apph1{float: left; font-size: 24px; margin-top: 7px; font-family: "Spiegel Sans CD",Arial,sans-serif; font-weight: bold;display:none;max-width:calc(100% - 180px);}
#appthirdbutton {color: #FFF !important;font-size: 24px;float: right;margin-top: 12px;margin-right: 15px;margin-left: 5px;}
.appcastline {
    font-family: 'Spiegel Sans CD', Arial, sans-serif;    font-size: 14px;
    margin-bottom: 10px;
    background-color: #f4f4f4;
    padding: 4px;
    font-weight: bold;
}
.appcastline:last-child {
    margin-bottom: 0;
}
#currentpoll{
    border-bottom:1px dotted #666;
    padding-bottom:17px;
}
#currentpollstatus{
    font-weight:normal;float:left;margin-top: 15px;
}
#recaptchadiv{height:90px;float:left;position:relative;top:4px;}
.usershort{
    text-align: right; position: absolute; top: 4px; right: 69px; font-size: 11px; width: 160px;
}
.pollquestion {
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 6px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.pollrow {
    margin-top: 6px;
    padding: 2px;
    opacity: .85;
    cursor: pointer;
}
.pollrow div {
    display: inline-block;
    margin-right: 10px;
}
.not-touched .pollrow:hover, .pollrow.active {
    opacity: 1;
}
.pollrow .icon-ok-circle {
    opacity: .25;
}
.pollrow.active .icon-ok-circle {
    opacity: 1;
}

.ratingholder{display:inline-block;position:relative;left:-4px;}
.ratinghint{color: #111;font-weight: normal;font-family: Arial;font-size: 9px;margin-left: 2px;margin-top: 4px;margin-bottom: 4px;}
.dark .ratinghint{color:#FFF;}
.icon-rating{display: inline-block;margin-right: 4px;font-size: 22px;opacity: 0.25;}
.rating-filled{opacity:1;color:#000000;}
.rating-active{cursor:pointer;}
.rating-colored{opacity:1;color:#000000;}

.episodeholder{
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    position:relative;
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px dotted #CCC;
    overflow:hidden;
    height:56px;
    max-height:56px;
    -webkit-transition: max-height .5s;
    -moz-transition: max-height .5s;
    -ms-transition: max-height .5s;
    transition: max-height .5s;
}

.episodeholder .vtopseen{
    border-radius:4px;
    padding:4px 6px;
    bottom:auto;
}

.episodeholder.active{
    max-height:500px;
    height:auto;
}

.episode-id{
    width:40px;
    font-size:14px;
    font-weight:bold;
}

.episode-cover img{
    height:56px;
    max-width:100px;
}

.episode-details{
    width:calc(100% - 50px);
    font-size:10px;
    margin-right:10px;
}

.episode-details.withcover{
    width:calc(100% - 120px);
    margin-left:20px;
}

.episode-details div{
    margin-bottom:4px;
}

.episode-details h3{
    font-size:14px;
    font-weight:bold;
    cursor:pointer;
}

.vholder.postcell{height:auto !important;display:inline-block;cursor:default;margin-right:0 !important;}
.postrow{display:flex;padding:10px;height:100%;color:#FFF;align-items:center;justify-content:space-between;}
.postrow.post-facebook{background-color:#3B5998;}
.postrow.post-twitter{background-color:#33ADD6;}
.postrow.post-instagram{background-color:#7953CC;}
.postrow div{display:inline-block;}
.postrow a{display:inline-block;line-height:1;margin:0;color:#FFF;}
.postrow div.icon-facebook2,.postrow div.icon-twitter2{font-size:18px;}
.postthumb{width:100% !important;height:auto !important;margin-bottom:6px !important;}
.postcontent{padding:6px;height: 124px !important;}
.postcontent a{font-weight:bold;}
.not-touched .postcontent a:hover{color:#FFF;background-color:#111;}

#filterholder{position:relative;top:-10px;margin-bottom:10px;font-weight:bold;}
#filterholder a{display:inline-block;margin-right:20px;padding:2px;padding-right:3px;color:#999;}
.not-touched #filterholder a:hover{color:#FFF;background-color:#CCC;}
#filterholder a.activemenu{color:#000000;background-color:#999;}
#filterholder .icon-filter3{display: inline-block; font-size: 20px; position: relative; top: 5px; margin-right: 10px; color:#999;}

#thelongtext{max-height:6em;overflow:hidden;}
.vreddesc button{font-family:Spiegel Sans;font-weight:normal;line-height:20px;letter-spacing: 0.5px;margin-top:12px;font-size:16px; }

.episode-details button{display: none; text-align: left; width: auto; padding-right: 10px; margin-top: 6px;}
.episode-details button div{display:inline !important;position:relative;top:1px;}

.episodeholder.active .episode-details > div{display:block;}
.episodeholder.active .episode-details button{display:inline-block;}
.episodeholder.active h3,.episodeholder.active .episode-id{color:#000000;}
.not-touched .episodeholder:hover h3,.not-touched .episodeholder:hover .episode-id{color:#000000;}

.ui-widget-content .ui-state-focus{border-left:none !important;border-right:none !important;font-weight:normal !important;}

.acceptterms{color:#999;font-size:10px;margin-top:4px;}
.acceptterms a{color:#999 !important;font-weight:bold;}

#canvas_loadingcircle,#canvas_loadingcircle1{border-color:rgba(0,0,0,.5) transparent;}

.underlinemagic{display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;overflow: hidden;}
.underlinemagic:before {content: "";position: absolute;z-index: -1;left: 0;right: 100%;bottom: 0;background: #000000;height: 2px;-webkit-transition-property: right;transition-property: right;-webkit-transition-duration: 0.2s;transition-duration: 0.2s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.not-touched .underlinemagic:hover:before, .underlinemagic:focus:before, .underlinemagic:active:before, .underlinemagic.activemenu:before {right: 0;}


.materialboxed{display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;overflow: hidden;background: transparent;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;padding-left:5px !important;padding-right:6px; !important;}
.materialboxed:before{content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.9);border-radius: 100%;-webkit-transform: scale(0);transform: scale(0);-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.not-touched .materialboxed:hover, .materialboxed:focus, .materialboxed:active {color: white;}
.not-touched .materialboxed:hover:before, .materialboxed:focus:before, .materialboxed:active:before, .materialboxed.activemenu:before {-webkit-transform: scale(2);transform: scale(2);}

#pager{width: 100%; margin-top: 10px; padding-top: 20px; border-top: 1px dotted #111;text-align:center;position:relative;}
#outerpager{margin-left:auto;margin-right:auto;position:absolute;top:20px;left:40px;right:40px;width:calc(100% - 80px);overflow:hidden;height:30px;}
#innerpager{position:absolute;top:0;left:0;width:auto;white-space:nowrap;}

.gw-mobile .scrollline{width:calc(100% - 20px);overflow:auto;}
.gw-mobile .iscrollline{white-space:nowrap;}
.gw-mobile .iscrollline a{display:inline-block;}

.icon-menu7.hiddenwithi,.icon-arrow-left8.hiddenwithi,#globalsearch.hiddenwithi{display:none !important;}
.icon-menu7.shownwithi,.icon-arrow-left8.shownwithi,.icon-arrow-left2.shownwithi,#globalsearch.shownwithi,#micholder.shownwithi,#closesearch.shownwithi{display:block !important;}

.swiper-wrapper{width:1200px;height:540px;}
.swiper-container{overflow:hidden !important;direction:ltr;}
.multihorizontal .swiper-wrapper{width:1200px;height:270px;}
#playerslideshow .swiper-wrapper{width:100%;height:100%;}
.videorow .swiper-wrapper{padding-top:4px;padding-left:4px;padding-bottom:4px;}
.videorow .swiper-wrapper .vholder{margin-right:15px !important;}
.swiper-slide{background-size:auto 100%;overflow:hidden;background-position:center center;}
.not-touched .swiper-slide:hover .hoverbg{opacity:0.65;}
.not-touched .swiper-slide:hover .hovericon{opacity:.8;transform:scale(1);}
.multihorizontal .swiper-slide{background-size:cover;background-position:center center;background-repeat: no-repeat;}
.swiper-pagination-bullet{width:13px;height:13px;background:#FFF;opacity:0.75;box-shadow:2px 2px 8px #111;}
.swiper-pagination-bullet-active,.not-touched .swiper-pagination-bullet:hover{background:#000000 !important;}
.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet{margin:10px 0px;}
.multihorizontal .swiper-pagination{display:none;}
.swiper-button-prev,.swiper-button-next{opacity:.45;margin:0;top:0;bottom:0;height:100%;background-color:#FFF;width:60px;background-image:none;}
.not-touched .swiper-button-prev:hover,.not-touched .swiper-button-next:hover{opacity:.9}


.dark .swiper-button-prev,.dark .swiper-button-next{background-color:#000;}
.swiper-button-prev div,.swiper-button-next div{position:absolute;font-size:36px;top:calc(50% - 18px);}
.swiper-button-prev div{left:10px;}
.swiper-button-next div{right:10px;}
.swiper-button-prev{left:0;}
.swiper-button-next{right:0;}
.swiper-button-disabled{pointer-events:all !important;cursor:not-allowed;}

.vreddesc{margin-bottom: 14px;font-family:Spiegel Sans;font-weight:normal;line-height:20px;letter-spacing: 0.5px;font-size:16px;}
.vreddesc.vteaser{font-weight:bold;}
.vseperator{display:inline-block;text-align:center;width:21px;}
.vgroupicon{font-size: 20px; display: inline-block; position: relative; width:35px; top: 3px;}
.minimalactors{margin-bottom:20px;}
.minimalactors a{font-weight:normal !important;}
.not-touched .minimalactors a:hover{background-color:#111;color:#FFF !important;}
.not-touched .dark .minimalactors a:hover{background-color:#FFF;color:#111 !important;}

.tvcode{
    font-size: 30px !important;
    display: inline-block;
    width: 40px !important;
    margin-right: 10px !important;
    text-align: center !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    padding-left:12px !important;
    padding-right:12px !important;
    margin-bottom: 20px !important;
    font-weight: bold;
    text-transform:uppercase;
}
div.tvcode{border:1px solid #CCC;}
.tvcode:last-of-type{margin-right:0 !important;}
#tvcode{margin-top:20px;margin-bottom:100px;}
#tvurl{font-weight:bold;color:#000000 !important;}
#tvcodeholder{display:flex;max-width:460px;justify-content:space-between;}

#langbox{position:absolute;top:0;right:0;}
.one_innersidebar #langbox{position:relative;text-align:right;border-top:1px dotted #CCC;margin-top:6px;padding.top:4px;}
#langbox .actionbutton{margin-right:6px;}
#langbox .actionbutton:last-of-type{margin-right:0;}

.fs-default #langbox{position: relative; margin-bottom: 10px; width: 129px; text-align: right;}

.iosonly{display:none;}

.twocellrow .vholder .hovericon{font-size:40px;bottom:0;top:-40px;}
.twocellrow .vholder .matbox,.twocellrow .vholder .vtopseen{display:none;}
.twocellrow .vholder .vtophint{font-size:14px;}
.twocellrow h3{font-size:20px;}
.twocellrow .boxes .topbanner-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.twocellrow .boxes .topbanner-text h3{margin-left:10px;}

.topiccover{width:100%;}
.topiccoverholder{width:100%;position:relative;display:inline-block;}
.topicdesc{position: absolute;bottom: 300px;max-width: 50%;text-shadow: 1px 1px 8px #111;left: 20px;font-family:Spiegel Sans;font-weight:normal;line-height:20px;letter-spacing: 0.5px; font-size:16px;}
.topiccoverholder:after{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 55%;
    bottom: 0;
    background: -webkit-linear-gradient(transparent, #FFF) left repeat;
    background: linear-gradient(transparent, #FFF) left repeat;
}
.dark .topiccoverholder:after{
    background: -webkit-linear-gradient(transparent, #050D14) left repeat;
    background: linear-gradient(transparent, #050D14) left repeat;
}
.tholder{width:calc(100% - 40px);margin-left:20px;margin-right:20px !important;margin-bottom:20px;display:block;position:relative;}
.tholder-list{width:100%;margin-right:0px !important;margin-left:0;}
.tholder-listsmall{width:calc(50% - 10px);margin-right:10px !important;margin-left:0;}
.tholder-listsmall:nth-of-type(even){margin-right:0 !important;margin-left:10px;}
.tholder .tleft{width:320px;float:left;margin-right:19px;}
.tholder-listsmall .tleft{width:180px;}
.tholder .tright{padding-top:4px;padding-right:4px;font-family:Spiegel Sans;font-weight:normal;line-height:20px;letter-spacing: 0.5px;font-size:16px; color:#000;}
.tright .tdesc{padding-right:140px;}
.tholder .vtopseen{bottom:6px;}
.tholder .vprog{bottom:6px;width:310px;}
.tholder .hovericon{left:150px;right:auto;bottom:0;}
.tholder .tholderbottom{position:absolute;bottom:2px;top:auto;left:340px;font-family:Spiegel Sans CD SemiBold;font-weight:500;line-height:1.17;}
.tholderbottom .materialinverted{margin-right:10px;}

.tarea{margin-top:-260px;}

.xlink{margin-bottom:10px;}
.xlink a{position:relative;top:1px;left:6px;display:inline-block;max-width:calc(100% - 30px);padding-left:4px;padding-right:4px;}
.not-touched .xlink a:hover{background-color:#111;color:#FFF !important;}
.not-touched .dark .xlink a:hover{background-color:#FFF;color:#111 !important;}

.row-small .material .hovericon,.row-small .simple .hovericon{bottom:calc(100% - 74.2px);}
.row-small .material .hovertext,.row-small .simple .hovertext{height:86.8px;}

.row-large .material .hovericon,.row-large .simple .hovericon{bottom:calc(100% - 167.48px)}
.row-large .material .hovertext,.row-large .simple .hovertext{height:195.92px;}

/* delete later */
.upperfooter{
    color: white!important;
}
.staple-element{
    display: inline-block;
    vertical-align:top;
    margin-right: 25px;
    min-width: 100px;
}
.staple-element h2 {
    font-size: 18px;
    color:#000000!important;
}
.staple-element a {
    color: white!important;
    font-size: 14px;
}
.staple-element .underlinemagic{
    display:block;
}
.lowerfooter {
    text-align: center;
    margin-top: 5px;
}
.lowerfooter .underlinemagic{
    font-size: 14px;
    margin: 5px;
}

.lowerfooter .underlinemagic a {
    color: white!important;
}

@media all and (min-width:1199px) {
    /* Tile Height */
    .vholder.material img,.vholder.simple, .vholder.simple img,.vholder.simple .vimgcutter{width: 220px;height: 124px !important;}
    .vholder.material , .vholder.material .vimgcutter{width: 220px; height:254px !important;}
    .vholder.postcell {  height: auto !important;}
    .vholder.simple{height:258px !important;}
    .nodetails .vholder.material,.nodetails .vholder.simple{height: 124px !important;}
    .row-small .vholder.material, .row-small .vholder.material img,.row-small .vholder.simple, .row-small .vholder.simple img,.row-small .vholder.material .vimgcutter,.row-small .vholder.simple .vimgcutter{width: 155px;height: 86.8px !important;}
    .row-small .vholder.material{height:216.8px !important;}
    .row-small .vholder.simple{height:220.8px !important;}
    .nodetails.row-small .vholder.material{height:86.8px !important;}
    .nodetails.row-small .vholder.simple{height:86.8px !important;}


    .detailsimgs-minimal .vholder.episquare,.detailsimgs-minimal .vholder.episquare img{width: 199px;height: 111.12987012987px;}
    .detailsimgs-minimal .vholder.episquare.material{width:205px;height:194.48051948052px;}
    .detailsimgs-minimal .vholder.episquare.material img{width:205px;}
    .detailsimgs-minimal .vholder.episquare.simple{width:203px;height:193.36363636364px;}
    .detailsimgs-minimal .vholder.episquare.simple img{width:203px;}

    .swiper-button-next, .swiper-button-prev { min-height:100%;}

    .row-large .vholder.material, .row-large .vholder.material img,.row-large .vholder.simple, .row-large .vholder.simple img,.row-large .vholder.material .vimgcutter,.row-large .vholder.simple .vimgcutter{width: 378px;height: 195.92px !important;;}
    .row-large .vholder.material{height:325.92px !important;}
    .row-large .vholder.simple{height:329.92px !important;}

    .nodetails.row-large .vholder.material{height:195.92px !important;}
    .nodetails.row-large .vholder.simple{height:195.92px !important;}
}


@media all and (max-width:1199px) {


    #relatedvideos .vholder.simple{
        height:auto;}
    .detailsimgs-minimal .vholder.episquare.material{
        height:auto;
    }

    #adlayer_top {
        width: 940px;
    }
    #leftinside{
        width:calc(100% - 410px);
    }
    #rightinside{
        width:370px;
    }
    #topholder {
        width: 940px;
        height: 450px;
    }
    #toprow{
        height:405px;
    }
    #playerholder,#leftinside{
        margin-right: 20px;
    }
    #toprow.centeredbigabov,#toprow.centeredbig{height:506px;}

    .swiper-wrapper{width:940px;height:450px;}
    #allcontent {
        width: 940px;
    }
    #mainmenu{ font-size:16px;  }
    .row #mainmenu li{margin-left:14px;}
    .row #mainmenu li:first-of-type{margin-left:0px;}
    #footertext {
        padding-left: 10px;
    }

    .touched #allcontent {
        -webkit-overflow-scrolling: touch;
        -moz-overflow-scrolling: touch;
        overflow-scrolling: touch;
    }

    #innerheader, #innerfooter {
        width: 920px;
    }

    .row #globalsearch {width: 140px;}
    .scrollup, .scrolldown {width: 248px;}
    .vholder{margin-right:12px;}
    .vholder, .vholder img {width: 166px;height: 92px;}
    .vholder.material, .vholder.material img,.vholder.material .vimgcutter {width: 170px;height: 94px;}


    .vholder.material{height:224px}
    .vholder.simple, .vholder.simple img,.vholder.simple .vimgcutter {width: 170px;height: 94px;}
    .vholder.simple{height:228px}
    .nodetails .vholder.material{height: 94px;}
    .nodetails .vholder.simple{height: 94px;}
    .vholder.episquare{width:154px;}
    .vholder.episquare.material{height:119px;}

    .vholder.filecard.material img,.vholder.filecard.simple img{width: 170px;height: 391px;}
    .vholder.filecard.material,.vholder.filecard.simple{width: 170px;height:519px}

    .row-small .vholder.material, .row-small .vholder.material img,.row-small .vholder.material .vimgcutter {width: 118px;height: 66px;}
    .row-small .vholder.material{height:196px}


    .row-small .vholder.simple, .row-small .vholder.simple img,.row-small .vholder.simple .vimgcutter {width: 118px;height: 66px;}

    .row-small .vholder.simple{height:200px}
    .row-small.nodetails .vholder.material{height: 66px;}
    .row-small.nodetails .vholder.simple{height: 66px;}

    .row-large .vholder.material, .row-large .vholder.material img,.row-large .vholder.material .vimgcutter {width: 292px;height: 149px;}
    .row-large .vholder.material{height:279px}
    .row-large .vholder.simple, .row-large .vholder.simple img,.row-large .vholder.simple .vimgcutter {width: 292px;height: 149px;}
    .row-large .vholder.simple{height:283px;}
    .row-large.nodetails .vholder.material{height: 149px;}
    .row-large.nodetails .vholder.simple{height: 149px;}

    .vholder .vtitle{max-width: 148px;}
    .vholder.row .vtitle{max-width:100% !important;}
    .varticle{height:260px !important;}
    #innercontent .scrolldown, #innercontent h1 {width: 100%;}
    #relatedvideos {width: 220px;}
    #relatedvideos .vholder, #relatedvideos .vholder img{width:216px;height:121px;}
    #relatedvideos .vholder.material, #relatedvideos .vholder.material img,#relatedvideos .vholder.material .vimgcutter{width:222px;height:124px;}
    #relatedvideos .vholder.material{/*height:254px */ height:auto;}
    /*#relatedvideos .vholder.simple, #relatedvideos .vholder.simple img,#relatedvideos .vholder.simple .vimgcutter{width:222px;height:124px;}
	#relatedvideos .vholder.simple{height:258px} */

    #imageholder {
        margin-top: 50px;
    }
    .relatedvideo .relatedimg img {
        width:80px;
    }
    .relatedvideo h3 {
        width: 106px;
    }
    .relatedvideo .relateddesc {
        width: 126px;
    }
    .relatedvideo .buttonlike {
        display: none;
    }
    .tholder .tleft{width:280px;float:left;margin-right:14px;}
    .tholder .vprog{width:190px;}
    .tholder .tdesc{padding-right:60px;}
    .tholder .hovericon{left:120px;bottom:0 !important;}
    .tholder .tholderbottom{position:absolute;bottom:2px;top:auto;left:295px;}
    .tarea{margin-top:-180px;}
    .topicdesc{bottom:200px;}
}
@media all and (min-width:1025px) {
    .swiper-container.vertical{width:100%;}

    #header.extended{height:130px;}
    .extended .addondata{display:inline-block;}



    #appmenuopen {display:none;}

    .extended #logprofileimage{
        height:49px;
        position:absolute;
        right:0;
        margin-right:0;
    }
    .extended #micholder{
        top:auto;
        bottom:6px;
        right:228px;
    }
    .extended #globalsearch{
        position:absolute;
        right:0;
        bottom:4px;
    }
    .extended .nouser #globalsearch{bottom:auto;top:-5px;}
    .extended .nouser #micholder{bottom:auto;top:10px;}
    .extended #mainlogoholder{
        float:none !important;
        display:block;
        margin-top:20px;
        margin-bottom:20px;
    }
    .extended #mainmenu{
        float:none !important;
        margin-left:-20px;
    }
    .extended #userarea{
        position:absolute;
        right:0;
        top:0;
        z-index:2;
    }
    .filecard .icon-file-download2{bottom:97px;}
}
@media all and (max-width:1024px) {

    .videorow{
        margin-bottom: 10px;
    }
    h2.h1{
        margin-top: 0px;
    }
    .flexer {
        flex-flow: column-reverse.;
        -webkit-flex-flow: column-reverse;
    }
    .flexer img {
        margin-bottom: 15px;
        margin-left: 0;
        height: auto;
        width: 100%;
    }

    #allcontent.headextended {
        margin-top: 60px;
    }

    .topicdesc{max-width:100%;}
    #appmenuopen {display:block;};
    .vprog{ top:-4px !important;}

    .holder.detailsimgs-minimal .vprog{top: -34px !important;}

    #header {max-height: 66px;}

    body.light{background:#FFF;}
    body.dark{background:#000;}
    .material .hovericon, .simple .hovericon{bottom:50%;}
    #mainmenu, #globalsearch, #micholder, #adlayer_top, #footerlike {
        display: none !important;
    }
    #topholder{
        width:calc(100% - 40px);
    }

   #toprow.centeredbig {
        /*height: 405px;*/
       height: 550px;
    }

    #toprow.centeredbigabov{
        height: 550px;
    }

    #toprowimg{
        height:400px;
        width:auto;
    }
    .swiper-wrapper{width:100%;}
    .boxes.horizontal .swiper-pagination{display: none;}
    #innerheader {
        text-align: center;
    }
    #innerheader, #innerfooter {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }
    #langbox{margin-right:10px;}
    .vimgcutter{width:auto !important;height:auto !important;}
    #mainlogoholder {
        float: none;
        right: 0;
        left:0;
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        display: inline-block;
        max-width: 80vw;
    }

    #userarea {
        padding-right: 10px;
        margin-left: 0;
        padding-left: 0;
        display: block !important;
    }
    #usermenu {
        right: 7px;
        top:44px !important;
    }
    #usermenu:after {
        left: auto;
        right: 4px;
    }
    #allcontent {
        width: 100%;
        max-width:100%;
        border-radius:0;
        padding: 0px;
        left: 0;
        right: 0;
        box-shadow:none;
        margin-left: auto;
        margin-right: auto;
        margin-top:66px;
    }
    .icon-menu7, .icon-search3,.icon-arrow-left8{
        float: left;
        color: #FFF;
        font-size: 24px;
        padding-left: 10px;
        padding-top: 13px;
        padding-right:10px;
        display: block !important;
    }
    .icon-search3 {
        float: right;
    }
    .icon-arrow-left8{display:none !important;}
    .vholder,.vholder.episquare{
        width: 29vw;
        width: -moz-calc(33vw - 23px);
        width: -webkit-calc(33vw - 23px);
        width: calc(33vw - 23px);
        height: auto;
    }
    .vholder.material, .vholder.episquare.material,.vholder.filecard.material,.vholder.simple,.vholder.episquare.simple,.vholder.filecard.simple,.vholder.episquare.simple{

         width: 29vw !important;
         width: -moz-calc(33.3% - 8px) !important;
         width: -webkit-calc(33.3% - 8px) !important;
         width: calc(33.3% - 8px) !important;
         height: auto!important;
    }

    .swiper-wrapper .vholder{
        width: 29vw !important;
        width: -moz-calc(33vw - 14px) !important;
        width: -webkit-calc(33vw - 14px) !important;
        width: calc(33vw - 14px) !important;
        height: auto;
    }
    .vholder img,.vholder.episquare img,.vholder.material img,.vholder.simple img,.vholder.filecard img,.vholder.filecard.material img,.vholder.filecard.simple img{
        width: 100% !important;
        height: auto !important;
        vertical-align: middle;
    }

    .nodetails .vholder.material,.nodetails .vholder.simple{height:auto;}
    .vholder.episquare.material img,.vholder.episquare.simple img{margin-bottom:30px;}
    .vholder.episquare.material.fortwolines img{margin-bottom:45px;}
    .vholder.varticle{padding-bottom:16px;}


    .vholder:nth-child(3n+0){
        margin-right: 0 !important;
    }
    .vholder:nth-child(5n+0){
        margin-right: 12px;
    }
    .videosection .vdet{width:100%;}
    .videorow .vholder:nth-child(10n+0) {
        display: none;
    }
    .vholder .vtitle,.vholder.episquare .vtitle{
        max-width: 80%;
    }
    .vholder.row .vtitle{
        max-width:100% !important;
    }
    .vholder.reduced .vtitle{
        max-width: 100% !important;
        font-size:16px !important;
    }
    .vholder.varticle{padding-bottom:48px;}

    .vholder img.postthumb {
        height: 124px !important;
    }


    .row-small .vholder{
        width: 18vw;
        width: -moz-calc(20vw - 11px);
        width: -webkit-calc(20vw - 11px);
        width: calc(20vw - 11px);
    }

    .row-small .vholder.material,.row-small .vholder.simple{
        width: 18vw !important;
        width: -moz-calc(20vw - 18px) !important;
        width: -webkit-calc(20vw - 18px) !important;
        width: calc(20vw - 18px) !important;
        height: auto;
    }

    .row-small .vholder:nth-child(3n+0){
        margin-right: 12px !important;
    }
    .row-small .vholder:nth-child(5n+0){
        margin-right: 0px;
    }
    .row-small .vholder:nth-child(7n+0){
        margin-right: 12px !important;
    }

    .row-large .vholder{
        width: 48vw;
        width: -moz-calc(50vw - 6px);
        width: -webkit-calc(50vw - 6px);
        width: calc(50vw - 6px);
    }

    .row-large .vholder.material,.row-large .vholder.simple{
        width: 48vw !important;
        width: -moz-calc(50vw - 27px) !important;
        width: -webkit-calc(50vw - 27px) !important;
        width: calc(50vw - 27px) !important;
        height: auto;
    }

    .row-large .vholder:nth-child(3n+0){
        margin-right: 12px !important;
    }
    .row-large .vholder:nth-child(2n+0){
        margin-right: 0px;
    }
    .row-large .vholder:nth-child(6n+0){
        margin-right: 0px !important;
    }

    .row-large .swiper-wrapper .vholder:nth-child(3n+0),.row-large .swiper-wrapper .vholder:nth-child(6n+0){
        margin-right: 12px !important;
    }

    .videorow.behave-scroll .vholder:nth-child(n+4){display:none !important;}
    .videorow.row-large.behave-scroll .vholder:nth-child(n+3){display:none !important;}

    .videorow.row-small.behave-scroll .vholder:nth-child(n+3){display:block !important;}
    .videorow.row-small.behave-scroll .vholder:nth-child(n+4){display:block !important;}
    .videorow.row-small.behave-scroll .vholder:nth-child(n+5){display:block !important;}
    .videorow.row-small.behave-scroll .vholder:nth-child(n+6){display:none !important;}

    #relatedvideos {
        display:block;
        margin:0;
        width:100%;
        float:none;
    }
    #relatedvideos.andcomments{display:none !important;}

    #relatedvideos h2{display:block;}
    #relatedvideos .vholder{margin-right:12px !important;}
    #relatedvideos .vholder:nth-child(2n){margin-right:12px !important;}
    #relatedvideos .vholder:nth-child(3n){margin-right:0px !important;}
    #relatedvideos .vholder:nth-child(5n){margin-right:12px !important;}
    #relatedvideos .vholder:nth-child(7n),#relatedvideos .vholder:nth-child(8n){display:none;}

    #relatedvideos.forprofile h2{
        display:block !important;
    }
    #playerholder {
        float: none;
        width: 100%;
        margin-right: 0;
    }
    #videoplayer,#slideshowholder,.videoplayerreplacement{
        width: 100%;
    }
    .holder.checkboxholder {
        max-width: 100%;
    }
    .holder.checkboxholder input {
        left: 0;
    }
    .holder.checkboxholder p {
        left: 20px;
        position: relative;
        width: 500px;
        max-width: 92%;
        max-width: -moz-calc(100% - 24px);
        max-width: -webkit-calc(100% - 24px);
        max-width: calc(100% - 24px);
    }
    .errorhint {
        left: auto !important;
        right: 10px;
        top: -4px;
    }
    .extended #innerheader{height:93px;}
    .tholder{width:100%;margin-left:0 !important;margin-right:0 !important;}
}
.tdesc{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*
@media all and (max-width:800px) and (min-height:800px){
    .tdesc{
        max-height: 80%;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        display: -webkit-box;
    }

}


@media (orientation: landscape) and (max-width:800px){
    .tdesc{
        display: block;
        display: -webkit-box;
        max-height: 80%;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
*/


@media all and (max-width:800px){
    .redad a {flex-direction: column; padding: inherit; height: inherit;}
    .redthumb{order:1;max-width: 100%;max-height: 200px;}
    .redtext{order: 2;max-width: 90%;}

    #toprow.centeredbig {
        /*height: 370px;*/
        height: 410px;
    }

    #toprow.centeredbigabov{
        height: 410px;
    }

    #toprow{margin-bottom:0;width:100%;display:inline-block;}

    .tholder .tdesc {
        padding:0px;
    }

    #camholder {
        margin-left: 0;
        margin-top: 0;
    }
    #leftinside,#rightinside{
        float:none;
        width:100%;
    }
    .twocellrow .vholder .vtophint{font-size:10px;}
    .twocellrow .boxes .topbanner-text{bottom:6px;}
    .twocellrow .boxes .topbanner-text h3{font-size:14px !important;width:auto; line-height: 14px;}
    .tarea{margin-top:-80px;}
    .topicdesc{bottom:auto;top:20px;}
}
@media all and (max-width:640px){

    body{
        width: 100vw;
        overflow-x: hidden;
    }
    /*
     .tarea{margin-top:0px;}
    .topiccoverholder {display: none;}
    .topicdesc{display:none;} */

    .swiper-pagination{display:none !important;}
    .cardtitle { font-size:20px;}
    .redteaser{font-size:20px;}
    #toprowimg {display:none;}
    #toprow.centeredbigabov,#toprow.centeredbig{height:auto;}
    #toprowholder{width:100%;height:auto;display:inline-block;position:relative;box-shadow:none;}
    #toprowholder .videosection{width:100%;margin-bottom:0px;}

}
@media all and (max-width:600px) {

    .upperfooter{
        display:none;
    }

    #footer.fs-stapled {
        min-height: unset;
        padding-top:5px ;
    }


    label[for='buspacer'] {
        display: none;
    }
    #addtowatchlist {
        display: none !important;
    }
    .topbanner-text h3{font-size:16px !important;}
    .boxes .topbanner-text p, .boxes .topbanner-text h3{margin-left:0;}
    .twocellrow .boxes .topbanner-text h3{margin-left:0;}
    .videopreview {
        float: none;
        max-width: 100%;
        width: 100%;
    }
    .vdescextra {
        display: none;
    }
    .multihorizontal .swiper-slide .topbanner-text{display:none;}
    #innercontent img.fragthumb{width:100%;margin-bottom:12px;margin-right:0 !important;margin-left:0 !important;}
    #innercontent .fragtext{margin-left:0;margin-right:0;}

    .tholder .tleft{display:block; float:none;width:100%;margin-right:0;}
    .tholder .tright{margin-left:6px;float:none;}
    .tholder .tdesc{padding-bottom:30px;}
    .tholder .vprog{width:100%;}
    .tholder .hovericon{display:none;}
    .tholder .tholderbottom{left:6px;padding-bottom:6px;}


    .row-small .vholder.material,.row-small .vholder.simple{
        /*
		width: 29vw !important;
		width: -moz-calc(33vw - 20px) !important;
		width: -webkit-calc(33vw - 20px) !important;
		width: calc(33vw - 20px) !important;
		height: auto;
        */
        width: 44vw !important;
        width: -moz-calc(50vw - 31px)!important;
        width: -webkit-calc(50vw - 31px)!important;
        width: calc(50vw - 31px)!important;
        height: auto;

    }

}



@media all and (max-width:479px) {

    /* topicdesc exp */
    .topicdesc {
        position: relative;
        height:100%;
        padding:10px;
        left:0;
        top:10px;
        font-size:12px
    }
    .topiccoverholder {
        margin-bottom: 20px;
    }
    .topiccoverholder:after{
        background:none!important;
    }
    .tarea{margin-top:10px;}


    h1{font-size:22px !important; white-space: pre-wrap;}
    h2{font-size:20px !important;}

    .h1 button{float:right;font-size:8px !important;}
    .vholder.episquare.material .vtitle { bottom: 0px;}

    .swiper-wrapper { height:200px;}


    .topbanner-text h3{font-size:14px !important;}
    .topbanner-text h3 div[class^='icon']{display:none !important;}
    .topbanner-text h3{max-width:calc(100% - 10px);}
    .topbanner-text p{display:none !important;}
    .topbanner-text{bottom:0 !important;}
    .reduced .topbanner-text p{font-size:12px !important;display:block !important;}
    .episode-cover{display:none;}
    .episode-details.withcover{margin-left:0;width:100%;}
    .socialbutton[data-context='digg']{display:none;}
    .socialbutton[data-context='reddit']{display:none;}
    h2 .otext{max-width:calc(100% - 150px);}
    .vholder,.vholder.episquare{
        width: 44vw;
        width: -moz-calc(50vw - 31px);
        width: -webkit-calc(50vw - 31px);
        width: calc(50vw - 31px);
        height: auto;
    }
    .vholder.material,.vholder.episquare.material,.vholder.simple,.vholder.episquare.simple,.vholder.filecard,.vholder.filecard.simple,.vholder.filecard.material{
        width: 45% !important;
        width: -moz-calc(50% - 6px) !important;
        width: -webkit-calc(50% - 6px) !important;
        width: calc(50% - 6px) !important;
        height: auto;
    }

    .swiper-wrapper .vholder{
        width: 44vw !important;
        width: -moz-calc(50vw - 26px) !important;
        width: -webkit-calc(50vw - 26px) !important;
        width: calc(50vw - 26px) !important;
        height: auto;
    }


    .vholder.episquare.simple{padding-bottom:26px;}
    .vholder img,.vholder.episquare img,.vholder.material img,.vholder.simple img,.vholder.filecard img,.vholder.filecard.simple img,.vholder.filecard.material img{
        width: 100%;
        width: calc(100vw - 40px);
        height: auto;
        vertical-align: middle;
    }
    .vholder:nth-child(3n+0){
        margin-right: 12px !important;
    }
    .vholder:nth-child(2n+0){
        margin-right: 0px !important;
    }
    .vholder.episquare:nth-child(3n+0) {
        margin-right: 12px !important;
    }
    .vholder.episquare:nth-child(2n+0) {
        margin-right: 0px !important;
    }
    .videorow .vholder:nth-child(10n+0) {
        display: block;
    }
    .row-small .vholder:nth-child(3n+0){
        margin-right: 0px !important;
    }
    .row-small .vholder:nth-child(2n+0){
        margin-right: 12px !important;
    }
    .row-small .vholder:nth-child(6n+0){
        margin-right: 0px !important;
    }

    .row-small .swiper-wrapper .vholder:nth-child(3n+0),.row-small .swiper-wrapper .vholder:nth-child(6n+0){
        margin-right: 12px !important;
    }
    .row-small .vholder:nth-child(5n+0){
        margin-right: 12px !important;
    }

    .row-large .vholder.material,.row-large .vholder.simple{
        width: calc(100vw - 40px) !important;
        height: auto;
    }

    .videorow.behave-scroll .vholder:nth-child(n+3){display:none !important;}
    .videorow.row-large.behave-scroll .vholder:nth-child(n+2){display:none !important;}
    .videorow.row-small.behave-scroll .vholder:nth-child(n+2){display:block !important;}
    .videorow.row-small.behave-scroll .vholder:nth-child(n+3){display:block !important;}
    .videorow.row-small.behave-scroll .vholder:nth-child(n+4){display:none !important;}

    .fs-default #footerapps {display: none;}
    .buttonleft, .buttonright {
        float: none;
        width: 100vw !important;
        max-width: 100vw !important;
        margin-right: 0;
    }
    .buttonleft {
        margin-bottom: 10px;
    }
    .startcomment.loggedout {
        display: block !important;
        position:relative;
        margin-bottom:10px;
        width:100%;
    }
    .foreignbutton {
        float: none;
        margin-right: 0;
        width: 100%;
    }
    .tvcode{padding-left:4px !important;padding-right:4px !important;}
    .twocellrow .boxes .topbanner-text h3{font-size:12px !important;width:auto; line-height:12px;}

    #relatedvideos .vholder:nth-child(2n){margin-right:0px !important;}
    #relatedvideos .vholder:nth-child(3n){margin-right:12px !important;}
    #relatedvideos .vholder:nth-child(4n),#relatedvideos .vholder:nth-child(6n){margin-right:0px !important;}
}
@media all and (max-width:360px) {

    .actionbutton[data-context='reddit'],.actionbutton[data-context='digg'],.actionbutton[data-context='plus']{
        display: none;
    }
}
@media all and (max-width:450px) {
    #mainlogo{max-height:40px ;max-width: 100%; object-fit: contain;}
    #mainlogoholder {max-width: 40vw;}
    .centeredbig .videoactions,.centeredtop .videoactions{top:10px;}
}
@media screen and (orientation:portrait) {
    #oneimg img {
        width: 100%;
        height: auto;
        margin: auto;
    }
    #imageholder.fullscreened .swiper-slide {
        display: -webkit-flex;
        display: flex;
    }
}
@media screen and (orientation:landscape) {
    #oneimg img {
        height: 100%;
        max-width: 100%;
        width: auto;
        margin: auto;
    }
}

.twocellrow{width:100%;display:inline-block;}
.twocellrow .vholder{width:calc(50% - 20px) !important;height:auto !important;}
.twocellrow .vholder img{width:100% !important;height:auto !important;}
.twocellrow .vholder:nth-child(2){margin-right:0;margin-left:25px;}

/*RTL Setting */
.lang-ar .videosection{text-align:right;}
.lang-ar .breadcrumbs{text-align:right;}
.lang-ar h1,.lang-ar h2,.lang-ar h3{text-align:right;}
.lang-ar .cardtitle,.lang-ar .cardsubtitle{text-align:right;}
.lang-ar #innercontent h1 button,.lang-ar #innercontent h2.h1 button{float: left; right:inherit; left:0px}
.lang-ar .addinfo{direction:ltr;    text-align: right;}
.lang-ar .episquare .vtitle{direction:rtl;text-align:right;left:auto !important;right:2px !important;}
.lang-ar button,.lang-ar .buttonlike{text-align:right;}
.lang-ar button div,.lang-ar .buttonlike div{margin-right: 0px;margin-left:10px;}
.lang-ar form label{direction:rtl;}
.lang-ar form input{text-align:right;direction:rtl;}
.lang-ar #globalsearch{padding-right:30px;}
.lang-ar #footerapps{direction:ltr;}
.lang-ar h2 .autocut {float:right;}
.lang-ar .vprog div {float:right;}
.lang-ar .vtiledetails { margin-right: 7px}
.lang-ar .largetext{text-align:right;direction:rtl;}
.lang-ar .actioncontainers{direction:'rtl',text-align:'right'}

.lang-ar #usermenu{ left: 0px !important; right:unset!important;}
@media all and (min-width:1024px) {
    .lang-ar #usermenu{ left: 75px !important; }
}

.lang-ar #usermenu:after { left:4px; right:unset;}


.lang-ar .nocontent{direction:rtl;text-align:right;}

/* CUSTOM */
/* SPIEGEL */
.canvas-client-748 #mainlogo{max-height:27px !important}
.canvas-client-748 #mainmenu{font-weight: 400;letter-spacing: 0.5px;}
.canvas-client-748 #mainlogoholder{padding-top: 0!important;margin-top: 19px;}
.canvas-client-748 #innercontent{background-color: #161616;}
.canvas-client-748.dark #allcontent{background:unset;}

body.canvas-client-748 {background-color: black;background-image:none;}
@media all and (max-width:1024px) {
    .canvas-client-748 #mainlogoholder {margin-top: 13px;}}
.canvas-client-748 #micholder{top:19px;}
.canvas-client-748 #mainmenu,.canvas-client-748 #globalsearch{margin-top:19px}
.canvas-client-748 #mainmenu{font-weight:400;}
@media all and (max-width:479px) {
    .canvas-client-748 .swiper-button-prev, .canvas-client-748 .swiper-button-next{ display: none;!important;}
}

/* MONDIA */

.canvas-client-667 #header{background:rgba(41,41,41,.5) !important;}
.canvas-client-667 #allcontent{margin-top:0 !important;padding-top:0px;}
.canvas-client-667 #allcontent.withouttopbanner{padding-top:60px;}
.canvas-client-667 #innercontent.startpage{ margin-top:20px; padding-left:1px;padding-right:1px;}
/*
.canvas-client-667 .swiper-button-prev, .canvas-client-667 .swiper-button-next{width:40px;}*/

.canvas-client-667 .swiper-button-prev{left: -2px;}
.canvas-client-667 .swiper-button-next{right: -5px !important;}
@media all and (max-width:1024px) {
    .canvas-client-667 .swiper-button-prev, .canvas-client-667 .swiper-button-next{ display: none;!important;}

}

.canvas-client-667 #mainmenu, #adlayer_top, #footerlike {display: block !important;}
.canvas-client-667 #mainmenu{width: 100%;    padding-top: 5px; position: absolute;text-align: center;}
.canvas-client-667 #mainmenu li{display: inline-block;  float: none;}
.canvas-client-667 #topholder {width :100%}
.canvas-client-667 #userarea{position: absolute;  padding-top:5px;left:40px;}
.canvas-client-667 #currentuser img{margin-top:0px}
.canvas-client-667 #appmenuopen{display:none !important;}
.canvas-client-667 .icon-search3{position: absolute; left: 0px; padding-top: 14px;display:block;font-size: 24px;}
.canvas-client-667 #globalsearch,.canvas-client-667  #micholder{ display:none !important;}
.canvas-client-667 #customholder{ color:white !important; height:auto;
    position:absolute;
    background-image: linear-gradient(to bottom, #333333 0%, #a80000 100%);
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #333333), color-stop(100%, #a80000));
    background-image: -moz-linear-gradient(top, #333333 0%, #a80000 100%);
    background-image: -webkit-linear-gradient(top, #333333 0%, #a80000 100%);
    padding:0px!important;
    text-align:center;
    width:576px;
    height:768px;
    max-width:100vw;
    max-height:100vh;
}

@media all and (max-width:768px) and (max-height:576px) {.canvas-client-667 #customholder{margin:0px!important}}
@media all and ( max-width:576px) and (max-height:768px ){.canvas-client-667 #customholder{margin:0px!important}}
@media screen and (orientation:landscape) {.canvas-client-667 #customholder{width:768px; height:576px; }}

.canvas-client-667 #customholder h1 span{white-space:nowrap;}
.canvas-client-667 #customholder h2{font-size: 12px !important;}
.canvas-client-667 .modal-content > * { text-align:center !important;  color: white !important;}
.canvas-client-667 #customholder p { font-size: 12px;direction: rtl; width:100%; }
.canvas-client-667 #customholder button { border:solid 1px #ffffff !important;  background-color: transparent !important;  min-width: 144px;  max-width: 160px;  width:  30%;  margin-bottom: 5px;  }

.canvas-client-667 #mainlogoholder{left:unset; width:40px; position: absolute;height: 40px;margin: 12px; margin-top:0; top: 5px!important;}
.canvas-client-667 #mainlogo {width:40px;height:40px;top:0;}

@media all and (min-width: 600px) {
    .canvas-client-667 #userarea{ left:60px;}
}
@media all and (max-width: 600px){ .canvas-client-667 #tpbsc {margin-top: -20px;}}
@media all and (min-width:1025px){
    .canvas-client-667 #userarea{ left:-40px;}
}


.canvas-client-667 .videorow{margin-bottom:2px;}

.canvas-client-667 #customholder .custom-input {
    background: transparent !important;
    font-size: 22px;
    border: none !important;
    border-bottom: 2px white solid !important;
    width: 90%;
    max-width: 280px;
    display: block;
    color: white!important;
    margin: auto;
    font-family: 'GE SS Two Bold', Arial, sans-serif;
}
.canvas-client-667 #wifi-btn {margin-top:30px; width: 90% !important; max-width: 280px !important;font-size: 20px;}
.canvas-client-667 #custom-footer-icon{    background-image: url(http://vodafonetv.vodafone.com.eg/assets/custom/vodafoneredlogo.png);height: 72px;  background-size: contain;  background-repeat: no-repeat;  margin: auto;  width: 48px; }
.canvas-client-667 #footertext a {    font-family: 'GE SS Two Bold', Arial, sans-serif; }
.canvas-client-667 #footer{margin-top:0px;}
.canvas-client-667 #currentuser .icon-user3 { background-image: url('http://vodafonetv.vodafone.com.eg/assets/custom/userpic.png'); height:30px;
    background-size:     contain;
    background-repeat:   no-repeat;
    background-position: center center;
}
.canvas-client-667 #currentuser .icon-user3:before {content: none; }
.canvas-client-667 #footer .simplelink { padding:0!important; margin:0 !important; display: block; float left; width:33.3%; float:left  }

.canvas-client-667 #footertext{padding:0!important;margin:0!important;}
.canvas-client-667 .scrollline{width: 100% !important;}

.canvas-client-667 .modal-logo{
    position: absolute;
    top:0px;
    left:0px;
    height: auto;
    width: 40px;
    margin: 10px;
}
.canvas-client-667 #usermenu{ top: 60px !important;}
.canvas-client-667 #customholder .modal-content{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%;
}


.canvas-client-667 #customholder .userpic{
    border-radius: 50%;
    box-shadow: 0px 0px 110px #ff0000;
    max-width: 150px;
    margin-bottom: 20px;
    width: 100px;
}

.canvas-client-667 .close {
    position: absolute;
    top:15px;
    right:15px;
    display: inline-block;
    width: 25px;
    height: 25px;
    overflow: hidden;
    color: white;
}
.canvas-client-667 .close::before,.canvas-client-667  .close::after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #fff;
}
.canvas-client-667 .close::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.canvas-client-667 .close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.canvas-client-667 .close.rounded::before,.canvas-client-667  .close.rounded::after {
    border-radius: 5px;
}

.canvas-client-667 #one_sidebarhider,.canvas-client-667  #one_sidebar {
    display: none!important;
    z-index: -99!important;
}

@media (max-width: 1199px) {
    .canvas-client-667 #mainmenu li {
        font-size: 14px;
    }
    .canvas-client-667 #mainmenu li {
        margin-right: 4px;
        margin-left: 4px;
    }
}

.canvas-client-740 #globalsearch{background-color:white !important; color: #595959}

.canvas-client-655 .tright .cardtitle{font-size:14px}

/*Custom Bongusto */

body.canvas-client-615 #footerapps div{
    font-size: 64px;
}

.canvas-client-615 input[type='button'],.canvas-client-615  button,.canvas-client-615 .buttonlike {
    color: #000!important;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.1) !important;
}

.holder.filedownload{
    display: inline-block;
}
.holder.filedownload label{
    display: none;
}
.holder.filedownload div,.holder.filedownload button{
    width: auto;
}
.custom_only{
    display:none;
}

body.sidebar-opened{
    overflow-y: hidden;
    overflow-x: hidden;
}
body.sidebar_opened #allcontent{
    position:fixed;
}