/*! asdf * Bootstrap v3.3.7 (http: //getbootstrap.com) april 20 * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https: //github.com/twbs/bootstrap/blob/master/LICENSE) * //*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}} @font-face{font-family:'Glyphicons Halflings';src:url(../../fonts/glyphicons-halflings-regular.eot);src:url(../../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg'); font-display: swap}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:3%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4} @media (min-width:481px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-mid-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0} @media (min-width:481px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto} @media (min-width:481px) { .container { width:98% } } @media (min-width:680px) { .container { width:98% } } @media (min-width:1200px) { .container { width:95% } } .albuma { margin-top: 10px; margin-bottom: 10px; text-align: center; } .container-fluid { padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto } .row { margin-right:-15px; margin-left:-15px; min-height: 38px; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position:relative; min-height:1px; padding-right:15px; padding-left:15px } .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float:left } .col-xs-12 { width:100% } .col-xs-11 { width:91.66666667% } .col-xs-10 { width:83.33333333% } .col-xs-9 { width:75% } .col-xs-8 { width:66.66666667% } .col-xs-7 { width:58.33333333% } .col-xs-6 { width:50% } .col-xs-5 { width:41.66666667% } .col-xs-4 { width:33.33333333% } .col-xs-3 { width:25% } .col-xs-2 { width:16.66666667% } .col-xs-1 { width:8.33333333% } .col-xs-pull-12 { right:100% } .col-xs-pull-11 { right:91.66666667% } .col-xs-pull-10 { right:83.33333333% } .col-xs-pull-9 { right:75% } .col-xs-pull-8 { right:66.66666667% } .col-xs-pull-7 { right:58.33333333% } .col-xs-pull-6 { right:50% } .col-xs-pull-5 { right:41.66666667% } .col-xs-pull-4 { right:33.33333333% } .col-xs-pull-3 { right:25% } .col-xs-pull-2 { right:16.66666667% } .col-xs-pull-1 { right:8.33333333% } .col-xs-pull-0 { right:auto } .col-xs-push-12 { left:100% } .col-xs-push-11 { left:91.66666667% } .col-xs-push-10 { left:83.33333333% } .col-xs-push-9 { left:75% } .col-xs-push-8 { left:66.66666667% } .col-xs-push-7 { left:58.33333333% } .col-xs-push-6 { left:50% } .col-xs-push-5 { left:41.66666667% } .col-xs-push-4 { left:33.33333333% } .col-xs-push-3 { left:25% } .col-xs-push-2 { left:16.66666667% } .col-xs-push-1 { left:8.33333333% } .col-xs-push-0 { left:auto } .col-xs-offset-12 { margin-left:100% } .col-xs-offset-11 { margin-left:91.66666667% } .col-xs-offset-10 { margin-left:83.33333333% } .col-xs-offset-9 { margin-left:75% } .col-xs-offset-8 { margin-left:66.66666667% } .col-xs-offset-7 { margin-left:58.33333333% } .col-xs-offset-6 { margin-left:50% } .col-xs-offset-5 { margin-left:41.66666667% } .col-xs-offset-4 { margin-left:33.33333333% } .col-xs-offset-3 { margin-left:25% } .col-xs-offset-2 { margin-left:16.66666667% } .col-xs-offset-1 { margin-left:8.33333333% } .col-xs-offset-0 { margin-left:0 } @media (max-width:480px) { .albuma2 { padding-right:0px; padding-left:0px } } @media (min-width:481px) { .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float:left } .col-sm-12 { width:100% } .col-sm-11 { width:91.66666667% } .col-sm-10 { width:83.33333333% } .col-sm-9 { width:75% } .col-sm-8 { width:66.6666667% } .col-sm-7 { width:58.33333333% } .col-sm-6 { width:50% } .col-sm-5 { width:41.66666667% } .col-sm-4 { width:33.33333333% } .col-sm-3 { width:25% } .col-sm-2 { width:15% } .col-sm-1 { width:10% } .col-sm-pull-12 { right:100% } .col-sm-pull-11 { right:91.66666667% } .col-sm-pull-10 { right:83.33333333% } .col-sm-pull-9 { right:75% } .col-sm-pull-8 { right:66.66666667% } .col-sm-pull-7 { right:58.33333333% } .col-sm-pull-6 { right:50% } .col-sm-pull-5 { right:41.66666667% } .col-sm-pull-4 { right:33.33333333% } .col-sm-pull-3 { right:25% } .col-sm-pull-2 { right:16.66666667% } .col-sm-pull-1 { right:8.33333333% } .col-sm-pull-0 { right:auto } .col-sm-push-12 { left:100% } .col-sm-push-11 { left:91.66666667% } .col-sm-push-10 { left:83.33333333% } .col-sm-push-9 { left:75% } .col-sm-push-8 { left:66.66666667% } .col-sm-push-7 { left:58.33333333% } .col-sm-push-6 { left:50% } .col-sm-push-5 { left:41.66666667% } .col-sm-push-4 { left:33.33333333% } .col-sm-push-3 { left:25% } .col-sm-push-2 { left:16.66666667% } .col-sm-push-1 { left:8.33333333% } .col-sm-push-0 { left:auto } .col-sm-offset-12 { margin-left:100% } .col-sm-offset-11 { margin-left:91.66666667% } .col-sm-offset-10 { margin-left:83.33333333% } .col-sm-offset-9 { margin-left:75% } .col-sm-offset-8 { margin-left:66.66666667% } .col-sm-offset-7 { margin-left:58.33333333% } .col-sm-offset-6 { margin-left:50% } .col-sm-offset-5 { margin-left:41.66666667% } .col-sm-offset-4 { margin-left:33.33333333% } .col-sm-offset-3 { margin-left:25% } .col-sm-offset-2 { margin-left:16.66666667% } .col-sm-offset-1 { margin-left:8.33333333% } .col-sm-offset-0 { margin-left:0 } } @media (min-width:680px) { .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float:left } .col-md-12 { width:100% } .col-md-11 { width:91.66666667% } .col-md-10 { width:83.33333333% } .col-md-9 { width:75% } .col-md-8 { width:66.66666667% } .col-md-7 { width:58.33333333% } .col-md-6 { width:50% } .col-md-5 { width:41.66666667% } .col-md-4 { width:33.33333333% } .col-md-3 { width:25% } .col-md-2 { width:16.66666667% } .col-md-1 { width:8.33333333% } .col-md-pull-12 { right:100% } .col-md-pull-11 { right:91.66666667% } .col-md-pull-10 { right:83.33333333% } .col-md-pull-9 { right:75% } .col-md-pull-8 { right:66.66666667% } .col-md-pull-7 { right:58.33333333% } .col-md-pull-6 { right:50% } .col-md-pull-5 { right:41.66666667% } .col-md-pull-4 { right:33.33333333% } .col-md-pull-3 { right:25% } .col-md-pull-2 { right:16.66666667% } .col-md-pull-1 { right:8.33333333% } .col-md-pull-0 { right:auto } .col-md-push-12 { left:100% } .col-md-push-11 { left:91.66666667% } .col-md-push-10 { left:83.33333333% } .col-md-push-9 { left:75% } .col-md-push-8 { left:66.66666667% } .col-md-push-7 { left:58.33333333% } .col-md-push-6 { left:50% } .col-md-push-5 { left:41.66666667% } .col-md-push-4 { left:33.33333333% } .col-md-push-3 { left:25% } .col-md-push-2 { left:16.66666667% } .col-md-push-1 { left:8.33333333% } .col-md-push-0 { left:auto } .col-md-offset-12 { margin-left:100% } .col-md-offset-11 { margin-left:91.66666667% } .col-md-offset-10 { margin-left:83.33333333% } .col-md-offset-9 { margin-left:75% } .col-md-offset-8 { margin-left:66.66666667% } .col-md-offset-7 { margin-left:58.33333333% } .col-md-offset-6 { margin-left:50% } .col-md-offset-5 { margin-left:41.66666667% } .col-md-offset-4 { margin-left:33.33333333% } .col-md-offset-3 { margin-left:25% } .col-md-offset-2 { margin-left:16.66666667% } .col-md-offset-1 { margin-left:8.33333333% } .col-md-offset-0 { margin-left:0 } } @media (min-width:1000px) { .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { float:left } .col-lg-12 { width:100% } .col-lg-11 { width:91.66666667% } .col-lg-10 { width:83.33333333% } .col-lg-9 { width:75% } .col-lg-8 { width:66.66666667% } .col-lg-7 { width:58.33333333% } .col-lg-6 { width:50% } .col-lg-5 { width:41.66666667% } .col-lg-4 { width:33.33333333% } .col-lg-3 { width:25% } .col-lg-2 { width:16.66666667% } .col-lg-1 { width:8.33333333% } .col-lg-pull-12 { right:100% } .col-lg-pull-11 { right:91.66666667% } .col-lg-pull-10 { right:83.33333333% } .col-lg-pull-9 { right:75% } .col-lg-pull-8 { right:66.66666667% } .col-lg-pull-7 { right:58.33333333% } .col-lg-pull-6 { right:50% } .col-lg-pull-5 { right:41.66666667% } .col-lg-pull-4 { right:33.33333333% } .col-lg-pull-3 { right:25% } .col-lg-pull-2 { right:16.66666667% } .col-lg-pull-1 { right:8.33333333% } .col-lg-pull-0 { right:auto } .col-lg-push-12 { left:100% } .col-lg-push-11 { left:91.66666667% } .col-lg-push-10 { left:83.33333333% } .col-lg-push-9 { left:75% } .col-lg-push-8 { left:66.66666667% } .col-lg-push-7 { left:58.33333333% } .col-lg-push-6 { left:50% } .col-lg-push-5 { left:41.66666667% } .col-lg-push-4 { left:33.33333333% } .col-lg-push-3 { left:25% } .col-lg-push-2 { left:16.66666667% } .col-lg-push-1 { left:8.33333333% } .col-lg-push-0 { left:auto } .col-lg-offset-12 { margin-left:100% } .col-lg-offset-11 { margin-left:91.66666667% } .col-lg-offset-10 { margin-left:83.33333333% } .col-lg-offset-9 { margin-left:75% } .col-lg-offset-8 { margin-left:66.66666667% } .col-lg-offset-7 { margin-left:58.33333333% } .col-lg-offset-6 { margin-left:50% } .col-lg-offset-5 { margin-left:41.66666667% } .col-lg-offset-4 { margin-left:33.33333333% } .col-lg-offset-3 { margin-left:25% } .col-lg-offset-2 { margin-left:16.66666667% } .col-lg-offset-1 { margin-left:8.33333333% } .col-lg-offset-0 { margin-left:0 } } table { background-color:transparent } caption { padding-top:8px; padding-bottom:8px; color:#777; text-align:left } th { text-align:left } .table { width:100%; max-width:100%; margin-bottom:20px } .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding:8px; line-height:1.42857143; vertical-align:top; border-top:1px solid #ddd } .table>thead>tr>th { vertical-align:bottom; border-bottom:2px solid #ddd } .table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th { border-top:0 } .table>tbody+tbody { border-top:2px solid #ddd } .table .table { background-color:#fff } .table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th { padding:5px } .table-bordered { border:1px solid #ddd } .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border:1px solid #ddd } .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border-bottom-width:2px } .table-striped>tbody>tr:nth-of-type(odd) { background-color:#f9f9f9 } .table-hover>tbody>tr:hover { background-color:#f5f5f5 } table col[class*=col-] { position:static; display:table-column; float:none } table td[class*=col-], table th[class*=col-] { position:static; display:table-cell; float:none } .table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active { background-color:#f5f5f5 } .table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr.active:hover>th, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover { background-color:#e8e8e8 } .table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>thead>tr>td.success, .table>thead>tr>th.success { background-color:#dff0d8 } .table-hover>tbody>tr.success:hover>td, .table-hover>tbody>tr.success:hover>th, .table-hover>tbody>tr:hover>.success, .table-hover>tbody>tr>td.success:hover, .table-hover>tbody>tr>th.success:hover { background-color:#d0e9c6 } .table>tbody>tr.info>td, .table>tbody>tr.info>th, .table>tbody>tr>td.info, .table>tbody>tr>th.info, .table>tfoot>tr.info>td, .table>tfoot>tr.info>th, .table>tfoot>tr>td.info, .table>tfoot>tr>th.info, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>thead>tr>td.info, .table>thead>tr>th.info { background-color:#d9edf7 } .table-hover>tbody>tr.info:hover>td, .table-hover>tbody>tr.info:hover>th, .table-hover>tbody>tr:hover>.info, .table-hover>tbody>tr>td.info:hover, .table-hover>tbody>tr>th.info:hover { background-color:#c4e3f3 } .table>tbody>tr.warning>td, .table>tbody>tr.warning>th, .table>tbody>tr>td.warning, .table>tbody>tr>th.warning, .table>tfoot>tr.warning>td, .table>tfoot>tr.warning>th, .table>tfoot>tr>td.warning, .table>tfoot>tr>th.warning, .table>thead>tr.warning>td, .table>thead>tr.warning>th, .table>thead>tr>td.warning, .table>thead>tr>th.warning { background-color:#fcf8e3 } .table-hover>tbody>tr.warning:hover>td, .table-hover>tbody>tr.warning:hover>th, .table-hover>tbody>tr:hover>.warning, .table-hover>tbody>tr>td.warning:hover, .table-hover>tbody>tr>th.warning:hover { background-color:#faf2cc } .table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tbody>tr>td.danger, .table>tbody>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th, .table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td, .table>thead>tr.danger>th, .table>thead>tr>td.danger, .table>thead>tr>th.danger { background-color:#f2dede } .table-hover>tbody>tr.danger:hover>td, .table-hover>tbody>tr.danger:hover>th, .table-hover>tbody>tr:hover>.danger, .table-hover>tbody>tr>td.danger:hover, .table-hover>tbody>tr>th.danger:hover { background-color:#ebcccc } .table-responsive { min-height:.01%; overflow-x:auto } @media screen and (max-width:480px) { .table-responsive { width:100%; margin-bottom:15px; overflow-y:hidden; -ms-overflow-style:-ms-autohiding-scrollbar; border:1px solid #ddd } .table-responsive>.table { margin-bottom:0 } .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th { white-space:nowrap } .table-responsive>.table-bordered { border:0 } .table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>thead>tr>th:first-child { border-left:0 } .table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>thead>tr>th:last-child { border-right:0 } .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>th { border-bottom:0 } } fieldset { min-width:0; padding:0; margin:0; border:0 } legend { display:block; width:100%; padding:0; margin-bottom:20px; font-size:21px; line-height:inherit; color:#333; border:0; border-bottom:1px solid #e5e5e5 } label { display:inline-block; max-width:100%; margin-bottom:5px; font-weight:700 } input[type=search] { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } input[type=checkbox], input[type=radio] { margin:4px 0 0; margin-top:1px\9; line-height:normal } input[type=file] { display:block } input[type=range] { display:block; width:100% } select[multiple], select[size] { height:auto } input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus { outline:5px auto -webkit-focus-ring-color; outline-offset:-2px } output { display:block; padding-top:7px; font-size:14px; line-height:1.42857143; color:#555 } .form-control { display:block; width:100%; height:34px; padding:6px 12px; font-size:14px; line-height:1.42857143; color:#555; background-color:#fff; background-image:none; border:1px solid #ccc; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s } .form-control:focus { border-color:#66afe9; outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) } .form-control::-moz-placeholder { color:#999; opacity:1 } .form-control:-ms-input-placeholder { color:#999 } .form-control::-webkit-input-placeholder { color:#999 } .form-control::-ms-expand { background-color:transparent; border:0 } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color:#eee; opacity:1 } .form-control[disabled], fieldset[disabled] .form-control { cursor:not-allowed } textarea.form-control { height:auto } input[type=search] { -webkit-appearance:none } @media screen and (-webkit-min-device-pixel-ratio:0) { input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control { line-height:34px } .input-group-sm input[type=date], .input-group-sm input[type=time], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], input[type=date].input-sm, input[type=time].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm { line-height:30px } .input-group-lg input[type=date], .input-group-lg input[type=time], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], input[type=date].input-lg, input[type=time].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg { line-height:46px } } .form-group { margin-bottom:15px } .checkbox, .radio { position:relative; display:block; margin-top:10px; margin-bottom:10px } .checkbox label, .radio label { min-height:20px; padding-left:20px; margin-bottom:0; font-weight:400; cursor:pointer } .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { position:absolute; margin-top:4px\9; margin-left:-20px } .checkbox+.checkbox, .radio+.radio { margin-top:-5px } .checkbox-inline, .radio-inline { position:relative; display:inline-block; padding-left:20px; margin-bottom:0; font-weight:400; vertical-align:middle; cursor:pointer } .checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline { margin-top:0; margin-left:10px } fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] { cursor:not-allowed } .checkbox-inline.disabled, .radio-inline.disabled, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio-inline { cursor:not-allowed } .checkbox.disabled label, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .radio label { cursor:not-allowed } .form-control-static { min-height:34px; padding-top:7px; padding-bottom:7px; margin-bottom:0 } .form-control-static.input-lg, .form-control-static.input-sm { padding-right:0; padding-left:0 } .input-sm { height:30px; padding:5px 10px; font-size:12px; line-height:1.5; border-radius:3px } select.input-sm { height:30px; line-height:30px } select[multiple].input-sm, textarea.input-sm { height:auto } .form-group-sm .form-control { height:30px; padding:5px 10px; font-size:12px; line-height:1.5; border-radius:3px } .form-group-sm select.form-control { height:30px; line-height:30px } .form-group-sm select[multiple].form-control, .form-group-sm textarea.form-control { height:auto } .form-group-sm .form-control-static { height:30px; min-height:32px; padding:6px 10px; font-size:12px; line-height:1.5 } .input-lg { height:46px; padding:10px 16px; font-size:18px; line-height:1.3333333; border-radius:6px } select.input-lg { height:46px; line-height:46px } select[multiple].input-lg, textarea.input-lg { height:auto } .form-group-lg .form-control { height:46px; padding:10px 16px; font-size:18px; line-height:1.3333333; border-radius:6px } .form-group-lg select.form-control { height:46px; line-height:46px } .form-group-lg select[multiple].form-control, .form-group-lg textarea.form-control { height:auto } .form-group-lg .form-control-static { height:46px; min-height:38px; padding:11px 16px; font-size:18px; line-height:1.3333333 } .has-feedback { position:relative } .has-feedback .form-control { padding-right:42.5px } .form-control-feedback { position:absolute; top:0; right:0; z-index:2; display:block; width:34px; height:34px; line-height:34px; text-align:center; pointer-events:none } .form-group-lg .form-control+.form-control-feedback, .input-group-lg+.form-control-feedback, .input-lg+.form-control-feedback { width:46px; height:46px; line-height:46px } .form-group-sm .form-control+.form-control-feedback, .input-group-sm+.form-control-feedback, .input-sm+.form-control-feedback { width:30px; height:30px; line-height:30px } .has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label { color:#3c763d } .has-success .form-control { border-color:#3c763d; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075) } .has-success .form-control:focus { border-color:#2b542c; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168 } .has-success .input-group-addon { color:#3c763d; background-color:#dff0d8; border-color:#3c763d } .has-success .form-control-feedback { color:#3c763d } .has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label { color:#8a6d3b } .has-warning .form-control { border-color:#8a6d3b; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075) } .has-warning .form-control:focus { border-color:#66512c; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b } .has-warning .input-group-addon { color:#8a6d3b; background-color:#fcf8e3; border-color:#8a6d3b } .has-warning .form-control-feedback { color:#8a6d3b } .has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label { color:#a94442 } .has-error .form-control { border-color:#a94442; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075) } .has-error .form-control:focus { border-color:#843534; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483 } .has-error .input-group-addon { color:#a94442; background-color:#f2dede; border-color:#a94442 } .has-error .form-control-feedback { color:#a94442 } .has-feedback label~.form-control-feedback { top:25px } .has-feedback label.sr-only~.form-control-feedback { top:0 } .help-block { display:block; margin-top:5px; margin-bottom:10px; color:#737373 } @media (min-width:481px) { .form-inline .form-group { display:inline-block; margin-bottom:0; vertical-align:middle } .form-inline .form-control { display:inline-block; width:auto; vertical-align:middle } .form-inline .form-control-static { display:inline-block } .form-inline .input-group { display:inline-table; vertical-align:middle } .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn { width:auto } .form-inline .input-group>.form-control { width:100% } .form-inline .control-label { margin-bottom:0; vertical-align:middle } .form-inline .checkbox, .form-inline .radio { display:inline-block; margin-top:0; margin-bottom:0; vertical-align:middle } .form-inline .checkbox label, .form-inline .radio label { padding-left:0 } .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] { position:relative; margin-left:0 } .form-inline .has-feedback .form-control-feedback { top:0 } } .form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline { padding-top:7px; margin-top:0; margin-bottom:0 } .form-horizontal .checkbox, .form-horizontal .radio { min-height:27px } .form-horizontal .form-group { margin-right:-15px; margin-left:-15px } @media (min-width:481px) { .form-horizontal .control-label { padding-top:7px; margin-bottom:0; text-align:right } } .form-horizontal .has-feedback .form-control-feedback { right:15px } @media (min-width:481px) { .form-horizontal .form-group-lg .control-label { padding-top:11px; font-size:18px } } @media (min-width:481px) { .form-horizontal .form-group-sm .control-label { padding-top:6px; font-size:12px } } .btn { display:inline-block; padding:6px 12px; margin-bottom:0; font-size:14px; font-weight:400; line-height:1.42857143; text-align:center; white-space:nowrap; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; background-image:none; border:1px solid transparent; border-radius:4px } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline:5px auto -webkit-focus-ring-color; outline-offset:-2px } .btn.focus, .btn:focus, .btn:hover { color:#333; text-decoration:none } .btn.active, .btn:active { background-image:none; outline:0; -webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125) } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor:not-allowed; filter:alpha(opacity=65); -webkit-box-shadow:none; box-shadow:none; opacity:.65 } a.btn.disabled, fieldset[disabled] a.btn { pointer-events:none } .btn-default { color:#333; background-color:#fff; border-color:#ccc } .btn-default.focus, .btn-default:focus { color:#333; background-color:#e6e6e6; border-color:#8c8c8c } .btn-default:hover { color:#333; background-color:#e6e6e6; border-color:#adadad } .btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default { color:#333; background-color:#e6e6e6; border-color:#adadad } .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover { color:#333; background-color:#d4d4d4; border-color:#8c8c8c } .btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default { background-image:none } .btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover { background-color:#fff; border-color:#ccc } .btn-default .badge { color:#fff; background-color:#333 } .btn-primary { color:#fff; background-color:#337ab7; border-color:#2e6da4 } .btn-primary.focus, .btn-primary:focus { color:#fff; background-color:#286090; border-color:#122b40 } .btn-primary:hover { color:#fff; background-color:#286090; border-color:#204d74 } .btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary { color:#fff; background-color:#286090; border-color:#204d74 } .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover { color:#fff; background-color:#204d74; border-color:#122b40 } .btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary { background-image:none } .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover { background-color:#337ab7; border-color:#2e6da4 } .btn-primary .badge { color:#337ab7; background-color:#fff } .btn-success { color:#fff; background-color:#5cb85c; border-color:#4cae4c } .btn-success.focus, .btn-success:focus { color:#fff; background-color:#449d44; border-color:#255625 } .btn-success:hover { color:#fff; background-color:#449d44; border-color:#398439 } .btn-success.active, .btn-success:active, .open>.dropdown-toggle.btn-success { color:#fff; background-color:#449d44; border-color:#398439 } .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover { color:#fff; background-color:#398439; border-color:#255625 } .btn-success.active, .btn-success:active, .open>.dropdown-toggle.btn-success { background-image:none } .btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover { background-color:#5cb85c; border-color:#4cae4c } .btn-success .badge { color:#5cb85c; background-color:#fff } .btn-info { color:#fff; background-color:#5bc0de; border-color:#46b8da } .btn-info.focus, .btn-info:focus { color:#fff; background-color:#31b0d5; border-color:#1b6d85 } .btn-info:hover { color:#fff; background-color:#31b0d5; border-color:#269abc } .btn-info.active, .btn-info:active, .open>.dropdown-toggle.btn-info { color:#fff; background-color:#31b0d5; border-color:#269abc } .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover { color:#fff; background-color:#269abc; border-color:#1b6d85 } .btn-info.active, .btn-info:active, .open>.dropdown-toggle.btn-info { background-image:none } .btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover { background-color:#5bc0de; border-color:#46b8da } .btn-info .badge { color:#5bc0de; background-color:#fff } .btn-warning { color:#fff; background-color:#f0ad4e; border-color:#eea236 } .btn-warning.focus, .btn-warning:focus { color:#fff; background-color:#ec971f; border-color:#985f0d } .btn-warning:hover { color:#fff; background-color:#ec971f; border-color:#d58512 } .btn-warning.active, .btn-warning:active, .open>.dropdown-toggle.btn-warning { color:#fff; background-color:#ec971f; border-color:#d58512 } .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open>.dropdown-toggle.btn-warning.focus, .open>.dropdown-toggle.btn-warning:focus, .open>.dropdown-toggle.btn-warning:hover { color:#fff; background-color:#d58512; border-color:#985f0d } .btn-warning.active, .btn-warning:active, .open>.dropdown-toggle.btn-warning { background-image:none } .btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled].focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover { background-color:#f0ad4e; border-color:#eea236 } .btn-warning .badge { color:#f0ad4e; background-color:#fff } .btn-danger { color:#fff; background-color:#d9534f; border-color:#d43f3a } .btn-danger.focus, .btn-danger:focus { color:#fff; background-color:#c9302c; border-color:#761c19 } .btn-danger:hover { color:#fff; background-color:#c9302c; border-color:#ac2925 } .btn-danger.active, .btn-danger:active, .open>.dropdown-toggle.btn-danger { color:#fff; background-color:#c9302c; border-color:#ac2925 } .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus, .open>.dropdown-toggle.btn-danger:hover { color:#fff; background-color:#ac2925; border-color:#761c19 } .btn-danger.active, .btn-danger:active, .open>.dropdown-toggle.btn-danger { background-image:none } .btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover { background-color:#d9534f; border-color:#d43f3a } .btn-danger .badge { color:#d9534f; background-color:#fff } .btn-link { font-weight:400; color:#337ab7; border-radius:0 } .btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color:transparent; -webkit-box-shadow:none; box-shadow:none } .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover { border-color:transparent } .btn-link:focus, .btn-link:hover { color:#23527c; text-decoration:underline; background-color:transparent } .btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover { color:#777; text-decoration:none } .btn-group-lg>.btn, .btn-lg { padding:10px 16px; font-size:18px; line-height:1.3333333; border-radius:6px } .btn-group-sm>.btn, .btn-sm { padding:5px 10px; font-size:12px; line-height:1.5; border-radius:3px } .btn-group-xs>.btn, .btn-xs { padding:1px 5px; font-size:12px; line-height:1.5; border-radius:3px } .btn-block { display:block; width:100% } .btn-block+.btn-block { margin-top:5px } input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block { width:100% } .fade { opacity:0; -webkit-transition:opacity .15s linear; -o-transition:opacity .15s linear; transition:opacity .15s linear } .fade.in { opacity:1 } .collapse { display:none } .collapse.in { display:block } tr.collapse.in { display:table-row } tbody.collapse.in { display:table-row-group } .collapsing { position:relative; height:0; overflow:hidden; -webkit-transition-timing-function:ease; -o-transition-timing-function:ease; transition-timing-function:ease; -webkit-transition-duration:.35s; -o-transition-duration:.35s; transition-duration:.35s; -webkit-transition-property:height, visibility; -o-transition-property:height, visibility; transition-property:height, visibility } .caret { display:inline-block; width:0; height:0; margin-left:2px; vertical-align:middle; border-top:4px dashed; border-top:4px solid\9; border-right:4px solid transparent; border-left:4px solid transparent } .dropdown, .dropup { position:relative } .dropdown-toggle:focus { outline:0 } .dropdown-menu { position:absolute; top:100%; left:0; z-index:1000; display:none; float:left; min-width:160px; padding:5px 0; margin:2px 0 0; font-size:14px; text-align:left; list-style:none; background-color:#fff; -webkit-background-clip:padding-box; background-clip:padding-box; border:1px solid #ccc; border:1px solid rgba(0, 0, 0, .15); border-radius:4px; -webkit-box-shadow:0 6px 12px rgba(0, 0, 0, .175); box-shadow:0 6px 12px rgba(0, 0, 0, .175) } .dropdown-menu.pull-right { right:0; left:auto } .dropdown-menu .divider { height:1px; margin:9px 0; overflow:hidden; background-color:#e5e5e5 } .dropdown-menu>li>a { display:block; padding:3px 20px; clear:both; font-weight:400; line-height:1.42857143; color:#333; white-space:nowrap } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { color:#262626; text-decoration:none; background-color:#f5f5f5 } .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { color:#fff; text-decoration:none; background-color:#337ab7; outline:0 } .dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover { color:#777 } .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover { text-decoration:none; cursor:not-allowed; background-color:transparent; background-image:none; filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) } .open>.dropdown-menu { display:block } .open>a { outline:0 } .dropdown-menu-right { right:0; left:auto } .dropdown-menu-left { right:auto; left:0 } .dropdown-header { display:block; padding:3px 20px; font-size:12px; line-height:1.42857143; color:#777; white-space:nowrap } .dropdown-backdrop { position:fixed; top:0; right:0; bottom:0; left:0; z-index:990 } .pull-right>.dropdown-menu { right:0; left:auto } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content:""; border-top:0; border-bottom:4px dashed; border-bottom:4px solid\9 } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top:auto; bottom:100%; margin-bottom:2px } @media (min-width:481px) { .navbar-right .dropdown-menu { right:0; left:auto } .navbar-right .dropdown-menu-left { right:auto; left:0 } } .btn-group, .btn-group-vertical { position:relative; display:inline-block; vertical-align:middle } .btn-group-vertical>.btn, .btn-group>.btn { position:relative; float:left } .btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover { z-index:2 } .btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group { margin-left:-1px } .btn-toolbar { margin-left:-5px } .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float:left } .btn-toolbar>.btn, .btn-toolbar>.btn-group, .btn-toolbar>.input-group { margin-left:5px } .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius:0 } .btn-group>.btn:first-child { margin-left:0 } .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius:0; border-bottom-right-radius:0 } .btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) { border-top-left-radius:0; border-bottom-left-radius:0 } .btn-group>.btn-group { float:left } .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn { border-radius:0 } .btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child, .btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle { border-top-right-radius:0; border-bottom-right-radius:0 } .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child { border-top-left-radius:0; border-bottom-left-radius:0 } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline:0 } .btn-group>.btn+.dropdown-toggle { padding-right:8px; padding-left:8px } .btn-group>.btn-lg+.dropdown-toggle { padding-right:12px; padding-left:12px } .btn-group.open .dropdown-toggle { -webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125) } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow:none; box-shadow:none } .btn .caret { margin-left:0 } .btn-lg .caret { border-width:5px 5px 0; border-bottom-width:0 } .dropup .btn-lg .caret { border-width:0 5px 5px } .btn-group-vertical>.btn, .btn-group-vertical>.btn-group, .btn-group-vertical>.btn-group>.btn { display:block; float:none; width:100%; max-width:100% } .btn-group-vertical>.btn-group>.btn { float:none } .btn-group-vertical>.btn+.btn, .btn-group-vertical>.btn+.btn-group, .btn-group-vertical>.btn-group+.btn, .btn-group-vertical>.btn-group+.btn-group { margin-top:-1px; margin-left:0 } .btn-group-vertical>.btn:not(:first-child):not(:last-child) { border-radius:0 } .btn-group-vertical>.btn:first-child:not(:last-child) { border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-right-radius:0; border-bottom-left-radius:0 } .btn-group-vertical>.btn:last-child:not(:first-child) { border-top-left-radius:0; border-top-right-radius:0; border-bottom-right-radius:4px; border-bottom-left-radius:4px } .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn { border-radius:0 } .btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child, .btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle { border-bottom-right-radius:0; border-bottom-left-radius:0 } .btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child { border-top-left-radius:0; border-top-right-radius:0 } .btn-group-justified { display:table; width:100%; table-layout:fixed; border-collapse:separate } .btn-group-justified>.btn, .btn-group-justified>.btn-group { display:table-cell; float:none; width:1% } .btn-group-justified>.btn-group .btn { width:100% } .btn-group-justified>.btn-group .dropdown-menu { left:auto } [data-toggle=buttons]>.btn input[type=checkbox], [data-toggle=buttons]>.btn input[type=radio], [data-toggle=buttons]>.btn-group>.btn input[type=checkbox], [data-toggle=buttons]>.btn-group>.btn input[type=radio] { position:absolute; clip:rect(0, 0, 0, 0); pointer-events:none } .input-group { position:relative; display:table; border-collapse:separate } .input-group[class*=col-] { float:none; padding-right:0; padding-left:0 } .input-group .form-control { position:relative; z-index:2; float:left; width:100%; margin-bottom:0 } .input-group .form-control:focus { z-index:3 } .input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn { height:46px; padding:10px 16px; font-size:18px; line-height:1.3333333; border-radius:6px } select.input-group-lg>.form-control, select.input-group-lg>.input-group-addon, select.input-group-lg>.input-group-btn>.btn { height:46px; line-height:46px } select[multiple].input-group-lg>.form-control, select[multiple].input-group-lg>.input-group-addon, select[multiple].input-group-lg>.input-group-btn>.btn, textarea.input-group-lg>.form-control, textarea.input-group-lg>.input-group-addon, textarea.input-group-lg>.input-group-btn>.btn { height:auto } .input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn { height:30px; padding:5px 10px; font-size:12px; line-height:1.5; border-radius:3px } select.input-group-sm>.form-control, select.input-group-sm>.input-group-addon, select.input-group-sm>.input-group-btn>.btn { height:30px; line-height:30px } select[multiple].input-group-sm>.form-control, select[multiple].input-group-sm>.input-group-addon, select[multiple].input-group-sm>.input-group-btn>.btn, textarea.input-group-sm>.form-control, textarea.input-group-sm>.input-group-addon, textarea.input-group-sm>.input-group-btn>.btn { height:auto } .input-group .form-control, .input-group-addon, .input-group-btn { display:table-cell } .input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) { border-radius:0 } .input-group-addon, .input-group-btn { width:1%; white-space:nowrap; vertical-align:middle } .input-group-addon { padding:6px 12px; font-size:14px; font-weight:400; line-height:1; color:#555; text-align:center; background-color:#eee; border:1px solid #ccc; border-radius:4px } .input-group-addon.input-sm { padding:5px 10px; font-size:12px; border-radius:3px } .input-group-addon.input-lg { padding:10px 16px; font-size:18px; border-radius:6px } .input-group-addon input[type=checkbox], .input-group-addon input[type=radio] { margin-top:0 } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius:0; border-bottom-right-radius:0 } .input-group-addon:first-child { border-right:0 } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle { border-top-left-radius:0; border-bottom-left-radius:0 } .input-group-addon:last-child { border-left:0 } .input-group-btn { position:relative; font-size:0; white-space:nowrap } .input-group-btn>.btn { position:relative } .input-group-btn>.btn+.btn { margin-left:-1px } .input-group-btn>.btn:active, .input-group-btn>.btn:focus, .input-group-btn>.btn:hover { z-index:2 } .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group { margin-right:-1px } .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group { z-index:2; margin-left:-1px } .nav { padding-left:0; margin-bottom:0; list-style:none } .nav>li { position:relative; display:block } .nav>li>a { position:relative; display:block; padding:10px 15px } .nav>li>a:focus, .nav>li>a:hover { text-decoration:none; background-color:#eee } .nav>li.disabled>a { color:#777 } .nav>li.disabled>a:focus, .nav>li.disabled>a:hover { color:#777; text-decoration:none; cursor:not-allowed; background-color:transparent } .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { background-color:#eee; border-color:#337ab7 } .nav .nav-divider { height:1px; margin:9px 0; overflow:hidden; background-color:#e5e5e5 } .nav>li>a>img { max-width:none } .nav-tabs { border-bottom:1px solid #ddd } .nav-tabs>li { float:left; margin-bottom:-1px } .nav-tabs>li>a { margin-right:2px; line-height:1.42857143; border:1px solid transparent; border-radius:4px 4px 0 0 } .nav-tabs>li>a:hover { border-color:#eee #eee #ddd } .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { color:#555; cursor:default; background-color:#fff; border:1px solid #ddd; border-bottom-color:transparent } .nav-tabs.nav-justified { width:100%; border-bottom:0 } .nav-tabs.nav-justified>li { float:none } .nav-tabs.nav-justified>li>a { margin-bottom:5px; text-align:center } .nav-tabs.nav-justified>.dropdown .dropdown-menu { top:auto; left:auto } @media (min-width:481px) { .nav-tabs.nav-justified>li { display:table-cell; width:1% } .nav-tabs.nav-justified>li>a { margin-bottom:0 } } .nav-tabs.nav-justified>li>a { margin-right:0; border-radius:4px } .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover { border:1px solid #ddd } @media (min-width:481px) { .nav-tabs.nav-justified>li>a { border-bottom:1px solid #ddd; border-radius:4px 4px 0 0 } .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover { border-bottom-color:#fff } } .nav-pills>li { float:left } .nav-pills>li>a { border-radius:4px } .nav-pills>li+li { margin-left:2px } .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { color:#fff; background-color:#337ab7 } .nav-stacked>li { float:none } .nav-stacked>li+li { margin-top:2px; margin-left:0 } .nav-justified { width:100% } .nav-justified>li { float:none } .nav-justified>li>a { margin-bottom:5px; text-align:center } .nav-justified>.dropdown .dropdown-menu { top:auto; left:auto } @media (min-width:481px) { .nav-justified>li { display:table-cell; width:1% } .nav-justified>li>a { margin-bottom:0 } } .nav-tabs-justified { border-bottom:0 } .nav-tabs-justified>li>a { margin-right:0; border-radius:4px } .nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:focus, .nav-tabs-justified>.active>a:hover { border:1px solid #ddd } @media (min-width:481px) { .nav-tabs-justified>li>a { border-bottom:1px solid #ddd; border-radius:4px 4px 0 0 } .nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:focus, .nav-tabs-justified>.active>a:hover { border-bottom-color:#fff } } .tab-content>.tab-pane { display:none } .tab-content>.active { display:block } .nav-tabs .dropdown-menu { margin-top:-1px; border-top-left-radius:0; border-top-right-radius:0 } .navbar { position:relative; min-height:50px; margin-bottom:20px; border:1px solid transparent } @media (min-width:481px) { .navbar { border-radius:4px } } @media (min-width:481px) { .navbar-header { float:left } } .navbar-collapse { padding-right:15px; padding-left:15px; overflow-x:visible; -webkit-overflow-scrolling:touch; border-top:1px solid transparent; -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, .1); box-shadow:inset 0 1px 0 rgba(255, 255, 255, .1) } .navbar-collapse.in { overflow-y:auto } @media (min-width:481px) { .navbar-collapse { width:auto; border-top:0; -webkit-box-shadow:none; box-shadow:none } /*.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}*/ .navbar-collapse.in { overflow-y:visible } .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse { padding-right:0; padding-left:0 } } .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height:340px } @media (max-device-width:481px) and (orientation:landscape) { .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height:200px } } .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin-right:-15px; margin-left:-15px } @media (min-width:481px) { .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin-right:0; margin-left:0 } } .navbar-static-top { z-index:1000; border-width:0 0 1px } @media (min-width:481px) { .navbar-static-top { border-radius:0 } } .navbar-fixed-bottom, .navbar-fixed-top { position:fixed; right:0; left:0; z-index:1030 } @media (min-width:481px) { .navbar-fixed-bottom, .navbar-fixed-top { border-radius:0 } } .navbar-fixed-top { top:0; border-width:0 0 1px } .navbar-fixed-bottom { bottom:0; margin-bottom:0; border-width:1px 0 0 } .navbar-brand { float:left; height:50px; padding:15px 15px; font-size:18px; line-height:20px } .navbar-brand:focus, .navbar-brand:hover { text-decoration:none } .navbar-brand>img { display:block } @media (min-width:481px) { .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left:-15px } } .navbar-toggle { position:relative; float:right; padding:9px 10px; margin-top:8px; margin-right:15px; margin-bottom:8px; background-color:transparent; background-image:none; border:1px solid transparent; border-radius:4px } .cam-btn { border-radius: 4px !important; margin-left: 15px !important; background-color: var(--primary-color) !important; } .cam-btn:hover { color:var(--primary-color) !important; background-color:white !important; } .mobile-header .col-xs-4 { width: 36% } .mobile-header .menu-div { width: 36% } .mobile-header .header-logo { width: 28% } .fa-camera2 { content: url(https://cdn.aznude.com/images/webcam.png); font-size: 1em; overflow: hidden; max-width: 1.8em; margin-top: 2px; } #tpd { background-image: url('//cdn.aznude.com/images/tpdgs-logo.png'); background-size: 50px; width: 50px; height: 50px; margin-left: 4px; } #tpd:hover { background-image: url('//cdn.aznude.com/images/tpd-logo.png'); background-size: 50px; width: 50px; height: 50px; margin-left: 4px; } ul.az-footer-links li { float: left; clear: left; width: 100%; } .color-box { min-height: 250px; } .navbar-toggle:focus { outline:0 } .navbar-toggle .icon-bar { display:block; width:22px; height:2px; border-radius:1px } .navbar-toggle .icon-bar+.icon-bar { margin-top:4px } @media (min-width:481px) { .navbar-toggle { display:none } } .navbar-nav { margin:7.5px -15px } .navbar-nav>li>a { padding-top:10px; padding-bottom:10px; line-height:20px } @media (max-width:480px) { .navbar-nav .open .dropdown-menu { position:static; float:none; width:auto; margin-top:0; background-color:transparent; border:0; -webkit-box-shadow:none; box-shadow:none } .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a { padding:5px 15px 5px 25px } .navbar-nav .open .dropdown-menu>li>a { line-height:20px } .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-nav .open .dropdown-menu>li>a:hover { background-image:none } } @media (min-width:481px) { .navbar-nav { float:left; margin:0 } .navbar-nav>li { float:left } .navbar-nav>li>a { padding-top:15px; padding-bottom:15px } } .navbar-form { padding:10px 15px; margin-top:8px; margin-right:-15px; margin-bottom:8px; margin-left:-15px; border-top:1px solid transparent; border-bottom:1px solid transparent; -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); box-shadow:inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1) } @media (min-width:481px) { .navbar-form .form-group { display:inline-block; margin-bottom:0; vertical-align:middle } .navbar-form .form-control { display:inline-block; width:auto; vertical-align:middle } .navbar-form .form-control-static { display:inline-block } .navbar-form .input-group { display:inline-table; vertical-align:middle } .navbar-form .input-group .form-control, .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn { width:auto } .navbar-form .input-group>.form-control { width:100% } .navbar-form .control-label { margin-bottom:0; vertical-align:middle } .navbar-form .checkbox, .navbar-form .radio { display:inline-block; margin-top:0; margin-bottom:0; vertical-align:middle } .navbar-form .checkbox label, .navbar-form .radio label { padding-left:0 } .navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] { position:relative; margin-left:0 } .navbar-form .has-feedback .form-control-feedback { top:0 } } @media (max-width:480px) { .navbar-form .form-group { margin-bottom:5px } .navbar-form .form-group:last-child { margin-bottom:0 } } @media (min-width:481px) { .navbar-form { width:auto; padding-top:0; padding-bottom:0; margin-right:0; margin-left:0; border:0; -webkit-box-shadow:none; box-shadow:none } } .navbar-nav>li>.dropdown-menu { margin-top:0; border-top-left-radius:0; border-top-right-radius:0 } .navbar-fixed-bottom .navbar-nav>li>.dropdown-menu { margin-bottom:0; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-right-radius:0; border-bottom-left-radius:0 } .navbar-btn { margin-top:8px; margin-bottom:8px } .navbar-btn.btn-sm { margin-top:10px; margin-bottom:10px } .navbar-btn.btn-xs { margin-top:14px; margin-bottom:14px } .navbar-text { margin-top:15px; margin-bottom:15px } @media (min-width:481px) { .navbar-text { float:left; margin-right:15px; margin-left:15px } } @media (min-width:481px) { .navbar-left { float:left !important } .navbar-right { float:right !important; margin-right:-15px } .navbar-right~.navbar-right { margin-right:0 } } .navbar-default { background-color:#f8f8f8; border-color:#e7e7e7 } .navbar-default .navbar-brand { color:#777 } .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover { color:#5e5e5e; background-color:transparent } .navbar-default .navbar-text { color:#777 } .navbar-default .navbar-nav>li>a { color:#777 } .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color:#333; background-color:transparent } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color:#555; background-color:#e7e7e7 } .navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:focus, .navbar-default .navbar-nav>.disabled>a:hover { color:#ccc; background-color:transparent } .navbar-default .navbar-toggle { border-color:#ddd } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color:#ddd } .navbar-default .navbar-toggle .icon-bar { background-color:#888 } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color:#e7e7e7 } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color:#555; background-color:#e7e7e7 } @media (max-width:480px) { .navbar-default .navbar-nav .open .dropdown-menu>li>a { color:#777 } .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover { color:#333; background-color:transparent } .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover { color:#555; background-color:#e7e7e7 } .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover { color:#ccc; background-color:transparent } } .navbar-default .navbar-link { color:#777 } .navbar-default .navbar-link:hover { color:#333 } .navbar-default .btn-link { color:#777 } .navbar-default .btn-link:focus, .navbar-default .btn-link:hover { color:#333 } .navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover { color:#ccc } .navbar-inverse { background-color:#222; border-color:#080808 } .navbar-inverse .navbar-brand { color:#9d9d9d } .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover { color:#fff; background-color:transparent } .navbar-inverse .navbar-text { color:#9d9d9d } .navbar-inverse .navbar-nav>li>a { color:#9d9d9d } .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover { color:#fff; background-color:transparent } .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover { color:#fff; background-color:#080808 } .navbar-inverse .navbar-nav>.disabled>a, .navbar-inverse .navbar-nav>.disabled>a:focus, .navbar-inverse .navbar-nav>.disabled>a:hover { color:#444; background-color:transparent } .navbar-inverse .navbar-toggle { border-color:#333 } .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color:#333 } .navbar-inverse .navbar-toggle .icon-bar { background-color:#fff } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color:#101010 } .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover { color:#fff; background-color:#080808 } @media (max-width:480px) { .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header { border-color:#080808 } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color:#080808 } .navbar-inverse .navbar-nav .open .dropdown-menu>li>a { color:#9d9d9d } .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover { color:#fff; background-color:transparent } .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover { color:#fff; background-color:#080808 } .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover { color:#444; background-color:transparent } } .navbar-inverse .navbar-link { color:#9d9d9d } .navbar-inverse .navbar-link:hover { color:#fff } .navbar-inverse .btn-link { color:#9d9d9d } .navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover { color:#fff } .navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover { color:#444 } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #212121; border-radius: 4px; text-align: center; font-size: 16px; } .breadcrumb>li { display:inline-block } .breadcrumb>li+li:before { padding:0 5px; color:#ccc; content:"/\00a0" } .breadcrumb>.active { color:#777 } .pagination { display:inline-block; padding-left:0; margin:20px 0; border-radius:4px } .pagination>li { display:inline } .pagination>li>a, .pagination>li>span { position:relative; float:left; padding:6px 12px; margin-left:-1px; line-height:1.42857143; color:#337ab7; text-decoration:none; background-color:#fff; border:1px solid #ddd } .pagination>li:first-child>a, .pagination>li:first-child>span { margin-left:0; border-top-left-radius:4px; border-bottom-left-radius:4px } .pagination>li:last-child>a, .pagination>li:last-child>span { border-top-right-radius:4px; border-bottom-right-radius:4px } .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { z-index:2; color:#23527c; background-color:#eee; border-color:#ddd } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { z-index:3; color:#fff; cursor:default; background-color:#337ab7; border-color:#337ab7 } .pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover { color:#777; cursor:not-allowed; background-color:#fff; border-color:#ddd } .pagination-lg>li>a, .pagination-lg>li>span { padding:10px 16px; font-size:18px; line-height:1.3333333 } .pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span { border-top-left-radius:6px; border-bottom-left-radius:6px } .pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span { border-top-right-radius:6px; border-bottom-right-radius:6px } .pagination-sm>li>a, .pagination-sm>li>span { padding:5px 10px; font-size:12px; line-height:1.5 } .pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span { border-top-left-radius:3px; border-bottom-left-radius:3px } .pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span { border-top-right-radius:3px; border-bottom-right-radius:3px } .pager { padding-left:0; margin:20px 0; text-align:center; list-style:none } .pager li { display:inline } .pager li>a, .pager li>span { display:inline-block; padding:5px 14px; background-color:#fff; border:1px solid #ddd; border-radius:15px } .pager li>a:focus, .pager li>a:hover { text-decoration:none; background-color:#eee } .pager .next>a, .pager .next>span { float:right } .pager .previous>a, .pager .previous>span { float:left } .pager .disabled>a, .pager .disabled>a:focus, .pager .disabled>a:hover, .pager .disabled>span { color:#777; cursor:not-allowed; background-color:#fff } .label { display:inline; padding:.2em .6em .3em; font-size:75%; font-weight:700; line-height:1; color:#fff; text-align:center; white-space:nowrap; vertical-align:baseline; border-radius:.25em } a.label:focus, a.label:hover { color:#fff; text-decoration:none; cursor:pointer } .label:empty { display:none } .btn .label { position:relative; top:-1px } .label-default { background-color:#777 } .label-default[href]:focus, .label-default[href]:hover { background-color:#5e5e5e } .label-primary { background-color:#337ab7 } .label-primary[href]:focus, .label-primary[href]:hover { background-color:#286090 } .label-success { background-color:#5cb85c } .label-success[href]:focus, .label-success[href]:hover { background-color:#449d44 } .label-info { background-color:#5bc0de } .label-info[href]:focus, .label-info[href]:hover { background-color:#31b0d5 } .label-warning { background-color:#f0ad4e } .label-warning[href]:focus, .label-warning[href]:hover { background-color:#ec971f } .label-danger { background-color:#d9534f } .label-danger[href]:focus, .label-danger[href]:hover { background-color:#c9302c } .badge { display:inline-block; min-width:10px; padding:3px 7px; font-size:12px; font-weight:700; line-height:1; color:#fff; text-align:center; white-space:nowrap; vertical-align:middle; background-color:#777; border-radius:10px } .badge:empty { display:none } .btn .badge { position:relative; top:-1px } .btn-group-xs>.btn .badge, .btn-xs .badge { top:0; padding:1px 5px } a.badge:focus, a.badge:hover { color:#fff; text-decoration:none; cursor:pointer } .list-group-item.active>.badge, .nav-pills>.active>a>.badge { color:#337ab7; background-color:#fff } .list-group-item>.badge { float:right } .list-group-item>.badge+.badge { margin-right:5px } .nav-pills>li>a>.badge { margin-left:3px } .jumbotron { padding-top:30px; padding-bottom:30px; margin-bottom:30px; color:inherit; background-color:#eee } .jumbotron .h1, .jumbotron h1 { color:inherit } .jumbotron p { margin-bottom:15px; font-size:21px; font-weight:200 } .jumbotron>hr { border-top-color:#d5d5d5 } .container .jumbotron, .container-fluid .jumbotron { padding-right:15px; padding-left:15px; border-radius:6px } .jumbotron .container { max-width:100% } @media screen and (min-width:481px) { .jumbotron { padding-top:48px; padding-bottom:48px } .container .jumbotron, .container-fluid .jumbotron { padding-right:60px; padding-left:60px } .jumbotron .h1, .jumbotron h1 { font-size:63px } } .thumbnail { display:block; padding:4px; margin-bottom:20px; line-height:1.42857143; background-color:#fff; border:1px solid #ddd; border-radius:4px; -webkit-transition:border .2s ease-in-out; -o-transition:border .2s ease-in-out; transition:border .2s ease-in-out } .thumbnail a>img, .thumbnail>img { margin-right:auto; margin-left:auto } a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover { border-color:#337ab7 } .thumbnail .caption { padding:9px; color:#333 } .alert { padding:15px; margin-bottom:20px; border:1px solid transparent; border-radius:4px } .alert h4 { margin-top:0; color:inherit } .alert .alert-link { font-weight:700 } .alert>p, .alert>ul { margin-bottom:0 } .alert>p+p { margin-top:5px } .alert-dismissable, .alert-dismissible { padding-right:35px } .alert-dismissable .close, .alert-dismissible .close { position:relative; top:-2px; right:-21px; color:inherit } .alert-success { color:#3c763d; background-color:#dff0d8; border-color:#d6e9c6 } .alert-success hr { border-top-color:#c9e2b3 } .alert-success .alert-link { color:#2b542c } .alert-info { color:#31708f; background-color:#d9edf7; border-color:#bce8f1 } .alert-info hr { border-top-color:#a6e1ec } .alert-info .alert-link { color:#245269 } .alert-warning { color:#8a6d3b; background-color:#fcf8e3; border-color:#faebcc } .alert-warning hr { border-top-color:#f7e1b5 } .alert-warning .alert-link { color:#66512c } .alert-danger { color:#a94442; background-color:#f2dede; border-color:#ebccd1 } .alert-danger hr { border-top-color:#e4b9c0 } .alert-danger .alert-link { color:#843534 } @-webkit-keyframes progress-bar-stripes { from { background-position:40px 0 } to { background-position:0 0 } } @-o-keyframes progress-bar-stripes { from { background-position:40px 0 } to { background-position:0 0 } } @keyframes progress-bar-stripes { from { background-position:40px 0 } to { background-position:0 0 } } .progress { height:20px; margin-bottom:20px; overflow:hidden; background-color:#f5f5f5; border-radius:4px; -webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, .1); box-shadow:inset 0 1px 2px rgba(0, 0, 0, .1) } .progress-bar { float:left; width:0; height:100%; font-size:12px; line-height:20px; color:#fff; text-align:center; background-color:#337ab7; -webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, .15); box-shadow:inset 0 -1px 0 rgba(0, 0, 0, .15); -webkit-transition:width .6s ease; -o-transition:width .6s ease; transition:width .6s ease } .progress-bar-striped, .progress-striped .progress-bar { background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image:linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); -webkit-background-size:40px 40px; background-size:40px 40px } .progress-bar.active, .progress.active .progress-bar { -webkit-animation:progress-bar-stripes 2s linear infinite; -o-animation:progress-bar-stripes 2s linear infinite; animation:progress-bar-stripes 2s linear infinite } .progress-bar-success { background-color:#5cb85c } .progress-striped .progress-bar-success { background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image:linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) } .progress-bar-info { background-color:#5bc0de } .progress-striped .progress-bar-info { background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image:linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) } .progress-bar-warning { background-color:#f0ad4e } .progress-striped .progress-bar-warning { background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image:linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) } .progress-bar-danger { background-color:#d9534f } .progress-striped .progress-bar-danger { background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image:linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) } .media { margin-top:15px } .media:first-child { margin-top:0 } .media, .media-body { overflow:hidden; zoom:1 } .media-body { width:10000px } .media-object { display:block } .media-object.img-thumbnail { max-width:none } .media-right, .media>.pull-right { padding-left:10px } .media-left, .media>.pull-left { padding-right:10px } .media-body, .media-left, .media-right { display:table-cell; vertical-align:top } .media-middle { vertical-align:middle } .media-bottom { vertical-align:bottom } .media-heading { margin-top:0; margin-bottom:5px } .media-list { padding-left:0; list-style:none } .list-group { padding-left:0; margin-bottom:20px } .list-group-item { position:relative; display:block; padding:10px 15px; margin-bottom:-1px; background-color:#fff; border:1px solid #ddd } .list-group-item:first-child { border-top-left-radius:4px; border-top-right-radius:4px } .list-group-item:last-child { margin-bottom:0; border-bottom-right-radius:4px; border-bottom-left-radius:4px } a.list-group-item, button.list-group-item { color:#555 } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color:#333 } a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover { color:#555; text-decoration:none; background-color:#f5f5f5 } button.list-group-item { width:100%; text-align:left } .list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover { color:#777; cursor:not-allowed; background-color:#eee } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading { color:inherit } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text { color:#777 } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { z-index:2; color:#fff; background-color:#337ab7; border-color:#337ab7 } .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading>.small, .list-group-item.active .list-group-item-heading>small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading>.small, .list-group-item.active:focus .list-group-item-heading>small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading>.small, .list-group-item.active:hover .list-group-item-heading>small { color:inherit } .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text { color:#c7ddef } .list-group-item-success { color:#3c763d; background-color:#dff0d8 } a.list-group-item-success, button.list-group-item-success { color:#3c763d } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color:inherit } a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover { color:#3c763d; background-color:#d0e9c6 } a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover, button.list-group-item-success.active, button.list-group-item-success.active:focus, button.list-group-item-success.active:hover { color:#fff; background-color:#3c763d; border-color:#3c763d } .list-group-item-info { color:#31708f; background-color:#d9edf7 } a.list-group-item-info, button.list-group-item-info { color:#31708f } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color:inherit } a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover { color:#31708f; background-color:#c4e3f3 } a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover, button.list-group-item-info.active, button.list-group-item-info.active:focus, button.list-group-item-info.active:hover { color:#fff; background-color:#31708f; border-color:#31708f } .list-group-item-warning { color:#8a6d3b; background-color:#fcf8e3 } a.list-group-item-warning, button.list-group-item-warning { color:#8a6d3b } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color:inherit } a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover { color:#8a6d3b; background-color:#faf2cc } a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover, button.list-group-item-warning.active, button.list-group-item-warning.active:focus, button.list-group-item-warning.active:hover { color:#fff; background-color:#8a6d3b; border-color:#8a6d3b } .list-group-item-danger { color:#a94442; background-color:#f2dede } a.list-group-item-danger, button.list-group-item-danger { color:#a94442 } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color:inherit } a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover { color:#a94442; background-color:#ebcccc } a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover, button.list-group-item-danger.active, button.list-group-item-danger.active:focus, button.list-group-item-danger.active:hover { color:#fff; background-color:#a94442; border-color:#a94442 } .list-group-item-heading { margin-top:0; margin-bottom:5px } .list-group-item-text { margin-bottom:0; line-height:1.3 } .panel { margin-bottom:20px; background-color:#fff; border:1px solid transparent; border-radius:4px; -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .05); box-shadow:0 1px 1px rgba(0, 0, 0, .05) } .panel-body { padding:15px } .panel-heading { padding:10px 15px; border-bottom:1px solid transparent; border-top-left-radius:3px; border-top-right-radius:3px } .panel-heading>.dropdown .dropdown-toggle { color:inherit } .panel-title { margin-top:0; margin-bottom:0; font-size:16px; color:inherit } .panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a { color:inherit } .panel-footer { padding:10px 15px; background-color:#f5f5f5; border-top:1px solid #ddd; border-bottom-right-radius:3px; border-bottom-left-radius:3px } .panel>.list-group, .panel>.panel-collapse>.list-group { margin-bottom:0 } .panel>.list-group .list-group-item, .panel>.panel-collapse>.list-group .list-group-item { border-width:1px 0; border-radius:0 } .panel>.list-group:first-child .list-group-item:first-child, .panel>.panel-collapse>.list-group:first-child .list-group-item:first-child { border-top:0; border-top-left-radius:3px; border-top-right-radius:3px } .panel>.list-group:last-child .list-group-item:last-child, .panel>.panel-collapse>.list-group:last-child .list-group-item:last-child { border-bottom:0; border-bottom-right-radius:3px; border-bottom-left-radius:3px } .panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child { border-top-left-radius:0; border-top-right-radius:0 } .panel-heading+.list-group .list-group-item:first-child { border-top-width:0 } .list-group+.panel-footer { border-top-width:0 } .panel>.panel-collapse>.table, .panel>.table, .panel>.table-responsive>.table { margin-bottom:0 } .panel>.panel-collapse>.table caption, .panel>.table caption, .panel>.table-responsive>.table caption { padding-right:15px; padding-left:15px } .panel>.table-responsive:first-child>.table:first-child, .panel>.table:first-child { border-top-left-radius:3px; border-top-right-radius:3px } .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child, .panel>.table:first-child>thead:first-child>tr:first-child { border-top-left-radius:3px; border-top-right-radius:3px } .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table:first-child>thead:first-child>tr:first-child th:first-child { border-top-left-radius:3px } .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table:first-child>thead:first-child>tr:first-child th:last-child { border-top-right-radius:3px } .panel>.table-responsive:last-child>.table:last-child, .panel>.table:last-child { border-bottom-right-radius:3px; border-bottom-left-radius:3px } .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child { border-bottom-right-radius:3px; border-bottom-left-radius:3px } .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child { border-bottom-left-radius:3px } .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child { border-bottom-right-radius:3px } .panel>.panel-body+.table, .panel>.panel-body+.table-responsive, .panel>.table+.panel-body, .panel>.table-responsive+.panel-body { border-top:1px solid #ddd } .panel>.table>tbody:first-child>tr:first-child td, .panel>.table>tbody:first-child>tr:first-child th { border-top:0 } .panel>.table-bordered, .panel>.table-responsive>.table-bordered { border:0 } .panel>.table-bordered>tbody>tr>td:first-child, .panel>.table-bordered>tbody>tr>th:first-child, .panel>.table-bordered>tfoot>tr>td:first-child, .panel>.table-bordered>tfoot>tr>th:first-child, .panel>.table-bordered>thead>tr>td:first-child, .panel>.table-bordered>thead>tr>th:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child, .panel>.table-responsive>.table-bordered>thead>tr>td:first-child, .panel>.table-responsive>.table-bordered>thead>tr>th:first-child { border-left:0 } .panel>.table-bordered>tbody>tr>td:last-child, .panel>.table-bordered>tbody>tr>th:last-child, .panel>.table-bordered>tfoot>tr>td:last-child, .panel>.table-bordered>tfoot>tr>th:last-child, .panel>.table-bordered>thead>tr>td:last-child, .panel>.table-bordered>thead>tr>th:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child, .panel>.table-responsive>.table-bordered>thead>tr>td:last-child, .panel>.table-responsive>.table-bordered>thead>tr>th:last-child { border-right:0 } .panel>.table-bordered>tbody>tr:first-child>td, .panel>.table-bordered>tbody>tr:first-child>th, .panel>.table-bordered>thead>tr:first-child>td, .panel>.table-bordered>thead>tr:first-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th, .panel>.table-responsive>.table-bordered>thead>tr:first-child>td, .panel>.table-responsive>.table-bordered>thead>tr:first-child>th { border-bottom:0 } .panel>.table-bordered>tbody>tr:last-child>td, .panel>.table-bordered>tbody>tr:last-child>th, .panel>.table-bordered>tfoot>tr:last-child>td, .panel>.table-bordered>tfoot>tr:last-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th { border-bottom:0 } .panel>.table-responsive { margin-bottom:0; border:0 } .panel-group { margin-bottom:20px } .panel-group .panel { margin-bottom:0; border-radius:4px } .panel-group .panel+.panel { margin-top:5px } .panel-group .panel-heading { border-bottom:0 } .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body { border-top:1px solid #ddd } .panel-group .panel-footer { border-top:0 } .panel-group .panel-footer+.panel-collapse .panel-body { border-bottom:1px solid #ddd } .panel-default { border-color:#ddd } .panel-default>.panel-heading { color:#333; background-color:#f5f5f5; border-color:#ddd } .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color:#ddd } .panel-default>.panel-heading .badge { color:#f5f5f5; background-color:#333 } .panel-default>.panel-footer+.panel-collapse>.panel-body { border-bottom-color:#ddd } .panel-primary { border-color:#337ab7 } .panel-primary>.panel-heading { color:#fff; background-color:#337ab7; border-color:#337ab7 } .panel-primary>.panel-heading+.panel-collapse>.panel-body { border-top-color:#337ab7 } .panel-primary>.panel-heading .badge { color:#337ab7; background-color:#fff } .panel-primary>.panel-footer+.panel-collapse>.panel-body { border-bottom-color:#337ab7 } .panel-success { border-color:#d6e9c6 } .panel-success>.panel-heading { color:#3c763d; background-color:#dff0d8; border-color:#d6e9c6 } .panel-success>.panel-heading+.panel-collapse>.panel-body { border-top-color:#d6e9c6 } .panel-success>.panel-heading .badge { color:#dff0d8; background-color:#3c763d } .panel-success>.panel-footer+.panel-collapse>.panel-body { border-bottom-color:#d6e9c6 } .panel-info { border-color:#bce8f1 } .panel-info>.panel-heading { color:#31708f; background-color:#d9edf7; border-color:#bce8f1 } .panel-info>.panel-heading+.panel-collapse>.panel-body { border-top-color:#bce8f1 } .panel-info>.panel-heading .badge { color:#d9edf7; background-color:#31708f } .panel-info>.panel-footer+.panel-collapse>.panel-body { border-bottom-color:#bce8f1 } .panel-warning { border-color:#faebcc } .panel-warning>.panel-heading { color:#8a6d3b; background-color:#fcf8e3; border-color:#faebcc } .panel-warning>.panel-heading+.panel-collapse>.panel-body { border-top-color:#faebcc } .panel-warning>.panel-heading .badge { color:#fcf8e3; background-color:#8a6d3b } .panel-warning>.panel-footer+.panel-collapse>.panel-body { border-bottom-color:#faebcc } .panel-danger { border-color:#ebccd1 } .panel-danger>.panel-heading { color:#a94442; background-color:#f2dede; border-color:#ebccd1 } .panel-danger>.panel-heading+.panel-collapse>.panel-body { border-top-color:#ebccd1 } .panel-danger>.panel-heading .badge { color:#f2dede; background-color:#a94442 } .panel-danger>.panel-footer+.panel-collapse>.panel-body { border-bottom-color:#ebccd1 } .embed-responsive { position:relative; display:block; height:0; padding:0; overflow:hidden } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position:absolute; top:0; bottom:0; left:0; width:100%; height:100%; border:0 } .embed-responsive-16by9 { padding-bottom:56.25% } .embed-responsive-4by3 { padding-bottom:75% } .well { min-height:20px; padding:19px; margin-bottom:20px; background-color:#f5f5f5; border:1px solid #e3e3e3; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05) } .well blockquote { border-color:#ddd; border-color:rgba(0, 0, 0, .15) } .well-lg { padding:24px; border-radius:6px } .well-sm { padding:9px; border-radius:3px } .close { float:right; font-size:21px; font-weight:700; line-height:1; color:#000; text-shadow:0 1px 0 #fff; filter:alpha(opacity=20); opacity:.2 } .close:focus, .close:hover { color:#000; text-decoration:none; cursor:pointer; filter:alpha(opacity=50); opacity:.5 } button.close { -webkit-appearance:none; padding:0; cursor:pointer; background:0 0; border:0 } .modal-open { overflow:hidden } .modal { position:fixed; top:0; right:0; bottom:0; left:0; z-index:1050; display:none; overflow:hidden; -webkit-overflow-scrolling:touch; outline:0 } .modal.fade .modal-dialog { -webkit-transition:-webkit-transform .3s ease-out; -o-transition:-o-transform .3s ease-out; transition:transform .3s ease-out; -webkit-transform:translate(0, -25%); -ms-transform:translate(0, -25%); -o-transform:translate(0, -25%); transform:translate(0, -25%) } .modal.in .modal-dialog { -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); -o-transform:translate(0, 0); transform:translate(0, 0) } .modal-open .modal { overflow-x:hidden; overflow-y:auto } .modal-dialog { position:relative; width:auto; margin:10px } .modal-content { position:relative; background-color:#fff; -webkit-background-clip:padding-box; background-clip:padding-box; border:1px solid #999; border:1px solid rgba(0, 0, 0, .2); border-radius:6px; outline:0; -webkit-box-shadow:0 3px 9px rgba(0, 0, 0, .5); box-shadow:0 3px 9px rgba(0, 0, 0, .5) } .modal-backdrop { position:fixed; top:0; right:0; bottom:0; left:0; z-index:1040; background-color:#000 } .modal-backdrop.fade { filter:alpha(opacity=0); opacity:0 } .modal-backdrop.in { filter:alpha(opacity=50); opacity:.5 } .modal-header { padding:15px; border-bottom:1px solid #e5e5e5 } .modal-header .close { margin-top:-2px } .modal-title { margin:0; line-height:1.42857143 } .modal-body { position:relative; padding:15px } .modal-footer { padding:15px; text-align:right; border-top:1px solid #e5e5e5 } .modal-footer .btn+.btn { margin-bottom:0; margin-left:5px } .modal-footer .btn-group .btn+.btn { margin-left:-1px } .modal-footer .btn-block+.btn-block { margin-left:0 } .modal-scrollbar-measure { position:absolute; top:-9999px; width:50px; height:50px; overflow:scroll } @media (min-width:481px) { .modal-dialog { width:600px; margin:30px auto } .modal-content { -webkit-box-shadow:0 5px 15px rgba(0, 0, 0, .5); box-shadow:0 5px 15px rgba(0, 0, 0, .5) } .modal-sm { width:300px } } @media (min-width:680px) { .modal-lg { width:900px } } .tooltip { position:absolute; z-index:1070; display:block; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px; font-style:normal; font-weight:400; line-height:1.42857143; text-align:left; text-align:start; text-decoration:none; text-shadow:none; text-transform:none; letter-spacing:normal; word-break:normal; word-spacing:normal; word-wrap:normal; white-space:normal; filter:alpha(opacity=0); opacity:0; line-break:auto } .tooltip.in { filter:alpha(opacity=90); opacity:.9 } .tooltip.top { padding:5px 0; margin-top:-3px } .tooltip.right { padding:0 5px; margin-left:3px } .tooltip.bottom { padding:5px 0; margin-top:3px } .tooltip.left { padding:0 5px; margin-left:-3px } .tooltip-inner { max-width:200px; padding:3px 8px; color:#fff; text-align:center; background-color:#000; border-radius:4px } .tooltip-arrow { position:absolute; width:0; height:0; border-color:transparent; border-style:solid } .tooltip.top .tooltip-arrow { bottom:0; left:50%; margin-left:-5px; border-width:5px 5px 0; border-top-color:#000 } .tooltip.top-left .tooltip-arrow { right:5px; bottom:0; margin-bottom:-5px; border-width:5px 5px 0; border-top-color:#000 } .tooltip.top-right .tooltip-arrow { bottom:0; left:5px; margin-bottom:-5px; border-width:5px 5px 0; border-top-color:#000 } .tooltip.right .tooltip-arrow { top:50%; left:0; margin-top:-5px; border-width:5px 5px 5px 0; border-right-color:#000 } .tooltip.left .tooltip-arrow { top:50%; right:0; margin-top:-5px; border-width:5px 0 5px 5px; border-left-color:#000 } .tooltip.bottom .tooltip-arrow { top:0; left:50%; margin-left:-5px; border-width:0 5px 5px; border-bottom-color:#000 } .tooltip.bottom-left .tooltip-arrow { top:0; right:5px; margin-top:-5px; border-width:0 5px 5px; border-bottom-color:#000 } .tooltip.bottom-right .tooltip-arrow { top:0; left:5px; margin-top:-5px; border-width:0 5px 5px; border-bottom-color:#000 } .popover { position:absolute; top:0; left:0; z-index:1060; display:none; max-width:276px; padding:1px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; font-style:normal; font-weight:400; line-height:1.42857143; text-align:left; text-align:start; text-decoration:none; text-shadow:none; text-transform:none; letter-spacing:normal; word-break:normal; word-spacing:normal; word-wrap:normal; white-space:normal; background-color:#fff; -webkit-background-clip:padding-box; background-clip:padding-box; border:1px solid #ccc; border:1px solid rgba(0, 0, 0, .2); border-radius:6px; -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, .2); box-shadow:0 5px 10px rgba(0, 0, 0, .2); line-break:auto } .popover.top { margin-top:-10px } .popover.right { margin-left:10px } .popover.bottom { margin-top:10px } .popover.left { margin-left:-10px } .popover-title { padding:8px 14px; margin:0; font-size:14px; background-color:#f7f7f7; border-bottom:1px solid #ebebeb; border-radius:5px 5px 0 0 } .popover-content { padding:9px 14px } .popover>.arrow, .popover>.arrow:after { position:absolute; display:block; width:0; height:0; border-color:transparent; border-style:solid } .popover>.arrow { border-width:11px } .popover>.arrow:after { content:""; border-width:10px } .popover.top>.arrow { bottom:-11px; left:50%; margin-left:-11px; border-top-color:#999; border-top-color:rgba(0, 0, 0, .25); border-bottom-width:0 } .popover.top>.arrow:after { bottom:1px; margin-left:-10px; content:" "; border-top-color:#fff; border-bottom-width:0 } .popover.right>.arrow { top:50%; left:-11px; margin-top:-11px; border-right-color:#999; border-right-color:rgba(0, 0, 0, .25); border-left-width:0 } .popover.right>.arrow:after { bottom:-10px; left:1px; content:" "; border-right-color:#fff; border-left-width:0 } .popover.bottom>.arrow { top:-11px; left:50%; margin-left:-11px; border-top-width:0; border-bottom-color:#999; border-bottom-color:rgba(0, 0, 0, .25) } .popover.bottom>.arrow:after { top:1px; margin-left:-10px; content:" "; border-top-width:0; border-bottom-color:#fff } .popover.left>.arrow { top:50%; right:-11px; margin-top:-11px; border-right-width:0; border-left-color:#999; border-left-color:rgba(0, 0, 0, .25) } .popover.left>.arrow:after { right:1px; bottom:-10px; content:" "; border-right-width:0; border-left-color:#fff } .carousel { position:relative } .carousel-inner { position:relative; width:100%; overflow:hidden } .carousel-inner>.item { position:relative; display:none; -webkit-transition:.6s ease-in-out left; -o-transition:.6s ease-in-out left; transition:.6s ease-in-out left } .carousel-inner>.item>a>img, .carousel-inner>.item>img { line-height:1 } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner>.item { -webkit-transition:-webkit-transform .6s ease-in-out; -o-transition:-o-transform .6s ease-in-out; transition:transform .6s ease-in-out; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-perspective:1000px; perspective:1000px } .carousel-inner>.item.active.right, .carousel-inner>.item.next { left:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0) } .carousel-inner>.item.active.left, .carousel-inner>.item.prev { left:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) } .carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right { left:0; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } .carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev { display:block } .carousel-inner>.active { left:0 } .carousel-inner>.next, .carousel-inner>.prev { position:absolute; top:0; width:100% } .carousel-inner>.next { left:100% } .carousel-inner>.prev { left:-100% } .carousel-inner>.next.left, .carousel-inner>.prev.right { left:0 } .carousel-inner>.active.left { left:-100% } .carousel-inner>.active.right { left:100% } .carousel-control { position:absolute; top:0; bottom:0; left:0; width:15%; font-size:20px; color:#fff; text-align:center; text-shadow:0 1px 2px rgba(0, 0, 0, .6); background-color:rgba(0, 0, 0, 0); filter:alpha(opacity=50); opacity:.5 } .carousel-control.left { background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%); background-image:-o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%); background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001))); background-image:linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#68000000', endColorstr='#00000000', GradientType=1); background-repeat:repeat-x } .carousel-control.right { right:0; left:auto; background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%); background-image:-o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%); background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5))); background-image:linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#68000000', GradientType=1); background-repeat:repeat-x } .carousel-control:focus, .carousel-control:hover { color:#fff; text-decoration:none; filter:alpha(opacity=90); outline:0; opacity:.9 } .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { position:absolute; top:50%; z-index:5; display:inline-block; margin-top:-10px } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { left:50%; margin-left:-10px } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { right:50%; margin-right:-10px } .carousel-control .icon-next, .carousel-control .icon-prev { width:20px; height:20px; font-family:serif; line-height:1 } .carousel-control .icon-prev:before { content:'\2039' } .carousel-control .icon-next:before { content:'\203a' } .carousel-indicators { position:absolute; bottom:10px; left:50%; z-index:15; width:60%; padding-left:0; margin-left:-30%; text-align:center; list-style:none } .carousel-indicators li { display:inline-block; width:10px; height:10px; margin:1px; text-indent:-999px; cursor:pointer; background-color:#000; background-color:rgba(0, 0, 0, 0); border:1px solid #fff; border-radius:10px; } .carousel-indicators .active { width:12px; height:12px; margin:0; background-color:#fff } .carousel-caption { position:absolute; right:15%; bottom:20px; left:15%; z-index:10; padding-top:20px; padding-bottom:20px; color:#fff; text-align:center; text-shadow:0 1px 2px rgba(0, 0, 0, .6) } .carousel-caption .btn { text-shadow:none } @media screen and (min-width:481px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { width:30px; height:30px; margin-top:-10px; font-size:30px } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left:-10px } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right:-10px } .carousel-caption { right:20%; left:20%; padding-bottom:30px } .carousel-indicators { bottom:20px } } .btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before { display:table; content:" " } .btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after { clear:both } .center-block { display:block; margin-right:auto; margin-left:auto } .pull-right { float:right !important } .pull-left { float:left !important } .hide { display:none !important } .show { display:block !important } .invisible { visibility:hidden } .text-hide { font:0/0 a; color:transparent; text-shadow:none; background-color:transparent; border:0 } .hidden { display:none !important } .affix { position:fixed } @-ms-viewport { width:device-width } .visible-lg, .visible-md, .visible-sm, .visible-xs { display:none !important } .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block { display:none !important } @media (max-width:480px) { .visible-xs { display:block !important } table.visible-xs { display:table !important } tr.visible-xs { display:table-row !important } td.visible-xs, th.visible-xs { display:table-cell !important } } @media (max-width:480px) { .visible-xs-block { display:block !important } } @media (max-width:480px) { .visible-xs-inline { display:inline !important } } @media (max-width:480px) { .visible-xs-inline-block { display:inline-block !important } } @media (min-width:481px) and (max-width:679px) { .visible-sm { display:block !important } table.visible-sm { display:table !important } tr.visible-sm { display:table-row !important } td.visible-sm, th.visible-sm { display:table-cell !important } } @media (min-width:481px) and (max-width:679px) { .visible-sm-block { display:block !important } } @media (min-width:481px) and (max-width:679px) { .visible-sm-inline { display:inline !important } } @media (min-width:481px) and (max-width:679px) { .visible-sm-inline-block { display:inline-block !important } } @media (min-width:680px) and (max-width:1199px) { .visible-md { display:block !important } table.visible-md { display:table !important } tr.visible-md { display:table-row !important } td.visible-md, th.visible-md { display:table-cell !important } } @media (min-width:680px) and (max-width:1199px) { .visible-md-block { display:block !important } } @media (min-width:680px) and (max-width:1199px) { .visible-md-inline { display:inline !important } } @media (min-width:680px) and (max-width:1199px) { .visible-md-inline-block { display:inline-block !important } } @media (min-width:1200px) { .visible-lg { display:block !important } table.visible-lg { display:table !important } tr.visible-lg { display:table-row !important } td.visible-lg, th.visible-lg { display:table-cell !important } } @media (min-width:1200px) { .visible-lg-block { display:block !important } } @media (min-width:1200px) { .visible-lg-inline { display:inline !important } } @media (min-width:1200px) { .visible-lg-inline-block { display:inline-block !important } } @media (max-width:480px) { .hidden-xs { display:none !important } } @media (min-width:481px) and (max-width:679px) { .hidden-sm { display:none !important } } @media (min-width:680px) and (max-width:1199px) { .hidden-md { display:none !important } } @media (min-width:1200px) { .hidden-lg { display:none !important } } .visible-print { display:none !important } @media print { .visible-print { display:block !important } table.visible-print { display:table !important } tr.visible-print { display:table-row !important } td.visible-print, th.visible-print { display:table-cell !important } } .visible-print-block { display:none !important } @media print { .visible-print-block { display:block !important } } .visible-print-inline { display:none !important } @media print { .visible-print-inline { display:inline !important } } .visible-print-inline-block { display:none !important } @media print { .visible-print-inline-block { display:inline-block !important } } @media print { .hidden-print { display:none !important } } /* @media (min-width: 481px){ .col-sm-4 { width: 25%; } } */ /*# sourceMappingURL=bootstrap.min.css.map */ /* CSS Document */ ::selection { background-color:var(--primary-color); color:#000; } ::-moz-selection { background-color:var(--primary-color); color:#000; } body { background-color:#0f0f0f; } .padd-top-bar { padding:20px 15px; } .header-social { padding:0; margin:6px 0 0; } .header-social li { list-style:none; float:right; margin-right:10px; } .header-social li:first-child { margin-right:0; } .header-social li a { color:#474747; } .header-social li a:hover { color:var(--primary-color); } .header-search-input { background-color:#272727; border:none; } .mov { padding:0 10px; } .header-search-movie-btn { color:#FFF; border-radius:0; font-family:'open-bold'; font-size:13px; } .header-search-movie-btn:hover, .header-search-movie-btn:focus { color:#FFF; border-radius:0; } .btn-search-header { background-color:var(--primary-color); color:#FFF; font-family:'open-bold'; } .btn-search-header:hover, .btn-search-header:focus { color:#FFF; } .header-drop-search { background-color:#272727; } .header-drop-search a.dropdown-item { display:block; color:#FFF; padding:10px; } .header-drop-search a.dropdown-item:hover { background-color:var(--primary-color); text-decoration:none; } .btn-header-cat { width:100%; background-color:transparent; color:#FFF; border-radius:0; font-family:'open-bold'; font-size:15px; background-color: #272727; } .btn-header-cat:hover, .btn-header-cat:focus { color:#FFF; } .btn-header-cat i { margin-left:20px; } .cat-div { margin:20px 0; } .cat-show-div { background-color:#272727; } .sub-categories, .az-links { padding:0; margin:0; text-align:center; } .sub-categories li { display:inline-block; margin-right:20px; } .sub-categories li:last-child, .az-links li:last-child { margin-right:0; } .sub-categories li a { padding:20px 0; text-transform:uppercase; color:#FFF; display:block; border-bottom:solid 3px rgba(255, 162, 23, 0); font-size:15px; font-family:'open-bold'; } .sub-categories li a:hover { text-decoration:none; border-bottom:solid 3px var(--primary-color); color:var(--primary-color); } .az-links li a { color:#FFF; padding:5px 8px; display:block; margin-top: 0px; margin-bottom: 15px; border-radius:5px; transition:all 0.1s ease-in-out; font-family:'open-bold'; font-size:18px; } .az-links li { display:inline-block; margin-right:5px; } .az-links li a:hover { background-color:var(--primary-color); text-decoration:none; } .browse-btns a { display:block; text-align:center; text-transform:uppercase; color:#FFF; padding:15px; font-family:'open-bold'; font-size:15px; } .browse-btns a:hover { color:#FFF; text-decoration:none; background-color:var(--primary-color); } .banner { background-image:url(../../images/banner-img-1.jpg); background-size:cover; background-position:30%; min-height:330px; padding-top: 80px; padding-bottom: 80px; } .banner h1 { font-size:60px; font-family:'open-extra-bold'; color:#FFF; text-transform:uppercase; } .banner p { font-size:16px; font-family:'open-reg'; color:#FFF; width:610px; margin-bottom:20px; } .banner a { display:block; padding:10px 0; width:200px; border:2px solid #FFF; background-color:rgba(255, 255, 255, 0); text-align:center; color:#FFF; border-radius:8px; } .banner a:hover { text-decoration:none; background-color:rgba(255, 255, 255, 0.3); } .main-content { padding:20px 0; } .main-content h1 { text-align:center; font-family:'open-extra-bold'; font-size:36px; color:#FFF; } .main-content h1 span { color:var(--primary-color); } .main-content p { font-family:'open-reg'; font-size:16px; color:#FFF; text-align:center; opacity:0.8; } .btn-celebs-main { background: #343434; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(0deg, #343434, #4b4b4b); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(0deg, #343434, #4b4b4b); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(0deg, #343434, #4b4b4b); /* For Firefox 3.6 to 15 */ background: linear-gradient(0deg, #343434, #4b4b4b); /* Standard syntax (must be last) */ color:#FFF; margin:30px auto; display:block; width:100%; text-transform:uppercase; font-family:'open-bold'; font-size:16px; } .btn-celebs-main i { margin-left:30px; } .btn-celebs-main:hover, .btn-celebs-main:focus { color:#fff; } .btn-celeb { width:200px; margin:0 auto; } .drop-celeb { width:100%; background-color:#272727; } .drop-celeb a { color:#FFF !important; } .drop-celeb a:hover { color:#272727 !important; } .celebs-boxes { margin-bottom:20px; } .celebs-boxes img { width:100%; border:solid 2px rgba(255, 162, 23, 0); } .albuma img { width:100%; max-height: 216px; min-height: 90px; border:solid 2px rgba(255, 162, 23, 0); } .celebs-boxes:hover img { width:100%; border:solid 2px var(--primary-color); } .celebs-boxes:hover h4, .celebs-boxes:hover p { color:var(--primary-color); } .celebs-boxes h4 { color:#FFF; text-transform:uppercase; font-size:16px; font-family:'open-bold'; } .celebs-boxes p { color:#FFF; font-size:16px; font-family:'lato-i'; } .celebs-boxes span { color:#FFF; font-size:12px; font-family:'lato-r'; opacity:0.5; } .padding-no { padding:0; } .margin-no { margin:0; } .rating { padding:0; margin:0; text-align:center; } .rating li { display:inline-block; margin-right:5px; margin-bottom:12px; margin-top:2px; } .mobile-header { padding: 0px !important; } .rating li:last-child { margin-right:0px; } .star { color:#b9b9b9; } .star.star-rated { color:#ff9900; } .watch-all-btn { width:200px; background: #343434; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(0deg, #343434, #4b4b4b); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(0deg, #343434, #4b4b4b); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(0deg, #343434, #4b4b4b); /* For Firefox 3.6 to 15 */ background: linear-gradient(0deg, #343434, #4b4b4b); /* Standard syntax (must be last) */ color:#FFF; margin:30px auto; display:block; padding:10px; text-align:center; border-radius:10px; font-family:'open-bold'; font-size:16px; } .watch-all-btn i { margin-left:30px; } .recommended h2 { font-family:'open-extra-bold'; color:#FFF; font-size:36px; text-align:center; text-transform:uppercase; } .random-links { margin:0; padding:0; } .random-links li { list-style: none; display: inline-block; margin-right: 10px; margin-left: 10px; text-align: center; } @media (max-width:1100px) { #random-links-more { height: calc(50px * (20/3)); } #random-links-less { height: calc(30px * (20/3)); } } @media (max-width:800px) { #random-links-more { height: calc(50px * (20/2)); } #random-links-less { height: calc(30px * (20/2)); } } @media (max-width:600px) { #random-links-more { height: calc(26px * (20/1)); } #random-links-less { height: calc(16px * (20/1)); } } @media (min-width:1101px) { #random-links-more { height: calc(50px * (20/4)); } #random-links-less { height: calc(30px * (20/4)); } } .random-links li a { display:block; padding:10px 30px; background-color:#272727; margin-bottom:10px; border-radius:5px; color:#fff; font-family:'open-bold'; font-size:14px; text-transform:uppercase; /*min-width: 150%;*/ } .random-links li a:hover { background-color:var(--primary-color); text-decoration:none; color:#FFF; } .more-btn { text-align:center; margin:30px 0; } .more-btn a { font-family:'open-bold'; font-size:14px; /*text-transform:uppercase;*/ color:#FFF; padding:10px; display:block; background: #343434; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(0deg, #343434, #4b4b4b); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(0deg, #343434, #4b4b4b); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(0deg, #343434, #4b4b4b); /* For Firefox 3.6 to 15 */ background: linear-gradient(0deg, #343434, #4b4b4b); /* Standard syntax (must be last) */ width:120px; margin:0 auto; border-radius:8px; } .increase-height i { margin-left: 6px; } .more-btn a:hover, .watch-all-btn:hover, .btn-celebs-main:hover { text-decoration:none; background: #343434; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(0deg, var(--primary-color), var(--primary-color)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(0deg, var(--primary-color), var(--primary-color)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(0deg, var(--primary-color), var(--primary-color)); /* For Firefox 3.6 to 15 */ background: linear-gradient(0deg, var(--primary-color), var(--primary-color)); /* Standard syntax (must be last) */ color:#fff; } .random-links { overflow:hidden; } .random-links.expanded { max-height:none; } footer { padding:60px 0; background-color:#1b1b1b; } .col-one-footer h5 { color:#FFF; font-family:'open-bold'; text-transform:uppercase; margin-top:30px; margin-bottom:20px; } .col-one-footer p { font-family:'lato-r'; font-size:16px; color:rgba(255, 255, 255, 0.5); } .footer-social { padding:0; margin:0 0 20px; } .footer-social li { list-style:none; display:inline-block; margin-right:15px; } .footer-social li a { color:#474747; } .footer-social li a:hover { color:var(--primary-color); } .col-two-footer h5, .col-three-footer h5, .col-four-footer h5 { color:#FFF; font-family:'open-bold'; text-transform:uppercase; } .popular-links { padding:0; margin:20px 0 0; } .popular-links li { list-style:none; float:left; width:50%; margin-bottom:15px; } .popular-links li a { color:#FFF; font-family:'open-reg'; font-size:16px; } .popular-links li a:hover { color:var(--primary-color); text-decoration:none; } .browse-links { padding:0; margin:20px 0 0; } .browse-links li { list-style:none; margin-bottom:15px; } .browse-links li a { color:#FFF; font-family:'open-reg'; font-size:16px; } .browse-links li a:hover { color:var(--primary-color); text-decoration:none; } .az-footer-links { padding:0; margin:20px 0 0; } .az-footer-links li { display:inline-block; margin-right:0px; margin-bottom:15px; } .az-footer-links li a { color:#FFF; font-family:'open-reg'; font-size:16px; } .az-footer-links li a:hover { color:var(--primary-color); text-decoration:none; } .recommended h2, .recommended { margin-bottom: 20px; /*margin-top: 75px;*/ } .name-heading > h6 { line-height: 38px; margin: 0; } .az-sticky-links { padding:0; margin:5px 0 0; text-align:center; } .az-sticky-links li { display:inline-block; margin-right:10px; } .az-sticky-links li:last-child { margin-right:0; } .az-sticky-links li a { color:#FFF; font-family:'open-bold'; } .search-sticky a { color:var(--primary-color); } .sticky-header { padding: 2px 0; position:fixed; top:0; width:100%; background-color:rgb(15, 15, 15); z-index:10; animation-iteration-count:1; animation-name:sticky; animation-duration:0.5s; animation-timing-function:ease-out; display:none; } @keyframes sticky { 0% { top:-100px; } 100% { top:0; } } .sticky-visible { display:block; } .name-heading { text-align:right; color:#FFF; text-transform:uppercase; font-family:'open-bold'; font-size:18px; } .cross { text-align:right; } #Div2, #Div3, #Div6, #Div8 { display: none; } .mobile-header { padding:10px; } .search-bar { position:relative; } .search-btn, .social-mobile { padding-top:9px; } .search-bar a, .search-btn a { color:var(--primary-color); } .navbar-toggle { margin:0; color:#FFF; } .mobile-header-social { margin:0; padding:0; text-align:center; } .mobile-header-social li { margin-right:10px; display:inline-block; list-style:none; } .mobile-header-social li:last-child { margin-right:0px; } .mobile-header-social li a { color:#474747; } .mobile-header-social li a:hover { color:var(--primary-color); } .search-form-mobile { width:300px; position:absolute; right:0px; top:50px; } .mobile-menu-section h3 { color:#FFF; text-align:center; font-family:'open-bold'; font-size:16px; text-transform:uppercase; } .mobile-menu { padding:0; margin:0; text-align:center; } .mobile-menu li { list-style:none; border-bottom:rgba(255, 255, 255, 0.1) thin solid; } .mobile-menu li a { text-transform:uppercase; font-family:'open-reg'; font-size:14px; color:#474747; display:block; padding:5px 0; } .mobile-menu li a:hover { text-decoration:none; color:var(--primary-color); } .mobile-header { display:none; } .owl-carousel .item a { display:block; width:50px; padding:10px 0; margin:0 auto; text-transform:uppercase; font-family:'open-bold'; font-size:18px; background-color:var(--primary-color); color:#FFF; border-radius:10px; } .owl-carousel .item a:hover { color:var(--primary-color); background-color:#FFF; text-decoration:none; } #demo { display:none; } #demo h6 { color:#FFF; text-transform:uppercase; text-align:center; font-family:'open-bold'; font-size:14px; } .mobile-footer { background-color:#1B1B1B; text-align:center; } .mobile-footer img { display:block; margin:0 auto 20px; } .mobile-footer h6 { color:#FFF; text-transform:uppercase; font-family:'open-bold'; font-size:16px; margin-bottom:20px; margin-top:20px; } .mobile-footer-social-icons, .az-mobile-footer-links { padding:0; margin:0; text-align:center; } .mobile-footer-social-icons li, .az-mobile-footer-links li { list-style:none; display:inline-block; margin-right:20px; } .mobile-footer-social-icons li:last-child, .az-mobile-footer-links li:last-child { margin-right:0; } .mobile-footer-social-icons li a { color:#474747; } .mobile-footer-social-icons li a:hover { color:var(--primary-color); } .az-mobile-footer-links { margin-top:20px; width:70%; margin:0 auto; } .az-mobile-footer-links li { margin-top:15px; } .az-mobile-footer-links li a { font-family:'open-bold'; font-size:14px; color:#FFF; text-transform:uppercase; } .mobile-footer-links { margin:0; padding:0; text-align:center; } .mobile-footer-links li { list-style:none; } .mobile-footer-links li a { padding:5px; display:block; color:#474747; text-transform:uppercase; font-size:14px; font-family:'open-reg'; } .mobile-footer p { color:#474747; font-size:14px; font-family:'open-reg'; margin-top:30px; } .mobile-footer-links li a:hover { text-decoration:none; color:var(--primary-color); } .mobile-footer { padding-top:30px; padding-bottom: 30px; display:none; } .owl-item { width:100px !important; } select { -webkit-appearance: none; -moz-appearance: none; } select { border: 0; color: #EEE; background: transparent; font-size: 20px; font-weight: bold; padding: 2px 10px; width: 350px; -webkit-appearance: none; width:100px; padding:0 !important; } .styled-select { background-image:url(../../images/dropdown.png); background-position:90% center; background-repeat:no-repeat; background-color:#272727; } .styled-select:hover { background-image:url(../../images/dropdown-orange.png); background-position:90% center; background-repeat:no-repeat; } .styled-select:hover select { color:var(--primary-color); } .padd-top-bar .input-group-btn { vertical-align:top; } .form-control:focus { box-shadow:none; color:#FFF; } .header-search-input, .btn-header-cat, .header-search-movie-btn, .btn-search-header { min-height:38px; } .btn-header-cat { border-radius:5px; } .btn-header-cat:hover { background-color:var(--primary-color); } .btn-search-header:hover { background-color:#FFF; color:var(--primary-color); } #Div3 { padding:0; } .browse-celeb-main-content { padding:30px 0; padding-bottom: 5px; } .browse-celeb-main-content h4 { color:#FFF; font-family:'open-bold'; font-size:20px; text-align:center; } .browse-celeb-main-content h4 img { margin-left:10px; } .browse-celeb-box-inner { overflow:hidden; } .browse-celeb-box img { width:180px; height:150px; display:block; margin:0 auto; max-width:100%; } .movie { position:relative; } .movie p { position:absolute; text-align:right; bottom:0; background-color:rgba(0, 0, 0, 0.8); right:0; margin-bottom:0; padding:5px 10px; } .browse-celeb-box p { text-align:center; color:#FFF; font-family:'open-reg'; font-size:14px; margin-top:10px; } .movie:hover .over-play { display:block; } .over-play { position:absolute; width:100%; height:100%; padding-top:60px; top:0; text-align:center; background-color:rgba(0, 0, 0, 0.7); display:none; } .over-play i { background-color:var(--primary-color); color:#000; border-radius:100%; height:40px; width:40px; padding-top:13px; } .movie { position:relative; display:block; margin:0 auto; /*width:180px;*/ /*max-width:100%;*/ } .inner-pages-banner { background-color:#242424; position:relative; padding:0; } .inner-pages-banner:before { content:""; background-color:rgba(0, 0, 0, 0.7); height:100%; width:100%; position:absolute; display:block; } .banner-inner { background-image:url(../../images/banner-salma.png); min-height:222px; padding:35px 0; background-repeat:no-repeat; background-size:100% 100%; background-position:left; } .rating-stars { margin:0; padding:0; float:left; } .rating-stars li { display:inline-block; list-style:none; } .rating-stars li a { color:#b9b9b9; } .rating-stars li a:hover { color:var(--primary-color); } .rating-score { float:left; margin-right:20px; color:#fff; background-color:var(--primary-color); padding:5px 10px; border-radius:5px; } .arrow-rating { margin-top:8px; margin-left:-5px; } .celeb-rating { padding-top:20px; } .celeb-rating h1 { color:#FFF; font-family:'open-bold'; font-size:30px; margin-bottom:20px; } .celeb-rating h1 span { font-family:'open-reg'; } #ratingsForm { float:left; } .select-option { border:none; padding-left:5px; padding-right:5px; } .select-option option { padding:10px; } .sorting-buttons { margin-top: 0px; margin-bottom: 10px; padding:0; text-align:center; } .sorting-buttons li { list-style:none; display:inline-block; /*margin-right:10px;*/ } .sorting-buttons li:last-child { margin-right:0px; } .sorting-buttons li a { display:block; padding:15px 20px; text-transform:uppercase; background: #343434; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(0deg, #343434, #4b4b4b); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(0deg, #343434, #4b4b4b); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(0deg, #343434, #4b4b4b); /* For Firefox 3.6 to 15 */ background: linear-gradient(0deg, #343434, #4b4b4b); /* Standard syntax (must be last) */ border-radius:10px; color:#FFF; font-family:'open-bold'; font-size:16px; margin-bottom:15px; } .sorting-buttons li a i { margin-right:10px; } .sorting-buttons li a:hover { background: var(--primary-color); /* For browsers that do not support gradients */ background: -webkit-linear-gradient(0deg, var(--primary-color), var(--primary-color)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(0deg, var(--primary-color), var(--primary-color)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(0deg, var(--primary-color), var(--primary-color)); /* For Firefox 3.6 to 15 */ background: linear-gradient(0deg, var(--primary-color), var(--primary-color)); /* Standard syntax (must be last) */ text-decoration:none; } .celebs-boxes a:hover { color:var(--primary-color); } .navbar-collapse { border:none; box-shadow:none; max-height:200px; } /* responsive settings */ @media only screen and (max-width:679px) { .banner { background-position: 50% center; } .btn-header-cat i { margin-left:5px; } .btn-header-cat { padding-left:0 !important; padding-right:0 !important; } .browse-btns a { font-size:12px; } .sorting-buttons li a { font-size: 14px; padding: 10px; } .mobile-footer { display:block; } footer { display:none; } } .header2 { display:none; } @media only screen and (max-width:1000px) { .header1 { display: none; } .header2 { display: block; } @media (min-width: 481px) { .search-bar { width: 56.6666667%; } } } @media only screen and (max-width:480px) { .banner p { width:auto; } .mobile-header { display:block; } .header, .browse-section { display:none; } .sticky-visible { display:none; } #demo { display:block; } .banner { background-position: 70% center; } .banner h1, .banner p { text-align:center; } .banner a { margin:0 auto; } .random-links { text-align:center; } .random-links li a { padding:10px 20px; } .celeb-img { float:none !important; display:block; margin:0 auto; } .celeb-rating h1 { text-align:center; } .arrow-rating { display: none; } .ratings { display: block; margin: 0 auto; width: 210px; } .recommended h2, .main-content h1 { font-size:26px; } .browse-celeb-main-content h4 { font-size:16px; } .celeb-rating h1 { font-size:22px; } .mobile-padding { padding: 10px; } .mobile-padding img { margin-top: 5px; } } @media only screen and (max-width:480px) { #Div3, #Div4, #Div5, #Div6, .social-mobile { padding:0; } .menu-div { padding:0 10px; } .banner h1 { font-size:36px; } .header-search-input, .btn-header-cat, .header-search-movie-btn, .btn-search-header { min-height: 34px; } .search-btn, .social-mobile { padding-top:0; } .btn-search-header { padding:0 2px; } .mobile-search { padding: 5px; padding-left: 15px; margin-left: 0px; width: 90%; } .search-times { padding-top:6px; } .social-mobile { display:none; } .menu-div { width:33.3333%; text-align:center !important; padding-right:0px; } .navbar-toggle { float:none; } } @media only screen and (max-width:380px) { .search-btn, .social-mobile, .menu-div { padding-top:4px !important; padding-left:2px !important; } .mobile-header i.fa { /*font-size:1.5em;*/ } .navbar-toggle { float:none; margin:0 auto; } .menu-div { text-align:center; } .random-links li a { padding: 10px; } .random-links li a { font-size:12px; } .header-search-input { padding:5px; } .mobile-search { padding-top:0px; padding-bottom:0px; } .menu-div { padding-right:15px; } .celebs-boxes h4 { font-size:14px; } .celebs-boxes p { font-size:12px; min-height:25px; } } a:focus, a:hover { text-decoration: underline; color: var(--primary-color); } a:active, a:hover { outline: 0; } a { color: var(--primary-color); } a { background-color: transparent; } button:focus { outline:0 !important; } .btn:focus, .btn:active { outline: none !important; } .select-option:focus, .header-search-movie-btn:focus, .select-option:active, .header-search-movie-btn:active, a:link, a:visited, a:hover, a:active, a:focus, .input-group-btn { outline: none !important; } h2, p { color: #fff; } .lyricsh h2, .lyricsh p { font-size: 22px; font-weight: 700; } #menu { cursor: default; } menu:hover, #menu { color: #fffcec; text-decoration: none; background-color: var(--primary-color); } .btn-menu.focus, .btn-menu:focus, .btn-menu:hover, #menu { color: #fffcec; text-decoration: none; background-color: var(--primary-color); } .btn-menu { color: #fff; background-color: #282828; border-color: #282828; font-family: Helvetica; } .btn-menu { color: #fff; background-color: rgba(0, 0, 0, 0); border-color: #282828; font-family: Helvetica; } .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group>.btn:first-child { margin-left: 0; } .btn-group>.btn { height: 30px; font-size: 18px; padding: 3px 6px; font-weight: 700; font-family: 'open-bold'; } .btn-group-vertical>.btn, .btn-group>.btn { position: relative; float: left; } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .btn-group { margin-top: 10px; } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .text-mid-center { text-align: center; } .navbar-center { display: inline-block; float: none; text-align: center; } /* Toxic 21 */ /* @media (min-width: 768px){ .navbar-nav { float: left; margin: 0; } } */ .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 1400px; } @media (min-width: 481px) { #myNavbar { display:none; } } .navbar-collapse { max-height: none; } .navbar-bottom { font-size: 15px; } .navbar { margin-bottom: 0; } .navbar-default { background-color: #282828; border-color: #282828; } @media (min-width: 768px){ .navbar { border-radius: 4px; } } .navbar { position: relative; min-height: 50px; /*margin-bottom: 20px;*/ border: 1px solid transparent; } h4 { color: var(--primary-color); font-weight: bold; line-height: 1.1; font-family: 'open-bold'; } .h4, h4 { font-size: 22px; } .h4, .h5, .h6, h4, h5, h6 { margin-top: 10px; margin-bottom: 10px; } .celebs-boxes h4 { white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; } .celebs-boxes:hover a { color: var(--primary-color); } .navbar-default { display: block; padding: 0px 0px; text-transform: uppercase; background: #343434; background: -webkit-linear-gradient(0deg, #343434, #4b4b4b); background: -o-linear-gradient(0deg, #343434, #4b4b4b); background: -moz-linear-gradient(0deg, #343434, #4b4b4b); background: linear-gradient(0deg, #343434, #4b4b4b); border-radius: 0px; color: #FFF; font-family: 'open-bold'; font-size: 16px; /*margin-bottom: 15px;*/ } /*btn-menu { display: block; padding: 0px 0px; text-transform: uppercase; background: #343434; background: -webkit-linear-gradient(0deg, #343434, #4b4b4b); background: -o-linear-gradient(0deg, #343434, #4b4b4b); background: -moz-linear-gradient(0deg, #343434, #4b4b4b); background: linear-gradient(0deg, #343434, #4b4b4b); border-radius: 10px; color: #FFF; font-family: 'open-bold'; font-size: 16px; margin-bottom: 15px; } .btn-menu.focus, .btn-menu:focus, .btn-menu:hover, #menu { -webkit-user-select: none; color: #fffcec; text-decoration: none; background-color: var(--primary-color); }*/ .video-time span { position: absolute; text-align: right; bottom: 0; background-color: rgba(0, 0, 0, 0.8); right: 0; margin-bottom: 0; padding: 5px 10px; } .play-icon-active2, .video-time { cursor: pointer; } .celebs-boxes:hover .play-icon-active2 { opacity: 0; filter: alpha(opacity=0); } .play-icon-active2 { color: #fff !important; position: absolute; background-color: rgba(0, 0, 0, 0.8); padding: 5px 10px; } .celebs-boxes .movie span { text-align: center; color: #FFF; font-family: 'open-reg'; font-size: 14px; opacity: 1; } .movie span { position: absolute; text-align: right; bottom: 0; background-color: rgba(0, 0, 0, 0.75); right: 0; margin-bottom: 0; padding: 1px 4px; margin-right: 2px; margin-bottom: 1.5px; } .variant .margin-no { white-space: nowrap; overflow: hidden; } /*@media (max-width:767px){ .albuma:nth-child(odd) {clear:both} }*/ .browse-celeb-main-content span { color: #FFFFFF; font-size: 16px; } .celebs-boxes a h4, .celebs-boxes p, .celebs-boxes .margin-no span { /*width: inherit;*/ padding: 2px 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .two-lines a h4 { line-height: 1.5em; height: 3em; white-space: normal; text-overflow: ellipsis; overflow: hidden; } .celebs-boxes a h4 { width: inherit; } .main-content h4 { margin-top:-10px; margin-bottom:-10px; } .celebs-boxes .movie img { width: 100%; /*height:150px;*/ } .celebs-boxes:hover .movie img { /*width:180px;*/ /*height:150px;*/ border: solid 2px var(--primary-color); } .lyricsh h2 span { color: var(--primary-color); font-size: 22px; font-weight: 700; } .az-footer-links li a:hover { color: var(--primary-color); text-decoration: none; } .az-footer-links li a { color: #FFF; font-family: 'open-reg'; font-size: 15px; } .popular-links li a { color: #FFF; font-family: 'open-reg'; font-size: 16px; } .col-two-footer h5, .col-three-footer h5, .col-four-footer h5 { color: #FFF; font-family: 'open-reg'; font-weight:bold; text-transform: uppercase; font-size: 18px; } .btn-celebs-main { background: linear-gradient(0deg, #343434, #4b4b4b); } .main-content .container p { font-family: 'open-reg'; font-size: 16px; color: #FFF; text-align: center; opacity: 0.4; } @media (min-width: 768px){ .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } } @media (min-width: 768px){ .navbar-collapse { max-height: none; } } /* @media (min-width: 768px){ .navbar-nav { float: left; margin: 0; } } */ .navbar-nav { margin: 7.5px -15px; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none; } } .navbar-default .navbar-toggle { background-color: #000; color: #fff; border-color: #000; padding: 6px 10px; } .navbar-default .navbar-toggle { border-color: #ddd; } @media (min-width: 768px) { .navbar-toggle { display: none; } } button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button, select { text-transform: none; } button { overflow: visible; } button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; } .navbar-header .right { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-header .left { position: relative; float: left; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .contain { display: flex; justify-content: center; align-items: center; max-width: 100%; } .albuma { /*min-height: 305px;*/ } .lyricsh h2 span { color: var(--primary-color); font-size: 26px; font-weight: 700; } .lyricsh h2, .lyricsh p { font-size: 26px; font-weight: 700; } .mobile-footer-links li a { color: #FFF; } .menu-div { text-align: center; } .navbar-toggle { position: relative; float: left; padding: 9px 10px; margin-top: 8px; margin-right: 5px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .search-btn { padding-top: 0px; float: right; padding: 0px 0px 0px 0px; margin-right: 5px; } .mobile-header img { display: block; max-width: 100%; /*margin: auto;*/ } @media only screen and (min-width:481px) { .search-btn-btn { display:none; } #Div3 { display: none !important; } #Div4 { display: block !important; } } @media only screen and (max-width: 480px) { #Div4 { width: 100%; display: none; } .search-bar-bar { width:90%; float: left; } .search-btn-btn { width:9%; } #Div4 { display: none; } #Div3, #Div4, #Div5, #Div6, .social-mobile, i.fa.fa-2x.fa-search { padding: 0; margin-top: 0px; } #Div3 { display: block; } } .menu-div { position: relative; min-height: 1px; padding-right: 0px; padding-left: 0px; } .navbar-toggle { position: relative; float: left; padding: 0px 0px; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .right { float:right !important; } .no-padding { padding: 0; } .fa-cog { margin-left: 3px; } .signin { margin: auto; float: left; } @media (min-width: 481px) and (max-width: 725px) { .user-login.header2 { display: none; } } @media (min-width: 725px) { .user-login { width:28% !important; } } @media (min-width: 1001px) { .user-login { width: 20% !important; } } @media (min-width: 1001px) { .search-bar { width: 40%; } } @media only screen and (max-width: 480px) { .cam-btn { display: none; } } @media only screen and (min-width: 481px) { .cam-btn { display: inline-block; } } .search-times { padding-top: 0px; float: right; padding: 0px 0px 9px 0px; margin-right: 0px; } .search-times { padding-top: 5px; margin-left: 2px; width: 8%; } .cog-categories { /*max-height: 250px*/ overflow: hidden; text-align: center; } .cog-categories li { list-style: none; display: inline-block; margin-right: 0px; } .cog-browse { /*max-height: 200px;*/ overflow: hidden; text-align: center; } .navbar-collapse.in { overflow-y: hidden; } .navbar-collapse { border: none; box-shadow: none; /*max-height: 500px;*/ padding-right: 15px; padding-left: 15px; overflow-x: visible; } @media only screen and (max-width: 380px) { .cog-categories li a, .cog-browse li a { font-size: 12px; padding: 2px; } } .navbar-collapse h3 { display: block; padding: 10px 30px; background-color: #272727; margin-bottom: 10px; border-radius: 5px; color: var(--primary-color); font-family: 'open-bold'; font-size: 14px; text-transform: uppercase; } .random-links { overflow: hidden; text-align: justify; } @media only screen and (max-width: 602px) { .random-links { overflow: hidden; text-align: center; } } .mobile-footer h6 { color: #FFF; text-transform: uppercase; font-family: 'open-reg'; font-weight: bold; font-size: 16px; margin-bottom: 20px; margin-top: 20px; } #sortButton2, #sortButtons { display:none; } #sortButton1, #sortButton2, #sortButtons { margin-bottom: 30px; } @media only screen and (max-width: 1095px) { .sorting-buttons li a { display: block; margin-bottom: 10px; border-radius: 5px; font-family: 'open-bold'; text-transform: uppercase; font-size: 8px; padding: 12px; } .sorting-buttons li a i { font-size: 12px; } .sorting-buttons { max-height: 250px; overflow: hidden; text-align: center; } #sort-text h3 { display: block; padding: 10px 30px; background: linear-gradient(0deg, #343434, #4b4b4b); margin-bottom: 10px; border-radius: 5px; color: #fff; font-family: 'open-bold'; font-size: 14px; text-transform: uppercase; text-align: center; max-width: 300px; margin-left: auto; margin-right: auto; cursor: pointer; } #sort-tree { display: none; } #sort-text { display: block; } } @media only screen and (min-width: 1095px) { #sort-tree { display: block; } #sort-text { display: none; } } .input-group { position: relative; display: table; border-collapse: separate; /*margin-left: 10px;*/ } @media only screen and (max-width:680px) { .less-margin { /*margin:5px;*/ width: 100%; } } @media only screen and (max-width:860px) { .input-group .styled-select { display:none; } .btn-header-cat { font-size:12px; } } .less-padd { padding-left:2px; padding-right:2px; } #deg90 { display:none; } .cross { text-align: right; padding-top: 5px; } .popular-links li a, .browse-links li a, .az-footer-links li a { color: #FFF; font-family: 'open-reg'; font-size: 16px; font-weight:bold; } .az-footer-links li a { font-size: 15px; } .cr-footer { font-size: 15px; font-family: 'open-reg'; color: #fff; text-align: center; padding-bottom: 5px; margin-right: 0px; margin-left: 0px; } footer { padding-bottom:0px; } .btn-celebs-main i { margin-left: 5px; } .drop-celeb a:hover { color: var(--primary-color) !important; } .drop-celeb a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; text-transform: uppercase; font-family: 'open-bold'; } /* .less-margin { margin:5px; width: 100%; } .social-padd{ float:none; }*/ @media only screen and (max-width:725px) { .social-padd { display:none; } .search-bar { width: 80%; padding-right: 15px; } .header2.col-sm-2 { width: 20%; margin-top: 2px; } .header2 img { min-width: 70px; } } .sorting-buttons li a { display: block; padding: 10px 15px; background: #343434; background: -webkit-linear-gradient(0deg, #343434, #4b4b4b); background: -o-linear-gradient(0deg, #343434, #4b4b4b); background: -moz-linear-gradient(0deg, #343434, #4b4b4b); background: linear-gradient(0deg, #343434, #4b4b4b); border-radius: 5px; color: #FFF; font-family: 'open-bold'; font-size: 12px; margin-bottom: 15px; min-width: 200px; } .sorting-buttons li { list-style: none; display: inline-block; /*margin-right: 10px;*/ cursor: pointer; } .lbtn-menu.focus, .lbtn-menu:focus, .lbtn-menu:hover, #menu { color: #fffcec; text-decoration: none; background-color: var(--primary-color); } .lbtn-menu { color: #fff; background-color: #282828; border-color: #282828; font-family: Helvetica; } .lbtn-menu { color: #fff; background-color: rgba(0, 0, 0, 0); border-color: #282828; font-family: Helvetica; } .lbtn-group>.lbtn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .lbtn-group>.lbtn:first-child { margin-left: 0; } .lbtn-group>.lbtn { height: 30px; font-size: 18px; padding: 3px 6px; font-weight: 700; } .lbtn-group-vertical>.lbtn, .lbtn-group>.btn { position: relative; float: left; } .lbtn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .lbtn-group { margin-top: 10px; } .lbtn-group, .lbtn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .lbtn-menu.focus, .lbtn-menu:focus, .lbtn-menu:hover, .lbtn-group>.lbtn:hover { color: #fffcec; text-decoration: none; background-color: var(--primary-color); } .lbtn-group>.lbtn { height: 57px; min-width: 60px; font-size: 22px; background-color: #212121; font-weight: 700; font-family: 'open-bold'; margin-left: 7px !important; margin-right: 7px; margin-bottom: 15px; line-height: 45px; border-radius: 4px !important; } .lbtn-next, .lbtn-prev { border-radius: 4px !important; width: 150px !important; } #menu { border-radius: 4px; } .navbar-default { background: rgba(52, 52, 52, 0); } .col-sm-1.padd-top-bar.logo { padding-top: 23px; } .browse-type { padding-top: 0px; } @media (min-width: 680px) { .variant { width: 33.333333%; margin-left: 0%; } } @media (min-width: 750px) { .variant { width: 26%; margin-left: 5%; } } @media (min-width: 1200px) { .variant { width: 16.666667%; margin-left: 0%; } } .tags:hover { background-color: var(--primary-color); text-decoration: none; color: #FFF; } .tags { display: block; padding: 10px 30px; background-color: #272727; margin-bottom: 10px; border-radius: 5px; color: #fff; font-family: 'open-bold'; font-size: 14px; text-transform: uppercase; } .az-box .color-box { background-color: #212121; margin-top: 0px; padding-top: 28px; padding-bottom: 3px; border-radius: 0px; } .az-box .color-box p { padding-top: 7px; /*margin-bottom: 1px;*/ } .az-box .color-box img { max-width: 100%; } .az-box { min-height: 350px; margin-top: 0px; padding-left: 16px; padding-right: 17px; } .ced-space .color-space { padding-top: 20px; border-radius: 4px; max-width: 100%; display: block; text-align: -webkit-center; } .mh-150 { max-height:150px; } .mh-140 { max-height:140px; } .mh-videopage { max-height:100px; margin:17px; } .ced-space .color-space p { text-align: center; padding-bottom: 4px; } .ced-space .color-space img { max-width: 100%; height: auto; } .ced-space { display: block; padding-left: 0px; padding-right: 0px; padding-left: 5px; padding-right: 5px; text-align: center; display:flex; justify-content:center; } .ad-spac img { margin-left: auto; margin-right: auto; display: block; margin-bottom: 20px; } .az-box-video { min-height: 250px; margin-top: 4px; margin-bottom: 70px; } .az-box-image { min-height: 330px; margin-top: 0px; } .az-box-video .color-box, .az-box-image .color-box { background-color: #212121; margin-top: 0px; padding-top: 15px; padding-bottom: 0px; border-radius: 0px; } .az-box-video .color-box img, .az-box-image .color-box img { max-width: 100%; height: auto; } .az-box-video .color-box p, .az-box-image .color-box p { padding-top: 0px; /* margin-bottom: 1px; */ } #resized1 p { display: none; } #switched-ad2 .color-box { padding-bottom: 15px; } #switched-ad2 p { display: none; } @media (max-width:1100px) { #header1 .cat-div { padding-right: 5px; padding-left: 5px; } } @media (max-width:1000px) { #switch-ad { display: none; } #switched-ad { display: block !important; } .celebs-boxes { margin-bottom: 35px; } .az-box-video { min-height: 295px; margin-top: 3px; } .az-box-image { min-height: 320px; margin-top: 0px; } .az-box img { max-height:245px; } } @media (max-width:900px) { .az-box { max-width:66%; min-height: 290px; padding-left: 10px; padding-right: 10px; } .celebs-boxes { margin-bottom: 45px; } .az-box .color-box { padding-top: 14px; padding-bottom: 3px; } .az-box .color-box p { padding-top: 7px; padding-bottom: 2px; margin-bottom: 0px; } .az-box-video { min-height: 285px; } .az-box-image { min-height: 315px; } } @media (max-width:730px) { .az-box { max-width:66%; min-height: 290px; padding-left: 10px; padding-right: 10px; } .az-box img { max-height:245px; } .celebs-boxes { margin-bottom: 45px; } .az-box .color-box { padding-top: 7px; padding-bottom: 0px; } .az-box .color-box p { padding-top: 2px; padding-bottom: 2px; margin-bottom: 0px; } .az-box-video { min-height: 255px; } .az-box-image { min-height: 280px; } } @media (min-width:680px) { .az-box-video .color-box, .az-box-image .color-box { background-color: #212121; margin-top: 0px; padding-top: 0px; padding-bottom: 0px; margin-bottom: 45px; border-radius: 4px; } .az-box-video .color-box p, .az-box-image .color-box p { padding-top: 0px; display: none; } } @media (max-width:680px) { .az-box { max-width:66%; min-height: 355px; } .az-box img { max-height:245px; } .celebs-boxes { margin-bottom: 20px; } .az-box .color-box { background-color: #212121; margin-top: 0px; padding-top: 28px; padding-bottom: 3px; } .az-box .color-box p { padding-top: 7px; /*margin-bottom: 1px;*/ } #switched-ad { display: none !important; } #switched-ad2, #switched-ad4 { display : block !important; } #switched-ad4 img { max-width: 63%; } .az-box-video, .az-box-image { min-height: 145px; } } @media (max-width:480px) { .az-box { max-width:100%; } .az-box img { max-height:245px; } .ced-space .color-space { border-radius: 0px; } #resize1 { display: block !important; padding-bottom: 0px } #resized1 { display : none; } #switched-ad2, #switched-ad4 { display: none !important; } #switched-ad3 { display : block !important; } .lbtn-group { margin-top: -20px; } } @media (max-width:380px) { .az-box-video, .az-box-image { margin-top: -45px; margin-bottom: 15px; } .celebs-boxes { margin-bottom: 10px; } .lbtn-group { margin-top: 5px; } #Div4 { margin-right: -5px; } #Div4 .mobile-search { padding-left: 15px; } } @media (min-width: 1250px) { .az-box, .az-box-image { margin-bottom:3%; } } #float { position: fixed; margin-top: 10%; margin-left: 20%; z-index: 100; padding-bottom: 350px; background-color: #212121; border-radius: 4px; } #float .color-box { padding-left: 50px; padding-right: 50px; padding-top: 50px; } #closeButton { margin-left: 95%; margin-top: -80%; } .social-padd { padding-left: 0px; padding-right: 0px; } .video-right { width: 27%; float: right; margin-bottom: 0px; margin-left: 3%; } .video-left { width: 70%; float: left; margin-bottom: 5px; } .video-right img { max-width: 91%; height: auto; } .title-center { text-align: center; float: left; width: 100%; margin-top: 20px; } #embedding-tools, #sharing-tools { float: left; width: 70%; margin-top: 1%; } .text-mid-center .lyricsh .col-md-12 { padding: 0px; margin-left: -15px; } @media (max-width:900px) { .video-right { display:none; } .video-left { width:100%; margin-bottom: 4px; } #video-resize { display: block !important; margin-bottom: 5px; } .no-side-padding { width:100% !important; } .lyricsh h2 { text-align: center !important; } #embedding-tools, #sharing-tools { float: left; width: 100%; margin-top: 1%; } textarea { max-width: 100%; } .text-mid-center .lyricsh .col-md-12 { margin-left: 0px; } } @media (min-width:1051px) { .albuma { min-height:220px; } } @media (max-width:1050px) { .albuma { min-height:220px; } } @media (max-width:950px) { .albuma { min-height:215px; } } @media (max-width:800px) { .albuma { min-height:180px; } } @media (max-width:700px) { .albuma { min-height:150px; } } @media (max-width:650px) { .albuma { min-height:140px; } } @media (max-width:600px) { .albuma { min-height:130px; } } @media (max-width:550px) { .albuma { min-height:120px; } } @media (max-width:500px) { .albuma { min-height:100px; } } @media (max-width:480px) { .albuma { min-height:160px; } .albuma img { max-height: 165px; min-height: 165px; } .albuma { padding-left:0px; padding-right:0px; } } @media (max-width:440px) { .albuma { min-height:0px; } .albuma img { max-height: 150px; min-height: 150px; } } @media (max-width:400px) { .albuma { min-height:0px; } .albuma img { max-height: 140px; min-height: 140px; } } @media (max-width:370px) { .albuma { min-height:0px; } .albuma img { max-height: 126px; min-height: 126px; } } @media (max-width:350px) { .albuma { min-height:0px; } .albuma img { max-height: 110px; min-height: 110px; } } .footer-logo img { margin-top: 6px; } .page-link { color: var(--primary-color); cursor: pointer; } .page-link:hover { color: var(--primary-color); ; } .tagButton { display: block; background-color: #272727; margin-bottom: 10px; margin-left: 5px; border-radius: 5px; color: #fff; font-family: 'open-bold'; font-size: 14px; text-transform: uppercase; width: 47%; max-height: 50px; float: left; color: white; } .tagButton a { color: white; font-size:12px; display: block; padding: 10px 0px; } .tagButton:hover { background: linear-gradient(0deg, var(--primary-color), var(--primary-color)); text-decoration: none; cursor: pointer; } .tagButton a:hover { text-decoration: none; } .videoButtons { display: block; background: linear-gradient(0deg, #343434, #4b4b4b); border-radius: 5px; color: #FFF; font-family: 'open-bold'; font-size: 12px; width: 30.5%; float: left; cursor: pointer; padding-top: 10px; padding-bottom: 10px; margin-left: 1.41%; margin-right: 1.41%; } .breadcrumb a { font-family: 'open-bold' } .videoButtons:hover { background: linear-gradient(0deg, var(--primary-color), var(--primary-color)); } .videoButtons a { color: white; } .videoButtons a:hover { text-decoration: none; } .no-side-padding { padding-left: 0px; padding-right: 0px; width: 100%; float: left; margin-top: 4%; } .albuma2 { min-height:0px; } .sortButtons { transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94); } .col-two-footer, .col-three-footer, .col-four-footer { text-align: center; } .albuma .movie span { margin-right: 2px; margin-bottom: 2px; } .albuma2 .movie span { margin-right: 2px; margin-bottom: 1px; } .sticky-header .row { margin-top: 6px; } .lyricsh h2 { text-align: left; margin-top: 1px; } .search-main { width: 75%; float: left; } .side-column { width: 24%; float: left; margin-left: 1%; background-color: #212121; } .search-filter-list li { padding-left: 30px; position: relative; color: rgba(255, 255, 255, 0.50); } .search-filter-list>li h4 { margin-bottom: 20px; color: var(--primary-color); font-size: 16px; font-weight: bold; } .search-filter-list { list-style-type: none; padding-left: 0px; } .search-filter-list ul { list-style-type: none; } .search-filter-list li ul li:before { background: 0; border: 1px solid #999; box-sizing: border-box; content: " "; cursor: pointer; height: 20px; left: 0; position: absolute; text-align: center; width: 20px; } .column-title { border-bottom: 1px solid; color: var(--primary-color); margin-bottom: 25px; padding-bottom: 10px; position: relative; font-size: 20px; text-align: center; font-family: 'open-bold'; } .search-filter-list li li.selected:before { border: 1px solid var(--primary-color); box-sizing: border-box; background-color: #630060; width: 20px; } .search-filter-list li a { color: white; } .search-filter-list li li+li { margin-top: 20px; } .selected b { color: white; font-style: bold; } .selected a { color:var(--primary-color) !important; } .selectsort { background: var(--primary-color) !important; } .selectsort:hover { cursor: default; } .less-margin2 { margin-top: 0px; margin-bottom: 20px; } .lbtn-dots:hover { background-color: #212121 !important; cursor: default; } #selectsortcolor { color: var(--primary-color); cursor: default; } .terms p { text-align: initial; } .terms li { text-align: initial; color: rgba(255, 255, 255, 0.85); } .center-default { text-align: center; } textarea { position: relative; border-radius: 4px; background-color: rgb(0, 0, 0); color: #fff !important; font-size: 14px; border: none; outline: none; text-align: center; width: 500px; } .webmasters h2 { color: var(--primary-color); ; } .color-default { color: #ffffff; } #owl-example .item { padding: 10px 0px; color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; } form .stars { background: url(../../images/stars.png) repeat-x 0 0; width: 150px; margin: 0; } form .stars input[type="radio"] { position: absolute; opacity: 0; filter: alpha(opacity=0); } form .stars input[type="radio"].star-5:checked ~ span { width: 100% !important; } form .stars input[type="radio"].star-4:checked ~ span { width: 80% !important; } form .stars input[type="radio"].star-3:checked ~ span { width: 60% !important; } form .stars input[type="radio"].star-2:checked ~ span { width: 40% !important; } form .stars input[type="radio"].star-1:checked ~ span { width: 20% !important; } form .stars label { display: block; width: 30px; height: 30px; margin: 0 !important; padding: 0 !important; text-indent: -999em; float: left; position: relative; z-index: 10; background: transparent !important; cursor: pointer; } form .stars label:hover ~ span { background-position: 0 -30px; } form .stars label.star-5:hover ~ span { width: 100% !important; } form .stars label.star-4:hover ~ span { width: 80% !important; } form .stars label.star-3:hover ~ span { width: 60% !important; } form .stars label.star-2:hover ~ span { width: 40% !important; } form .stars label.star-1:hover ~ span { width: 20% !important; } form .stars span { display: block; width: 0; position: relative; top: 0; left: 0; height: 30px; background: url(../../images/stars.png) repeat-x 0 -60px; -webkit-transition: -webkit-width 0.5s; -moz-transition: -moz-width 0.5s; -ms-transition: -ms-width 0.5s; -o-transition: -o-width 0.5s; transition: width 0.5s; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 1125px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: min(100%, 1550px); height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /* cyrillic-ext */ @font-face { font-family: 'open-reg'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'open-reg'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'open-reg'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+1F00-1FFF; font-display: swap; } /* greek */ @font-face { font-family: 'open-reg'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'open-reg'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'open-reg'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'open-reg'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; font-display: swap; } /* cyrillic-ext */ @font-face { font-family: 'open-bold'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzK-j2U0lmluP9RWlSytm3ho.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; font-display: swap; } /* cyrillic */ @font-face { font-family: 'open-bold'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'open-bold'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBWV49_lSm1NYrwo-zkhivY.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'open-bold'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzKaRobkAwv3vxw3jMhVENGA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'open-bold'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzP8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'open-bold'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'open-bold'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; font-display: swap; } /* cyrillic-ext */ @font-face { font-family: 'open-extra-bold'; font-style: normal; font-weight: 800; src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(https://fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-hq-j2U0lmluP9RWlSytm3ho.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; font-display: swap; } /* cyrillic */ @font-face { font-family: 'open-extra-bold'; font-style: normal; font-weight: 800; src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(https://fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-hpX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'open-extra-bold'; font-style: normal; font-weight: 800; src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(https://fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-hhWV49_lSm1NYrwo-zkhivY.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'open-extra-bold'; font-style: normal; font-weight: 800; src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(https://fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-hqaRobkAwv3vxw3jMhVENGA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'open-extra-bold'; font-style: normal; font-weight: 800; src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(https://fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-hv8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'open-extra-bold'; font-style: normal; font-weight: 800; src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(https://fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-hj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'open-extra-bold'; font-style: normal; font-weight: 800; src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(https://fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-hugdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; font-display: swap; } /* cyrillic-ext */ @font-face { font-family: 'open-italic'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBjTOQ_MqJVwkKsUn0wKzc2I.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'open-italic'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBjUj_cnvWIuuBMVgbX098Mw.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'open-italic'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBkbcKLIaa1LC45dFaAfauRA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'open-italic'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBmo_sUJ8uO4YLWRInS22T3Y.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'open-italic'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBr6up8jxqWt8HVA3mDhkV_0.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'open-italic'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBiYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'open-italic'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* latin-ext */ @font-face { font-family: 'lato-r'; font-style: normal; font-weight: 400; src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/UyBMtLsHKBKXelqf4x7VRQ.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'lato-r'; font-style: normal; font-weight: 400; src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; font-display: swap; } /* latin-ext */ @font-face { font-family: 'lato-i'; font-style: italic; font-weight: 400; src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v11/YMOYVM-eg6Qs9YzV9OSqZfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'lato-i'; font-style: italic; font-weight: 400; src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v11/PLygLKRVCQnA5fhu3qk5fQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* latin-ext */ @font-face { font-family: 'lato-b'; font-style: normal; font-weight: 700; src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v11/ObQr5XYcoH0WBoUxiaYK3_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'lato-b'; font-style: normal; font-weight: 700; src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v11/H2DMvhDLycM56KNuAtbJYA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /*for stories aznude, 24 april */ .story-image img { max-height: none; top: 0; bottom: 0; left: 0; right: 0; margin: auto; position: absolute; width: auto !important; } .story-image { position: relative; overflow: hidden; background: #403d3d47; } @media (min-width: 1000px) { .story-boxes { width: calc(25% - 20px); margin-left: 10px; margin-right: 10px; margin-bottom: 27px; float: left; height: 0; padding-bottom: calc(0.7*(25% - 20px)); } .story-image { padding-bottom: calc(0.7*100%) } } @media (max-width: 999px) and (min-width: 681px) { .story-boxes { width: calc(33% - 15px); margin-left: 7.5px; margin-right: 7.5px; margin-bottom: 27px; float: left; height: 0; padding-bottom: calc(0.7*(33% - 15px)); } .story-image { padding-bottom: calc(0.7*100%) } } @media (max-width: 680px) { .story-boxes { width: calc(33.33% - 5px); margin-left: 2.5px; margin-right: 2.5px; margin-bottom: 27px; float: left; height: 0; padding-bottom: calc(0.7*(33.33% - 5px)); } .story-image { padding-bottom: calc(0.7*100%) } } @media (max-width: 481px) { .story-boxes { width: calc(50% - 5px); margin-left: 2.5px; margin-right: 2.5px; margin-bottom: 27px; float: left; height: 0; padding-bottom: calc(0.7*(50% - 5px)); } .story-image { padding-bottom: calc(0.7*100%) } } /* .story-thumbs-imgs{ position: relative; overflow: hidden; background: #403d3d47; } .story-thumbs-imgs img{ position: absolute; margin: auto; top:0; left:0; right:0; bottom:0; } @media (min-width: 1000px){ .story-thumbs{ width: calc(16% - 20px); margin-left: 10px; margin-right: 10px; margin-bottom: 27px; float: left; height: 0; padding-bottom: calc(1.6*(16% - 20px)); } .story-thumbs-imgs{padding-bottom: calc(1.6*100%);} } @media (max-width: 999px) and (min-width: 681px){ .story-thumbs{ width: calc(25% - 15px); margin-left: 7.5px; margin-right: 7.5px; margin-bottom: 27px; float: left; height: 0; padding-bottom: calc(1.6*(25% - 15px)); } .story-thumbs-imgs{padding-bottom: calc(1.6*100%);} } @media (max-width: 680px){ .story-thumbs{ width: calc(33.33% - 5px); margin-left: 2.5px; margin-right: 2.5px; margin-bottom: 27px; float: left; height: 0; padding-bottom: calc(1.6*(33.33% - 5px)); } .story-thumbs-imgs{padding-bottom: calc(1.6*100%);} } @media (max-width: 481px){ .story-thumbs{ width: calc(50% - 5px); margin-left: 2.5px; margin-right: 2.5px; margin-bottom: 27px; float: left; height: 0; padding-bottom: calc(1.6*(50% - 5px)); } .story-thumbs-imgs{padding-bottom: calc(1.6*100%);} } */ /* for new icons */ .icondesktop { font-size: 10px; } .iconmobile { font-size: 27px; } .gly-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .emptystar { color:#B9B9B9; } .fullstar { color:var(--primary-color); } /* end new icons*/ /* AZnude stripchat css fix */ .color-box iframe { margin: auto; } /* END AZnude stripchat css fix */ /** AZNude Live Video Player Box Start **/ #aznlive-banner { display: none; } .aznlive-banner { display: flex; flex-direction: column; max-width: 100%; margin-inline: auto; margin-bottom: 1rem; } .aznlive-banner__header { background-color: #191919; color: white; } .aznlive-banner__header h3 { text-align: center; margin: 0; padding: 5%; font-size: 21px; text-transform: uppercase; font-family: 'open-bold' } .aznlive-banner span { color: var(--primary-color); font-family: 'open-extra-bold'; } .aznlive-banner__body { display: grid; grid-template-columns: 1fr 1fr; gap: 0.8vw; width: 100%; margin-top: 0.25vw; margin-bottom: 0.25vw; } .aznlive-banner__item { position: relative; display: block; overflow: hidden; transition: 0.2s ease outline; cursor: pointer; outline: 2px solid transparent; aspect-ratio: 320/240; background-position: center; } .aznlive-banner__item-is-live::after { content: "Live"; border-radius: 20vw; background-color: #da4146; color: white; position: absolute; top: 5px; right: 5px; padding: 0.2vw 0.7vw; font-size: 11px; font-weight: 600; box-shadow: 0 0 0 0 rgba(218, 65, 70, 0.4); animation: pulse 1.8s cubic-bezier(0.4, 0, 0.2, 1) infinite; } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(218, 65, 70, 0.4); } 50% { box-shadow: 0 0 0 6px rgba(218, 65, 70, 0.1); } 100% { box-shadow: 0 0 0 0 rgba(218, 65, 70, 0); } } .aznlive-banner__item:hover { transition: 0s ease outline; } .aznlive-banner__item p { position: absolute; bottom: 0; background-color: rgba(0, 0, 0, 0.7); margin-bottom: 0; padding: 0.2vw 0 0.2vw 0.45vw; width: 100%; font-size: 14px; } .aznlive-banner__item img { max-width: 100%; height: 100%; } .aznlive-banner__footer a { display: flex; align-items: center; height: 60px; overflow: hidden; text-decoration: none; transition: background 0.2s ease; } .aznlive-banner__button-left, .aznlive-banner__button-right { padding-block: 1.5rem; height: 100%; } .aznlive-banner__button-left img { width: 1.53vw; } .aznlive-banner__footer a:hover .aznlive-banner__button-right, .aznlive-banner__footer a:hover .aznlive-banner__button-right::before { background-color: var(--primary-color); } .aznlive-banner__footer a:hover .aznlive-banner__button-left { background-color: #333333; } .aznlive-banner__button-left { display: flex; align-items: center; position: relative; text-transform: capitalize; background-color: #191919; width: 68%; gap: 1vw; padding-left: 10%; } .aznlive-banner__button-right { width: 32%; background-color: var(--primary-color); display: flex; align-items: center; justify-content: center; position: relative; isolation: isolate; } .aznlive-banner__button-right::before { content: ""; position: absolute; z-index: -1; display: block; height: 150%; width: 100%; background-color: var(--primary-color); transform: rotate(-70deg); left: -30%; top: 0%; transition: left 0.2s ease; } .aznlive-banner__button-right p { transform: translateX(-10%); margin-block: 0; } .aznlive-banner__footer p { margin-block: auto; text-transform: uppercase; font-weight: 600; font-size: 15px; } /** AZNude Live Video Player Box End **/ /** AZNude Horizontal Bar - 21 June 2023 **/ #aznlive-horizontal__banner { display: none; } .aznlive-horizontal__wrapper { width: 100%; padding-inline: 2rem; margin-inline: auto; max-width: 1400px; } .aznlive-horizontal { display: flex; gap: 5px; justify-content: center; overflow-x: hidden; padding: 2px; } @media(max-width: 700px) { .aznlive-horizontal { flex-wrap: wrap; } .aznlive-horizontal__item { width: calc(100% / 2.5) !important; flex-grow: 1; } .aznlive-horizontal__wrapper { padding-inline: 0; } .aznlive-horizontal__item-is-live::after { font-size: 10px !important; padding: 2px 5px !important; } } .aznlive-horizontal__item { outline: 2px solid transparent; position: relative; width: calc(100% / 5); display: block; overflow: hidden; transition: 0.2s ease outline; cursor: pointer; background-position: center; background-size: cover; background-repeat: no-repeat; aspect-ratio: 16/9; } .aznlive-horizontal__item:hover { transition: 0s ease outline; } .aznlive-horizontal__item-is-live::after { content: "Live"; font-family: "Open Sans", sans-serif; border-radius: 5px; background: #da4146; color: white; position: absolute; top: 5px; right: 5px; padding: 0.2vw 0.7vw; font-size: 12px; box-shadow: 0 0 0 0 rgba(218, 65, 70, 0.4); animation: pulse 1.8s cubic-bezier(0.4, 0, 0.2, 1) infinite; } .aznlive-horizontal__item img { max-width: 100%; height: 100%; } /** AZNude Horizontal Bar - 3 May 2023 **/ /** BF CSS BRZ **/ .ph-iframe-desktop { display: block; margin: 0 auto 15px; } .ph-iframe-mobile { display: none; margin: 0 15px auto; } @media(max-width: 1323px) { .ph-iframe-desktop { width: 100%; height: 100%; } } @media(max-width: 400px) { .ph-iframe-desktop { display: none; } .ph-iframe-mobile { display: block; } } /* END CSS BRZ */ /* Welcome bar */ .banner-ph { background-color: #ffcc00; color: black; text-align: center; position: relative; padding: 4px 20px; line-height: 1; } .banner-ph-text { font-size: 15px; font-weight: bold; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; font-family: 'open-bold'; text-transform: uppercase; } .banner-ph-button { background-color: black; color: #ffcc00; padding: 4px 25px; font-size: 13px; font-weight: bold; border: none; display: inline-block; margin: 0 10px; cursor: pointer; text-decoration: none; border-radius: 0; transition: background-color 0.3s; font-family: 'open-bold'; text-transform: uppercase; } .banner-ph-button:hover, .banner-ph-button:focus { background-color: #333; text-decoration: none; outline: none; color: #ffcc00; } .banner-ph-button .glyphicon { color: #ffcc00; margin-left: 5px; } .banner-ph-close { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); background: none; border: none; color: #555; font-size: 30px; cursor: pointer; } .banner-ph-close:hover { color: #333; } @media (max-width: 850px) { .banner-ph-text { font-size: 13px; } .banner-ph-button { font-size: 12px; } } @media (max-width: 550px) { .banner-ph-button { font-size: 12px; padding: 5px 10px; } .banner-ph-close { font-size: 23px; right: 8px; } .banner-ph-button .glyphicon { margin-left: 2px; } .banner-ph-hidden-on-mobile { display: none; } } @media(min-width: 551px) { .banner-ph-hidden-on-desktop { display: none; } } /* Welcome bar end */ /** Email Verification - 27 June 2024 **/ .email-verification-bar { background-color: #272727; color: #fff; padding: 10px; text-align: center; width: 100%; z-index: 1000; font-family: 'open-reg'; } #email-verification-response { max-width: 400px; margin: 10px auto auto; padding: 5px; border-radius: 5px; cursor: pointer; font-size:13px; } #email-verification-response.success { background-color: #4CAF50; color: white; } #email-verification-response.error { background-color: #F44336; color: white; } /** Email Verification - 27 June 2024 **/ /** 1x1 ad css start */ @media (max-width: 480px) { .exo--clearfix-1 { display:none; } .exo--clearfix-2 { display:none; } #exo-native-az-container { min-height: 375px; } #exo-native-az-container.exo-img { min-height: 250px !important; } } @media ((min-width: 481px) and (max-width: 999px)) { .exo--clearfix-1 { display:none; } } @media ((min-width: 481px) and (max-width: 680px)) { .exo--clearfix-2 { display:none; } } @media (min-width: 1000px) { .exo--clearfix-2 { display:none; } } .exo-native-az-box { position: absolute; top: 15px; left: 30px; background-color: var(--primary-color); z-index: 9; padding: 0 3px; border-radius: 3px; } @media(max-width: 460px){ .exo-native-az-box { top: 20px; left: 20px; } } .exo-native-az-box span { font-family: 'open-bold'; color: #fff; opacity: 1 !important; } .az-footer .color-space { min-height: 276px !important; } .az-footer-native .color-space { min-height: 328px !important; } @media (max-width: 576px) { .az-footer-native .color-space { min-height: 550px !important; } } /** 1x1 ad css end */ /** mobile footer ads start */ @media (max-width: 480px) { .native-footer-mobile { display: block !important; } } .native-footer-mobile { display: none; width: 90%; margin-left: auto; margin-right: auto; margin-bottom: 30px; margin-top: -10px; min-height: 304px; text-align: center; } nav.navbar.navbar-default.navbar-bottom { position: initial !important; } /** mobile footer ads end */ /* Pagination Start */ .paginate_wrapper .pagination { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px; } .pagination .page-item.active .page-link { background-color: transparent; color: #fff; font-weight: 700; border: none; } .pagination .page-item .page-link { background-color: #323332; color: #fff; font-weight: 700; border: none; padding: 10px; transition: background-color .2s ease; } .pagination .rest .page-link { background-color: transparent; color: #fff; font-weight: 700; border: none; padding: 0px; } .pagination .page-item:not(.active) .page-link:hover { background-color: #414141; } .pagination .prev .page-link, .pagination .next .page-link { background-color: transparent; color: #fff; font-weight: 700; border: none; text-decoration: underline; padding-block: 10px; } .pagination .prev .page-link svg, .pagination .next .page-link svg { display: none; } @media screen and (max-width: 768px) { .pagination .prev .page-link svg, .pagination .next .page-link svg { display: block; } .pagination .prev .page-link span, .pagination .next .page-link span { display: none; } } .pagination .rest { pointer-events: none; } /* Pagination End */ /* Logo Start */ .logo a, .footer-logo a, .header-logo a, .footer-mobile-logo a { width: 100px; display: block; } .footer-mobile-logo a { margin: 0 auto; } /* Logo End */ /* History */ .category_buttons_container { display: flex; justify-content: center; gap: 10px; } .category_button { border: none; padding: 10px 15px; border-radius: 2rem; cursor: pointer; background: var(--primary-color); color: white; font-weight: bold; outline: none; margin-top: 20px; } .category_is_active { background: #fff; color: var(--primary-color); } .history-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(144px, 1fr)); gap: 15px; padding: 10px; max-width: 1200px; margin: 30px auto 0; } .history-loader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: auto; } #user-history-container { height: 100%; } .user-history-wrapper { flex-grow: 1; display: flex; flex-direction: column; } @media (max-width: 1024px) { .history-grid { min-height: 300px; grid-template-columns: 200px 200px 200px; } } @media (max-width: 768px) { .history-grid { grid-template-columns: 140px 140px; } .history-actions { flex-direction: column; } .history-actions button { width: calc(100% - 40px); display: flex; justify-content: center; margin-inline: 20px; } } .pagination .page-item.active .page-link { background-color: transparent; color: var(--primary-color); font-weight: 700; border: none; } .pagination .page-item .page-link { background-color: #323332; color: white; font-weight: 700; border: none; padding: 10px; transition: background-color .2s ease; } .pagination .rest .page-link { background-color: transparent; color: white; font-weight: 700; border: none; padding: 0px; } .pagination .page-item:not(.active) .page-link:hover { background-color: #414141; } .pagination .prev .page-link, .pagination .next .page-link { background-color: transparent; color: white; font-weight: 700; border: none; text-decoration: underline; padding-block: 10px; } .pagination .prev .page-link svg, .pagination .next .page-link svg { display: none; } @media screen and (max-width: 768px) { .pagination .prev .page-link svg, .pagination .next .page-link svg { display: block; } .pagination .prev .page-link span, .pagination .next .page-link span { display: none; } } .pagination .rest { pointer-events: none; } .history_container { max-width: 1440px; margin: 0 auto; } .history-empty, .history-disabled { margin-top: 20px; text-align: center; padding-left: 10px; padding-right: 10px; } .history-notfound-heart { margin: 0 1px; } .history_type {} .history-header { font-family: 'open-extra-bold'; color: #fff; font-size: 36px; text-transform: uppercase; text-align: center; } .histories { display: flex; flex-wrap: wrap; row-gap: 5px; column-gap: 30px; justify-content: center; align-content: flex-start; margin-top: 30px; } .history { display: flex; flex-direction: column; align-items: center; max-width: 240px; } .history.history-celebs, .history.history-movies, .history.history-stories { max-width: 140px; } .history.history-videos { max-width: 200px; } @media (max-width: 500px) { .history.history-videos { max-width: 140px; } } .history_img_wrapper { position: relative; } .history_remove { width: 26px; height: 26px; position: absolute; bottom: 0; right: 0; margin: 0; padding-top: 7px; padding-bottom: 1px; padding-left: 7px; padding-right: 6px; box-shadow: 2px 2px 3px 0px #8978787d inset; border-top-right-radius: 0 !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; color: #fff; background-color: var(--primary-color); border-radius: 5px; display: flex; justify-content: center; align-items: center; cursor: pointer; } .history_remove:hover { background-color: #fff; color: var(--primary-color); } .history_remove i { font-size: 13px; margin-bottom: 7px; } .history_remove i.glyphicon-refresh { -webkit-animation: custom-spin 0.8s infinite linear; -moz-animation: custom-spin 0.8s infinite linear; -o-animation: custom-spin 0.8s infinite linear; animation: custom-spin 0.8s infinite linear; } @-moz-keyframes custom-spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes custom-spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes custom-spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @keyframes custom-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .history_img img { width: 100%; border-radius: 5px; } .history_img img.celebs { width: 144px; height: 200px; } .history_img img.videos { width: 100%; } .history_name { text-align: center; font-family: 'open-bold'; margin-top: 10px; text-transform: uppercase; } .history_name a { color: white; } #toggle-history[data-enabled="true"] .toggle-history--disabled { display: none; } #toggle-history[data-enabled="true"] .toggle-history--enabled { display: flex; } #toggle-history[data-enabled="false"] .toggle-history--disabled { display: flex; } #toggle-history[data-enabled="false"] .toggle-history--enabled { display: none; } .history-actions { display: flex; gap: 10px; align-items: center; justify-content: flex-end; margin-block: 20px; margin-top: auto; } .history-actions__button, .toggle-history--enabled { display: flex; justify-content: space-between; align-items: center; gap: 10px; } .history-actions__button:hover { background-color: var(--primary-color); text-decoration: none; color: #FFF; } .history-actions__button { position: relative; padding: 10px; background-color: #272727; border-radius: 5px; color: #fff; font-family: 'open-bold'; font-size: 12px; text-transform: uppercase; border: none; } .history-actions__button .loader { display: none; position: absolute; left: 50%; transform: translateX(-50%); font-size: 2px; } .history-actions__button.loading .loader { display: flex; } .history-actions__button.loading>*:not(.loader) { opacity: 0; } .confirmation-modal { padding-right: 0 !important; display: flex !important; align-items: center; justify-content: center } .confirmation-modal .modal-dialog, .confirmation-modal .modal-content { color: #f0f0f0; background-color: #000 } .confirmation-modal .modal-body, .confirmation-modal .modal-footer { border: none } .confirmation-modal .modal-body p { font-size: 16px; margin-left: 40px; font-family: open-reg } .confirmation-modal .modal-body p b { font-family: open-extra-bold } .confirmation-modal .modal-provider-logo { width: 40px; margin-right: 20px } .confirmation-modal .btn { font-family: open-bold } .confirmation-modal .modal-header { display: flex; border: none } .confirmation-modal .modal-header h4 { font-family: open-extra-bold } .confirmation-modal .modal-body { display: flex; align-items: center; gap: 10px; padding-bottom: 0 } .confirmation-modal .modal-body label, .confirmation-modal .modal-body input { margin: 0; } .confirmation-modal .modal-dialog { outline: 1px solid rgba(255, 255, 255, .4); border-radius: 10px } .btn.btn-cancel { background-color: #343a40; transition: background-color .2s } .btn.btn-cancel:focus, .btn.btn-cancel:hover, .btn.btn-cancel.focus { color: #fff } .btn.btn-cancel:hover { background-color: #1f2022 } .confirmation-modal .btn { position: relative } .modal-footer__legal { margin-top: 20px; font-size: 13.3px } .history-section { position: relative; display: flex; flex-direction: column; min-height: 700px; } #user-history-container { flex-grow: 1; display: flex; flex-direction: column; } .history-loader { display: none; } .history-section.loading>*:not(.history-loader) { display: none !important; } .history-section.loading .history-loader { display: block; } /* Below Video CSS */ .below-video {display: flex; justify-content: center; overflow: hidden;} .below-video a:nth-child(-n+2) {flex-grow: 0;} .below-video a:not(:nth-child(-n+2)) {text-overflow: ellipsis; overflow: hidden;} .below-video a:not(:last-child) h4::after {content:',';} .below-video h4 {padding-left: 0 !important;} .movie:has(.views) ~ a h4, .movie:has(.views) ~ .below-video a h4 {padding-top: 10px !important;} /* New tg CSS, left side */ /* css changed */ .new-label {position: absolute; top: 15px; right: unset !important; left: 10px; z-index: 1; color: #ffffff; background-color: var(--primary-color) !important;} .new-label { padding: 1.5px 5px; transition: opacity 0.5s ease; opacity: 1; font-size: 12px; font-family: 'open-bold';} /* modified */ .movie:hover .new-label {opacity: 0;} .new-label:hover {opacity: 0; cursor: pointer;} @media(max-width: 900px) {.new-label {top: 10px; right: unset !important; left: 10px}} /* NEW NAVBAR! */ /* Global Styles */ body { margin: 0; font-family: "Open Sans", sans-serif; background-color: #0f0f0f; position: static !important; } /* Navigation Bar */ .nav:not(.navbar-nav) { display: flex; align-items: center; justify-content: center; background-color: #181818; padding: 12px 20px; } .nav-item { color: white; margin: 0 10px; display: flex; align-items: center; } .nav-item.hamburger-menu { position: relative; } .hamburger-menu svg { width: 28px; height: 28px; cursor: pointer; fill: white; } .hamburger-menu:focus { outline: 2px solid #A9A9A9; outline-offset: 2px; background-color: rgba(169, 169, 169, 0.2); } .logo { display: flex; align-items: center; width: 110px; } .logo a, .logo img { height: 33px; } .country-link { color: white; font-size: 14px; text-decoration: none; display: flex; align-items: center; font-family: 'Open Sans', sans-serif; white-space: nowrap; } .location-icon-container { display: flex; align-items: center; } .location-icon { width: 14px; height: 14px; margin-right: 5px; fill: white; } .country-text { display: inline-block; font-weight: 500; } .live-button-wrapper { display: flex; justify-content: center; align-items: center; text-align: center; } .live-button { background-color: var(--primary-color); padding: 10px; border-radius: 5px; cursor: pointer; color: #000; text-transform: uppercase; font-weight: 700; font-size: 14px; min-width: 126px; display: block; text-align: center; } .live-button:hover, .live-button:focus { background-color: var(--primary-color); text-decoration: none; color: #000; } .profile-icon { cursor: pointer; font-size: 24px; } .nav-content { display: flex; align-items: center; max-width: 1400px; margin: 0 auto; width: 100%; position: relative; } /* Search Bar */ .search-bar { position: relative; flex: 1; width: 100%; max-width: 500px; margin-right: 20px; } .search-bar form { width: 100%; } .search-input-wrapper { position: relative; width: 100%; } .search-input-wrapper input { width: 100%; padding: 8.5px 40px 8.5px 10px; border: 2px solid transparent; border-radius: 5px; background-color: #272727; color: white; box-sizing: border-box; outline: none; font-size: 13.5px; } .search-input-wrapper input:focus { border-color: #3b3b3b; } .search-icon-button { position: absolute; right: 10px; top: 55%; transform: translateY(-50%); background: none; border: none; cursor: pointer; padding: 0; } .search-icon { width: 20px; height: 20px; fill: white; pointer-events: none; } /* Sexuality Dropdown */ .sexuality-dropdown { position: relative; } .sexuality-dropdown__toggle { display: flex; align-items: center; justify-content: center; background: none; border: none; outline: none; color: #f5f5f5; cursor: pointer; font-weight: 400; gap: 5px; text-decoration: none; text-align: left; min-width: 70px; } .sexuality-dropdown__toggle::after { content: ''; display: inline-block; margin-top: 3px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid white; } .sexuality-dropdown__toggle span { color: #f5f5f5; font-size: 13px; font-weight: 500; } .sexuality-dropdown__toggle svg { width: 18px; height: 18px; } .sexuality-dropdown__menu { flex-direction: column; gap: 2px; padding: 5px; list-style: none; background-color: #1a1a1a; border-radius: 8px; width: 200px; position: absolute; top: 30px; left: 0; display: none; z-index: 10; } .sexuality-dropdown.open .sexuality-dropdown__menu { display: flex; } .sexuality-dropdown__menu-item { padding: 8px; display: flex; background-color: transparent; border: none; outline: none; border-radius: 12px; color: #f5f5f5; width: 100%; cursor: pointer; font-weight: 400; transition: background-color .1s ease; gap: 8px; text-decoration: none; position: relative; justify-content: flex-start; } @media(min-width: 481px) { .sexuality-dropdown__menu-item.sexuality-dropdown__menu-item-live { display: none; } } .sexuality-dropdown__menu-item:hover, .sexuality-dropdown__menu-item:focus, .sexuality-dropdown__menu-item.active { background-color: #272727; color: #f5f5f5; text-decoration: none; } .sexuality-dropdown__menu-item span, .sexuality-dropdown__menu-item a { color: #f5f5f5; font-size: 12px; font-weight: 500; text-align: left; } .sexuality-dropdown__menu-item svg { width: 18px; height: 18px; } .sexuality-dropdown__menu-item.category-item { padding-left: 16px; } .sexuality-dropdown__menu-item.checkbox-item { padding: 8px 16px; gap: 4px; cursor: default; justify-content: flex-start; } .sexuality-dropdown__menu-item.checkbox-item:hover, .sexuality-dropdown__menu-item.checkbox-item:focus { background-color: transparent; } .sexuality-dropdown__menu-item input[type="checkbox"] { width: 14px; height: 14px; accent-color: var(--primary-color); margin-top: 3px; } .sexuality-dropdown.loading .sexuality-dropdown__toggle { pointer-events: none; opacity: 0.5; } .sexuality-dropdown.loading .sexuality-dropdown__toggle svg:not(.loading-svg) { display: none; } .sexuality-dropdown.loading .sexuality-dropdown__toggle .loading-svg { display: inline-block; } .sexuality-dropdown__toggle .loading-svg { width: 24px; height: 24px; } @media screen and (max-width: 1024px) { .sexuality-dropdown { display: none; } } .mobile-sexuality-selector { margin-bottom: 3px; } .mobile-sexuality-icon { display: flex; } .dropdown-arrow-sexuality-option { margin-left: auto; } .mobile-sexuality-category-dropdown-content { display: none; } .mobile-sexuality-category-dropdown-content.open { display: block; max-height: 200px; } .mobile-sexuality-category-content { list-style: none; } .mobile-sexuality-category-dropdown-item { padding: 5px; padding-left: 30px; display: flex; align-items: center; background-color: transparent; border: none; outline: none; border-radius: 15px; color: #f5f5f5; width: 100%; cursor: pointer; font-weight: 400; transition: background-color .1s ease; gap: 10px; text-decoration: none; position: relative; } .mobile-sexuality-category-dropdown-item:hover { background-color: #272727; color: #f5f5f5; text-decoration: none; } .mobile-sexuality-category-dropdown-item span { font-size: 13px; font-weight: 500; } .mobile-sexuality-category-dropdown-checkbox-item input[type="checkbox"] { width: 14px; height: 14px; accent-color: var(--primary-color); margin-top: 3px; } /* Account Dropdown */ .account-dropdown.is-not-logged-in .account-dropdown__actions--logged-in, .account-dropdown.is-not-logged-in .account-dropdown__menu-item--logged-in { display: none; } .account-dropdown.is-logged-in .account-dropdown__actions--logged-out, .account-dropdown.is-logged-in .account-dropdown__menu-item--logged-out { display: none; } .account-navbar { position: relative; display: flex; justify-content: flex-end; padding: 0; } .account-dropdown__header { display: flex; align-items: center; justify-content: space-between; padding: 10px; padding-bottom: 15px; } .account-dropdown__header img { margin-top: 0 !important; } .account-dropdown__close { display: flex !important; background-color: transparent; border: none; cursor: pointer; padding: 0; } .account-dropdown__close svg { transform: scaleY(0.9); fill: var(--primary-color); width: 22px; height: 22px; } .account-dropdown { position: absolute; z-index: 12; background-color: #181818; padding: 18px 10px; border-radius: 10px; display: none; right: 0; top: 100%; margin-top: 5px; width: 325px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } .account-dropdown-overlay { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, .8); opacity: 0; transition: opacity .2s ease; z-index: 12; } .account-dropdown-overlay--show { opacity: 1; display: block; } .account-btn-container { display: flex; justify-content: end; } .account-btn-container.user-greet { display: flex; } .account-navbar__toggler:not(.account-navbar__toggler--desktop) { background-color: transparent; padding: 0; align-items: center; justify-content: end; } .account-navbar__toggler-wrapper { position: relative; margin-left: auto; } .account-navbar__toggler.btn { display: inline-block; background-color: #272727; border-radius: 99999rem; height: 45px; width: 45px; line-height: 0; padding: 10px 13px 13px 13px; border: 3px solid #181818; margin-left: auto; border: none; cursor: pointer; } .account-navbar__toggler.btn:hover { background-color: #333; } .account-navbar__toggler { border: none; cursor: pointer; display: flex; color: white; } .account-navbar__toggler img { width: 40px; height: 40px; fill: #D3D3D3; } .account-navbar__toggler.btn img { max-width: 100%; max-height: 100%; } .account-dropdown__actions { display: flex; gap: 50px; padding: 5px 20px; border-radius: 20px; } .account-dropdown__actions-button { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; } .account-dropdown__actions-button span { font-size: 14px; font-weight: 500; color: #f5f5f5; } .account-dropdown__actions-button .icon-container { background-color: #272727; padding: 10px; border-radius: 99999rem; width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; transition: background-color .2s ease; } .account-dropdown__actions-button:hover .icon-container { background-color: #333; } .account-dropdown__actions-button:hover { text-decoration: none !important; } .account-dropdown__actions-button .icon-container img { width: 23px; height: 23px; } .account-dropdown__actions-button:focus, .account-dropdown__menu-item:focus { outline: 2px solid #A9A9A9; outline-offset: 2px; background-color: rgba(169, 169, 169, 0.2); } .account-dropdown__menu { margin: 0; padding: 0; list-style: none; margin-top: 10px; } .account-dropdown__menu li > * { min-height: 52px; } .account-dropdown__menu-item { padding: 10px 20px; display: flex; align-items: center; background-color: transparent; border: none; outline: none; border-radius: 15px; color: #f5f5f5; width: 100%; cursor: pointer; font-weight: 400; transition: background-color .1s ease; gap: 10px; } .account-dropdown__menu-item span, .account-dropdown__menu-item label { font-size: 14px; font-weight: 500; } .account-dropdown__menu-item.account-dropdown__history-toggler { justify-content: space-between; margin-bottom: 0; } .account-dropdown__menu-item.account-dropdown__history-toggler > div { display: flex; align-items: center; gap: 10px; } .account-dropdown__menu-item:hover { background-color: #272727; color: #f5f5f5; text-decoration: none; } .account-dropdown__history-toggler:focus { outline: 2px solid #A9A9A9; outline-offset: 2px; background-color: rgba(169, 169, 169, 0.2); } .account-dropdown__history-toggler__input:focus { outline: none; } .toggle-switch { position: relative; width: 30px; height: 20px; display: inline-block; } .toggle-switch input[type="checkbox"] { opacity: 0; width: 0; height: 0; } .toggle-switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: 0.4s; border-radius: 20px; } .toggle-switch .slider::before { position: absolute; content: ""; height: 14px; width: 14px; left: 3px; bottom: 3px; background-color: white; transition: 0.2s; border-radius: 50%; } .toggle-switch input[type="checkbox"]:checked + .slider { background-color: var(--primary-color); } .toggle-switch input[type="checkbox"]:checked + .slider::before { transform: translateX(10px); } .toggle-switch:focus-within { outline: 2px solid #A9A9A9; outline-offset: 2px; background-color: rgba(169, 169, 169, 0.2); } /* Hamburger Dropdown */ .hamburger-dropdown { position: absolute; z-index: 12; background-color: #181818; padding: 10px; border-radius: 12px; display: none; left: 0; top: 100%; margin-top: 5px; width: 300px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } .hamburger-dropdown__header { display: none; align-items: center; justify-content: space-between; padding: 10px; padding-bottom: 15px; flex-direction: row; } .hamburger-dropdown__header img { margin-top: 0 !important; } .hamburger-dropdown__close { display: flex !important; background-color: transparent; border: none; cursor: pointer; padding: 0; } .hamburger-dropdown__close svg { transform: scaleY(0.9); fill: var(--primary-color); width: 22px; height: 22px; } .hamburger-dropdown-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, .8); opacity: 0; transition: opacity .2s ease; z-index: 12; display: none; } .hamburger-dropdown-overlay--show { opacity: 1; display: block; } .hamburger-dropdown__menu { padding: 0; list-style: none; } .hamburger-dropdown__menu h3 { margin-top: 0; margin-left: 10px; margin-bottom: 10px; color: var(--primary-color); } .hamburger-dropdown__menu-item { padding: 10px; display: flex; align-items: center; background-color: transparent; border: none; outline: none; border-radius: 15px; color: #f5f5f5; width: 100%; cursor: pointer; font-weight: 400; transition: background-color .1s ease; gap: 10px; text-decoration: none; position: relative; } @media(min-width: 481px){ .hamburger-dropdown__menu-item.hamburger-dropdown__menu-item-live { display: none; } } .hamburger-dropdown__menu-item:hover, .hamburger-dropdown__menu-item:focus { background-color: #272727; color: #f5f5f5; text-decoration: none; } .hamburger-dropdown__menu-item span, .hamburger-dropdown__menu-item a { color: #f5f5f5; flex-grow: 1; font-size: 14px; font-weight: 500; } .hamburger-dropdown__menu-item svg { width: 20px; height: 20px; fill: white; } .hamburger-dropdown__menu-item.browse-item { padding-left: 20px; } .hamburger-dropdown__menu-item.website-item { padding-left: 20px; } /* Sub-Navigation */ .sub-nav { background-color: #181818; border-bottom: 1px solid #ffffff15; margin-bottom: 20px; } .sub-nav-menu { list-style: none; display: flex; padding: 0 10px; max-width: 1400px; margin: 0 auto; justify-content: space-between; } .sub-nav-item { position: relative; display: flex; align-items: center; } .sub-nav-item a { color: white; text-decoration: none; padding: 10px 35px; display: flex; align-items: center; border: 1px solid transparent; white-space: nowrap; font-size: 14px; font-weight: 500; } .sub-nav-item.with-arrow a::after { content: ''; display: inline-block; margin-left: 5px; margin-top: 5px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid white; } .sub-nav-item:hover a, .sub-nav-item:focus a { background-color: #2e2e2e6b; border: 1px solid #ffffff15; border-bottom: 1px solid transparent; } .sub-nav-item.active:hover a, .sub-nav-item.active:focus a { border-bottom: 2px solid var(--primary-color); } .sub-nav-item.with-arrow:hover a, .sub-nav-item.with-arrow.hover a { background-color: #2e2e2e6b; border: 1px solid #ffffff15; } /* Mega Menus */ .mega-menu-parent { position: relative; } .mega-menu { display: none; position: absolute; top: 100%; background-color: #181818; padding: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); z-index: 1000; opacity: 0; border-bottom: 1px solid #272727; } .mega-menu-content { display: flex; justify-content: space-between; max-width: 1400px; margin: 0 auto; } .mega-menu-section { margin: 0 10px; display: flex; gap: 40px; } .mega-menu-section h3 { color: var(--primary-color); margin-bottom: 10px; font-size: 17px; font-weight: 600; } .mega-menu-section ul { list-style: none; padding: 0; } .mega-menu-section ul li { margin-bottom: 5px; padding: 2px; } .mega-menu-section ul li a { color: white; text-decoration: none; } .mega-menu-categories { display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; } .mega-menu-categories-item { width: 200px; height: 110px; position: relative; overflow: hidden; border: 1px solid transparent; } .mega-menu-categories-item:hover { border: 1px solid var(--primary-color); } .mega-menu-categories-item a { display: block; position: relative; width: 100%; height: 100%; text-decoration: none; } .mega-menu-categories-item-img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; } .mega-menu-categories-item a:hover .mega-menu-categories-item-img { transform: scale(1.05); } .mega-menu-categories-item a:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 50%; background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%); z-index: 1; } .mega-menu-alphabets { display: flex; flex-wrap: wrap; gap: 10px; padding-bottom: 10px; justify-content: flex-start; } .mega-menu-alphabets-item { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background-color: #272727; border-radius: 5px; transition: background-color 0.2s ease; } .mega-menu-alphabets-item a { color: white; text-decoration: none; font-size: 16px; font-weight: 600; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; margin-top: 2px; } .mega-menu-alphabets-item:hover { background-color: var(--primary-color); } .mega-menu-alphabets-item:hover a { color: #181818; } .text-overlay-container { position: absolute; bottom: 0; left: 0; right: 0; top: 0; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); border-radius: 8px; pointer-events: none; } .text-overlay { position: absolute; bottom: 10px; left: 10px; right: 10px; pointer-events: auto; } .category-name { font-size: 15px; font-weight: bold; color: #fff; display: block; line-height: 9px; } .video-count { font-size: 12px; color: #fffffff8; } .sub-nav-item:hover .mega-menu { display: block; } /* Live Dropdown */ .ribbon-li-desktop-live { position: relative; } .ribbon-li-desktop-live .live-dropdown { position: fixed; display: none; left: 60px; z-index: 3; background-color: #272727; min-height: 400px; } .live-dropdown { margin-top: 10px; } .live-dropdown__promotions-header { padding: 10px 0; display: flex; align-items: center; gap: 20px; justify-content: space-between; } .live-dropdown__promotions-header .live-dropdown__promotions-header__button { background: var(--primary-color); border-radius: 8px; color: #fff; line-height: 16px; padding: 5px 10px; width: max-content; text-transform: uppercase; font-weight: 700; font-size: 11px; } .live-dropdown__promotions-header .live-dropdown__promotions-header__button:hover { text-decoration: none; } .live-dropdown__promotions-header h3 { font-size: 14px; line-height: 25px; color: white; margin: 0; } .live-dropdown .live-dropdown__promotions-header .live-dropdown__promotions-header__title { color: white; padding: 5px 0; transition: color 0.1s ease; font-size: 1.17em; } .live-dropdown .live-dropdown__promotions-header .live-dropdown__promotions-header__title span { color: var(--primary-color); margin-left: 1px; } .live-dropdown .live-dropdown__promotions-header .live-dropdown__promotions-header__title:hover { color: var(--primary-color); } .live-dropdown__ul { list-style: none; margin: 0; padding: 0px; } .live-dropdown__ul li { cursor: pointer; } .live-dropdown__ul li a { display: block; width: 100%; } .live-dropdown__ul li:hover { background-color: #5353536b; } .live-dropdown__li.active { background-color: #5353536b; } .live-dropdown__promotions-grid { display: grid; grid-template-columns: repeat(5, 222px); gap: 10px; margin: 0px; padding: 10px; list-style: none; } .ribbon-li-desktop-live .live-dropdown .live-dropdown__ul a { padding: 5px 35px; display: block; transition: background-color 0.2s ease; } .ribbon-li-desktop-live .live-dropdown .live-dropdown__ul a:hover, .ribbon-li-desktop-live .live-dropdown .live-dropdown__ul li.active { background-color: #0f0f0f; } .ribbon-li-desktop-live:hover .live-dropdown { display: flex; } .promotions-grid-item__wrapper { padding: 0px !important; } .promotions-grid-item__wrapper:hover span { color: var(--primary-color); } .promotions-grid-item__name { font-size: 12px; display: flex; align-items: center; justify-content: space-between; max-width: 200px; } .promotions-grid-item__name span { color: white; transition: color 0.1s ease; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 80%; } .promotions-grid-item__name svg { width: 20px; height: 20px; flex-shrink: 0; } .promotions-grid-item__name:hover span { color: var(--primary-color); } .promotions-grid-item__image { width: 200px; height: 130px; background-position: center; background-size: cover; position: relative; } .promotions-grid-item__image::before { content: 'Live'; background: #da4146; border-radius: 3px; color: #fff; font-size: 10px; left: 5px; line-height: 16px; padding: 0 5px; position: absolute; text-transform: uppercase; top: 5px; box-shadow: 0 0 0 0 rgba(218, 65, 70, 0.4); animation: pulse 1.8s cubic-bezier(0.4, 0, 0.2, 1) infinite; } /* Ribbon Container */ .ribbon-container { background: #2d2d2d; height: 40px; width: 100%; overflow: hidden; margin-bottom: 15px; display: none; } .ribbon-home-icon { position: relative; top: 5px; line-height: 40px; } .ribbon-ul { padding: 0; margin: 0; display: flex; justify-content: space-around; align-items: center; height: 100%; } .ribbon-ul li { display: inline-block; vertical-align: top; } .ribbon-ul li:not(:first-of-type) a { margin-left: 0; } .ribbon-ul li a { border-bottom: 3px solid transparent; border-top: 3px solid transparent; color: #fff; line-height: 33px; padding: 7px 5px; } .ribbon-home i { font-size: 14px; } .ribbon-home a { line-height: 40px !important; } .ribbon-ul li a.active { border-bottom: 3px solid var(--primary-color); } .ribbon-ul li span, .ribbon-ul li a { font-size: 14px; } .ribbon-with-dot:before { background: var(--primary-color); border-radius: 5px; content: ""; display: inline-block; height: 7px; margin-right: 5px; margin-top: -3px; vertical-align: middle; width: 7px; } /* Desktop Ribbon Container */ .ribbon-container-desktop { background: #0f0f0f; width: 100%; border-bottom: 1px solid #242424; } .ribbon-ul-desktop { margin: 0; display: flex; align-items: center; height: 100%; padding: 0 40px; gap: 50px; margin: 0 auto; max-width: 1400px; } .ribbon-li-desktop { list-style: none; text-transform: uppercase; } .ribbon-ul-desktop li a { color: #a1a1a1; padding: 5px 0; font-size: 11px; line-height: 24px; font-weight: 500; white-space: nowrap; } .ribbon-ul-desktop a:hover { color: #fff; } .ribbon-ul-desktop li a:hover { text-decoration: none; } .ribbon-with-dot-desktop:before { background: var(--primary-color); border-radius: 5px; content: ""; display: inline-block; height: 7px; margin-right: 5px; margin-top: -3px; vertical-align: middle; width: 7px; } /* Dropdown Containers */ .categories-dropdown-container, .a-z-dropdown-container, .a-z-websites-dropdown-container, .browse-dropdown-container { display: none; } .categories-dropdown-content { display: none; background-color: #181818; padding: 10px; border-radius: 10px; max-height: 0; overflow: hidden; transition: max-height 0.3s ease-in-out; } .categories-dropdown-content.open { display: block; max-height: 100%; } .categories-dropdown-content .mega-menu-categories { display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; } .dropdown-arrow { transition: transform 0.3s ease; } .dropdown-arrow.rotated { transform: rotate(180deg); } .categories-toggle { cursor: pointer; } .hamburger-a-z-dropdown-content { display: none; transition: max-height 0.3s ease-in-out; overflow: hidden; max-height: 0; } .hamburger-a-z-dropdown-content.open { display: block; max-height: 500px; } .hamburger-a-z-dropdown-content .hamburger-a-z-content { display: flex; flex-wrap: wrap; gap: 10px; padding: 10px 10px 10px 10px; } .hamburger-a-z-item { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: #272727; border-radius: 5px; transition: background 0.2s ease; } .hamburger-a-z-item a { color: white; text-decoration: none; font-weight: bold; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .hamburger-a-z-item:hover { background: var(--primary-color); } .hamburger-a-z-websites-dropdown-content { display: none; transition: max-height 0.3s ease-in-out; overflow: hidden; max-height: 0; } .hamburger-a-z-websites-dropdown-content.open { display: block; max-height: 500px; } .hamburger-a-z-websites-content { display: flex; flex-direction: column; } .browse-dropdown-content { display: none; transition: max-height 0.3s ease-in-out; overflow: hidden; max-height: 0; } .browse-dropdown-content.open { display: block; max-height: 500px; } .browse-content { display: flex; flex-direction: column; } /* Search Mobile Container */ .search-mobile-container { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(24, 24, 24, 0.8); backdrop-filter: blur(3px); padding: 15px 10px; z-index: 999; border-radius: 0; overflow-y: auto; } .search-mobile-container.active { display: block; } .search-input-container-mobile { display: flex; align-items: center; gap: 10px; } .search-input-wrapper-mobile { position: relative; width: 100%; } .search-input-mobile { width: 100%; padding: 8.5px 40px 8.5px 10px; border: 2px solid transparent; border-radius: 5px; background-color: #272727; color: #fff; box-sizing: border-box; outline: none; font-family: "Open Sans", sans-serif; font-size: 16px; } .search-input-mobile::placeholder { color: #a1a1a1; } .search-input-mobile:focus { border-color: #3b3b3b; } .search-close-btn { background: none; border: none; cursor: pointer; color: #fff; font-size: 17px; } .search-close-btn svg { fill: var(--primary-color); } .suggestions-container, .trending-searches-container { margin-top: 20px; } .suggestions-title, .trending-searches-title { color: white; font-size: 16px; margin: 0 0 10px 0; font-family: "Open Sans", sans-serif; } .suggestions-list, .trending-searches-list { list-style: none; padding: 0; margin: 0; } .suggestions-list a:hover, .trending-searches-list a:hover { color: #fff; text-decoration: none; } .suggestions-list li, .trending-searches-list li { padding: 2px 10px; color: white; cursor: pointer; font-size: 14px; font-family: "Open Sans", sans-serif; } .suggestions-list li:hover, .trending-searches-list li:hover { background-color: #272727; } .trending-searches-list li { text-transform: capitalize; } /* Custom Scrollbars */ .hide-native-scrollbar::-webkit-scrollbar { display: none; } .hide-native-scrollbar { scrollbar-width: none; -ms-overflow-style: none; } .custom-scrollbar { height: 2.5px; background: transparent; position: relative; transition: height 0.2s ease; } .scrollbar-track { height: 100%; background: #181818; border-radius: 6px; position: relative; } .scrollbar-thumb { height: 100%; background-color: var(--primary-color); border-radius: 6px; width: 50px; position: absolute; left: 0; top: 0; cursor: pointer; transition: height 0.2s ease; } .custom-scrollbar-vertical { width: 2.5px; background: transparent; position: absolute; top: 0; right: 0; height: 100%; transition: width 0.2s ease; } .scrollbar-track-vertical { width: 100%; background: #181818; border-radius: 6px; position: relative; } .scrollbar-thumb-vertical { width: 100%; background-color: var(--primary-color); border-radius: 6px; height: 50px; position: absolute; top: 0; cursor: pointer; transition: width 0.2s ease; } .sub-nav-menu:hover ~ .custom-scrollbar, .sub-nav-menu:hover ~ .custom-scrollbar .scrollbar-track, .sub-nav-menu:hover ~ .custom-scrollbar .scrollbar-thumb { height: 3.5px; } .hamburger-dropdown__menu-container:hover .custom-scrollbar-vertical, .hamburger-dropdown__menu-container:hover .custom-scrollbar-vertical .scrollbar-track-vertical, .hamburger-dropdown__menu-container:hover .custom-scrollbar-vertical .scrollbar-thumb-vertical { width: 3.5px; } /* Search Suggestions Dropdown */ .search-suggestions-dropdown { position: absolute; top: 100%; left: 0; right: 0; background-color: #181818; border-radius: 5px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 1000; display: none; max-height: 300px; overflow-y: auto; margin-top: 5px; } .search-suggestions-dropdown .suggestions-list { list-style: none; padding: 0; margin: 0; } .search-suggestions-dropdown .suggestions-list li { padding: 3px 10px; color: #f5f5f5; cursor: pointer; font-size: 14px; font-family: "Open Sans", sans-serif; transition: background-color 0.2s ease; } .search-suggestions-dropdown .suggestions-list li a { display: block; color: #fff; } .search-suggestions-dropdown .suggestions-list li a:hover { text-decoration: none; } .search-suggestions-dropdown .suggestions-list li:hover { background-color: #272727; } .search-suggestions-dropdown::-webkit-scrollbar { display: none; } .search-suggestions-dropdown { scrollbar-width: none; -ms-overflow-style: none; } /* Miscellaneous */ .search-mobile-icon-wrapper { display: none; } .size-32 { width: 32px !important; height: 32px !important; } /* Responsive Adjustments */ @media screen and (max-width: 479px) { .ribbon-container { display: block; } .sub-nav { display: none; } } @media screen and (min-width: 480px) { .ribbon-container { display: none; } .sub-nav { display: block; } .account-navbar__toggler--mobile { display: none !important; } .search-mobile-container { display: none !important; } } @media screen and (max-width: 480px) { .nav { padding: 10px; } .account-navbar__toggler.btn { width: 32px; height: 32px; padding: 5px; margin-top: -3px; margin-bottom: 0; margin-left: auto; margin-right: 0; float: right; background-color: transparent; border: none; } .account-navbar__toggler--tablet { display: none !important; } .search-input-wrapper { display: none; } .nav-item { margin: 0; } .logo { position: absolute; left: 50%; transform: translateX(-50%); } .logo a, .logo img { height: 30px; } .search-mobile-icon-wrapper { margin-right: 15px; } .search-mobile-icon-wrapper, .search-mobile-icon { display: flex; } .search-mobile-navbar__toggler.btn { width: 32px; height: 32px; padding: 6px; margin-top: -8px; margin-bottom: 0; margin-left: auto; margin-right: 0; float: right; background-color: transparent; border: none; } .categories-dropdown-container, .a-z-dropdown-container, .a-z-websites-dropdown-container, .browse-dropdown-container { display: block; } .mega-menu-categories-item { width: 142px; height: 80px; } } @media screen and (max-width: 768px) { .mega-menu-alphabets { justify-content: space-between; } .mega-menu-alphabets-item { width: 35px; height: 35px; } .mega-menu-alphabets-item a { font-size: 14px; } } @media (max-width: 779px) { .ribbon-container-desktop { display: none; } } @media screen and (min-width: 1024px) { .account-dropdown-overlay, .account-dropdown__header { display: none !important; } .account-navbar__toggler--tablet { display: none !important; } .hamburger-dropdown__header { display: none !important; } .account-dropdown-overlay, .hamburger-dropdown-overlay { display: none !important; } } @media screen and (max-width: 1024px) { .account-dropdown { position: fixed; top: 0; right: 0; bottom: 0; left: auto; transform: translateX(100%); transition: transform 0.2s ease; margin-top: 0; border-radius: 0; padding: 5px; } .account-dropdown.account-dropdown--show { transform: translateX(0); display: block; } .account-dropdown__actions { justify-content: center; } .account-dropdown__header { display: flex; } .live-button, .location-bar { display: none !important; } .account-navbar__toggler--tablet { float: right !important; } .hamburger-dropdown { position: fixed; top: 0 !important; left: 0 !important; right: auto !important; bottom: 0 !important; width: 340px; transform: translateX(-100%); transition: transform .2s ease; margin-top: 0; border-radius: 0; } .hamburger-dropdown.hamburger-dropdown--show { transform: translateX(0); display: block; } .hamburger-dropdown__header { display: flex; } .hamburger-dropdown__menu { margin-top: 0; overflow-y: auto; max-height: 90dvh; scrollbar-width: none; -ms-overflow-style: none; } .hamburger-dropdown__menu::-webkit-scrollbar { display: none; } .hamburger-dropdown__menu-container { position: relative; } .sub-nav-item a { padding: 10px 20px; } .sub-nav-item.with-arrow a.ribbon-desktop-live-1::after, .sub-nav-item.with-arrow[data-mega-menu="categories"] a::after { content: "" !important; display: none !important; } } @media screen and (max-width: 1080px) { .account-dropdown { padding: 5px; border-radius: 0; } } @media screen and (min-width: 1300px) { .sub-nav-item.active a { border-bottom: 2px solid var(--primary-color); } } .az-music-banner-container { min-height: 37px; margin-bottom: 10px; } .az-music-banner-wrapper { text-align: center; display: flex; justify-content: center; margin-bottom: 7px; background-color: #212121; padding: 7px 20px; font-size: 14px; } .az-music-banner-wrapper p { margin-bottom: 0; margin-left: auto; } .az-music-banner-wrapper i { margin-right: 5px; color: #fff; opacity: 0.5; font-size: 16px; } .az-music-banner-wrapper a { color: var(--primary-color); text-decoration: none; } .az-music-banner-wrapper a:hover { text-decoration: underline; } .az-music-banner-close { line-height: 20px; margin-left: auto; cursor: pointer; } .az-music-banner-mobile-text-view { display: none; } @media(max-width: 945px) { .az-music-banner-wrapper { font-size: 12px; padding: 7px 10px; } .az-music-banner-wrapper i { font-size: 13px; } .az-music-banner-close { line-height: 16px; } .az-music-banner-mobile-text-view { display: inline; } .az-music-banner-desktop-text-view { display: none; } } /* NEW FOOTER! */ .footer-wrapper { background-color: #1a1a1a; color: #fff; font-family: "Open Sans", sans-serif; padding-top: 0; border-top: 1px solid #ffffff15; display: block !important; } .footer-top { max-width: 1400px; margin: 0 auto; padding: 30px 15px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px; } .footer-column { flex: 1; max-width: 330px; } .footer-column:nth-of-type(2), .footer-column:nth-of-type(3), .footer-column:nth-of-type(4) { text-align: center; } .footer-brand img { height: 30px; width: auto; display: block; margin-bottom: 15px; } .footer-column h5 { margin-bottom: 15px; font-size: 16px; color: #fff; font-weight: 600; font-family: "Open Sans", sans-serif; text-align: center; } .footer-column p { font-size: 14px; color: #fff; line-height: 1.5; margin: 10px 0 0 0; opacity: 0.5; font-family: "Open Sans", sans-serif; } .footer-column a { color: #fff; text-decoration: none; font-size: 14px; font-weight: 500; font-family: "Open Sans", sans-serif; } .footer-column a:hover { color: var(--primary-color); } .footer-column ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 7px; text-align: center; } .footer-combo { display: flex; gap: 20px; flex: 1; } .resources-section .resource-lists { display: flex; gap: 40px; justify-content: center; } .resources-section .resource-lists ul { margin: 0; } .footer-lower { background-color: #0f0f0f; border-top: 1px solid #ffffff15; padding: 20px 0; } .bottom-row { max-width: 1400px; margin: 0 auto; padding: 0 15px; display: flex; justify-content: space-between; align-items: center; } .footer-left .footer-social { list-style: none; padding: 0; margin: 0; display: flex; gap: 10px; } .footer-left .footer-social img { width: 20px; height: 20px; } .footer-right { display: flex; align-items: center; gap: 10px; } .footer-right span { font-size: 12px; color: #ccc; text-transform: uppercase; margin-top: 2px; font-family: "Open Sans", sans-serif; } @media (max-width: 768px) { .footer-top { flex-direction: column; align-items: center; } .footer-column p { display: none; } .footer-column { text-align: center; } .footer-brand img { margin-bottom: 0; } .footer-combo { flex-direction: row; justify-content: center; width: 100%; } .featured-list span { display: none; } } /* Trending Bar */ @media (max-width: 480px) { #trending { margin-top: 20px; } .trending { margin-top: -10px !important; margin-bottom: 0 !important; } #trending-scroll { width: calc(100% - 3px) !important; margin-bottom: -10px !important; } .h-scroll { display: none !important; } } .trending li a { font-size: 12px; padding: 5px 10px; border-radius: 25px !important; text-transform: lowercase !important; border: solid 2px #2f2f2f !important; font-family: inherit !important; } .trending li { margin-left: 0; flex: 0 0 auto; } .trending .random-links { flex-wrap: nowrap !important; overflow-x: auto !important; } #trending { background-color: #0f0f0f !important; padding-right: 0px; display: block !important; } #trending .container { padding-left: 0; padding-right: 0; } .random-links-div.trending { margin-top: 5px; margin-bottom: 20px; } .trending .random-links { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; height: unset !important; } .random-links .toggle-btn:hover { background-color: #272727 !important; } #trending-scroll::-webkit-scrollbar { height: 2px; } .h-scroll { display: block; width: 25px; height: 40px; float: left; margin-right: 10px; margin-left: 10px; } .h-scroll:hover i { color: var(--primary-color); } .h-scroll i { color: #ffffff; line-height: 27px; font-size: 20px; } #trending-scroll { width: calc(100% - 90px); margin-bottom: 20px; float: left; scroll-behavior: smooth; } /* Cookie Consent */ .cookie-bar { position: fixed; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.8); color: white; box-sizing: border-box; opacity: 0; transition: opacity 0.5s ease-in-out; z-index: 1000; } .cookie-bar.visible { opacity: 1; } .cookie-content { display: flex; justify-content: space-between; align-items: center; } .cookie-bar p { margin: 0; margin-left: 1em; font-size: 12px; opacity: 0.8; } .cookie-bar a { color: #fff; text-decoration: underline; transition: 0.1s ease-in-out; } .cookie-bar a:hover, .cookie-bar a:focus { opacity: 1; } .got-it-btn { background: var(--primary-color); color: #000; border: none; padding: 10px 20px; cursor: pointer; font-weight: 600; font-size: .9em; opacity: 0.8; transition: 0.1s ease-in-out; } .got-it-btn:hover, .got-it-btn:focus { opacity: 0.9; } @media (max-width: 768px) { .cookie-bar { padding-top: 10px; } .cookie-content { flex-direction: column; align-items: flex-start; } .got-it-btn { width: 100%; text-align: center; margin-top: 10px; padding: 5px 20px; } } .out_video { width: 100%; min-width: 200px; float: left; margin-bottom: 25px; } @media screen and (max-width: 480px), screen and (max-device-width: 480px){ .outszone_1 { display: none; } }