/* * Smarty - Multipurpose Template * ************************************************* */ /* COLOR SCHEME (choose from the list or use your own colors) #A94545 = red #AD5251 = dark red #A0CE4D = green #8ab933 = darker green #9DB667 = darkgreen #89a550 = darker darkgreen #3072e0 = blue #36a0da = darker kblue #1980B6 = darkblue #146794 = darker darkblue #AB8B64 = brown #987852 = darker brown #9E9E9E = lightgrey #828282 = darker lightgrey #F07057 = orange #ed5434 = darker orange #F73F69 = pink #f52151 = darker pink #EAA824 = yellow #db9b15 = darker yellow SECONDARY COLOR IS ALWAYS SLIGHTLY DARKER ************************************************* */ /* IMAGE PATH & BACKGROUNDS ************************************************* */ /* TYPOGRAPHY [defaults] ************************************************* */ /* FORCE REWRITE ALL WEB FONTS smarty/layout-font-rewrite.less NOTE: enable font rewrite on production.less file ************************************************* */ /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * 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; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } @font-face { font-family: 'Glyphicons Halflings'; src: url('../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'); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "\002a"; } .glyphicon-plus:before { content: "\002b"; } .glyphicon-euro:before, .glyphicon-eur:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .glyphicon-cd:before { content: "\e201"; } .glyphicon-save-file:before { content: "\e202"; } .glyphicon-open-file:before { content: "\e203"; } .glyphicon-level-up:before { content: "\e204"; } .glyphicon-copy:before { content: "\e205"; } .glyphicon-paste:before { content: "\e206"; } .glyphicon-alert:before { content: "\e209"; } .glyphicon-equalizer:before { content: "\e210"; } .glyphicon-king:before { content: "\e211"; } .glyphicon-queen:before { content: "\e212"; } .glyphicon-pawn:before { content: "\e213"; } .glyphicon-bishop:before { content: "\e214"; } .glyphicon-knight:before { content: "\e215"; } .glyphicon-baby-formula:before { content: "\e216"; } .glyphicon-tent:before { content: "\26fa"; } .glyphicon-blackboard:before { content: "\e218"; } .glyphicon-bed:before { content: "\e219"; } .glyphicon-apple:before { content: "\f8ff"; } .glyphicon-erase:before { content: "\e221"; } .glyphicon-hourglass:before { content: "\231b"; } .glyphicon-lamp:before { content: "\e223"; } .glyphicon-duplicate:before { content: "\e224"; } .glyphicon-piggy-bank:before { content: "\e225"; } .glyphicon-scissors:before { content: "\e226"; } .glyphicon-bitcoin:before { content: "\e227"; } .glyphicon-btc:before { content: "\e227"; } .glyphicon-xbt:before { content: "\e227"; } .glyphicon-yen:before { content: "\00a5"; } .glyphicon-jpy:before { content: "\00a5"; } .glyphicon-ruble:before { content: "\20bd"; } .glyphicon-rub:before { content: "\20bd"; } .glyphicon-scale:before { content: "\e230"; } .glyphicon-ice-lolly:before { content: "\e231"; } .glyphicon-ice-lolly-tasted:before { content: "\e232"; } .glyphicon-education:before { content: "\e233"; } .glyphicon-option-horizontal:before { content: "\e234"; } .glyphicon-option-vertical:before { content: "\e235"; } .glyphicon-menu-hamburger:before { content: "\e236"; } .glyphicon-modal-window:before { content: "\e237"; } .glyphicon-oil:before { content: "\e238"; } .glyphicon-grain:before { content: "\e239"; } .glyphicon-sunglasses:before { content: "\e240"; } .glyphicon-text-size:before { content: "\e241"; } .glyphicon-text-color:before { content: "\e242"; } .glyphicon-text-background:before { content: "\e243"; } .glyphicon-object-align-top:before { content: "\e244"; } .glyphicon-object-align-bottom:before { content: "\e245"; } .glyphicon-object-align-horizontal:before { content: "\e246"; } .glyphicon-object-align-left:before { content: "\e247"; } .glyphicon-object-align-vertical:before { content: "\e248"; } .glyphicon-object-align-right:before { content: "\e249"; } .glyphicon-triangle-right:before { content: "\e250"; } .glyphicon-triangle-left:before { content: "\e251"; } .glyphicon-triangle-bottom:before { content: "\e252"; } .glyphicon-triangle-top:before { content: "\e253"; } .glyphicon-console:before { content: "\e254"; } .glyphicon-superscript:before { content: "\e255"; } .glyphicon-subscript:before { content: "\e256"; } .glyphicon-menu-left:before { content: "\e257"; } .glyphicon-menu-right:before { content: "\e258"; } .glyphicon-menu-down:before { content: "\e259"; } .glyphicon-menu-up:before { content: "\e260"; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333333; background-color: #fff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #337ab7; text-decoration: none; } a:hover, a:focus { color: #23527c; text-decoration: underline; } a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: normal; line-height: 1; color: #777777; } h1, .h1, h2, .h2, h3, .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, .h4, h5, .h5, h6, .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: 768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } mark, .mark { background-color: #fcf8e3; padding: .2em; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777777; } .text-primary { color: #337ab7; } a.text-primary:hover, a.text-primary:focus { color: #286090; } .text-success { color: #3c763d; } a.text-success:hover, a.text-success:focus { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover, a.text-info:focus { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover, a.text-warning:focus { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover, a.text-danger:focus { color: #843534; } .bg-primary { color: #fff; background-color: #337ab7; } a.bg-primary:hover, a.bg-primary:focus { background-color: #286090; } .bg-success { background-color: #dff0d8; } a.bg-success:hover, a.bg-success:focus { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover, a.bg-info:focus { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover, a.bg-warning:focus { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover, a.bg-danger:focus { background-color: #e4b9b9; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dt, dd { line-height: 1.42857143; } dt { font-weight: bold; } dd { margin-left: 0; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777777; } .initialism { font-size: 90%; text-transform: uppercase; text-transform: uppercase !important; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eeeeee; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.42857143; color: #777777; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; text-align: right; } .blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before { content: ''; } .blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small: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; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; box-shadow: none; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; word-break: break-all; word-wrap: break-word; color: #333333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row { margin-left: -15px; margin-right: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-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 (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-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.66666667%; } .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: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .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: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-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: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-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: #777777; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { 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 > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*="col-"] { position: static; float: none; display: table-column; } table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .table-responsive { overflow-x: auto; min-height: 0.01%; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555555; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, 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, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control::-ms-expand { border: 0; background-color: transparent; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eeeeee; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 34px; } input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .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"] { line-height: 30px; } input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .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"] { line-height: 46px; } } .form-group { margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } .radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 34px; } .form-control-static.input-lg, .form-control-static.input-sm { padding-left: 0; padding-right: 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; } textarea.input-sm, select[multiple].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 textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.input-lg { height: 46px; line-height: 46px; } textarea.input-lg, select[multiple].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 textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.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; } .input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label ~ .form-control-feedback { top: 25px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; } .form-horizontal .form-group { margin-left: -15px; margin-right: -15px; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } } .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none; } .btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:focus, .btn-default.focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c; } .btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { 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:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #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:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { 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:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus { 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:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus { 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:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus { 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:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus { 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:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #985f0d; } .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus { 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:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c9302c; border-color: #761c19; } .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus { 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:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { color: #337ab7; font-weight: normal; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #23527c; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; outline: 0; background-color: #337ab7; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777777; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777777; white-space: nowrap; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { left: auto; right: 0; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret { 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-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { float: none; display: table-cell; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*="col-"] { float: none; padding-left: 0; padding-right: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group .form-control:focus { z-index: 3; } .input-group-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; } textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].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; } textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn { height: auto; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555555; text-align: center; background-color: #eeeeee; border: 1px solid #ccc; border-radius: 4px; } .input-group-addon.input-sm { 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="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } .nav > li.disabled > a { color: #777777; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777777; text-decoration: none; background-color: transparent; cursor: not-allowed; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee; border-color: #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: #eeeeee #eeeeee #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .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:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .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:hover, .nav-tabs.nav-justified > .active > a:focus { 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:hover, .nav-pills > li.active > a:focus { 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 { text-align: center; margin-bottom: 5px; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .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:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .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:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } @media (min-width: 768px) { .navbar { border-radius: 4px; } } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { overflow-x: visible; padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-left: 0; padding-right: 0; } } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; } @media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; } } .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; padding: 15px 15px; font-size: 18px; line-height: 20px; height: 50px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; margin-right: 15px; padding: 9px 10px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } .navbar-form { margin-left: -15px; margin-right: -15px; padding: 10px 15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); margin-top: 8px; margin-bottom: 8px; } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width: 768px) { .navbar-form { width: auto; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-btn.btn-sm { 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: 768px) { .navbar-text { float: left; margin-left: 15px; margin-right: 15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; float: left; } .navbar-right { float: right !important; float: right; margin-right: -15px; } .navbar-right ~ .navbar-right { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a { color: #777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #e7e7e7; color: #555; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #333; } .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus { color: #ccc; } .navbar-inverse { background-color: #222; border-color: #080808; } .navbar-inverse .navbar-brand { color: #9d9d9d; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background-color: #080808; color: #fff; } @media (max-width: 767px) { .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:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } } .navbar-inverse .navbar-link { color: #9d9d9d; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: #9d9d9d; } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: #fff; } .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444; } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { content: "/\00a0"; padding: 0 5px; color: #ccc; } .breadcrumb > .active { color: #777777; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; line-height: 1.42857143; text-decoration: none; color: #337ab7; background-color: #fff; border: 1px solid #ddd; margin-left: -1px; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { z-index: 2; color: #23527c; background-color: #eeeeee; border-color: #ddd; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 3; color: #fff; background-color: #337ab7; border-color: #337ab7; cursor: default; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777777; background-color: #fff; border-color: #ddd; cursor: not-allowed; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-bottom-right-radius: 6px; border-top-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; list-style: none; text-align: center; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eeeeee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #777777; background-color: #fff; cursor: not-allowed; } .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } a.label:hover, a.label:focus { color: #fff; text-decoration: none; cursor: pointer; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } .label-default { background-color: #777777; } .label-default[href]:hover, .label-default[href]:focus { background-color: #5e5e5e; } .label-primary { background-color: #337ab7; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #286090; } .label-success { background-color: #5cb85c; } .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; color: #fff; line-height: 1; vertical-align: middle; white-space: nowrap; text-align: center; background-color: #777777; border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-xs .badge, .btn-group-xs > .btn .badge { top: 0; padding: 1px 5px; } a.badge:hover, a.badge:focus { 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: #eeeeee; } .jumbotron h1, .jumbotron .h1 { color: inherit; } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; } .jumbotron > hr { border-top-color: #d5d5d5; } .container .jumbotron, .container-fluid .jumbotron { border-radius: 6px; padding-left: 15px; padding-right: 15px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron, .container-fluid .jumbotron { padding-left: 60px; padding-right: 60px; } .jumbotron h1, .jumbotron .h1 { font-size: 63px; } } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border 0.2s ease-in-out; -o-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out; } .thumbnail > img, .thumbnail a > img { margin-left: auto; margin-right: auto; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #337ab7; } .thumbnail .caption { padding: 9px; color: #333333; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { overflow: hidden; height: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress-bar { float: left; width: 0%; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #337ab7; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress-striped .progress-bar, .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; } .progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media, .media-body { zoom: 1; overflow: hidden; } .media-body { width: 10000px; } .media-object { display: block; } .media-object.img-thumbnail { max-width: none; } .media-right, .media > .pull-right { padding-left: 10px; } .media-left, .media > .pull-left { padding-right: 10px; } .media-left, .media-right, .media-body { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } .list-group { margin-bottom: 20px; padding-left: 0; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:first-child { border-top-right-radius: 4px; border-top-left-radius: 4px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } a.list-group-item, button.list-group-item { color: #555; } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus { text-decoration: none; color: #555; background-color: #f5f5f5; } button.list-group-item { width: 100%; text-align: left; } .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { background-color: #eeeeee; color: #777777; cursor: not-allowed; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { color: #777777; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: #fff; background-color: #337ab7; border-color: #337ab7; } .list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > .small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: #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:hover, button.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, button.list-group-item-success.active, a.list-group-item-success.active:hover, button.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active:focus { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info, button.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:hover, button.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, button.list-group-item-info.active, a.list-group-item-info.active:hover, button.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active:focus { color: #fff; background-color: #31708f; border-color: #31708f; } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning, button.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:hover, button.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:focus { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, button.list-group-item-warning.active, a.list-group-item-warning.active:hover, button.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active:focus { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #f2dede; } a.list-group-item-danger, button.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:hover, button.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:focus { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, button.list-group-item-danger.active, a.list-group-item-danger.active:hover, button.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active:focus { color: #fff; background-color: #a94442; border-color: #a94442; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { padding: 15px; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0; } .panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption { padding-left: 15px; padding-right: 15px; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .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 td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th: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 th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .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 td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th: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 th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .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 td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .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 td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { border: 0; margin-bottom: 0; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid #ddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #333333; background-color: #f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333333; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #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 iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-lg { padding: 24px; border-radius: 6px; } .well-sm { padding: 9px; border-radius: 3px; } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .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-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 12px; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: 0.9; filter: alpha(opacity=90); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { bottom: 0; right: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 14px; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { border-width: 10px; content: ""; } .popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; } .popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); } .popover.right > .arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff; } .popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; } .popover.bottom > .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left > .arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px; } .carousel { position: relative; } .carousel-inner { position: relative; overflow: hidden; width: 100%; } .carousel-inner > .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform 0.6s ease-in-out; -moz-transition: -moz-transform 0.6s ease-in-out; -o-transition: -o-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); left: 0; } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0; } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 15%; opacity: 0.5; filter: alpha(opacity=50); font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); background-color: rgba(0, 0, 0, 0); } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } .carousel-control.right { left: auto; right: 0; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } .carousel-control:hover, .carousel-control:focus { outline: 0; color: #fff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; margin-top: -10px; z-index: 5; display: inline-block; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; line-height: 1; font-family: serif; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #fff; border-radius: 10px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); } .carousel-indicators .active { margin: 0; width: 12px; height: 12px; background-color: #fff; } .carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -10px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px; } .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after { content: " "; display: table; } .clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-header:after, .modal-footer:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /* Bootstrap Core */ /** ************************************* ** @Author Dorin Grigoras @Website www.stepofweb.com @Last Update Tuesday, August 25, 2015 ~ ~ ~ UPDATE REASONS ~ ~ ~ DO NOT CHANGE ANYTHING HERE! REWRITE IN A CUSTOM CSS FILE IF REQUIRED! ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ NOTE: - Only minifying this file, 10% is reduced! - Using gzip or deflate compression via your .htaccess, this file will be reduced by 83% TABLE CONTENTS --------------------------- 01. Resets 02. Headings 03. Placeholder 04. Commons 05. Progress Bars & Pie Charts 06. Dropcap 07. Table 08. Nav Pills 09. Blockquotes [shortcode] 10. Background Patterns 11. Colors [v2.0.0] 12. Magnific Popup [v1.0.0] 13. OWL Carousel [v1.3.3 & v2.2.1] 14. Animate [v3.5.1] 15. Fontawesome [v4.7.0] 16. Et-Line & Font Icons [v0.0.0] 17. Social Icons 18. Buttons [shortcode] 19. Counters & Countdown [shortcode] 20. Clients [shortcode] 21. Alerts [shortcode] 22. Dividers [shortcode] 23. Headings [shortcode] 24. Word Rotator [shortcode] 25. Icon Boxes [shortcode] 26. Labels & Badges [shortcode] 27. Lightbox Ajax [shortcode] 28. Panels [shortcode] 29. Modals [shortcode] 30. Toastr [shortcode] 31. Navigations [shortcode] 32. Paginations [shortcode] 33. Tables [shortcode] 34. Callouts [shortcode] 35. Process Steps [shortcode] 36. Price Table [shortcode] 37. Styled Icons [shortcode] 38. Pickers [plugins] 39. Select2 [plugin] 40. Tabs [shortcode] 41. Toggles & Accordions [shortcode] 42. Box Shadow [shortcode] 43. Testimonials [shortcode] 44. Flexslider [plugin] 45. Widgets [plugin] 46. Side Nav 47. Star Rating 48. Image Zoom [plugin] 49. Forms 50. Sky Form [plugin] 51. Summernote [HTML EDITOR] 52. Markdown [HTML EDITOR] 53. Bootstrap 4 Elements [will be removed on BS4 final release] --------------------------- ** ************************************* **/ /** 01. Resets *************************************************** **/ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } ::selection { color: #fff; text-shadow: none; background: #333; } ::-moz-selection { color: #fff; text-shadow: none; background: #333; /* Firefox */ } ::-webkit-selection { color: #fff; text-shadow: none; background: #333; /* Safari */ } button { background: none; border: 0; margin: 0; padding: 0; cursor: pointer; } img { border: 0; vertical-align: top; } input:-webkit-autofill { color: #ffffff !important; } textarea { resize: none; } textarea, input, button, *:focus { outline: none !important; } textarea { resize: vertical; } select { border: 2px solid #E5E7E9; height: 46px; padding: 12px; outline: none; line-height: 1 !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } label { font-weight: 400; } iframe, fieldset { border: 0; margin: 0; padding: 0; } audio, canvas, img, video { vertical-align: middle; } p { display: block; -webkit-margin-before: 0.1em; -webkit-margin-after: 0.1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; } a { -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } a, a:focus, a:hover, a:active { outline: 0; cursor: pointer; } p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form { margin-bottom: 30px; } canvas { width: 100% !important; /* max-width: 800px; causes panorama gmap problems */ height: auto !important; } :active, :focus { outline: none !important; } select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus { outline: 0 none; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; } pre { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } section.dark pre { color: #ccc; border-color: rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.2); } img.img-responsive { display: inline-block; } /* IE & Mozilla fix */ div.row > div img.img-responsive { width: 100%; } /** 02. Headings **************************************************************** **/ h1, h2, h3, h4, h5, h6 { font-family: 'Raleway', 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 600; color: #414141; margin: 30px; line-height: 1.5; -webkit-font-smoothing: antialiased; } h1 { font-size: 36px; margin: 0 0 44px 0; } h2 { font-size: 30px; margin: 0 0 32px 0; } h3 { font-size: 24px; letter-spacing: normal; margin: 0 0 32px 0; } h4 { font-size: 18px; letter-spacing: normal; margin: 0 0 14px 0; } h5 { font-size: 14px; letter-spacing: normal; margin: 0 0 20px 0; } h6 { font-size: 12px; letter-spacing: normal; margin: 0 0 20px 0; } h1 > span, h2 > span, h3 > span, h4 > span, h5 > span, h6 > span { color: #1ABC9C; } /** 03. Placeholder *************************************************** **/ ::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; } /** 04. Commons Quick Positioning and Styling **************************************************************** **/ /* font size */ .fs-10 { font-size: 10px !important; } .fs-11 { font-size: 11px !important; } .fs-12 { font-size: 12px !important; } .fs-13 { font-size: 13px !important; } .fs-14 { font-size: 14px !important; } .fs-15 { font-size: 15px !important; } .fs-16 { font-size: 16px !important; } .fs-17 { font-size: 17px !important; } .fs-18 { font-size: 18px !important; } .fs-19 { font-size: 19px !important; } .fs-20 { font-size: 20px !important; } .fs-21 { font-size: 21px !important; } .fs-22 { font-size: 22px !important; } .fs-23 { font-size: 23px !important; } .fs-24 { font-size: 24px !important; } .fs-25 { font-size: 25px !important; } .fs-30 { font-size: 30px !important; } .fs-35 { font-size: 35px !important; } .fs-40 { font-size: 40px !important; } .fs-45 { font-size: 45px !important; } .fs-50 { font-size: 50px !important; } .fs-55 { font-size: 55px !important; } .fs-60 { font-size: 60px !important; } .fs-65 { font-size: 65px !important; } .fs-70 { font-size: 70px !important; } .fs-75 { font-size: 75px !important; } .fs-80 { font-size: 80px !important; } .fs-90 { font-size: 90px !important; } .fs-100 { font-size: 100px !important; } .fs-120 { font-size: 120px !important; } .fs-130 { font-size: 130px !important; } .fs-140 { font-size: 140px !important; } .fs-150 { font-size: 150px !important; } .fs-200 { font-size: 200px !important; } /* font weight */ .fw-100 { font-weight: 100 !important; } .fw-200 { font-weight: 200 !important; } .fw-300 { font-weight: 300 !important; } .fw-400 { font-weight: 400 !important; } .fw-500 { font-weight: 500 !important; } .fw-600 { font-weight: 600 !important; } .fw-700 { font-weight: 700 !important; } .fw-800 { font-weight: 800 !important; } /* margins */ .mb-0 { margin-bottom: 0px !important; } .mb-1 { margin-bottom: 1px !important; } .mb-2 { margin-bottom: 2px !important; } .mb-3 { margin-bottom: 3px !important; } .mb-4 { margin-bottom: 4px !important; } .mb-5 { margin-bottom: 5px !important; } .mb-6 { margin-bottom: 6px !important; } .mb-7 { margin-bottom: 7px !important; } .mb-8 { margin-bottom: 8px !important; } .mb-9 { margin-bottom: 9px !important; } .mb-10 { margin-bottom: 10px !important; } .mb-12 { margin-bottom: 12px !important; } .mb-15 { margin-bottom: 15px !important; } .mb-18 { margin-bottom: 18px !important; } .mb-20 { margin-bottom: 20px !important; } .mb-25 { margin-bottom: 20px !important; } .mb-30 { margin-bottom: 30px !important; } .mb-35 { margin-bottom: 35px !important; } .mb-40 { margin-bottom: 40px !important; } .mb-45 { margin-bottom: 45px !important; } .mb-50 { margin-bottom: 50px !important; } .mb-60 { margin-bottom: 60px !important; } .mb-70 { margin-bottom: 70px !important; } .mb-80 { margin-bottom: 80px !important; } .mb-90 { margin-bottom: 90px !important; } .mb-100 { margin-bottom: 100px !important; } .mb-110 { margin-bottom: 110px !important; } .mb-120 { margin-bottom: 120px !important; } .mb-130 { margin-bottom: 130px !important; } .mb-140 { margin-bottom: 140px !important; } .mb-150 { margin-bottom: 150px !important; } .mb-200 { margin-bottom: 200px !important; } .mt-0 { margin-top: 0px !important; } .mt-1 { margin-top: 1px !important; } .mt-2 { margin-top: 2px !important; } .mt-3 { margin-top: 3px !important; } .mt-4 { margin-top: 4px !important; } .mt-5 { margin-top: 5px !important; } .mt-6 { margin-top: 6px !important; } .mt-7 { margin-top: 7px !important; } .mt-8 { margin-top: 8px !important; } .mt-9 { margin-top: 9px !important; } .mt-10 { margin-top: 10px !important; } .mt-12 { margin-top: 12px !important; } .mt-15 { margin-top: 15px !important; } .mt-18 { margin-top: 18px !important; } .mt-20 { margin-top: 20px !important; } .mt-25 { margin-top: 20px !important; } .mt-30 { margin-top: 30px !important; } .mt-35 { margin-top: 35px !important; } .mt-40 { margin-top: 40px !important; } .mt-45 { margin-top: 45px !important; } .mt-50 { margin-top: 50px !important; } .mt-60 { margin-top: 60px !important; } .mt-70 { margin-top: 70px !important; } .mt-80 { margin-top: 80px !important; } .mt-90 { margin-top: 90px !important; } .mt-100 { margin-top: 100px !important; } .mt-110 { margin-top: 110px !important; } .mt-120 { margin-top: 120px !important; } .mt-130 { margin-top: 130px !important; } .mt-140 { margin-top: 140px !important; } .mt-150 { margin-top: 150px !important; } .mt-200 { margin-top: 200px !important; } .ml-0 { margin-left: 0px !important; } .ml-1 { margin-left: 1px !important; } .ml-2 { margin-left: 2px !important; } .ml-3 { margin-left: 3px !important; } .ml-4 { margin-left: 4px !important; } .ml-5 { margin-left: 5px !important; } .ml-6 { margin-left: 6px !important; } .ml-7 { margin-left: 7px !important; } .ml-8 { margin-left: 8px !important; } .ml-9 { margin-left: 9px !important; } .ml-10 { margin-left: 10px !important; } .ml-12 { margin-left: 12px !important; } .ml-15 { margin-left: 15px !important; } .ml-18 { margin-left: 18px !important; } .ml-20 { margin-left: 20px !important; } .ml-25 { margin-left: 20px !important; } .ml-30 { margin-left: 30px !important; } .ml-35 { margin-left: 35px !important; } .ml-40 { margin-left: 40px !important; } .ml-45 { margin-left: 45px !important; } .ml-50 { margin-left: 50px !important; } .ml-60 { margin-left: 60px !important; } .ml-70 { margin-left: 70px !important; } .ml-80 { margin-left: 80px !important; } .ml-90 { margin-left: 90px !important; } .ml-100 { margin-left: 100px !important; } .ml-110 { margin-left: 110px !important; } .ml-120 { margin-left: 120px !important; } .ml-130 { margin-left: 130px !important; } .ml-140 { margin-left: 140px !important; } .ml-150 { margin-left: 150px !important; } .ml-200 { margin-left: 200px !important; } .mr-0 { margin-right: 0px !important; } .mr-1 { margin-right: 1px !important; } .mr-2 { margin-right: 2px !important; } .mr-3 { margin-right: 3px !important; } .mr-4 { margin-right: 4px !important; } .mr-5 { margin-right: 5px !important; } .mr-6 { margin-right: 6px !important; } .mr-7 { margin-right: 7px !important; } .mr-8 { margin-right: 8px !important; } .mr-9 { margin-right: 9px !important; } .mr-10 { margin-right: 10px !important; } .mr-12 { margin-right: 12px !important; } .mr-15 { margin-right: 15px !important; } .mr-18 { margin-right: 18px !important; } .mr-20 { margin-right: 20px !important; } .mr-25 { margin-right: 20px !important; } .mr-30 { margin-right: 30px !important; } .mr-35 { margin-right: 35px !important; } .mr-40 { margin-right: 40px !important; } .mr-45 { margin-right: 45px !important; } .mr-50 { margin-right: 50px !important; } .mr-60 { margin-right: 60px !important; } .mr-70 { margin-right: 70px !important; } .mr-80 { margin-right: 80px !important; } .mr-90 { margin-right: 90px !important; } .mr-100 { margin-right: 100px !important; } .mr-110 { margin-right: 110px !important; } .mr-120 { margin-right: 120px !important; } .mr-130 { margin-right: 130px !important; } .mr-140 { margin-right: 140px !important; } .mr-150 { margin-right: 150px !important; } .mr-200 { margin-right: 200px !important; } .m-0 { margin: 0px !important; } .m-1 { margin: 1px !important; } .m-2 { margin: 2px !important; } .m-3 { margin: 3px !important; } .m-4 { margin: 4px !important; } .m-5 { margin: 5px !important; } .m-6 { margin: 6px !important; } .m-7 { margin: 7px !important; } .m-8 { margin: 8px !important; } .m-9 { margin: 9px !important; } .m-10 { margin: 10px !important; } .m-12 { margin: 12px !important; } .m-15 { margin: 15px !important; } .m-18 { margin: 18px !important; } .m-20 { margin: 20px !important; } .m-25 { margin: 20px !important; } .m-30 { margin: 30px !important; } .m-35 { margin: 35px !important; } .m-40 { margin: 40px !important; } .m-45 { margin: 45px !important; } .m-50 { margin: 50px !important; } .m-60 { margin: 60px !important; } .m-70 { margin: 70px !important; } .m-80 { margin: 80px !important; } .m-90 { margin: 90px !important; } .m-100 { margin: 100px !important; } .m-110 { margin: 110px !important; } .m-120 { margin: 120px !important; } .m-130 { margin: 130px !important; } .m-140 { margin: 140px !important; } .m-150 { margin: 150px !important; } .m-200 { margin: 200px !important; } /* paddings */ .pb-0 { padding-bottom: 0px !important; } .pb-1 { padding-bottom: 1px !important; } .pb-2 { padding-bottom: 2px !important; } .pb-3 { padding-bottom: 3px !important; } .pb-4 { padding-bottom: 4px !important; } .pb-5 { padding-bottom: 5px !important; } .pb-6 { padding-bottom: 6px !important; } .pb-7 { padding-bottom: 7px !important; } .pb-8 { padding-bottom: 8px !important; } .pb-9 { padding-bottom: 9px !important; } .pb-10 { padding-bottom: 10px !important; } .pb-12 { padding-bottom: 12px !important; } .pb-15 { padding-bottom: 15px !important; } .pb-18 { padding-bottom: 18px !important; } .pb-20 { padding-bottom: 20px !important; } .pb-25 { padding-bottom: 20px !important; } .pb-30 { padding-bottom: 30px !important; } .pb-35 { padding-bottom: 35px !important; } .pb-40 { padding-bottom: 40px !important; } .pb-45 { padding-bottom: 45px !important; } .pb-50 { padding-bottom: 50px !important; } .pb-60 { padding-bottom: 60px !important; } .pb-70 { padding-bottom: 70px !important; } .pb-80 { padding-bottom: 80px !important; } .pb-90 { padding-bottom: 90px !important; } .pb-100 { padding-bottom: 100px !important; } .pb-110 { padding-bottom: 110px !important; } .pb-120 { padding-bottom: 120px !important; } .pb-130 { padding-bottom: 130px !important; } .pb-140 { padding-bottom: 140px !important; } .pb-150 { padding-bottom: 150px !important; } .pb-200 { padding-bottom: 200px !important; } .pt-0 { padding-top: 0px !important; } .pt-1 { padding-top: 1px !important; } .pt-2 { padding-top: 2px !important; } .pt-3 { padding-top: 3px !important; } .pt-4 { padding-top: 4px !important; } .pt-5 { padding-top: 5px !important; } .pt-6 { padding-top: 6px !important; } .pt-7 { padding-top: 7px !important; } .pt-8 { padding-top: 8px !important; } .pt-9 { padding-top: 9px !important; } .pt-10 { padding-top: 10px !important; } .pt-12 { padding-top: 12px !important; } .pt-15 { padding-top: 15px !important; } .pt-18 { padding-top: 18px !important; } .pt-20 { padding-top: 20px !important; } .pt-25 { padding-top: 20px !important; } .pt-30 { padding-top: 30px !important; } .pt-35 { padding-top: 35px !important; } .pt-40 { padding-top: 40px !important; } .pt-45 { padding-top: 45px !important; } .pt-50 { padding-top: 50px !important; } .pt-60 { padding-top: 60px !important; } .pt-70 { padding-top: 70px !important; } .pt-80 { padding-top: 80px !important; } .pt-90 { padding-top: 90px !important; } .pt-100 { padding-top: 100px !important; } .pt-110 { padding-top: 110px !important; } .pt-120 { padding-top: 120px !important; } .pt-130 { padding-top: 130px !important; } .pt-140 { padding-top: 140px !important; } .pt-150 { padding-top: 150px !important; } .pt-200 { padding-top: 200px !important; } .pl-0 { padding-left: 0px !important; } .pl-1 { padding-left: 1px !important; } .pl-2 { padding-left: 2px !important; } .pl-3 { padding-left: 3px !important; } .pl-4 { padding-left: 4px !important; } .pl-5 { padding-left: 5px !important; } .pl-6 { padding-left: 6px !important; } .pl-7 { padding-left: 7px !important; } .pl-8 { padding-left: 8px !important; } .pl-9 { padding-left: 9px !important; } .pl-10 { padding-left: 10px !important; } .pl-12 { padding-left: 12px !important; } .pl-15 { padding-left: 15px !important; } .pl-18 { padding-left: 18px !important; } .pl-20 { padding-left: 20px !important; } .pl-25 { padding-left: 20px !important; } .pl-30 { padding-left: 30px !important; } .pl-35 { padding-left: 35px !important; } .pl-40 { padding-left: 40px !important; } .pl-45 { padding-left: 45px !important; } .pl-50 { padding-left: 50px !important; } .pl-60 { padding-left: 60px !important; } .pl-70 { padding-left: 70px !important; } .pl-80 { padding-left: 80px !important; } .pl-90 { padding-left: 90px !important; } .pl-100 { padding-left: 100px !important; } .pl-110 { padding-left: 110px !important; } .pl-120 { padding-left: 120px !important; } .pl-130 { padding-left: 130px !important; } .pl-140 { padding-left: 140px !important; } .pl-150 { padding-left: 150px !important; } .pl-200 { padding-left: 200px !important; } .pr-0 { padding-right: 0px !important; } .pr-1 { padding-right: 1px !important; } .pr-2 { padding-right: 2px !important; } .pr-3 { padding-right: 3px !important; } .pr-4 { padding-right: 4px !important; } .pr-5 { padding-right: 5px !important; } .pr-6 { padding-right: 6px !important; } .pr-7 { padding-right: 7px !important; } .pr-8 { padding-right: 8px !important; } .pr-9 { padding-right: 9px !important; } .pr-10 { padding-right: 10px !important; } .pr-12 { padding-right: 12px !important; } .pr-15 { padding-right: 15px !important; } .pr-18 { padding-right: 18px !important; } .pr-20 { padding-right: 20px !important; } .pr-25 { padding-right: 20px !important; } .pr-30 { padding-right: 30px !important; } .pr-35 { padding-right: 35px !important; } .pr-40 { padding-right: 40px !important; } .pr-45 { padding-right: 45px !important; } .pr-50 { padding-right: 50px !important; } .pr-60 { padding-right: 60px !important; } .pr-70 { padding-right: 70px !important; } .pr-80 { padding-right: 80px !important; } .pr-90 { padding-right: 90px !important; } .pr-100 { padding-right: 100px !important; } .pr-110 { padding-right: 110px !important; } .pr-120 { padding-right: 120px !important; } .pr-130 { padding-right: 130px !important; } .pr-140 { padding-right: 140px !important; } .pr-150 { padding-right: 150px !important; } .pr-200 { padding-right: 200px !important; } .p-0 { padding: 0px !important; } .p-1 { padding: 1px !important; } .p-2 { padding: 2px !important; } .p-3 { padding: 3px !important; } .p-4 { padding: 4px !important; } .p-5 { padding: 5px !important; } .p-6 { padding: 6px !important; } .p-7 { padding: 7px !important; } .p-8 { padding: 8px !important; } .p-9 { padding: 9px !important; } .p-10 { padding: 10px !important; } .p-12 { padding: 12px !important; } .p-15 { padding: 15px !important; } .p-18 { padding: 18px !important; } .p-20 { padding: 20px !important; } .p-25 { padding: 20px !important; } .p-30 { padding: 30px !important; } .p-35 { padding: 35px !important; } .p-40 { padding: 40px !important; } .p-45 { padding: 45px !important; } .p-50 { padding: 50px !important; } .p-60 { padding: 60px !important; } .p-70 { padding: 70px !important; } .p-80 { padding: 80px !important; } .p-90 { padding: 90px !important; } .p-100 { padding: 100px !important; } .p-110 { padding: 110px !important; } .p-120 { padding: 120px !important; } .p-130 { padding: 130px !important; } .p-140 { padding: 140px !important; } .p-150 { padding: 150px !important; } .p-200 { padding: 200px !important; } /* borders */ .b-0 { border: 0 !important; } .bb-0 { border-bottom: 0 !important; } .bt-0 { border-top: 0 !important; } .bl-0 { border-left: 0 !important; } .br-0 { border-right: 0 !important; } .bw-0 { border-width: 0px !important; } .bw-1 { border-width: 1px !important; } .bw-2 { border-width: 2px !important; } .bw-3 { border-width: 3px !important; } .bw-4 { border-width: 4px !important; } .bw-5 { border-width: 5px !important; } /* width */ .w-10 { width: 10px !important; } .w-20 { width: 20px !important; } .w-30 { width: 30px !important; } .w-40 { width: 40px !important; } .w-50 { width: 50px !important; } .w-60 { width: 60px !important; } .w-70 { width: 70px !important; } .w-80 { width: 80px !important; } .w-90 { width: 90px !important; } .w-100 { width: 100px !important; } .w-110 { width: 110px !important; } .w-120 { width: 120px !important; } .w-130 { width: 130px !important; } .w-140 { width: 140px !important; } .w-150 { width: 150px !important; } .w-200 { width: 200px !important; } .w-250 { width: 250px !important; } .w-300 { width: 300px !important; } .w-350 { width: 350px !important; } .w-400 { width: 400px !important; } .w-450 { width: 450px !important; } .w-500 { width: 500px !important; } .w-550 { width: 550px !important; } .w-600 { width: 600px !important; } .w-650 { width: 650px !important; } .w-700 { width: 700px !important; } .w-750 { width: 750px !important; } .w-800 { width: 800px !important; } /* width percent */ .w-100p { width: 100% !important; } .w-50p { width: 50% !important; } .w-33p { width: 33% !important; } .w-25p { width: 25% !important; } .w-20p { width: 20% !important; } .w-10p { width: 10% !important; } /* height */ .h-10 { height: 10px !important; } .h-20 { height: 20px !important; } .h-30 { height: 30px !important; } .h-40 { height: 40px !important; } .h-50 { height: 50px !important; } .h-60 { height: 60px !important; } .h-70 { height: 70px !important; } .h-80 { height: 80px !important; } .h-90 { height: 90px !important; } .h-100 { height: 100px !important; } .h-110 { height: 110px !important; } .h-120 { height: 120px !important; } .h-130 { height: 130px !important; } .h-140 { height: 140px !important; } .h-150 { height: 150px !important; } .h-200 { height: 200px !important; } .h-250 { height: 250px !important; } .h-300 { height: 300px !important; } .h-350 { height: 350px !important; } .h-400 { height: 400px !important; } .h-450 { height: 450px !important; } .h-500 { height: 500px !important; } .h-550 { height: 550px !important; } .h-600 { height: 600px !important; } .h-650 { height: 650px !important; } .h-700 { height: 700px !important; } .h-750 { height: 750px !important; } .h-800 { height: 800px !important; } /* height percent */ .h-100p { height: 100vh !important; } .h-50p { height: 50vh !important; } .h-33p { height: 33vh !important; } .h-25p { height: 25vh !important; } .h-20p { height: 20vh !important; } .h-10p { height: 10vh !important; } /* radius */ .r-0 { -webkit-border-radius: 0 !important; border-radius: 0 !important; } .rtl-0 { /* radius top left */ -webkit-border-top-left-radius: 0 !important; border-top-left-radius: 0 !important; } .rtr-0 { /* radius top right */ -webkit-border-top-right-radius: 0 !important; border-top-right-radius: 0 !important; } .rbl-0 { /* radius bottom left */ -webkit-border-bottom-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rbr-0 { /* radius bottom right */ -webkit-border-bottom-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } /* mobile */ @media only screen and (max-width: 768px) { .block-xs { display: block !important; float: none !important; } .pl-xs-0 { padding-left: 0 !important; } .pr-xs-0 { padding-right: 0 !important; } .pt-xs-0 { padding-top: 0 !important; } .pb-xs-0 { padding-bottom: 0 !important; } .p-xs-0 { padding: 0 !important; } .ml-xs-0 { margin-left: 0 !important; } .mr-xs-0 { margin-right: 0 !important; } .mt-xs-0 { margin-top: 0 !important; } .mb-xs-0 { margin-bottom: 0 !important; } .m-xs-0 { margin: 0 !important; } .r-xs-0 { -webkit-border-radius: 0 !important; border-radius: 0 !important; } } /** ****************** **/ /* utils - will be removed in the future */ .size-11 { font-size: 11px !important; line-height: 15px !important; } .size-12 { font-size: 12px !important; line-height: 16px !important; } .size-13 { font-size: 13px !important; line-height: 17px !important; } .size-14 { font-size: 14px !important; line-height: 18px !important; } .size-15 { font-size: 15px !important; line-height: 19px !important; } .size-16 { font-size: 16px !important; line-height: 20px !important; } .size-17 { font-size: 17px !important; line-height: 23px !important; } .size-18 { font-size: 18px !important; line-height: 24px !important; } .size-19 { font-size: 19px !important; line-height: 25px !important; } .size-20 { font-size: 20px !important; line-height: 26px !important; } .size-25 { font-size: 25px !important; line-height: 30px !important; } .size-30 { font-size: 30px !important; line-height: 36px !important; } .size-40 { font-size: 40px !important; line-height: 46px !important; } .size-50 { font-size: 50px !important; line-height: 56px !important; } .size-60 { font-size: 60px !important; line-height: 66px !important; } .size-70 { font-size: 70px !important; line-height: 76px !important; } .size-80 { font-size: 80px !important; line-height: 86px !important; } .size-90 { font-size: 90px !important; line-height: 96px !important; } .size-100 { font-size: 100px !important; line-height: 106px !important; } .size-150 { font-size: 150px !important; line-height: 166px !important; } .size-200 { font-size: 200px !important; line-height: 216px !important; } .weight-300 { font-weight: 300 !important; } .weight-400 { font-weight: 400 !important; } .weight-500 { font-weight: 500 !important; } .weight-600 { font-weight: 600 !important; } .weight-700 { font-weight: 700 !important; } .weight-800 { font-weight: 800 !important; } .width-10 { width: 10px !important; } .width-20 { width: 20px !important; } .width-30 { width: 30px !important; } .width-40 { width: 40px !important; } .width-50 { width: 50px !important; } .width-100 { width: 100px !important; } .width-150 { width: 150px !important; } .width-200 { width: 200px !important; } .width-250 { width: 250px !important; } .width-300 { width: 300px !important; } .width-350 { width: 350px !important; } .width-400 { width: 400px !important; } .width-450 { width: 450px !important; } .width-500 { width: 500px !important; } .width-550 { width: 550px !important; } .width-600 { width: 600px !important; } .width-650 { width: 650px !important; } .width-700 { width: 700px !important; } .width-750 { width: 750px !important; } .width-800 { width: 800px !important; } .height-10 { height: 10px !important; } .height-20 { height: 20px !important; } .height-30 { height: 30px !important; } .height-50 { height: 50px !important; } .height-100 { height: 100px !important; } .height-150 { height: 150px !important; } .height-200 { height: 200px !important; } .height-250 { height: 250px !important; } .height-300 { height: 300px !important; } .height-350 { height: 350px !important; } .height-400 { height: 400px !important; } .height-450 { height: 450px !important; } .height-500 { height: 500px !important; } .height-550 { height: 550px !important; } .height-600 { height: 600px !important; } .height-650 { height: 650px !important; } .height-700 { height: 700px !important; } .height-750 { height: 750px !important; } .height-800 { height: 800px !important; } .padding-0 { padding: 0 !important; } .padding-3 { padding: 3px !important; } .padding-6 { padding: 6px !important; } .padding-8 { padding: 8px !important; } .padding-10 { padding: 10px !important; } .padding-15 { padding: 15px !important; } .padding-20 { padding: 20px !important; } .padding-30 { padding: 30px !important; } .padding-40 { padding: 40px !important; } .padding-50 { padding: 50px !important; } .padding-60 { padding: 60px !important; } .padding-70 { padding: 70px !important; } .padding-80 { padding: 80px !important; } .padding-90 { padding: 90px !important; } .padding-100 { padding: 100px !important; } .padding-top-0 { padding-top: 0 !important; } .padding-top-10 { padding-top: 10px !important; } .padding-top-15 { padding-top: 15px !important; } .padding-top-20 { padding-top: 20px !important; } .padding-top-30 { padding-top: 30px !important; } .padding-top-40 { padding-top: 40px !important; } .padding-top-50 { padding-top: 50px !important; } .padding-top-60 { padding-top: 60px !important; } .padding-top-80 { padding-top: 80px !important; } .padding-top-100 { padding-top: 100px !important; } .padding-top-130 { padding-top: 130px !important; } .padding-top-150 { padding-top: 150px !important; } .padding-top-180 { padding-top: 180px !important; } .padding-top-200 { padding-top: 200px !important; } .padding-bottom-0 { padding-bottom: 0 !important; } .padding-bottom-10 { padding-bottom: 10px !important; } .padding-bottom-15 { padding-bottom: 15px !important; } .padding-bottom-20 { padding-bottom: 20px !important; } .padding-bottom-30 { padding-bottom: 30px !important; } .padding-bottom-40 { padding-bottom: 40px !important; } .padding-bottom-50 { padding-bottom: 50px !important; } .padding-bottom-60 { padding-bottom: 60px !important; } .padding-bottom-80 { padding-bottom: 80px !important; } .padding-bottom-100 { padding-bottom: 100px !important; } .padding-bottom-130 { padding-bottom: 130px !important; } .padding-bottom-150 { padding-bottom: 150px !important; } .padding-bottom-180 { padding-bottom: 180px !important; } .padding-bottom-200 { padding-bottom: 200px !important; } .margin-top-0 { margin-top: 0 !important; } .margin-top-1 { margin-top: 1px !important; } .margin-top-2 { margin-top: 2px !important; } .margin-top-3 { margin-top: 3px !important; } .margin-top-6 { margin-top: 6px !important; } .margin-top-8 { margin-top: 8px !important; } .margin-top-10 { margin-top: 10px !important; } .margin-top-20 { margin-top: 20px !important; } .margin-top-30 { margin-top: 30px !important; } .margin-top-40 { margin-top: 40px !important; } .margin-top-50 { margin-top: 50px !important; } .margin-top-60 { margin-top: 60px !important; } .margin-top-80 { margin-top: 80px !important; } .margin-top-100 { margin-top: 100px !important; } .margin-top-130 { margin-top: 130px !important; } .margin-top-150 { margin-top: 150px !important; } .margin-top-180 { margin-top: 180px !important; } .margin-top-200 { margin-top: 200px !important; } .margin-bottom-0 { margin-bottom: 0 !important; } .margin-bottom-1 { margin-bottom: 1px !important; } .margin-bottom-2 { margin-bottom: 2px !important; } .margin-bottom-3 { margin-bottom: 3px !important; } .margin-bottom-6 { margin-bottom: 6px !important; } .margin-bottom-8 { margin-bottom: 8px !important; } .margin-bottom-10 { margin-bottom: 10px !important; } .margin-bottom-20 { margin-bottom: 20px !important; } .margin-bottom-30 { margin-bottom: 30px !important; } .margin-bottom-40 { margin-bottom: 40px !important; } .margin-bottom-50 { margin-bottom: 50px !important; } .margin-bottom-60 { margin-bottom: 60px !important; } .margin-bottom-80 { margin-bottom: 80px !important; } .margin-bottom-100 { margin-bottom: 100px !important; } .margin-bottom-130 { margin-bottom: 130px !important; } .margin-bottom-150 { margin-bottom: 150px !important; } .margin-bottom-180 { margin-bottom: 180px !important; } .margin-bottom-200 { margin-bottom: 200px !important; } .margin-left-0 { margin-left: 0 !important; } .margin-left-3 { margin-left: 3px !important; } .margin-left-6 { margin-left: 6px !important; } .margin-left-8 { margin-left: 8px !important; } .margin-left-10 { margin-left: 10px !important; } .margin-left-15 { margin-left: 15px !important; } .margin-left-20 { margin-left: 20px !important; } .margin-left-30 { margin-left: 30px !important; } .margin-left-40 { margin-left: 40px !important; } .margin-left-50 { margin-left: 50px !important; } .margin-left-60 { margin-left: 60px !important; } .margin-left-80 { margin-left: 80px !important; } .margin-left-100 { margin-left: 100px !important; } .margin-left-130 { margin-left: 130px !important; } .margin-left-150 { margin-left: 150px !important; } .margin-left-180 { margin-left: 180px !important; } .margin-left-200 { margin-left: 200px !important; } .margin-left-250 { margin-left: 250px !important; } .margin-left-300 { margin-left: 300px !important; } .margin-right-0 { margin-right: 0 !important; } .margin-right-3 { margin-right: 3px !important; } .margin-right-6 { margin-right: 6px !important; } .margin-right-8 { margin-right: 8px !important; } .margin-right-10 { margin-right: 10px !important; } .margin-right-15 { margin-right: 15px !important; } .margin-right-20 { margin-right: 20px !important; } .margin-right-30 { margin-right: 30px !important; } .margin-right-40 { margin-right: 40px !important; } .margin-right-50 { margin-right: 50px !important; } .margin-right-60 { margin-right: 60px !important; } .margin-right-80 { margin-right: 80px !important; } .margin-right-100 { margin-right: 100px !important; } .margin-right-130 { margin-right: 130px !important; } .margin-right-150 { margin-right: 150px !important; } .margin-right-180 { margin-right: 180px !important; } .margin-right-200 { margin-right: 200px !important; } .margin-right-250 { margin-right: 250px !important; } .margin-right-300 { margin-right: 300px !important; } .line-height-0 { line-height: 0 !important; } .line-height-10 { line-height: 10px !important; } .line-height-20 { line-height: 20px !important; } .line-height-30 { line-height: 30px !important; } .line-height-40 { line-height: 40px !important; } .line-height-50 { line-height: 50px !important; } .line-height-60 { line-height: 60px !important; } .line-height-70 { line-height: 70px !important; } .line-height-80 { line-height: 80px !important; } .line-height-90 { line-height: 90px !important; } .line-height-100 { line-height: 100px !important; } .nopadding { padding: 0 !important; } .nopadding-left { padding-left: 0 !important; } .nopadding-right { padding-right: 0 !important; } .nopadding-top { padding-top: 0 !important; } .nopadding-bottom { padding-bottom: 0 !important; } .nomargin { margin: 0 !important; } .nomargin-left { margin-left: 0 !important; } .nomargin-right { margin-right: 0 !important; } .nomargin-top { margin-top: 0 !important; } .nomargin-bottom { margin-bottom: 0 !important; } .noborder { border: 0 !important; } .noborder-left { border-left: 0 !important; } .noborder-right { border-right: 0 !important; } .noborder-top { border-top: 0 !important; } .noborder-bottom { border-bottom: 0 !important; } .nobg { background: transparent; } .lowercase { text-transform: lowercase; } .uppercase { text-transform: uppercase; } .noradius { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .font-style-italic { font-style: italic; } .font-style-normal { font-style: normal; } .pointer { cursor: pointer; } .block { display: block !important; } .block-inline { display: inline-block !important; } .inline-block { display: inline-block !important; } .bold { font-weight: bold !important; } .fullwidth { width: 100% !important; max-width: 100% !important; } .halfwidth { width: 50% !important; } .justify { text-align: justify; } .relative { position: relative; } .absolute { position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .noshadow { box-shadow: none; text-shadow: none; } .nofloat { float: none !important; } .display-table { display: table; width: 100%; height: 100%; position: relative; z-index: 99; } .display-table-cell { display: table-cell; width: 100%; height: 100%; } .vertical-align-middle { vertical-align: middle; } .txt-no-decoration { text-decoration: none !important; } .softhide { display: none; } img.pull-left { margin: 0 20px 10px 0; } img.pull-right { margin: 0 0 10px 20px; } ul > li > i { margin-right: 10px; } .no-text-underline, .no-text-decoration { text-decoration: none; } .line-through { text-decoration: line-through; } .btn > i { padding-right: 6px; } video.fullvideo { width: 100%; height: 100%; } .nortl { direction: ltr; } .rtl { direction: rtl; } .ltr { direction: ltr; } .z-index-0 { z-index: 0 !important; } .z-index-1 { z-index: 1 !important; } .pull-left { float: left; } .pull-right { float: right; } .text-vertical { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } @media only screen and (max-width: 960px) { .text-vertical { -webkit-transform: none !important; -moz-transform: none !important; -o-transform: none !important; -ms-transform: none !important; transform: none !important; } } @media only screen and (max-width: 760px) { .text-xs-center { text-align: center !important; } .nofloat-xs { float: none !important; } .nomargin-xs { margin: 0 !important; } .nopadding-xs { padding: 0 !important; } .block-xs { display: block !important; } .btn-lg-xs { display: block !important; width: 100% !important; } } /* borders */ .border-top-1 { border-top: 1px solid #ddd; } .border-top-2 { border-top: 2px solid #ddd; } .border-top-3 { border-top: 3px solid #ddd; } .border-bottom-1 { border-bottom: 1px solid #ddd; } .border-bottom-2 { border-bottom: 2px solid #ddd; } .border-bottom-3 { border-bottom: 3px solid #ddd; } section.dark .border-top-1, section.dark .border-top-2, section.dark .border-top-3, section.dark .border-bottom-1, section.dark .border-bottom-2, section.dark .border-bottom-3 { border-color: #555; } .box-border-shadow { border: 1px solid rgba(0, 0, 0, 0.125); display: block; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); } .border-bottom-dashed:before { content: ""; display: block; width: 100%; height: 1px; position: absolute; bottom: -6px; border-bottom: 1px dashed #999; } .border-bottom-dotted:before { content: ""; display: block; width: 100%; height: 1px; position: absolute; bottom: -6px; border-bottom: 1px dotted #999; } /* break words */ .break-word { white-space: pre; /* CSS 2.0 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3.0 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -moz-pre-wrap; /* Mozilla */ white-space: -hp-pre-wrap; /* HP Printers */ word-wrap: break-word; /* IE 5+ */ } /* No Tramsition */ .no-transition { -webkit-transition: all 0s !important; -moz-transition: all 0s !important; -o-transition: all 0s !important; transition: all 0s !important; } /* greyscale */ .grayscale-hover-color, .grayscale { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .grayscale-hover-color:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: color; } /* ellipsis */ .elipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* no selectrion */ .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* text color */ .text-default { color: #c6c6c6 !important; } .text-danger { color: #b92c28 !important; } .text-warning { color: #e38d13 !important; } .text-info { color: #28a4c9 !important; } .text-primary { color: #245580 !important; } .text-success { color: #02B700 !important; } .tex-white { color: #fff !important; } .tex-black { color: #111 !important; } /* absolute/fixed position */ .top-left { top: 0; bottom: auto; left: 0; right: auto; } .top-right { top: 0; bottom: auto; left: auto; right: 0; } .bottom-left { top: auto; bottom: 0; left: 0; right: auto; } .bottom-right { top: auto; bottom: 0; left: auto; right: 0; } .top-center { top: 0; bottom: auto; left: auto; right: auto; } .bottom-center { top: auto; bottom: 0; left: auto; right: auto; } .position-bottom { top: auto; bottom: 0; } .position-top { top: 0; bottom: auto; } .opacity-0 { filter: alpha(opacity=0); opacity: 0; } .opacity-1 { filter: alpha(opacity=10); opacity: 0.1; } .opacity-2 { filter: alpha(opacity=20); opacity: 0.2; } .opacity-3 { filter: alpha(opacity=30); opacity: 0.3; } .opacity-4 { filter: alpha(opacity=40); opacity: 0.4; } .opacity-5 { filter: alpha(opacity=50); opacity: 0.5; } .opacity-6 { filter: alpha(opacity=60); opacity: 0.6; } .opacity-7 { filter: alpha(opacity=70); opacity: 0.7; } .opacity-8 { filter: alpha(opacity=80); opacity: 0.8; } .opacity-9 { filter: alpha(opacity=90); opacity: 0.9; } .opacity-10 { filter: alpha(opacity=100); opacity: 1; } hr { /*border:0; height: 1px; background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent); background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent); background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent); background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent); background-image: linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent); */ } section.dark hr { border: 0; height: 1px; background-image: -webkit-linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent); background-image: -moz-linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent); background-image: -ms-linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent); background-image: -o-linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent); background-image: linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d6d6', endColorstr='#d6d6d6', GradientType=0); /* IE6-9 */ } /* black and white image */ img.image-bw { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; } /* box color */ .box-default { color: #111; background-color: #c6c6c6 !important; } .box-danger { color: #fff; background-color: #b92c28 !important; } .box-warning { color: #fff; background-color: #e38d13 !important; } .box-info { color: #fff; background-color: #28a4c9 !important; } .box-primary { color: #fff; background-color: #245580 !important; } .box-success { color: #fff; background-color: #02B700 !important; } .box-white { color: #111; background-color: #fff !important; } .box-black { background-color: #111 !important; } /* badge color (from bootstrap 4) */ .badge { display: inline-block; padding: .25em .4em; font-size: 75%; line-height: 1; color: #fff; vertical-align: baseline; border-radius: .25rem; } .badge-default { background-color: #636c72; } .badge-default[href]:focus, .badge-default[href]:hover { background-color: #4b5257; } .badge-primary { background-color: #0275d8; } .badge-primary[href]:focus, .badge-primary[href]:hover { background-color: #025aa5; } .badge-success { background-color: #5cb85c; } .badge-success[href]:focus, .badge-success[href]:hover { background-color: #449d44; } .badge-info { background-color: #5bc0de; } .badge-info[href]:focus, .badge-info[href]:hover { background-color: #31b0d5; } .badge-warning { background-color: #f0ad4e; } .badge-warning[href]:focus, .badge-warning[href]:hover { background-color: #ec971f; } .badge-danger { background-color: #d9534f; } .badge-danger[href]:focus, .badge-danger[href]:hover { background-color: #c9302c; } /* radius */ .radius-0 { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .radius-3 { -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; } .radius-4 { -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important; } .radius-5 { -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; } .radius-6 { -webkit-border-radius: 6px !important; -moz-border-radius: 6px !important; border-radius: 6px !important; } .radius-7 { -webkit-border-radius: 7px !important; -moz-border-radius: 7px !important; border-radius: 7px !important; } .radius-8 { -webkit-border-radius: 8px !important; -moz-border-radius: 8px !important; border-radius: 8px !important; } /* letter spacing */ .letter-spacing-0 { letter-spacing: 0em !important; } .letter-spacing-1 { letter-spacing: 0.1em !important; } .letter-spacing-2 { letter-spacing: 0.2em !important; } .letter-spacing-3 { letter-spacing: 0.3em !important; } .letter-spacing-4 { letter-spacing: 0.4em !important; } .letter-spacing-5 { letter-spacing: 0.5em !important; } .letter-spacing-6 { letter-spacing: 0.6em !important; } .letter-spacing-7 { letter-spacing: 0.7em !important; } .letter-spacing-8 { letter-spacing: 0.8em !important; } .letter-spacing-9 { letter-spacing: 0.9em !important; } .letter-spacing-10 { letter-spacing: 1em !important; } /* Tag Cloud */ .tag { position: relative; display: inline-block; margin: 0 6px 3px 0; } .tag > span.txt { border: 1px solid #e3e3e3; color: #666; display: inline-block; font-size: 11px; font-weight: 400; letter-spacing: 1px; padding: 8px 9px; text-transform: uppercase; float: left; } .tag > span.num { background: rgba(0, 0, 0, 0.01); border-color: #e3e3e3; border-style: solid; border-width: 1px; display: inline-block; font-size: 11px; padding: 8px 9px 8px 11px; color: #aaa; position: relative; margin-left: -1px; float: left; } .tag > span.num:before { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #C6C6C6; border-style: solid; border-width: 4px; content: ""; display: block; left: 0px; position: absolute; top: 12px; } .tag > span.num:after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff; border-style: solid; border-width: 4px; content: ""; display: block; left: -1px; position: absolute; top: 12px; } section.dark .tag > span.txt { border: 1px solid #666; color: #ccc; } section.dark .tag > span.num { background: rgba(0, 0, 0, 0.01); border-color: #666; color: #ccc; } section.dark .tag > span.num:before { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #666; } section.dark .tag > span.num:after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #212121; } /* Inline Search */ .inline-search { display: block; position: relative; } .inline-search form input.serch-input { background: #fff; border: #e3e3e3 1px solid; color: #aaa; float: left; font-size: 13px; height: 39px; letter-spacing: 1px; margin: 0; padding: 5px 50px 5px 10px; width: 100%; } .inline-search form button { background: rgba(0, 0, 0, 0); border-left: #e3e3e3 1px solid; font-size: 17px; width: 39px; height: 39px; line-height: 39px; vertical-align: bottom; position: absolute; right: 0; } section.dark .inline-search form input.serch-input { background: rgba(0, 0, 0, 0.1); border: #666 1px solid; color: #aaa; } section.dark .inline-search form button { border-left: #666 1px solid; color: #999; } section.dark .inline-search form button:hover { color: #fff; } /* parallax */ @media only screen and (max-width: 768px) { section.page-header-parallax, section.parallax { background-attachment: fixed !important; background-size: auto 150% !important; background-position: 50% -50px !important; background-attachment: scroll !important; } section.parallax-xs-fixed { background-attachment: scroll !important; background-size: 200% !important; background-position: 50% -50px !important; } } .parallax h1, .parallax h2, .parallax h3, .parallax h4, .parallax h5, .parallax h6, .parallax p, .parallax .btn, .parallax img, .parallax div, .parallax { color: #fff; position: relative; z-index: 10; } .parallax .btn-default { background-color: transparent; } .parallax .overlay { background-color: rgba(34, 34, 34, 0.3); position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } .parallax h1 { font-size: 70px; } .parallax h2 { font-size: 60px; } .parallax h3 { font-size: 50px; } @media only screen and (max-width: 760px) { /* .parallax { background-position:center center !important; } */ .parallax h1 { font-size: 55px; } .parallax h2 { font-size: 45px; } .parallax h3 { font-size: 45px; } } @media only screen and (max-width: 500px) { .parallax h1 { font-size: 36px; } .parallax h2 { font-size: 30px; } .parallax h3 { font-size: 30px; } } /* video background */ section.section-video { border: 0; } section.section-video .section-container-video { position: absolute !important; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; z-index: 0; } section.section-video .section-container-video > video { position: absolute; top: 0; left: 0; } section.section-video h1, section.section-video h2, section.section-video h3, section.section-video h4, section.section-video h5, section.section-video h6, section.section-video p, section.section-video .btn, section.section-video img, section.section-video div, section.section-video { color: #fff; position: relative; z-index: 10; } section.section-video .overlay { background-color: rgba(34, 34, 34, 0.3); position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } section.section-video h1 { font-size: 70px; } section.section-video h2 { font-size: 60px; } section.section-video h3 { font-size: 50px; } @media only screen and (max-width: 760px) { section.section-video h1 { font-size: 55px; } section.section-video h2 { font-size: 45px; } section.section-video h3 { font-size: 45px; } } @media only screen and (max-width: 500px) { section.section-video h1 { font-size: 36px; } section.section-video h2 { font-size: 30px; } section.section-video h3 { font-size: 30px; } } /* Columnize Text */ .columnize-2 { margin: 0 0 1.313em; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em; -webkit-column-rule: 1px solid rgba(0, 0, 0, 0.05); -moz-column-rule: 1px solid rgba(0, 0, 0, 0.05); column-rule: 1px solid rgba(0, 0, 0, 0.05); } .columnize-3 { margin: 0 0 1.313em; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em; -webkit-column-rule: 1px solid rgba(0, 0, 0, 0.05); -moz-column-rule: 1px solid rgba(0, 0, 0, 0.05); column-rule: 1px solid rgba(0, 0, 0, 0.05); } .columnize-4 { margin: 0 0 1.313em; -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em; -webkit-column-rule: 1px solid rgba(0, 0, 0, 0.05); -moz-column-rule: 1px solid rgba(0, 0, 0, 0.05); column-rule: 1px solid rgba(0, 0, 0, 0.05); } .columnize-5 { margin: 0 0 1.313em; -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em; -webkit-column-rule: 1px solid rgba(0, 0, 0, 0.05); -moz-column-rule: 1px solid rgba(0, 0, 0, 0.05); column-rule: 1px solid rgba(0, 0, 0, 0.05); } .columnize-6 { margin: 0 0 1.313em; -webkit-column-count: 6; -moz-column-count: 6; column-count: 6; -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em; -webkit-column-rule: 1px solid rgba(0, 0, 0, 0.05); -moz-column-rule: 1px solid rgba(0, 0, 0, 0.05); column-rule: 1px solid rgba(0, 0, 0, 0.05); } @media only screen and (max-width: 767px) { .columnize-4, .columnize-5, .columnize-6 { margin: 0 0 1.313em; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em; -webkit-column-rule: 1px solid rgba(0, 0, 0, 0.05); -moz-column-rule: 1px solid rgba(0, 0, 0, 0.05); column-rule: 1px solid rgba(0, 0, 0, 0.05); } } @media only screen and (max-width: 480px) { .columnize-2, .columnize-3, .columnize-4, .columnize-5, .columnize-6 { font-size: 13px; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } /* overlay */ .overlay { background: rgba(0, 0, 0, 0.2); position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; /* required for IE */ -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; } a.overlay:hover { background: rgba(255, 255, 255, 0.2); } /* dark overlay */ .overlay.dark-0 { background-color: rgba(0, 0, 0, 0); } .overlay.dark-1 { background-color: rgba(0, 0, 0, 0.1); } .overlay.dark-2 { background-color: rgba(0, 0, 0, 0.2); } .overlay.dark-3 { background-color: rgba(0, 0, 0, 0.3); } .overlay.dark-4 { background-color: rgba(0, 0, 0, 0.4); } .overlay.dark-5 { background-color: rgba(0, 0, 0, 0.5); } .overlay.dark-6 { background-color: rgba(0, 0, 0, 0.6); } .overlay.dark-7 { background-color: rgba(0, 0, 0, 0.7); } .overlay.dark-8 { background-color: rgba(0, 0, 0, 0.8); } .overlay.dark-9 { background-color: rgba(0, 0, 0, 0.9); } .overlay.dark-10 { background-color: #000000; } /* light overlay */ .overlay.light-0 { background-color: rgba(255, 255, 255, 0); } .overlay.light-1 { background-color: rgba(255, 255, 255, 0.1); } .overlay.light-2 { background-color: rgba(255, 255, 255, 0.2); } .overlay.light-3 { background-color: rgba(255, 255, 255, 0.3); } .overlay.light-4 { background-color: rgba(255, 255, 255, 0.4); } .overlay.light-5 { background-color: rgba(255, 255, 255, 0.5); } .overlay.light-6 { background-color: rgba(255, 255, 255, 0.6); } .overlay.light-7 { background-color: rgba(255, 255, 255, 0.7); } .overlay.light-8 { background-color: rgba(255, 255, 255, 0.8); } .overlay.light-9 { background-color: rgba(255, 255, 255, 0.9); } .overlay.light-10 { background-color: #ffffff; } /* raster */ .raster { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzE3NTRCRDU5MjNDMTFFMkFGRUFFREM0OUNBRjYxRDIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzE3NTRCRDY5MjNDMTFFMkFGRUFFREM0OUNBRjYxRDIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMTc1NEJEMzkyM0MxMUUyQUZFQUVEQzQ5Q0FGNjFEMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMTc1NEJENDkyM0MxMUUyQUZFQUVEQzQ5Q0FGNjFEMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq1kyiYAAAAUSURBVHjaYmBgYGhgwAJIEAQIMABBRAIBmCxI7gAAAABJRU5ErkJggg=='); } .image-raster { position: relative; } .image-raster:after { content: ' '; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzE3NTRCRDU5MjNDMTFFMkFGRUFFREM0OUNBRjYxRDIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzE3NTRCRDY5MjNDMTFFMkFGRUFFREM0OUNBRjYxRDIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMTc1NEJEMzkyM0MxMUUyQUZFQUVEQzQ5Q0FGNjFEMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMTc1NEJENDkyM0MxMUUyQUZFQUVEQzQ5Q0FGNjFEMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq1kyiYAAAAUSURBVHjaYmBgYGhgwAJIEAQIMABBRAIBmCxI7gAAAABJRU5ErkJggg=='); z-index: 1; } .image-raster.opacity-3:before { opacity: 0.3; } .image-raster.opacity-4:before { opacity: 0.4; } .image-raster.opacity-5:before { opacity: 0.5; } .image-raster.opacity-6:before { opacity: 0.6; } .image-raster.opacity-7:before { opacity: 0.7; } .image-raster.opacity-8:before { opacity: 0.8; } .image-raster.opacity-9:before { opacity: 0.9; } .shadow-0 { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .hover-shadow:hover { -webkit-box-shadow: 0px 0 10px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0 10px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0 30px 0px rgba(0, 0, 0, 0.15); -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } /* img hover switch */ .img-hover-switch { position: relative; overflow: hidden; } .img-hover-switch > figure > img { opacity: 0; position: absolute; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; } .img-hover-switch > figure > img:last-child { opacity: 0; z-index: 0; position: absolute; left: 0; top: 0; } .img-hover-switch > figure > img:first-child { opacity: 1; z-index: 1; position: relative; } .img-hover-switch:hover > figure > img:first-child { opacity: 0; z-index: 0; position: absolute; left: 0; top: 0; } .img-hover-switch:hover > figure > img:last-child { opacity: 1; z-index: 1; position: relative; } /* rounded */ .rounded { -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; } /** ICON LIST **/ ul.list-icons { margin-left: 1.75em; position: relative; } ul.list-icons > li { position: relative; } ul.list-icons > li > i { position: absolute; left: -1.75em; width: 14px; text-align: center; top: 5px; } /** Ribbon **/ .ribbon { width: 115px; height: 118px; overflow: hidden; position: absolute; right: -2px; top: -2px; z-index: 1; } .ribbon .ribbon-inner { width: 160px; left: -8px; top: 28px; } .ribbon-inner { font-family: "Open Sans", Helvetica, Arial, sans-serif; -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15); -o-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15); -webkit-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background: #1abc9c; letter-spacing: 4px; text-align: center; position: relative; font-weight: 700; font-size: 14px; padding: 7px 0; width: 100px; color: #fff; z-index: 1; left: 3px; top: 6px; } /* shadow box */ .box-shadow { -webkit-box-shadow: 0px 0 10px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0 10px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0 30px 0px rgba(0, 0, 0, 0.15); } /** Bootstrap 5 column equal grid ******************************** **/ .col-xs-5th, .col-sm-5th, .col-md-5th, .col-lg-5th { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; width: 20%; float: left; } @media (min-width: 768px) { .col-sm-5th { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-5th { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-5th { width: 20%; float: left; } } @media only screen and (max-width: 992px) { .col-md-5th { width: 100%; float: none; display: block; } .col-md-5th.col-sm-5th { width: 20%; float: left; } } @media only screen and (max-width: 769px) { .col-md-5th.col-sm-5th { width: 100%; float: none; display: block; } } /** Non Bootstrap Grid [visible lines] ******************************** **/ ul.grid { border: 1px solid rgba(0, 0, 0, 0.1); border-right: 0; border-bottom: 0; list-style: none; margin: 0; padding: 0; display: table; clear: both; direction: ltr !important; width: 100%; } ul.grid > li a { text-decoration: none; } ul.grid > li { display: inline-block; width: 25%; height: 250px; text-align: center; line-height: 250px; position: relative; float: left; -webkit-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1); } ul.grid > li img { vertical-align: middle; } ul.grid.grid-1 { border: 0; } ul.grid.grid-1 > li { width: 100%; margin-bottom: 30px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 1px solid rgba(0, 0, 0, 0.1); } ul.grid.grid-2 > li { width: 50%; } ul.grid.grid-3 > li { width: 33.333333%; } ul.grid.grid-4 > li { width: 25%; } ul.grid.grid-5 > li { width: 20%; height: 190px; line-height: 190px; } ul.grid.grid-6 > li { width: 16.666%; height: 160px; line-height: 160px; } ul.grid.grid-7 > li { width: 14.2%; height: 160px; line-height: 160px; } ul.grid.grid-8 > li { width: 12.5%; height: 160px; line-height: 160px; } ul.grid.grid-9 > li { width: 11.1%; height: 160px; line-height: 160px; } ul.grid.grid-10 > li { width: 10%; height: 160px; line-height: 160px; } body.layout-dark ul.grid { border-color: rgba(255, 255, 255, 0.1); } body.layout-dark ul.grid > li { -webkit-box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.1); -moz-box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.1); box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.1); } @media only screen and (max-width: 1024px) { ul.grid.grid-7 > li, ul.grid.grid-8 > li, ul.grid.grid-9 > li, ul.grid.grid-10 > li { width: 25%; } ul.grid.grid-6 > li, ul.grid.grid-5 > li { width: 25%; } } @media only screen and (max-width: 768px) { ul.grid.grid-10 > li, ul.grid.grid-9 > li, ul.grid.grid-7 > li, ul.grid.grid-6 > li, ul.grid.grid-5 > li { width: 33.333333%; } ul.grid.grid-4 > li { width: 50%; } ul.grid.grid-8 > li { width: 12.5%; } ul.grid.grid-sm-10 > li { width: 10% !important; } ul.grid.grid-sm-9 > li { width: 11.1% !important; } ul.grid.grid-sm-8 > li { width: 12.5% !important; } ul.grid.grid-sm-7 > li { width: 14.2% !important; } ul.grid.grid-sm-6 > li { width: 16.6% !important; } ul.grid.grid-sm-5 > li { width: 20% !important; } ul.grid.grid-sm-4 > li { width: 25% !important; } ul.grid.grid-sm-3 > li { width: 33.33% !important; } ul.grid.grid-sm-2 > li { width: 50% !important; } ul.grid.grid-sm-1 > li { width: 100% !important; } } @media only screen and (max-width: 600px) { ul.grid.grid-10 > li, ul.grid.grid-9 > li, ul.grid.grid-7 > li, ul.grid.grid-6 > li, ul.grid.grid-5 > li, ul.grid.grid-4 > li, ul.grid.grid-3 > li { width: 50%; } ul.grid.grid-3 > li:last-child { width: 100%; } ul.grid.grid-8 > li { width: 25%; } ul.grid.grid-xs-10 > li { width: 10% !important; } ul.grid.grid-xs-9 > li { width: 11.1% !important; } ul.grid.grid-xs-8 > li { width: 12.5% !important; } ul.grid.grid-xs-7 > li { width: 14.2% !important; } ul.grid.grid-xs-6 > li { width: 16.6% !important; } ul.grid.grid-xs-5 > li { width: 20% !important; } ul.grid.grid-xs-4 > li { width: 25% !important; } ul.grid.grid-xs-3 > li { width: 33.33% !important; } ul.grid.grid-xs-2 > li { width: 50% !important; } ul.grid.grid-xs-1 > li { width: 100% !important; } } @media only screen and (min-width: 768px) { ul.grid.grid-md-10 > li { width: 10% !important; } ul.grid.grid-md-9 > li { width: 11.1% !important; } ul.grid.grid-md-8 > li { width: 12.5% !important; } ul.grid.grid-md-7 > li { width: 14.2% !important; } ul.grid.grid-md-6 > li { width: 16.6% !important; } ul.grid.grid-md-5 > li { width: 20% !important; } ul.grid.grid-md-4 > li { width: 25% !important; } ul.grid.grid-md-3 > li { width: 33.33% !important; } ul.grid.grid-md-2 > li { width: 50% !important; } ul.grid.grid-md-1 > li { width: 100% !important; } } /* required for BS4 - do not remove! */ .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 0.2s ease-in-out; -o-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out; } /** 05. Progress Bars & Pie Charts **************************************************************** **/ .progress { overflow: visible; background: rgba(0, 0, 0, 0.1); margin-bottom: 15px; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } section.dark .progress { background-color: #333; } .progress.progress-xxs { height: 3px; } .progress.progress-xs { height: 6px; } .progress.progress-lg { height: 36px; overflow: hidden; } .progress.progress-lg span { line-height: 36px; text-overflow: ellipsis; white-space: nowrap; } .progress.progress-lg span.inline-text { text-align: left; padding: 8px; display: block; font-size: 14px; position: absolute; min-width: 50%; } .progress-bar-default { background-color: rgba(11, 11, 11, 0.9); } /* align */ .progress-bar.text-left > span { padding-left: 10px; } .progress-bar.text-right > span { padding-right: 10px; } /** Easy Pie Chart ******************** **/ .piechart { position: relative; text-align: center; display: inline-block; margin: 0 15px 15px; } .piechart > i { position: absolute; display: block; text-align: center; font-size: 42px; } .piechart > span { position: absolute; display: block; text-align: center; font-size: 17px; font-weight: bold; } .piechart > span.countTo { font-size: 30px; } .piechart > span[class^="size-"], .piechart > span[class*=" size-"] { line-height: inherit; } .easyPieChart { display: inline-block; position: relative; text-align: center; font-size: 22px; font-weight: bold; color: #333; } .easyPieChart canvas { position: absolute; top: 0; left: 0; } /** 06. Dropcap **************************************************************** **/ .dropcap:first-letter { float: left; font-size: 70px; line-height: 60px; padding: 4px 8px 4px 4px; margin-right: 6px; margin-top: -3px; display: inline-block; color: #333; } .dropcap.color:first-letter { color: #fff; background: #333; margin-top: 8px; padding: 0 8px 3px 4px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } section.dark .dropcap:first-letter { color: #fff; } /** 07. Table **************************************************************** **/ /* table { background-color:rgba(0,0,0,0.01); } table thead { background-color:rgba(0,0,0,0.08); } */ table .btn { margin: 0 3px; } section.dark table tr.odd { color: #ddd; background-color: #777; } section.dark table tr.odd:hover { background-color: #888; } section.dark table tr.even { color: #ddd; } section.dark table tr.even:hover { background-color: rgba(0, 0, 0, 0.5); } section.dark .table-bordered { border-color: #666; } section.dark .table-bordered > tbody > tr > td, section.dark .table-bordered > tbody > tr > th, section.dark .table-bordered > tfoot > tr > td, section.dark .table-bordered > tfoot > tr > th, section.dark .table-bordered > thead > tr > td, section.dark .table-bordered > thead > tr > th { border-color: #666; } table.table-vertical-middle td { vertical-align: middle !important; } /** 08. Nav Pills **************************************************************** **/ section .nav-pills { display: inline-block; } section .nav-pills > li > a:hover, section .nav-pills > li > a:focus, section .nav-pills > li.active > a, section .nav-pills > li.active > a:hover, section .nav-pills > li.active > a:focus { background-color: rgba(0, 0, 0, 0.1) !important; } section .nav-pills > li > a { padding: 6px 15px; margin-bottom: 6px; letter-spacing: 1px; } @media only screen and (max-width: 550px) { section .nav-pills { background-color: rgba(0, 0, 0, 0.02); } section .nav-pills, section .nav-pills > li, section .nav-pills > li > a { display: block !important; float: none; } } /** 09. Blockquotes **************************************************************** **/ blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote h5, blockquote h6 { font-weight: bold; position: relative; } blockquote { border-left: 5px solid rgba(0, 0, 0, 0.1); font-size: 1.3em; font-style: normal; letter-spacing: -1px; margin: 25px 0; padding: 0 0 0 25px; position: relative; } blockquote.reverse { border-left: 0; border-right: 5px solid rgba(0, 0, 0, 0.1); margin: 25px 0; padding: 0 25px 0 0; text-align: right; } section.dark blockquote { border-left-color: #666; } section.dark blockquote.reverse { border-right-color: #666; } blockquote.quote { border: 0; } blockquote.quote:before { font-family: font-icons; font-weight: 400; content: "\e7ad"; position: absolute; width: 43px; height: 43px; line-height: 43px; font-size: 43px; top: 0; left: 0; color: #EEE; z-index: 0; } blockquote.quote.reverse:before { left: auto; right: 0; text-align: right; } blockquote.pull-left { max-width: 350px; padding-right: 20px; padding-bottom: 10px; } blockquote.pull-right { max-width: 350px; padding-left: 20px; padding-bottom: 10px; } blockquote p { margin-bottom: 20px; position: relative; } blockquote cite { display: block; font-size: 0.75em; color: #9CA6B4; } blockquote cite:before { content: '\2014 \00A0'; padding-right: 8px; } blockquote cite:after { content: '\2014 \00A0'; padding-left: 10px; } /** 10. Background Patterns *************************************************** **/ .pattern1 { background: url('../images/_smarty/patterns/pattern1.png') repeat fixed; } .pattern2 { background: url('../images/_smarty/patterns/pattern2.png') repeat fixed; } .pattern3 { background: url('../images/_smarty/patterns/pattern3.png') repeat fixed; } .pattern4 { background: url('../images/_smarty/patterns/pattern4.png') repeat fixed; } .pattern5 { background: url('../images/_smarty/patterns/pattern5.png') repeat fixed; } .pattern6 { background: url('../images/_smarty/patterns/pattern6.png') repeat fixed; } .pattern7 { background: url('../images/_smarty/patterns/pattern7.png') repeat fixed; } .pattern8 { background: url('../images/_smarty/patterns/pattern8.png') repeat fixed; } .pattern9 { background: url('../images/_smarty/patterns/pattern9.png') repeat fixed; } .pattern10 { background: url('../images/_smarty/patterns/pattern10.png') repeat fixed; } .pattern11 { background: url('../images/_smarty/patterns/pattern11.png') repeat fixed; } /** 11. Colors colors.css v2.0.0 http://clrs.cc SKINS - Backgrounds - Colors - Border colors - SVG fills - SVG Strokes *************************************************** **/ /* Backgrounds */ .bg-navy { background-color: #001F3F !important; } .bg-blue { background-color: #0074D9 !important; } .bg-aqua { background-color: #7FDBFF !important; } .bg-teal { background-color: #39CCCC !important; } .bg-olive { background-color: #3D9970 !important; } .bg-green { background-color: #2ECC40 !important; } .bg-lime { background-color: #01FF70 !important; } .bg-yellow { background-color: #FFDC00 !important; } .bg-orange { background-color: #FF851B !important; } .bg-red { background-color: #FF4136 !important; } .bg-fuchsia { background-color: #F012BE !important; } .bg-purple { background-color: #B10DC9 !important; } .bg-maroon { background-color: #85144B !important; } .bg-white { background-color: #fff !important; } .bg-gray { background-color: #aaa !important; } .bg-silver { background-color: #ddd !important; } .bg-black { background-color: #111 !important; } /* Text Color */ .text-navy { color: #001F3F !important; } .text-blue { color: #0074D9 !important; } .text-aqua { color: #7FDBFF !important; } .text-teal { color: #39CCCC !important; } .text-olive { color: #3D9970 !important; } .text-green { color: #2ECC40 !important; } .text-lime { color: #01FF70 !important; } .text-yellow { color: #FFDC00 !important; } .text-orange { color: #FF851B !important; } .text-red { color: #FF4136 !important; } .text-fuchsia { color: #F012BE !important; } .text-purple { color: #B10DC9 !important; } .text-maroon { color: #85144B !important; } .text-white { color: #fff !important; } .text-silver { color: #ddd !important; } .text-gray { color: #aaa !important; } .text-black { color: #111 !important; } /* Border colors Use with another border utility that sets border-width and style i.e .border { border-width: 1px; border-style: solid !important; } */ .border-navy { border-color: #001F3F !important; } .border-blue { border-color: #0074D9 !important; } .border-aqua { border-color: #7FDBFF !important; } .border-teal { border-color: #39CCCC !important; } .border-olive { border-color: #3D9970 !important; } .border-green { border-color: #2ECC40 !important; } .border-lime { border-color: #01FF70 !important; } .border-yellow { border-color: #FFDC00 !important; } .border-orange { border-color: #FF851B !important; } .border-red { border-color: #FF4136 !important; } .border-fuchsia { border-color: #F012BE !important; } .border-purple { border-color: #B10DC9 !important; } .border-maroon { border-color: #85144B !important; } .border-white { border-color: #fff !important; } .border-gray { border-color: #aaa !important; } .border-silver { border-color: #ddd !important; } .border-black { border-color: #111 !important; } /** 12. Magnific Popup v1.0.0 *************************************************** **/ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .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; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 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; -webkit-box-shadow: none; box-shadow: none; } 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; filter: alpha(opacity=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; filter: alpha(opacity=100); } .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; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { 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, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { 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: 900px; } .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: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; 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; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 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; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /** 13. Owl Carousel v1.3.3 *************************************************** **/ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; z-index: 0; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .owl-carousel.featured .owl-controls .owl-prev { margin-right: 3px; } #progressBar { width: 100%; background: rgba(0, 0, 0, 0.05); } #progressBar #bar { height: 3px; width: 100%; background-color: #333; } /* mouse grab icon */ .grabbing { cursor: url(../images/_smarty/grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } /* * Owl Carousel CSS3 Transitions * v1.3.2 */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ @-webkit-keyframes empty { 0% { opacity: 1; } } @-moz-keyframes empty { 0% { opacity: 1; } } @keyframes empty { 0% { opacity: 1; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(0.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(0.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(0.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /** CUSTOM REWRITE **/ .owl-carousel { overflow: hidden; margin-bottom: 20px; position: relative; } .owl-carousel.owl-padding-0 .owl-item { padding: 0 !important; } .owl-carousel.owl-padding-1 .owl-item { padding: 0 1px; } .owl-carousel.owl-padding-2 .owl-item { padding: 0 2px; } .owl-carousel.owl-padding-3 .owl-item { padding: 0 3px; } .owl-carousel.owl-padding-6 .owl-item { padding: 0 6px; } .owl-carousel.owl-padding-10 .owl-item { padding: 0 10px; } .owl-carousel.owl-padding-15 .owl-item { padding: 0 15px; } .owl-carousel.owl-padding-20 .owl-item { padding: 0 20px; } /* Cause width problems - better to leave left/right margins .owl-carousel .owl-item:first-child { padding-left:0; } .owl-carousel .owl-item:last-child { padding-right:0; } */ .owl-carousel img { display: inline-block; } .owl-carousel.buttons-autohide .owl-buttons { filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .owl-carousel.buttons-autohide:hover .owl-buttons { filter: alpha(opacity=100); opacity: 1; } .owl-theme .owl-controls .owl-buttons div { color: #121212; background: #fff; border: #fff 1px solid; opacity: 1; filter: alpha(opacity=100); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } section.dark .owl-theme .owl-controls .owl-buttons div { color: #fff; background: #212121; border: #212121 1px solid; } .controlls-over .owl-controls .owl-prev { position: absolute; top: 50%; margin-top: -28px; right: auto; left: -13px; zoom: 1; width: 36px; height: 36px; opacity: 0; } .controlls-over .owl-controls .owl-next { position: absolute; top: 50%; margin-top: -28px; left: auto; right: -13px; zoom: 1; width: 36px; height: 36px; opacity: 0; } .controlls-over .owl-pagination { text-align: center; position: absolute; width: 60%; margin: auto; bottom: -20px; left: 0; right: 0; z-index: 1; } .owl-theme.controlls-over .owl-controls .owl-page { background: rgba(0, 0, 0, 0.3); margin-bottom: 30px; position: relative; display: inline-block; } .owl-theme.controlls-over .owl-controls .owl-page:first-child { -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .owl-theme.controlls-over .owl-controls .owl-page:last-child { -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .owl-theme.controlls-over .owl-controls .owl-page span { background: #fff; } .bottom-pagination .owl-controls .owl-page { margin-bottom: -40px !important; } /* top text caption */ .owl-carousel .owl-item div { position: relative; text-align: center; } .owl-carousel .owl-caption { padding: 10px; position: absolute !important; left: 0; top: 0; right: 0; margin-top: 0; max-width: 100%; background: rgba(0, 0, 0, 0.3); display: block; color: #fff; } .owl-carousel .owl-caption p { color: #fff; font-size: 13px; line-height: 20px; padding: 0; margin: 0; } .owl-carousel .owl-caption h1, .owl-carousel .owl-caption h1 a, .owl-carousel .owl-caption h2, .owl-carousel .owl-caption h2 a, .owl-carousel .owl-caption h3, .owl-carousel .owl-caption h3 a { color: #fff; font-size: 21px; line-height: 21px; font-weight: bold; margin-bottom: 10px; } .owl-carousel .owl-caption a { color: #fff; font-weight: bold; } .owl-carousel.controls-hover-only .owl-controls { filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .slider:hover .owl-carousel.controls-hover-only .owl-controls, .owl-carousel.controls-hover-only:hover .owl-controls { filter: alpha(opacity=100); opacity: 1; } /* Featured Item */ .owl-carousel.featured .owl-featured-item { width: 99%; padding-bottom: 15px; text-align: center; display: block; webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .owl-carousel.featured .owl-featured-item:hover { background-color: #eaeaea; } .owl-carousel.featured .owl-featured-item a.figure { margin: 0; padding: 0; display: block; width: 100%; height: auto; overflow: hidden; text-align: center; z-index: 0; position: relative; } .owl-carousel.featured .owl-featured-item a.figure > img { height: auto !important; width: 100% !important; max-width: 100% !important; vertical-align: top; } .owl-carousel.featured .owl-featured-detail { position: relative; padding-top: 6px; } .owl-carousel.featured .owl-featured-detail:after { content: ' '; position: absolute; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; left: 50%; margin-left: -10px; top: -10px; z-index: 10; webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .owl-carousel.featured .owl-featured-item:hover > .owl-featured-detail:after { border-bottom: 10px solid #eaeaea; } .owl-carousel.featured .owl-featured-detail > a.featured-title { color: #333; margin-top: 6px; display: block; } .owl-carousel.featured .owl-featured-detail > span.price { display: block; margin-bottom: 6px; } .owl-carousel.featured { margin-top: 6px; } .owl-carousel.featured .owl-controls.clickable { top: 0 !important; margin-top: -45px; position: absolute; right: 0; } h2.owl-featured { font-size: 16px; line-height: 19px; border-bottom: rgba(0, 0, 0, 0.2) 1px dashed; padding-bottom: 6px; margin-bottom: 10px; } .owl-carousel.featured a.figure > span { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .owl-carousel.featured a.figure > span > i { color: #333; position: absolute; left: 50%; top: 50%; background: #fff; font-size: 21px; width: 50px; height: 50px; line-height: 50px !important; text-align: center; margin-left: -20px; margin-top: -20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-border-bottom-right-radius: 20px; -webkit-border-top-left-radius: 20px; -moz-border-radius-bottomright: 20px; -moz-border-radius-topleft: 20px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; } .owl-carousel.featured a.figure:hover > span { filter: alpha(opacity=100); opacity: 1; } .owl-carousel.featured { overflow: inherit !important; } .owl-carousel.featured .owl-prev, .owl-carousel.featured .owl-next { display: inline-block !important; color: #999 !important; width: 30px !important; height: 30px !important; line-height: 30px !important; font-size: 20px !important; } .owl-carousel.featured .owl-prev:hover, .owl-carousel.featured .owl-next:hover { color: #121212 !important; } section.dark .owl-carousel.featured .owl-featured-detail > a.featured-title { color: #fff; } section.dark .owl-carousel.featured .owl-featured-detail:after { border-bottom-color: #212121; } section.dark .owl-carousel.featured .owl-featured-item:hover { background-color: #111; } section.dark .owl-carousel.featured .owl-featured-item:hover > .owl-featured-detail:after { border-bottom-color: #111; } section.dark .owl-carousel.featured .owl-prev, section.dark .owl-carousel.featured .owl-next { color: #999 !important; } section.dark .owl-carousel.featured .owl-prev:hover, section.dark .owl-carousel.featured .owl-next:hover { color: #fff !important; } section.dark h2.owl-featured { border-bottom-color: #666; } @media only screen and (max-width: 768px) { /* .owl-carousel.featured .owl-controls { display:none !important } */ } /* buttons bottom */ .owl-carousel.buttons-bottom .owl-controls { top: auto !important; } .owl-carousel.buttons-bottom .owl-next, .owl-carousel.buttons-bottom .owl-prev { margin-top: -20px !important; } /* special carousel title */ .owl-carousel .owl-carousel-caption { background-color: rgba(0, 0, 0, 0.5); position: absolute !important; top: 0; left: 0; right: 0; color: #fff; padding: 20px; height: 96px; overflow: hidden; } .owl-carousel .owl-carousel-caption.top { top: 0; bottom: auto; } .owl-carousel .owl-carousel-caption.bottom { top: auto; bottom: 29px; } .owl-carousel .owl-carousel-caption h2, .owl-carousel .owl-carousel-caption h3, .owl-carousel .owl-carousel-caption h4 { color: #fff; font-size: 16px; line-height: 16px; margin-bottom: 10px; font-weight: bold; overflow: hidden; display: block; width: 100%; text-overflow: ellipsis; white-space: nowrap; } .owl-carousel .owl-carousel-caption p { color: #fff; font-size: 12px; line-height: 15px; padding: 0; margin: 0; } .owl-theme .owl-controls .owl-buttons div { /* padding:6px 13px; */ } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .controlls-over .owl-controls .owl-prev { margin-left: 10px; } .controlls-over .owl-controls .owl-next { margin-right: 10px; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span { display: block; width: 20px; height: 5px; margin: 5px 7px; filter: alpha(opacity=50); /*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #869791; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: alpha(opacity=100); /*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } @media only screen and (max-width: 600px) { .owl-pagination { display: none; } } /** 13. OWL Carousel v2.2.1 *************************************************** **/ .owl-carousel-2 { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel-2 .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel-2 .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel-2 .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel-2 .owl-wrapper, .owl-carousel-2 .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel-2 .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel-2 .owl-item img { display: block; width: 100%; } .owl-carousel-2 .owl-nav.disabled, .owl-carousel-2 .owl-dots.disabled { display: none; } .owl-carousel-2 .owl-nav .owl-prev, .owl-carousel-2 .owl-nav .owl-next, .owl-carousel-2 .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel-2.owl-loaded { display: block; } .owl-carousel-2.owl-loading { opacity: 0; display: block; } .owl-carousel-2.owl-hidden { opacity: 0; } .owl-carousel-2.owl-refresh .owl-item { visibility: hidden; } .owl-carousel-2.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel-2.owl-grab { cursor: move; cursor: grab; } .owl-carousel-2.owl-rtl { direction: rtl; } .owl-carousel-2.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel-2 { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel-2 .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel-2 .owl-animated-in { z-index: 0; } .owl-carousel-2 .owl-animated-out { z-index: 1; } .owl-carousel-2 .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel-2 .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel-2 .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel-2 .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel-2 .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel-2 .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel-2 .owl-video-playing .owl-video-tn, .owl-carousel-2 .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel-2 .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel-2 .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* plugin rewrite */ .owl-carousel-2 { position: relative; -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } /* navigation */ .owl-carousel-2 .owl-nav, .owl-carousel-2 .owl-dots { text-align: center; display: inline-block; } .owl-carousel-2 .owl-nav { margin: 8px 0; position: absolute; bottom: 0; right: 6px; } .owl-carousel-2 .owl-nav > .owl-prev, .owl-carousel-2 .owl-nav > .owl-next { background-color: rgba(255, 255, 255, 0.7); color: #111 !important; font-size: 30px !important; } .owl-carousel-2 .owl-nav > .owl-prev:hover, .owl-carousel-2 .owl-nav > .owl-next:hover { background-color: #fff; } .owl-carousel-2 .owl-dots { margin: 18px 0 0 0; float: left; max-width: calc(10%); overflow: hidden; } .owl-carousel-2 .owl-nav .owl-prev, .owl-carousel-2 .owl-nav .owl-next { width: 30px; height: 30px; border: #eaeaea 1px solid; margin: 3px; color: #ccc; font-size: 17px; border-radius: 3px; } .owl-carousel-2 .owl-nav .owl-prev:hover, .owl-carousel-2 .owl-nav .owl-next:hover { color: #121212; } .owl-carousel-2 .owl-nav .owl-prev, .owl-carousel-2 .owl-nav .owl-next, .owl-carousel-2 .owl-dot { display: inline-block; zoom: 1; } .owl-carousel-2 .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; -ms-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: opacity 200ms ease; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .owl-carousel-2 .owl-dots .owl-dot.active span { background-color: #333; } .owl-carousel-2 .owl-caption, .owl-carousel-2 .owl-caption-top-left, .owl-carousel-2 .owl-caption-top-right, .owl-carousel-2 .owl-caption-bottom-left, .owl-carousel-2 .owl-caption-bottom-right, .owl-carousel-2 .owl-caption-top-center, .owl-carousel-2 .owl-caption-bottom-center { position: absolute; bottom: 0; left: 0; color: #fff; display: inline-block; font-size: 17px; font-weight: 400; padding: 15px; -webkit-text-shadow: #333 1px 1px; -moz-text-shadow: #333 1px 1px; -o-text-shadow: #333 1px 1px; text-shadow: #333 1px 1px; z-index: 1000; } .owl-carousel-2 .owl-caption-top-left { top: 0; left: 0; bottom: auto; right: auto; text-align: left; } .owl-carousel-2 .owl-caption-top-right { top: 0; left: auto; bottom: auto; right: 0; text-align: right; } .owl-carousel-2 .owl-caption-bottom-left { top: auto; left: 0; bottom: 0; right: auto; text-align: left; } .owl-carousel-2 .owl-caption-bottom-right { top: auto; left: 0; bottom: 0; right: 0; text-align: right; } .owl-carousel-2 .owl-caption-top-center { top: 0; left: 0; bottom: auto; right: 0; text-align: center; } .owl-carousel-2 .owl-caption-bottom-center { top: auto; left: 0; bottom: 0; right: 0; text-align: center; } .owl-carousel-2 .owl-subtitle { display: block; font-size: 14px; } .owl-caption-text-light { color: #fff !important; -webkit-text-shadow: #333 1px 1px !important; -moz-text-shadow: #333 1px 1px !important; -o-text-shadow: #333 1px 1px !important; text-shadow: #333 1px 1px !important; } .owl-caption-text-dark { color: #121212 !important; -webkit-text-shadow: #fff 1px 1px !important; -moz-text-shadow: #fff 1px 1px !important; -o-text-shadow: #fff 1px 1px !important; text-shadow: #fff 1px 1px !important; } /* centered focus */ .owl-carousel-2.owl-centered-focus .owl-item:before { content: ''; background-color: rgba(255, 255, 255, 0.8); position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 100; } .owl-carousel-2.owl-centered-focus .owl-item.active.center:before { display: none; } /* dot navigation */ .owl-carousel-2.controlls-over .owl-dots { margin: -35px 10px 0 10px; position: absolute; z-index: 9999; background-color: rgba(0, 0, 0, 0.4); line-height: 1; padding-bottom: 6px; -webkit-border-radius: 4px; border-radius: 4px; } .owl-carousel-2 .owl-dots .owl-dot span { background: #fff; margin: 0 7px 0 7px; width: 20px; height: 5px; -webkit-border-radius: 0; border-radius: 0; } .owl-carousel-2 .owl-dots .owl-dot.active span { background-color: #0275d8; } /* zoom image viewer */ .owl-carousel-2.zoom-more .owl-nav { top: auto !important; bottom: 0 !important; margin-top: 0; margin-bottom: -10px; right: -10px; } .owl-carousel-2.zoom-more a, .owl-carousel-2.zoom-more a > img { text-align: center; -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } .owl-carousel-2.zoom-more a > img { opacity: 0.5; filter: alpha(opacity=80); filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ } .owl-carousel-2.zoom-more a.active > img { opacity: 1; filter: alpha(opacity=1); -webkit-filter: none; filter: none; } .owl-carousel-2.zoom-more .owl-nav { margin-bottom: -36px; } .owl-carousel-2.zoom-more .owl-nav .owl-prev, .owl-carousel-2.zoom-more .owl-nav .owl-next { border: 0; margin: 0; padding: 0; background-color: transparent; opacity: 0.5; } .owl-carousel-2.zoom-more .owl-nav .owl-prev:hover, .owl-carousel-2.zoom-more .owl-nav .owl-next:hover { opacity: 1; } /** 14. Animate v3.5.1 https://github.com/daneden/animate.css *************************************************** **/ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: 0.75s; } @-webkit-keyframes bounce { 20%, 53%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { 20%, 53%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 50%, from, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 50%, from, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { from, to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } } @keyframes pulse { from, to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from, to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } } @keyframes rubberBand { from, to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from, to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } } @keyframes tada { from, to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } } .tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { from, to { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } } @keyframes wobble { from, to { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { 11.1%, from, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { 11.1%, from, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { 20%, 40%, 60%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 20%, 40%, 60%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInX; animation-name: flipInX; } .flipInY, .flipOutX { -webkit-backface-visibility: visible !important; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { backface-visibility: visible!important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /** 15. Fontawesome v4.7.0 http://fortawesome.github.io/Font-Awesome/ *************************************************** **/ @font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-lg { font-size: 1.33333333em; line-height: .75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: .14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid .08em #eee; border-radius: 0.1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: 0.3em; } .fa.fa-pull-right { margin-left: 0.3em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: 0.3em; } .fa.pull-right { margin-left: 0.3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-signing:before, .fa-sign-language:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-first-order:before { content: "\f2b0"; } .fa-yoast:before { content: "\f2b1"; } .fa-themeisle:before { content: "\f2b2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; } .fa-handshake-o:before { content: "\f2b5"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-o:before { content: "\f2b7"; } .fa-linode:before { content: "\f2b8"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-book-o:before { content: "\f2ba"; } .fa-vcard:before, .fa-address-card:before { content: "\f2bb"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-circle-o:before { content: "\f2be"; } .fa-user-o:before { content: "\f2c0"; } .fa-id-badge:before { content: "\f2c1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"; } .fa-quora:before { content: "\f2c4"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-telegram:before { content: "\f2c6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; } .fa-shower:before { content: "\f2cc"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd"; } .fa-podcast:before { content: "\f2ce"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-grav:before { content: "\f2d6"; } .fa-etsy:before { content: "\f2d7"; } .fa-imdb:before { content: "\f2d8"; } .fa-ravelry:before { content: "\f2d9"; } .fa-eercast:before { content: "\f2da"; } .fa-microchip:before { content: "\f2db"; } .fa-snowflake-o:before { content: "\f2dc"; } .fa-superpowers:before { content: "\f2dd"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-meetup:before { content: "\f2e0"; } .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; } /** 16. Et-Line & Font Icons *************************************************** **/ /* Et-Line */ @font-face { font-family: 'et-line'; src: url('../fonts/et-line.eot'); src: url('../fonts/et-line.eot?#iefix') format('embedded-opentype'), url('../fonts/et-line.woff') format('woff'), url('../fonts/et-line.ttf') format('truetype'), url('../fonts/et-line.svg#et-line') format('svg'); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: et-line; content: attr(data-icon); speak: none; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; } .et-adjustments, .et-alarmclock, .et-anchor, .et-aperture, .et-attachment, .et-bargraph, .et-basket, .et-beaker, .et-bike, .et-book-open, .et-briefcase, .et-browser, .et-calendar, .et-camera, .et-caution, .et-chat, .et-circle-compass, .et-clipboard, .et-clock, .et-cloud, .et-compass, .et-desktop, .et-dial, .et-document, .et-documents, .et-download, .et-dribbble, .et-edit, .et-envelope, .et-expand, .et-facebook, .et-flag, .et-focus, .et-gears, .et-genius, .et-gift, .et-global, .et-globe, .et-googleplus, .et-grid, .et-happy, .et-hazardous, .et-heart, .et-hotairballoon, .et-hourglass, .et-key, .et-laptop, .et-layers, .et-lifesaver, .et-lightbulb, .et-linegraph, .et-linkedin, .et-lock, .et-magnifying-glass, .et-map, .et-map-pin, .et-megaphone, .et-mic, .et-mobile, .et-newspaper, .et-notebook, .et-paintbrush, .et-paperclip, .et-pencil, .et-phone, .et-picture, .et-pictures, .et-piechart, .et-presentation, .et-pricetags, .et-printer, .et-profile-female, .et-profile-male, .et-puzzle, .et-quote, .et-recycle, .et-refresh, .et-ribbon, .et-rss, .et-sad, .et-scissors, .et-scope, .et-search, .et-shield, .et-speedometer, .et-strategy, .et-streetsign, .et-tablet, .et-target, .et-telescope, .et-toolbox, .et-tools, .et-tools-2, .et-trophy, .et-tumblr, .et-twitter, .et-upload, .et-video, .et-wallet, .et-wine { font-family: et-line; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; } .et-mobile:before { content: "\e000"; } .et-laptop:before { content: "\e001"; } .et-desktop:before { content: "\e002"; } .et-tablet:before { content: "\e003"; } .et-phone:before { content: "\e004"; } .et-document:before { content: "\e005"; } .et-documents:before { content: "\e006"; } .et-search:before { content: "\e007"; } .et-clipboard:before { content: "\e008"; } .et-newspaper:before { content: "\e009"; } .et-notebook:before { content: "\e00a"; } .et-book-open:before { content: "\e00b"; } .et-browser:before { content: "\e00c"; } .et-calendar:before { content: "\e00d"; } .et-presentation:before { content: "\e00e"; } .et-picture:before { content: "\e00f"; } .et-pictures:before { content: "\e010"; } .et-video:before { content: "\e011"; } .et-camera:before { content: "\e012"; } .et-printer:before { content: "\e013"; } .et-toolbox:before { content: "\e014"; } .et-briefcase:before { content: "\e015"; } .et-wallet:before { content: "\e016"; } .et-gift:before { content: "\e017"; } .et-bargraph:before { content: "\e018"; } .et-grid:before { content: "\e019"; } .et-expand:before { content: "\e01a"; } .et-focus:before { content: "\e01b"; } .et-edit:before { content: "\e01c"; } .et-adjustments:before { content: "\e01d"; } .et-ribbon:before { content: "\e01e"; } .et-hourglass:before { content: "\e01f"; } .et-lock:before { content: "\e020"; } .et-megaphone:before { content: "\e021"; } .et-shield:before { content: "\e022"; } .et-trophy:before { content: "\e023"; } .et-flag:before { content: "\e024"; } .et-map:before { content: "\e025"; } .et-puzzle:before { content: "\e026"; } .et-basket:before { content: "\e027"; } .et-envelope:before { content: "\e028"; } .et-streetsign:before { content: "\e029"; } .et-telescope:before { content: "\e02a"; } .et-gears:before { content: "\e02b"; } .et-key:before { content: "\e02c"; } .et-paperclip:before { content: "\e02d"; } .et-attachment:before { content: "\e02e"; } .et-pricetags:before { content: "\e02f"; } .et-lightbulb:before { content: "\e030"; } .et-layers:before { content: "\e031"; } .et-pencil:before { content: "\e032"; } .et-tools:before { content: "\e033"; } .et-tools-2:before { content: "\e034"; } .et-scissors:before { content: "\e035"; } .et-paintbrush:before { content: "\e036"; } .et-magnifying-glass:before { content: "\e037"; } .et-circle-compass:before { content: "\e038"; } .et-linegraph:before { content: "\e039"; } .et-mic:before { content: "\e03a"; } .et-strategy:before { content: "\e03b"; } .et-beaker:before { content: "\e03c"; } .et-caution:before { content: "\e03d"; } .et-recycle:before { content: "\e03e"; } .et-anchor:before { content: "\e03f"; } .et-profile-male:before { content: "\e040"; } .et-profile-female:before { content: "\e041"; } .et-bike:before { content: "\e042"; } .et-wine:before { content: "\e043"; } .et-hotairballoon:before { content: "\e044"; } .et-globe:before { content: "\e045"; } .et-genius:before { content: "\e046"; } .et-map-pin:before { content: "\e047"; } .et-dial:before { content: "\e048"; } .et-chat:before { content: "\e049"; } .et-heart:before { content: "\e04a"; } .et-cloud:before { content: "\e04b"; } .et-upload:before { content: "\e04c"; } .et-download:before { content: "\e04d"; } .et-target:before { content: "\e04e"; } .et-hazardous:before { content: "\e04f"; } .et-piechart:before { content: "\e050"; } .et-speedometer:before { content: "\e051"; } .et-global:before { content: "\e052"; } .et-compass:before { content: "\e053"; } .et-lifesaver:before { content: "\e054"; } .et-clock:before { content: "\e055"; } .et-aperture:before { content: "\e056"; } .et-quote:before { content: "\e057"; } .et-scope:before { content: "\e058"; } .et-alarmclock:before { content: "\e059"; } .et-refresh:before { content: "\e05a"; } .et-happy:before { content: "\e05b"; } .et-sad:before { content: "\e05c"; } .et-facebook:before { content: "\e05d"; } .et-twitter:before { content: "\e05e"; } .et-googleplus:before { content: "\e05f"; } .et-rss:before { content: "\e060"; } .et-tumblr:before { content: "\e061"; } .et-linkedin:before { content: "\e062"; } .et-dribbble:before { content: "\e063"; } /* Font Icons */ @font-face { font-family: 'font-icons'; src: url('../fonts/font-icons.eot'); src: url('../fonts/font-icons.eot') format('embedded-opentype'), url('../fonts/font-icons.woff') format('woff'), url('../fonts/font-icons.ttf') format('truetype'), url('../fonts/font-icons.svg') format('svg'); font-weight: normal; font-style: normal; } .side-header #primary-menu ul > li.sub-menu > a:after, [class*=" icon-"], [class^=icon-] { display: inline-block; font-family: font-icons; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-lg { font-size: 1.3333333333333333em; line-height: .75em; vertical-align: -15%; } .icon-2x { font-size: 2em; } .icon-3x { font-size: 3em; } .icon-4x { font-size: 4em; } .icon-5x { font-size: 5em; } .icon-fw { width: 1.2857142857142858em; text-align: center; } .iconlist { padding-left: 0; margin-left: 1.75em; list-style-type: none; } .iconlist li { position: relative; } .iconlist ul { list-style-type: none; margin: 5px 0 5px 25px; } .iconlist > li [class*=" icon-"], .iconlist > li [class^=icon-] { position: absolute; left: -1.75em; text-align: center; top: 1px; width: 14px; } .iconlist.iconlist-large { font-size: 16px; } .iconlist.iconlist-large li { margin: 4px 0; } .iconlist.iconlist-large > li [class*=" icon-"], .iconlist.iconlist-large > li [class^=icon-] { width: 16px; margin-right: 5px; } .iconlist-color li i { color: #1ABC9C; } .icon-border { padding: .2em .25em .15em; border: solid .08em #eee; border-radius: 0.1em; } .icon.pull-left { margin-right: 0.3em; } .icon.pull-right { margin-left: 0.3em; } .icon-spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(359deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .icon-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); } .icon-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .icon-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .icon-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .icon-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } .icon-stacked { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .icon-stacked-1x, .icon-stacked-2x { position: absolute; left: 0; width: 100%; text-align: center; } .icon-stacked-1x { line-height: inherit; } .icon-stacked-2x { font-size: 2em; } .icon-inverse { color: #fff; } .icon-type:before { content: "\e600"; } .icon-box:before { content: "\e601"; } .icon-archive:before { content: "\e602"; } .icon-envelope:before { content: "\e603"; } .icon-email:before { content: "\e604"; } .icon-files:before { content: "\e605"; } .icon-printer2:before { content: "\e606"; } .icon-folder-add:before { content: "\e607"; } .icon-folder-settings:before { content: "\e608"; } .icon-folder-check:before { content: "\e609"; } .icon-wifi-low:before { content: "\e60a"; } .icon-wifi-mid:before { content: "\e60b"; } .icon-wifi-full:before { content: "\e60c"; } .icon-connection-empty:before { content: "\e60d"; } .icon-battery-full:before { content: "\e60e"; } .icon-settings:before { content: "\e60f"; } .icon-arrow-left:before { content: "\e610"; } .icon-arrow-up:before { content: "\e611"; } .icon-arrow-down:before { content: "\e612"; } .icon-arrow-right:before { content: "\e613"; } .icon-reload:before { content: "\e614"; } .icon-download:before { content: "\e615"; } .icon-tag:before { content: "\e616"; } .icon-trashcan:before { content: "\e617"; } .icon-search:before { content: "\e618"; } .icon-zoom-in:before { content: "\e619"; } .icon-zoom-out:before { content: "\e61a"; } .icon-chat:before { content: "\e61b"; } .icon-clock:before { content: "\e61c"; } .icon-printer:before { content: "\e61d"; } .icon-home:before { content: "\e61e"; } .icon-flag:before { content: "\e61f"; } .icon-meter:before { content: "\e620"; } .icon-switch:before { content: "\e621"; } .icon-forbidden:before { content: "\e622"; } .icon-phone-landscape:before { content: "\e623"; } .icon-tablet:before { content: "\e624"; } .icon-tablet-landscape:before { content: "\e625"; } .icon-laptop:before { content: "\e626"; } .icon-camera:before { content: "\e627"; } .icon-microwave-oven:before { content: "\e628"; } .icon-credit-cards:before { content: "\e629"; } .icon-map-marker:before { content: "\e62a"; } .icon-map:before { content: "\e62b"; } .icon-support:before { content: "\e62c"; } .icon-newspaper2:before { content: "\e62d"; } .icon-barbell:before { content: "\e62e"; } .icon-stopwatch:before { content: "\e62f"; } .icon-atom:before { content: "\e630"; } .icon-image:before { content: "\e631"; } .icon-cube:before { content: "\e632"; } .icon-bars:before { content: "\e633"; } .icon-chart:before { content: "\e634"; } .icon-pencil:before { content: "\e635"; } .icon-measure:before { content: "\e636"; } .icon-eyedropper:before { content: "\e637"; } .icon-file-settings:before { content: "\e638"; } .icon-file-add:before { content: "\e639"; } .icon-file:before { content: "\e63a"; } .icon-align-left:before { content: "\e63b"; } .icon-align-right:before { content: "\e63c"; } .icon-align-center:before { content: "\e63d"; } .icon-align-justify:before { content: "\e63e"; } .icon-file-broken:before { content: "\e63f"; } .icon-browser:before { content: "\e640"; } .icon-windows:before { content: "\e641"; } .icon-window:before { content: "\e642"; } .icon-folder:before { content: "\e643"; } .icon-connection-25:before { content: "\e644"; } .icon-connection-50:before { content: "\e645"; } .icon-connection-75:before { content: "\e646"; } .icon-connection-full:before { content: "\e647"; } .icon-list:before { content: "\e648"; } .icon-grid:before { content: "\e649"; } .icon-stack3:before { content: "\e64a"; } .icon-battery-charging:before { content: "\e64b"; } .icon-battery-empty:before { content: "\e64c"; } .icon-battery-25:before { content: "\e64d"; } .icon-battery-50:before { content: "\e64e"; } .icon-battery-75:before { content: "\e64f"; } .icon-refresh:before { content: "\e650"; } .icon-volume:before { content: "\e651"; } .icon-volume-increase:before { content: "\e652"; } .icon-volume-decrease:before { content: "\e653"; } .icon-mute:before { content: "\e654"; } .icon-microphone:before { content: "\e655"; } .icon-microphone-off:before { content: "\e656"; } .icon-book:before { content: "\e657"; } .icon-checkmark:before { content: "\e658"; } .icon-checkbox-checked:before { content: "\e659"; } .icon-checkbox:before { content: "\e65a"; } .icon-paperclip:before { content: "\e65b"; } .icon-chat-1:before { content: "\e65c"; } .icon-chat-2:before { content: "\e65d"; } .icon-chat-3:before { content: "\e65e"; } .icon-comment:before { content: "\e65f"; } .icon-calendar:before { content: "\e660"; } .icon-bookmark:before { content: "\e661"; } .icon-email2:before { content: "\e662"; } .icon-heart:before { content: "\e663"; } .icon-enter:before { content: "\e664"; } .icon-cloud:before { content: "\e665"; } .icon-book2:before { content: "\e666"; } .icon-star:before { content: "\e667"; } .icon-lock:before { content: "\e668"; } .icon-unlocked:before { content: "\e669"; } .icon-unlocked2:before { content: "\e66a"; } .icon-users:before { content: "\e66b"; } .icon-user:before { content: "\e66c"; } .icon-users2:before { content: "\e66d"; } .icon-user2:before { content: "\e66e"; } .icon-bullhorn:before { content: "\e66f"; } .icon-share:before { content: "\e670"; } .icon-screen:before { content: "\e671"; } .icon-phone:before { content: "\e672"; } .icon-phone-portrait:before { content: "\e673"; } .icon-calculator:before { content: "\e674"; } .icon-bag:before { content: "\e675"; } .icon-diamond:before { content: "\e676"; } .icon-drink:before { content: "\e677"; } .icon-shorts:before { content: "\e678"; } .icon-vcard:before { content: "\e679"; } .icon-sun:before { content: "\e67a"; } .icon-bill:before { content: "\e67b"; } .icon-coffee:before { content: "\e67c"; } .icon-tv2:before { content: "\e67d"; } .icon-newspaper:before { content: "\e67e"; } .icon-stack:before { content: "\e67f"; } .icon-syringe:before { content: "\e680"; } .icon-health:before { content: "\e681"; } .icon-bolt:before { content: "\e682"; } .icon-pill:before { content: "\e683"; } .icon-bones:before { content: "\e684"; } .icon-lab:before { content: "\e685"; } .icon-clipboard:before { content: "\e686"; } .icon-mug:before { content: "\e687"; } .icon-bucket:before { content: "\e688"; } .icon-select:before { content: "\e689"; } .icon-graph:before { content: "\e68a"; } .icon-crop:before { content: "\e68b"; } .icon-heart2:before { content: "\e68c"; } .icon-cloud2:before { content: "\e68d"; } .icon-star2:before { content: "\e68e"; } .icon-pen:before { content: "\e68f"; } .icon-diamond2:before { content: "\e690"; } .icon-display:before { content: "\e691"; } .icon-paperplane:before { content: "\e692"; } .icon-params:before { content: "\e693"; } .icon-banknote:before { content: "\e694"; } .icon-vynil:before { content: "\e695"; } .icon-truck:before { content: "\e696"; } .icon-world:before { content: "\e697"; } .icon-tv:before { content: "\e698"; } .icon-sound:before { content: "\e699"; } .icon-video:before { content: "\e69a"; } .icon-trash:before { content: "\e69b"; } .icon-user3:before { content: "\e69c"; } .icon-key:before { content: "\e69d"; } .icon-search2:before { content: "\e69e"; } .icon-settings2:before { content: "\e69f"; } .icon-camera2:before { content: "\e6a0"; } .icon-tag2:before { content: "\e6a1"; } .icon-lock2:before { content: "\e6a2"; } .icon-bulb:before { content: "\e6a3"; } .icon-location:before { content: "\e6a4"; } .icon-eye:before { content: "\e6a5"; } .icon-bubble:before { content: "\e6a6"; } .icon-stack2:before { content: "\e6a7"; } .icon-cup:before { content: "\e6a8"; } .icon-phone2:before { content: "\e6a9"; } .icon-news:before { content: "\e6aa"; } .icon-mail:before { content: "\e6ab"; } .icon-like:before { content: "\e6ac"; } .icon-photo:before { content: "\e6ad"; } .icon-note:before { content: "\e6ae"; } .icon-clock2:before { content: "\e6af"; } .icon-data:before { content: "\e6b0"; } .icon-music:before { content: "\e6b1"; } .icon-megaphone:before { content: "\e6b2"; } .icon-study:before { content: "\e6b3"; } .icon-lab2:before { content: "\e6b4"; } .icon-food:before { content: "\e6b5"; } .icon-t-shirt:before { content: "\e6b6"; } .icon-fire:before { content: "\e6b7"; } .icon-clip:before { content: "\e6b8"; } .icon-shop:before { content: "\e6b9"; } .icon-calendar2:before { content: "\e6ba"; } .icon-wallet:before { content: "\e6bb"; } .icon-duckduckgo:before { content: "\e830"; } .icon-lkdto:before { content: "\e896"; } .icon-delicious:before { content: "\e832"; } .icon-paypal:before { content: "\e833"; } .icon-flattr:before { content: "\e834"; } .icon-android:before { content: "\e835"; } .icon-eventful:before { content: "\e836"; } .icon-smashmag:before { content: "\e837"; } .icon-gplus:before { content: "\e838"; } .icon-wikipedia:before { content: "\e839"; } .icon-lanyrd:before { content: "\e83a"; } .icon-calendar-1:before { content: "\e83b"; } .icon-stumbleupon:before { content: "\e83c"; } .icon-bitcoin:before { content: "\e83f"; } .icon-w3c:before { content: "\e840"; } .icon-foursquare:before { content: "\e841"; } .icon-html5:before { content: "\e842"; } .icon-ie:before { content: "\e843"; } .icon-call:before { content: "\e844"; } .icon-grooveshark:before { content: "\e845"; } .icon-ninetyninedesigns:before { content: "\e846"; } .icon-forrst:before { content: "\e847"; } .icon-digg:before { content: "\e848"; } .icon-spotify:before { content: "\e849"; } .icon-reddit:before { content: "\e84a"; } .icon-guest:before { content: "\e84b"; } .icon-blogger:before { content: "\e84e"; } .icon-cc:before { content: "\e84f"; } .icon-dribbble:before { content: "\e850"; } .icon-evernote:before { content: "\e851"; } .icon-flickr:before { content: "\e852"; } .icon-google:before { content: "\e853"; } .icon-viadeo:before { content: "\e854"; } .icon-instapaper:before { content: "\e855"; } .icon-weibo:before { content: "\e856"; } .icon-klout:before { content: "\e857"; } .icon-linkedin:before { content: "\e858"; } .icon-meetup:before { content: "\e859"; } .icon-vk:before { content: "\e85a"; } .icon-rss:before { content: "\e85d"; } .icon-skype:before { content: "\e85e"; } .icon-twitter:before { content: "\e85f"; } .icon-youtube:before { content: "\e860"; } .icon-vimeo:before { content: "\e861"; } .icon-windows2:before { content: "\e862"; } .icon-aim:before { content: "\e831"; } .icon-yahoo:before { content: "\e864"; } .icon-chrome:before { content: "\e865"; } .icon-email3:before { content: "\e866"; } .icon-macstore:before { content: "\e867"; } .icon-myspace:before { content: "\e868"; } .icon-podcast:before { content: "\e869"; } .icon-cloudapp:before { content: "\e86c"; } .icon-dropbox:before { content: "\e86d"; } .icon-ebay:before { content: "\e86e"; } .icon-facebook:before { content: "\e86f"; } .icon-github:before { content: "\e870"; } .icon-github-circled:before { content: "\e871"; } .icon-googleplay:before { content: "\e872"; } .icon-itunes:before { content: "\e873"; } .icon-plurk:before { content: "\e874"; } .icon-songkick:before { content: "\e875"; } .icon-lastfm:before { content: "\e876"; } .icon-gmail:before { content: "\e877"; } .icon-pinboard:before { content: "\e878"; } .icon-soundcloud:before { content: "\e87b"; } .icon-tumblr:before { content: "\e87c"; } .icon-eventasaurus:before { content: "\e87d"; } .icon-wordpress:before { content: "\e87e"; } .icon-yelp:before { content: "\e87f"; } .icon-intensedebate:before { content: "\e880"; } .icon-eventbrite:before { content: "\e881"; } .icon-scribd:before { content: "\e882"; } .icon-posterous:before { content: "\e883"; } .icon-stripe:before { content: "\e884"; } .icon-opentable:before { content: "\e885"; } .icon-cart:before { content: "\e886"; } .icon-print:before { content: "\e887"; } .icon-dwolla:before { content: "\e88a"; } .icon-appnet:before { content: "\e88b"; } .icon-statusnet:before { content: "\e88c"; } .icon-acrobat:before { content: "\e88d"; } .icon-drupal:before { content: "\e88e"; } .icon-buffer:before { content: "\e88f"; } .icon-pocket:before { content: "\e890"; } .icon-bitbucket:before { content: "\e891"; } .icon-lego:before { content: "\e892"; } .icon-login:before { content: "\e893"; } .icon-stackoverflow:before { content: "\e894"; } .icon-hackernews:before { content: "\e895"; } .icon-xing:before { content: "\e863"; } .icon-instagram:before { content: "\e889"; } .icon-angellist:before { content: "\e888"; } .icon-quora:before { content: "\e87a"; } .icon-openid:before { content: "\e879"; } .icon-steam:before { content: "\e86b"; } .icon-amazon:before { content: "\e86a"; } .icon-disqus:before { content: "\e85c"; } .icon-plancast:before { content: "\e85b"; } .icon-appstore:before { content: "\e84d"; } .icon-gowalla:before { content: "\e84c"; } .icon-pinterest:before { content: "\e83e"; } .icon-fivehundredpx:before { content: "\e83d"; } .icon-glass:before { content: "\e6bc"; } .icon-music2:before { content: "\e6bd"; } .icon-search3:before { content: "\e6be"; } .icon-envelope2:before { content: "\e6bf"; } .icon-heart3:before { content: "\e6c0"; } .icon-star3:before { content: "\e6c1"; } .icon-star-empty:before { content: "\e6c2"; } .icon-user4:before { content: "\e6c3"; } .icon-film:before { content: "\e6c4"; } .icon-th-large:before { content: "\e6c5"; } .icon-th:before { content: "\e6c6"; } .icon-th-list:before { content: "\e6c7"; } .icon-ok:before { content: "\e6c8"; } .icon-remove:before { content: "\e6c9"; } .icon-zoom-in2:before { content: "\e6ca"; } .icon-zoom-out2:before { content: "\e6cb"; } .icon-off:before { content: "\e6cc"; } .icon-signal:before { content: "\e6cd"; } .icon-cog:before { content: "\e6ce"; } .icon-trash2:before { content: "\e6cf"; } .icon-home2:before { content: "\e6d0"; } .icon-file2:before { content: "\e6d1"; } .icon-time:before { content: "\e6d2"; } .icon-road:before { content: "\e6d3"; } .icon-download-alt:before { content: "\e6d4"; } .icon-download2:before { content: "\e6d5"; } .icon-upload:before { content: "\e6d6"; } .icon-inbox:before { content: "\e6d7"; } .icon-play-circle:before { content: "\e6d8"; } .icon-repeat:before { content: "\e6d9"; } .icon-refresh2:before { content: "\e6da"; } .icon-list-alt:before { content: "\e6db"; } .icon-lock3:before { content: "\e6dc"; } .icon-flag2:before { content: "\e6dd"; } .icon-headphones:before { content: "\e6de"; } .icon-volume-off:before { content: "\e6df"; } .icon-volume-down:before { content: "\e6e0"; } .icon-volume-up:before { content: "\e6e1"; } .icon-qrcode:before { content: "\e6e2"; } .icon-barcode:before { content: "\e6e3"; } .icon-tag3:before { content: "\e6e4"; } .icon-tags:before { content: "\e6e5"; } .icon-book3:before { content: "\e6e6"; } .icon-bookmark2:before { content: "\e6e7"; } .icon-print2:before { content: "\e6e8"; } .icon-camera3:before { content: "\e6e9"; } .icon-font:before { content: "\e6ea"; } .icon-bold:before { content: "\e6eb"; } .icon-italic:before { content: "\e6ec"; } .icon-text-height:before { content: "\e6ed"; } .icon-text-width:before { content: "\e6ee"; } .icon-align-left2:before { content: "\e6ef"; } .icon-align-center2:before { content: "\e6f0"; } .icon-align-right2:before { content: "\e6f1"; } .icon-align-justify2:before { content: "\e6f2"; } .icon-list2:before { content: "\e6f3"; } .icon-indent-left:before { content: "\e6f4"; } .icon-indent-right:before { content: "\e6f5"; } .icon-facetime-video:before { content: "\e6f6"; } .icon-picture:before { content: "\e6f7"; } .icon-pencil2:before { content: "\e6f8"; } .icon-map-marker2:before { content: "\e6f9"; } .icon-adjust:before { content: "\e6fa"; } .icon-tint:before { content: "\e6fb"; } .icon-edit:before { content: "\e6fc"; } .icon-share2:before { content: "\e6fd"; } .icon-check:before { content: "\e6fe"; } .icon-move:before { content: "\e6ff"; } .icon-step-backward:before { content: "\e700"; } .icon-fast-backward:before { content: "\e701"; } .icon-backward:before { content: "\e702"; } .icon-play:before { content: "\e703"; } .icon-pause:before { content: "\e704"; } .icon-stop:before { content: "\e705"; } .icon-forward:before { content: "\e706"; } .icon-fast-forward:before { content: "\e707"; } .icon-step-forward:before { content: "\e708"; } .icon-eject:before { content: "\e709"; } .icon-chevron-left:before { content: "\e70a"; } .icon-chevron-right:before { content: "\e70b"; } .icon-plus-sign:before { content: "\e70c"; } .icon-minus-sign:before { content: "\e70d"; } .icon-remove-sign:before { content: "\e70e"; } .icon-ok-sign:before { content: "\e70f"; } .icon-question-sign:before { content: "\e710"; } .icon-info-sign:before { content: "\e711"; } .icon-screenshot:before { content: "\e712"; } .icon-remove-circle:before { content: "\e713"; } .icon-ok-circle:before { content: "\e714"; } .icon-ban-circle:before { content: "\e715"; } .icon-arrow-left2:before { content: "\e716"; } .icon-arrow-right2:before { content: "\e717"; } .icon-arrow-up2:before { content: "\e718"; } .icon-arrow-down2:before { content: "\e719"; } .icon-share-alt:before { content: "\e71a"; } .icon-resize-full:before { content: "\e71b"; } .icon-resize-small:before { content: "\e71c"; } .icon-plus:before { content: "\e71d"; } .icon-minus:before { content: "\e71e"; } .icon-asterisk:before { content: "\e71f"; } .icon-exclamation-sign:before { content: "\e720"; } .icon-gift:before { content: "\e721"; } .icon-leaf:before { content: "\e722"; } .icon-fire2:before { content: "\e723"; } .icon-eye-open:before { content: "\e724"; } .icon-eye-close:before { content: "\e725"; } .icon-warning-sign:before { content: "\e726"; } .icon-plane:before { content: "\e727"; } .icon-calendar3:before { content: "\e728"; } .icon-random:before { content: "\e729"; } .icon-comment2:before { content: "\e72a"; } .icon-magnet:before { content: "\e72b"; } .icon-chevron-up:before { content: "\e72c"; } .icon-chevron-down:before { content: "\e72d"; } .icon-retweet:before { content: "\e72e"; } .icon-shopping-cart:before { content: "\e72f"; } .icon-folder-close:before { content: "\e730"; } .icon-folder-open:before { content: "\e731"; } .icon-resize-vertical:before { content: "\e732"; } .icon-resize-horizontal:before { content: "\e733"; } .icon-bar-chart:before { content: "\e734"; } .icon-twitter-sign:before { content: "\e735"; } .icon-facebook-sign:before { content: "\e736"; } .icon-camera-retro:before { content: "\e737"; } .icon-key2:before { content: "\e738"; } .icon-cogs:before { content: "\e739"; } .icon-comments:before { content: "\e73a"; } .icon-thumbs-up:before { content: "\e73b"; } .icon-thumbs-down:before { content: "\e73c"; } .icon-star-half:before { content: "\e73d"; } .icon-heart-empty:before { content: "\e73e"; } .icon-signout:before { content: "\e73f"; } .icon-linkedin-sign:before { content: "\e740"; } .icon-pushpin:before { content: "\e741"; } .icon-external-link:before { content: "\e742"; } .icon-signin:before { content: "\e743"; } .icon-trophy:before { content: "\e744"; } .icon-github-sign:before { content: "\e745"; } .icon-upload-alt:before { content: "\e746"; } .icon-lemon:before { content: "\e747"; } .icon-phone3:before { content: "\e748"; } .icon-check-empty:before { content: "\e749"; } .icon-bookmark-empty:before { content: "\e74a"; } .icon-phone-sign:before { content: "\e74b"; } .icon-twitter2:before { content: "\e74c"; } .icon-facebook2:before { content: "\e74d"; } .icon-github2:before { content: "\e74e"; } .icon-unlock:before { content: "\e74f"; } .icon-credit:before { content: "\e750"; } .icon-rss2:before { content: "\e751"; } .icon-hdd:before { content: "\e752"; } .icon-bullhorn2:before { content: "\e753"; } .icon-bell:before { content: "\e754"; } .icon-certificate:before { content: "\e755"; } .icon-hand-right:before { content: "\e756"; } .icon-hand-left:before { content: "\e757"; } .icon-hand-up:before { content: "\e758"; } .icon-hand-down:before { content: "\e759"; } .icon-circle-arrow-left:before { content: "\e75a"; } .icon-circle-arrow-right:before { content: "\e75b"; } .icon-circle-arrow-up:before { content: "\e75c"; } .icon-circle-arrow-down:before { content: "\e75d"; } .icon-globe:before { content: "\e75e"; } .icon-wrench:before { content: "\e75f"; } .icon-tasks:before { content: "\e760"; } .icon-filter:before { content: "\e761"; } .icon-briefcase:before { content: "\e762"; } .icon-fullscreen:before { content: "\e763"; } .icon-group:before { content: "\e764"; } .icon-link:before { content: "\e765"; } .icon-cloud3:before { content: "\e766"; } .icon-beaker:before { content: "\e767"; } .icon-cut:before { content: "\e768"; } .icon-copy:before { content: "\e769"; } .icon-paper-clip:before { content: "\e76a"; } .icon-save:before { content: "\e76b"; } .icon-sign-blank:before { content: "\e76c"; } .icon-reorder:before { content: "\e76d"; } .icon-list-ul:before { content: "\e76e"; } .icon-list-ol:before { content: "\e76f"; } .icon-strikethrough:before { content: "\e770"; } .icon-underline:before { content: "\e771"; } .icon-table:before { content: "\e772"; } .icon-magic:before { content: "\e773"; } .icon-truck2:before { content: "\e774"; } .icon-pinterest2:before { content: "\e775"; } .icon-pinterest-sign:before { content: "\e776"; } .icon-google-plus-sign:before { content: "\e777"; } .icon-google-plus:before { content: "\e778"; } .icon-money:before { content: "\e779"; } .icon-caret-down:before { content: "\e77a"; } .icon-caret-up:before { content: "\e77b"; } .icon-caret-left:before { content: "\e77c"; } .icon-caret-right:before { content: "\e77d"; } .icon-columns:before { content: "\e77e"; } .icon-sort:before { content: "\e77f"; } .icon-sort-down:before { content: "\e780"; } .icon-sort-up:before { content: "\e781"; } .icon-envelope-alt:before { content: "\e782"; } .icon-linkedin2:before { content: "\e783"; } .icon-undo:before { content: "\e784"; } .icon-legal:before { content: "\e785"; } .icon-dashboard:before { content: "\e786"; } .icon-comment-alt:before { content: "\e787"; } .icon-comments-alt:before { content: "\e788"; } .icon-bolt2:before { content: "\e789"; } .icon-sitemap:before { content: "\e78a"; } .icon-umbrella:before { content: "\e78b"; } .icon-paste:before { content: "\e78c"; } .icon-lightbulb:before { content: "\e78d"; } .icon-exchange:before { content: "\e78e"; } .icon-cloud-download:before { content: "\e78f"; } .icon-cloud-upload:before { content: "\e790"; } .icon-user-md:before { content: "\e791"; } .icon-stethoscope:before { content: "\e792"; } .icon-suitcase:before { content: "\e793"; } .icon-bell-alt:before { content: "\e794"; } .icon-coffee2:before { content: "\e795"; } .icon-food2:before { content: "\e796"; } .icon-file-alt:before { content: "\e797"; } .icon-building:before { content: "\e798"; } .icon-hospital:before { content: "\e799"; } .icon-ambulance:before { content: "\e79a"; } .icon-medkit:before { content: "\e79b"; } .icon-fighter-jet:before { content: "\e79c"; } .icon-beer:before { content: "\e79d"; } .icon-h-sign:before { content: "\e79e"; } .icon-plus-sign2:before { content: "\e79f"; } .icon-double-angle-left:before { content: "\e7a0"; } .icon-double-angle-right:before { content: "\e7a1"; } .icon-double-angle-up:before { content: "\e7a2"; } .icon-double-angle-down:before { content: "\e7a3"; } .icon-angle-left:before { content: "\e7a4"; } .icon-angle-right:before { content: "\e7a5"; } .icon-angle-up:before { content: "\e7a6"; } .icon-angle-down:before { content: "\e7a7"; } .icon-desktop:before { content: "\e7a8"; } .icon-laptop2:before { content: "\e7a9"; } .icon-tablet2:before { content: "\e7aa"; } .icon-mobile:before { content: "\e7ab"; } .icon-circle-blank:before { content: "\e7ac"; } .icon-quote-left:before { content: "\e7ad"; } .icon-quote-right:before { content: "\e7ae"; } .icon-spinner:before { content: "\e7af"; } .icon-circle:before { content: "\e7b0"; } .icon-reply:before { content: "\e7b1"; } .icon-github-alt:before { content: "\e7b2"; } .icon-folder-close-alt:before { content: "\e7b3"; } .icon-folder-open-alt:before { content: "\e7b4"; } .icon-expand-alt:before { content: "\e7b5"; } .icon-collapse-alt:before { content: "\e7b6"; } .icon-smile:before { content: "\e7b7"; } .icon-frown:before { content: "\e7b8"; } .icon-meh:before { content: "\e7b9"; } .icon-gamepad:before { content: "\e7ba"; } .icon-keyboard:before { content: "\e7bb"; } .icon-flag-alt:before { content: "\e7bc"; } .icon-flag-checkered:before { content: "\e7bd"; } .icon-terminal:before { content: "\e7be"; } .icon-code:before { content: "\e7bf"; } .icon-reply-all:before { content: "\e7c0"; } .icon-star-half-full:before { content: "\e7c1"; } .icon-location-arrow:before { content: "\e7c2"; } .icon-crop2:before { content: "\e7c3"; } .icon-code-fork:before { content: "\e7c4"; } .icon-unlink:before { content: "\e7c5"; } .icon-question:before { content: "\e7c6"; } .icon-info:before { content: "\e7c7"; } .icon-exclamation:before { content: "\e7c8"; } .icon-superscript:before { content: "\e7c9"; } .icon-subscript:before { content: "\e7ca"; } .icon-eraser:before { content: "\e7cb"; } .icon-puzzle:before { content: "\e7cc"; } .icon-microphone2:before { content: "\e7cd"; } .icon-microphone-off2:before { content: "\e7ce"; } .icon-shield:before { content: "\e7cf"; } .icon-calendar-empty:before { content: "\e7d0"; } .icon-fire-extinguisher:before { content: "\e7d1"; } .icon-rocket:before { content: "\e7d2"; } .icon-maxcdn:before { content: "\e7d3"; } .icon-chevron-sign-left:before { content: "\e7d4"; } .icon-chevron-sign-right:before { content: "\e7d5"; } .icon-chevron-sign-up:before { content: "\e7d6"; } .icon-chevron-sign-down:before { content: "\e7d7"; } .icon-html52:before { content: "\e7d8"; } .icon-css3:before { content: "\e7d9"; } .icon-anchor:before { content: "\e7da"; } .icon-unlock-alt:before { content: "\e7db"; } .icon-bullseye:before { content: "\e7dc"; } .icon-ellipsis-horizontal:before { content: "\e7dd"; } .icon-ellipsis-vertical:before { content: "\e7de"; } .icon-rss-sign:before { content: "\e7df"; } .icon-play-sign:before { content: "\e7e0"; } .icon-ticket:before { content: "\e7e1"; } .icon-minus-sign-alt:before { content: "\e7e2"; } .icon-check-minus:before { content: "\e7e3"; } .icon-level-up:before { content: "\e7e4"; } .icon-level-down:before { content: "\e7e5"; } .icon-check-sign:before { content: "\e7e6"; } .icon-edit-sign:before { content: "\e7e7"; } .icon-external-link-sign:before { content: "\e7e8"; } .icon-share-sign:before { content: "\e7e9"; } .icon-compass:before { content: "\e7ea"; } .icon-collapse:before { content: "\e7eb"; } .icon-collapse-top:before { content: "\e7ec"; } .icon-expand:before { content: "\e7ed"; } .icon-euro:before { content: "\e7ee"; } .icon-gbp:before { content: "\e7ef"; } .icon-dollar:before { content: "\e7f0"; } .icon-rupee:before { content: "\e7f1"; } .icon-yen:before { content: "\e7f2"; } .icon-renminbi:before { content: "\e7f3"; } .icon-won:before { content: "\e7f4"; } .icon-bitcoin2:before { content: "\e7f5"; } .icon-file3:before { content: "\e7f6"; } .icon-file-text:before { content: "\e7f7"; } .icon-sort-by-alphabet:before { content: "\e7f8"; } .icon-sort-by-alphabet-alt:before { content: "\e7f9"; } .icon-sort-by-attributes:before { content: "\e7fa"; } .icon-sort-by-attributes-alt:before { content: "\e7fb"; } .icon-sort-by-order:before { content: "\e7fc"; } .icon-sort-by-order-alt:before { content: "\e7fd"; } .icon-thumbs-up2:before { content: "\e7fe"; } .icon-thumbs-down2:before { content: "\e7ff"; } .icon-youtube-sign:before { content: "\e800"; } .icon-youtube2:before { content: "\e801"; } .icon-xing2:before { content: "\e802"; } .icon-xing-sign:before { content: "\e803"; } .icon-youtube-play:before { content: "\e804"; } .icon-dropbox2:before { content: "\e805"; } .icon-stackexchange:before { content: "\e806"; } .icon-instagram2:before { content: "\e807"; } .icon-flickr2:before { content: "\e808"; } .icon-adn:before { content: "\e809"; } .icon-bitbucket2:before { content: "\e80a"; } .icon-bitbucket-sign:before { content: "\e80b"; } .icon-tumblr2:before { content: "\e80c"; } .icon-tumblr-sign:before { content: "\e80d"; } .icon-long-arrow-down:before { content: "\e80e"; } .icon-long-arrow-up:before { content: "\e80f"; } .icon-long-arrow-left:before { content: "\e810"; } .icon-long-arrow-right:before { content: "\e811"; } .icon-apple:before { content: "\e812"; } .icon-windows3:before { content: "\e813"; } .icon-android2:before { content: "\e814"; } .icon-linux:before { content: "\e815"; } .icon-dribbble2:before { content: "\e816"; } .icon-skype2:before { content: "\e817"; } .icon-foursquare2:before { content: "\e818"; } .icon-trello:before { content: "\e819"; } .icon-female:before { content: "\e81a"; } .icon-male:before { content: "\e81b"; } .icon-gittip:before { content: "\e81c"; } .icon-sun2:before { content: "\e81d"; } .icon-moon:before { content: "\e81e"; } .icon-archive2:before { content: "\e81f"; } .icon-bug:before { content: "\e820"; } .icon-renren:before { content: "\e821"; } .icon-weibo2:before { content: "\e822"; } .icon-vk2:before { content: "\e823"; } .icon-line-eye:before { content: "\e000"; } .icon-line-paper-clip:before { content: "\e001"; } .icon-line-mail:before { content: "\e002"; } .icon-line-toggle:before { content: "\e003"; } .icon-line-layout:before { content: "\e004"; } .icon-line-link:before { content: "\e005"; } .icon-line-bell:before { content: "\e006"; } .icon-line-lock:before { content: "\e007"; } .icon-line-unlock:before { content: "\e008"; } .icon-line-ribbon:before { content: "\e009"; } .icon-line-image:before { content: "\e010"; } .icon-line-signal:before { content: "\e011"; } .icon-line-target:before { content: "\e012"; } .icon-line-clipboard:before { content: "\e013"; } .icon-line-clock:before { content: "\e014"; } .icon-line-watch:before { content: "\e015"; } .icon-line-air-play:before { content: "\e016"; } .icon-line-camera:before { content: "\e017"; } .icon-line-video:before { content: "\e018"; } .icon-line-disc:before { content: "\e019"; } .icon-line-printer:before { content: "\e020"; } .icon-line-monitor:before { content: "\e021"; } .icon-line-server:before { content: "\e022"; } .icon-line-cog:before { content: "\e023"; } .icon-line-heart:before { content: "\e024"; } .icon-line-paragraph:before { content: "\e025"; } .icon-line-align-justify:before { content: "\e026"; } .icon-line-align-left:before { content: "\e027"; } .icon-line-align-center:before { content: "\e028"; } .icon-line-align-right:before { content: "\e029"; } .icon-line-book:before { content: "\e030"; } .icon-line-layers:before { content: "\e031"; } .icon-line-stack:before { content: "\e032"; } .icon-line-stack-2:before { content: "\e033"; } .icon-line-paper:before { content: "\e034"; } .icon-line-paper-stack:before { content: "\e035"; } .icon-line-search:before { content: "\e036"; } .icon-line-zoom-in:before { content: "\e037"; } .icon-line-zoom-out:before { content: "\e038"; } .icon-line-reply:before { content: "\e039"; } .icon-line-circle-plus:before { content: "\e040"; } .icon-line-circle-minus:before { content: "\e041"; } .icon-line-circle-check:before { content: "\e042"; } .icon-line-circle-cross:before { content: "\e043"; } .icon-line-square-plus:before { content: "\e044"; } .icon-line-square-minus:before { content: "\e045"; } .icon-line-square-check:before { content: "\e046"; } .icon-line-square-cross:before { content: "\e047"; } .icon-line-microphone:before { content: "\e048"; } .icon-line-record:before { content: "\e049"; } .icon-line-skip-back:before { content: "\e050"; } .icon-line-rewind:before { content: "\e051"; } .icon-line-play:before { content: "\e052"; } .icon-line-pause:before { content: "\e053"; } .icon-line-stop:before { content: "\e054"; } .icon-line-fast-forward:before { content: "\e055"; } .icon-line-skip-forward:before { content: "\e056"; } .icon-line-shuffle:before { content: "\e057"; } .icon-line-repeat:before { content: "\e058"; } .icon-line-folder:before { content: "\e059"; } .icon-line-umbrella:before { content: "\e060"; } .icon-line-moon:before { content: "\e061"; } .icon-line-thermometer:before { content: "\e062"; } .icon-line-drop:before { content: "\e063"; } .icon-line-sun:before { content: "\e064"; } .icon-line-cloud:before { content: "\e065"; } .icon-line-cloud-upload:before { content: "\e066"; } .icon-line-cloud-download:before { content: "\e067"; } .icon-line-upload:before { content: "\e068"; } .icon-line-download:before { content: "\e069"; } .icon-line-location:before { content: "\e070"; } .icon-line-location-2:before { content: "\e071"; } .icon-line-map:before { content: "\e072"; } .icon-line-battery:before { content: "\e073"; } .icon-line-head:before { content: "\e074"; } .icon-line-briefcase:before { content: "\e075"; } .icon-line-speech-bubble:before { content: "\e076"; } .icon-line-anchor:before { content: "\e077"; } .icon-line-globe:before { content: "\e078"; } .icon-line-box:before { content: "\e079"; } .icon-line-reload:before { content: "\e080"; } .icon-line-share:before { content: "\e081"; } .icon-line-marquee:before { content: "\e082"; } .icon-line-marquee-plus:before { content: "\e083"; } .icon-line-marquee-minus:before { content: "\e084"; } .icon-line-tag:before { content: "\e085"; } .icon-line-power:before { content: "\e086"; } .icon-line-command:before { content: "\e087"; } .icon-line-alt:before { content: "\e088"; } .icon-line-esc:before { content: "\e089"; } .icon-line-bar-graph:before { content: "\e090"; } .icon-line-bar-graph-2:before { content: "\e091"; } .icon-line-pie-graph:before { content: "\e092"; } .icon-line-star:before { content: "\e093"; } .icon-line-arrow-left:before { content: "\e094"; } .icon-line-arrow-right:before { content: "\e095"; } .icon-line-arrow-up:before { content: "\e096"; } .icon-line-arrow-down:before { content: "\e097"; } .icon-line-volume:before { content: "\e098"; } .icon-line-mute:before { content: "\e099"; } .icon-line-content-right:before { content: "\e100"; } .icon-line-content-left:before { content: "\e101"; } .icon-line-grid:before { content: "\e102"; } .icon-line-grid-2:before { content: "\e103"; } .icon-line-columns:before { content: "\e104"; } .icon-line-loader:before { content: "\e105"; } .icon-line-bag:before { content: "\e106"; } .icon-line-ban:before { content: "\e107"; } .icon-line-flag:before { content: "\e108"; } .icon-line-trash:before { content: "\e109"; } .icon-line-expand:before { content: "\e110"; } .icon-line-contract:before { content: "\e111"; } .icon-line-maximize:before { content: "\e112"; } .icon-line-minimize:before { content: "\e113"; } .icon-line-plus:before { content: "\e114"; } .icon-line-minus:before { content: "\e115"; } .icon-line-check:before { content: "\e116"; } .icon-line-cross:before { content: "\e117"; } .icon-line-move:before { content: "\e118"; } .icon-line-delete:before { content: "\e119"; } .icon-line-menu:before { content: "\e120"; } .icon-line-archive:before { content: "\e121"; } .icon-line-inbox:before { content: "\e122"; } .icon-line-outbox:before { content: "\e123"; } .icon-line-file:before { content: "\e124"; } .icon-line-file-add:before { content: "\e125"; } .icon-line-file-subtract:before { content: "\e126"; } .icon-line-help:before { content: "\e127"; } .icon-line-open:before { content: "\e128"; } .icon-line-ellipsis:before { content: "\e129"; } /** 17. Social icons *************************************************** **/ .social-icon { margin: 0 5px 5px 0; width: 40px; height: 40px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); border-color: transparent; overflow: hidden; display: inline-block; text-decoration: none !important; text-align: center; cursor: pointer; font-style: normal; letter-spacing: 0em !important; color: #eaeaea !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .social-icon:hover > i { color: #fff; } .social-icon i { display: block; position: relative; width: 40px; height: 40px; margin-top: 6px; font-size: 28px; } .social-icon:hover i:first-child { margin-top: -38px; } .social-icon:hover i:last-child { margin-top: 4px; } @media only screen and (min-width: 768px) { .social-icon { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .social-icon i { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } } /* medium */ a.social-icon > i[class*=" icon-"], a.social-icon > i[class^=icon-] { font-size: 20px; } /* small */ a.social-icon.social-icon-sm, a.social-icon.social-icon-sm > i { width: 30px; height: 30px; margin-top: 3px; font-size: 17px; line-height: 23px; } a.social-icon.social-icon-sm > i:last-child { padding-top: 7px; } a.social-icon.social-icon-sm > i[class*=" icon-"], a.social-icon.social-icon-sm > i[class^=icon-] { font-size: 17px; } .social-facebook:hover { background-color: #3B5998 !important; } .social-facebook { background-color: #3B5998; } .social-delicious:hover { background-color: #205CC0 !important; } .social-delicious { background-color: #205CC0; } .social-paypal:hover { background-color: #00588B !important; } .social-paypal { background-color: #00588B; } .social-flattr:hover { background-color: #F67C1A !important; } .social-flattr { background-color: #F67C1A; } .social-android:hover { background-color: #A4C639 !important; } .social-android { background-color: #A4C639; } .social-smashmag:hover { background-color: #E53B2C !important; } .social-smashmag { background-color: #E53B2C; } .social-gplus:hover { background-color: #DD4B39 !important; } .social-gplus { background-color: #DD4B39; } .social-wikipedia:hover { background-color: #333 !important; } .social-wikipedia { background-color: #333; } .social-stumbleupon:hover { background-color: #F74425 !important; } .social-stumbleupon { background-color: #F74425; } .social-foursquare:hover { background-color: #25A0CA !important; } .social-foursquare { background-color: #25A0CA; } .social-call:hover { background-color: #444 !important; } .social-call { background-color: #444; } .social-ninetyninedesigns:hover { background-color: #F26739 !important; } .social-ninetyninedesigns { background-color: #F26739; } .social-forrst:hover { background-color: #5B9A68 !important; } .social-forrst { background-color: #5B9A68; } .social-digg:hover { background-color: #191919 !important; } .social-digg { background-color: #191919; } .social-spotify:hover { background-color: #81B71A !important; } .social-spotify { background-color: #81B71A; } .social-reddit:hover { background-color: #C6C6C6 !important; } .social-reddit { background-color: #C6C6C6; } .social-blogger:hover { background-color: #FC4F08 !important; } .social-blogger { background-color: #FC4F08; } .social-cc:hover { background-color: #688527 !important; } .social-cc { background-color: #688527; } .social-dribbble:hover { background-color: #EA4C89 !important; } .social-dribbble { background-color: #EA4C89; } .social-evernote:hover { background-color: #5BA525 !important; } .social-evernote { background-color: #5BA525; } .social-flickr:hover { background-color: #FF0084 !important; } .social-flickr { background-color: #FF0084; } .social-google:hover { background-color: #DD4B39 !important; } .social-google { background-color: #DD4B39; } .social-instapaper:hover { background-color: #333 !important; } .social-instapaper { background-color: #333; } .social-klout:hover { background-color: #FF5F52 !important; } .social-klout { background-color: #FF5F52; } .social-linkedin:hover { background-color: #0E76A8 !important; } .social-linkedin { background-color: #0E76A8; } .social-vk:hover { background-color: #2B587A !important; } .social-vk { background-color: #2B587A; } .social-rss:hover { background-color: #EE802F !important; } .social-rss { background-color: #EE802F; } .social-skype:hover { background-color: #00AFF0 !important; } .social-skype { background-color: #00AFF0; } .social-twitter:hover { background-color: #00ACEE !important; } .social-twitter { background-color: #00ACEE; } .social-youtube:hover { background-color: #C4302B !important; } .social-youtube { background-color: #C4302B; } .social-vimeo:hover { background-color: #86C9EF !important; } .social-vimeo { background-color: #86C9EF; } .social-aim:hover { background-color: #FCD20B !important; } .social-aim { background-color: #FCD20B; } .social-yahoo:hover { background-color: #720E9E !important; } .social-yahoo { background-color: #720E9E; } .social-email3:hover { background-color: #6567A5 !important; } .social-email3 { background-color: #6567A5; } .social-macstore:hover { background-color: #333333 !important; } .social-macstore { background-color: #333333; } .social-myspace:hover { background-color: #666666 !important; } .social-myspace { background-color: #666666; } .social-podcast:hover { background-color: #E4B21B !important; } .social-podcast { background-color: #E4B21B; } .social-cloudapp:hover { background-color: #525557 !important; } .social-cloudapp { background-color: #525557; } .social-dropbox:hover { background-color: #3D9AE8 !important; } .social-dropbox { background-color: #3D9AE8; } .social-ebay:hover { background-color: #89C507 !important; } .social-ebay { background-color: #89C507; } .social-github:hover { background-color: #171515 !important; } .social-github { background-color: #171515; } .social-googleplay:hover { background-color: #DD4B39 !important; } .social-googleplay { background-color: #DD4B39; } .social-itunes:hover { background-color: #222 !important; } .social-itunes { background-color: #222; } .social-plurk:hover { background-color: #CF5A00 !important; } .social-plurk { background-color: #CF5A00; } .social-pinboard:hover { background-color: #0000E6 !important; } .social-pinboard { background-color: #0000E6; } .social-soundcloud:hover { background-color: #FF7700 !important; } .social-soundcloud { background-color: #FF7700; } .social-tumblr:hover { background-color: #34526F !important; } .social-tumblr { background-color: #34526F; } .social-wordpress:hover { background-color: #1E8CBE !important; } .social-wordpress { background-color: #1E8CBE; } .social-yelp:hover { background-color: #C41200 !important; } .social-yelp { background-color: #C41200; } .social-intensedebate:hover { background-color: #009EE4 !important; } .social-intensedebate { background-color: #009EE4; } .social-eventbrite:hover { background-color: #F16924 !important; } .social-eventbrite { background-color: #F16924; } .social-scribd:hover { background-color: #666666 !important; } .social-scribd { background-color: #666666; } .social-stripe:hover { background-color: #008CDD !important; } .social-stripe { background-color: #008CDD; } .social-print:hover { background-color: #111 !important; } .social-print { background-color: #111; } .social-dwolla:hover { background-color: #FF5C03 !important; } .social-dwolla { background-color: #FF5C03; } .social-statusnet:hover { background-color: #131A30 !important; } .social-statusnet { background-color: #131A30; } .social-acrobat:hover { background-color: #D3222A !important; } .social-acrobat { background-color: #D3222A; } .social-drupal:hover { background-color: #27537A !important; } .social-drupal { background-color: #27537A; } .social-buffer:hover { background-color: #333333 !important; } .social-buffer { background-color: #333333; } .social-pocket:hover { background-color: #EE4056 !important; } .social-pocket { background-color: #EE4056; } .social-bitbucket:hover { background-color: #0E4984 !important; } .social-bitbucket { background-color: #0E4984; } .social-stackoverflow:hover { background-color: #EF8236 !important; } .social-stackoverflow { background-color: #EF8236; } .social-hackernews:hover { background-color: #FF6600 !important; } .social-hackernews { background-color: #FF6600; } .social-xing:hover { background-color: #126567 !important; } .social-xing { background-color: #126567; } .social-instagram:hover { background-color: #3F729B !important; } .social-instagram { background-color: #3F729B; } .social-quora:hover { background-color: #A82400 !important; } .social-quora { background-color: #A82400; } .social-openid:hover { background-color: #E16309 !important; } .social-openid { background-color: #E16309; } .social-steam:hover { background-color: #111 !important; } .social-steam { background-color: #111; } .social-amazon:hover { background-color: #E47911 !important; } .social-amazon { background-color: #E47911; } .social-disqus:hover { background-color: #E4E7EE !important; } .social-disqus { background-color: #E4E7EE; } .social-plancast:hover { background-color: #222 !important; } .social-plancast { background-color: #222; } .social-appstore:hover { background-color: #000 !important; } .social-appstore { background-color: #000; } .social-pinterest:hover { background-color: #C8232C !important; } .social-pinterest { background-color: #C8232C; } .social-fivehundredpx:hover { background-color: #111 !important; } .social-fivehundredpx { background-color: #111; } /* rounded social icons */ a.social-icon.social-icon-round { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* bordered social icons */ a.social-icon.social-icon-border { background-color: transparent; border: #999 1px solid; color: #565656 !important; text-shadow: none; } a.social-icon.social-icon-border:hover { border-color: transparent; } a.social-icon.social-icon-border:hover > i { color: #fff !important; } section.dark a.social-icon.social-icon-border { color: #fff !important; } section.dark a.social-icon.social-icon-border:hover > i { color: #111 !important; } /* light social icons */ a.social-icon.social-icon-light { background-color: rgba(0, 0, 0, 0.1); text-shadow: none; color: #888 !important; } a.social-icon.social-icon-light:hover > i { color: #fff !important; } section.dark a.social-icon.social-icon-light { background-color: #666; color: #fff !important; } section.dark a.social-icon.social-icon-light:hover > i { color: #111 !important; } /* dark social icons */ a.social-icon.social-icon-dark { background-color: #444; text-shadow: none; color: #eee !important; } a.social-icon.social-icon-dark:hover > i { color: #fff !important; } section.dark a.social-icon.social-icon-dark { background-color: #111; color: #fff !important; } /* transparent social icons */ a.social-icon.social-icon-transparent { background-color: transparent; text-shadow: none; color: #666 !important; } a.social-icon.social-icon-transparent:hover > i { color: #fff !important; } section.dark a.social-icon.social-icon-transparent { color: #999 !important; } section.dark a.social-icon.social-icon-transparent:hover > i { color: #fff !important; } /** 18. Buttons *************************************************** **/ .btn, .btn-group { /*margin: 5px 5px 5px 0;*/ } .btn.pull-right, .btn-group.pull-right { margin: 5px 0 5px 5px; } /* btn fancy */ .btn-fancy { -webkit-border-bottom-right-radius: 15px!important; -webkit-border-top-left-radius: 15px!important; -moz-border-radius-bottom-right: 15px!important; -moz-border-radius-top-left: 15px!important; border-bottom-right-radius: 15px!important; border-top-left-radius: 15px!important; } .btn-fancy-left { -webkit-border-top-left-radius: 15px!important; -moz-border-radius-top-left: 15px!important; border-top-left-radius: 15px!important; } .btn-fancy-right { -webkit-border-bottom-right-radius: 15px!important; -moz-border-radius-bottom-right: 15px!important; border-bottom-right-radius: 15px!important; } /* btn flat */ .btn-flat { background-color: #ddd; color: #333; border: 0; } .btn-flat:hover { opacity: 0.7; } /* btn dark */ .btn-dark { color: #fff !important; background-color: #000; } .btn-dark:hover { opacity: 0.8; } .btn-group .btn { margin-right: 0; margin-left: 0; } #header .btn, #footer .btn, .dropdown .btn, .input-group .btn { margin: 0; } /* translucid */ .btn-translucid { color: #fff; border: rgba(0, 0, 0, 0.07) 1px solid; background-color: rgba(0, 0, 0, 0.07); -webkit-transition: all .400s; -moz-transition: all .400s; -o-transition: all .400s; transition: all .400s; } .btn-translucid:hover { color: #fff; background-color: rgba(0, 0, 0, 0.2); } /* 3D Buttons */ .btn-3d { border-bottom: 3px solid rgba(0, 0, 0, 0.15); } .btn-3d:hover { opacity: 0.9; filter: alpha(opacity=90); } .btn-3d.btn-link { border-bottom: 0; } /* Extra Large Buttons */ .btn-xlg { padding: 24px 34px; white-space: inherit; } /* Button reveal */ .btn.btn-reveal { padding-left: 28px; padding-right: 28px; overflow: hidden; position: relative; } .btn.btn-reveal i { display: block; position: absolute; left: -32px; width: 32px; top: 0; bottom: 0; margin: 0; padding: 0; font-size: 17px; line-height: 34px; text-align: center; background-color: rgba(0, 0, 0, 0.1); } .btn.btn-reveal span { display: inline-block; position: relative; left: 0; } body:not(.device-touch) .btn.btn-reveal i, body:not(.device-touch) .btn.btn-reveal span { -webkit-transition: left 0.3s ease, right 0.3s ease; -o-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; } /* extra small */ .btn.btn-reveal.btn-xs { padding: 0 17px; } .btn.btn-reveal.btn-xs i { left: -22px; width: 22px; height: 28px; line-height: 20px; font-size: 12px; } /* small */ .btn.btn-reveal.btn-sm { padding-left: 22px; padding-right: 22px; } .btn.btn-reveal.btn-sm i { left: -26px; width: 26px; height: 34px; line-height: 28px; font-size: 14px; } /* large */ .btn.btn-reveal.btn-lg { padding-left: 32px; padding-right: 32px; } .btn.btn-reveal.btn-lg i { left: -38px; width: 38px; height: 46px; line-height: 46px; } /* extra large */ .btn.btn-reveal.btn-xlg { padding-left: 40px; padding-right: 40px; } .btn.btn-reveal.btn-xlg i { left: -44px; width: 44px; height: 72px; line-height: 72px; font-size: 20px; } .btn.btn-reveal:hover i { left: 0; } .btn.btn-reveal:hover span { left: 16px; } /* Button Bordered */ .btn.btn-bordered { border-color: #333; border-width: 2px; } .btn.btn-bordered:hover { color: #fff; background-color: #333; } /* button colors */ .btn-red { background-color: #C02942; color: #FFF !important; } .btn-teal { background-color: #53777A; color: #FFF !important; } .btn-yellow { background-color: #ECD078; color: #333 !important; } .btn-green { background-color: #59BA41; color: #FFF !important; } .btn-brown { background-color: #774F38; color: #FFF !important; } .btn-aqua { background-color: #40C0CB; color: #FFF !important; } .btn-lime { background-color: #AEE239; color: #FFF !important; } .btn-purple { background-color: #5D4157; color: #FFF !important; } .btn-leaf { background-color: #A8CABA; color: #333 !important; } .btn-pink { background-color: #F89FA1; color: #FFF !important; } .btn-dirtygreen { background-color: #1693A5; color: #FFF !important; } .btn-blue { background-color: #1265A8; color: #FFF !important; } .btn-amber { background-color: #EB9C4D; color: #FFF !important; } .btn-black { background-color: #111; color: #FFF !important; } .btn-white { background-color: #F9F9F9; color: #333 !important; } .fullwidth.btn-red:hover, .fullwidth.btn-teal:hover, .fullwidth.btn-yellow:hover, .fullwidth.btn-green:hover, .fullwidth.btn-brown:hover, .fullwidth.btn-aqua:hover, .fullwidth.btn-lime:hover, .fullwidth.btn-purple:hover, .fullwidth.btn-leaf:hover, .fullwidth.btn-pink:hover, .fullwidth.btn-dirtygreen:hover, .fullwidth.btn-blue:hover, .fullwidth.btn-amber:hover, .fullwidth.btn-black:hover, .fullwidth.btn-white:hover { color: #fff !important; background-color: #434343; } section.dark .btn-default { color: #fff; background-color: transparent; border-color: rgba(255, 255, 255, 0.5); } .btn-clean { color: #555; } /* BOOTSTRAP REWRITE */ .btn, .form-control { height: 40px; } .btn-sm, .btn-xs, .btn-lg, .btn-xlg, .btn-group-xs > .btn, .btn-group-sm > .btn, .btn-group-lg > .btn { height: auto; } a.btn { line-height: 26px; } a.btn.btn-xs { line-height: inherit; } .btn-3d { line-height: 25px; margin-bottom: 3px; } .btn-3d.btn-xlg { line-height: inherit; } /* bootstrap modal */ .modal-backdrop { background-color: #fff; } .modal-content { border: 0; border-top: #333 4px solid; } .modal-dialog { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .modal-header .close { margin-top: 2px; } /* * Social Buttons for Bootstrap * https://github.com/lipis/bootstrap-social Sign in with Twitter */ .btn-social { position: relative; padding-left: 54px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 26px; margin: 0; } .btn-social > :first-child { position: absolute; left: 0; top: 0; bottom: 0; width: 42px; line-height: 40px; font-size: 1.6em; text-align: center; border-right: 1px solid rgba(0, 0, 0, 0.2); } .btn-social > i { padding-right: 0; height: 40px; } .btn-social.btn-lg { padding-left: 61px; } .btn-social.btn-lg > :first-child { line-height: 45px; width: 45px; font-size: 1.8em; } .btn-social.btn-sm { padding-left: 38px; } .btn-social.btn-sm > :first-child { line-height: 28px; width: 28px; font-size: 1.4em; } .btn-social.btn-xs { padding-left: 30px; } .btn-social.btn-xs > :first-child { line-height: 20px; width: 20px; font-size: 1.2em; } .btn-social-icon { position: relative; padding-left: 44px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 34px; width: 34px; padding: 0; } .btn-social-icon > :first-child { position: absolute; left: 0; top: 0; bottom: 0; width: 32px; line-height: 34px; font-size: 1.6em; text-align: center; border-right: 1px solid rgba(0, 0, 0, 0.2); } .btn-social-icon.btn-lg { padding-left: 61px; } .btn-social-icon.btn-lg > :first-child { line-height: 45px; width: 45px; font-size: 1.8em; } .btn-social-icon.btn-sm { padding-left: 38px; } .btn-social-icon.btn-sm > :first-child { line-height: 28px; width: 28px; font-size: 1.4em; } .btn-social-icon.btn-xs { padding-left: 30px; } .btn-social-icon.btn-xs > :first-child { line-height: 20px; width: 20px; font-size: 1.2em; } .btn-social-icon > :first-child { border: none; text-align: center; width: 100% !important; } .btn-social-icon.btn-lg { height: 45px; width: 45px; padding-left: 0; padding-right: 0; } .btn-social-icon.btn-sm { height: 30px; width: 30px; padding-left: 0; padding-right: 0; } .btn-social-icon.btn-xs { height: 22px; width: 22px; padding-left: 0; padding-right: 0; } .btn-adn { color: #fff; background-color: #d87a68; border-color: rgba(0, 0, 0, 0.2); } .btn-adn:hover, .btn-adn:focus, .btn-adn:active, .btn-adn.active, .open > .dropdown-toggle.btn-adn { color: #fff; background-color: #ce563f; border-color: rgba(0, 0, 0, 0.2); } .btn-adn:active, .btn-adn.active, .open > .dropdown-toggle.btn-adn { background-image: none; } .btn-adn.disabled, .btn-adn[disabled], fieldset[disabled] .btn-adn, .btn-adn.disabled:hover, .btn-adn[disabled]:hover, fieldset[disabled] .btn-adn:hover, .btn-adn.disabled:focus, .btn-adn[disabled]:focus, fieldset[disabled] .btn-adn:focus, .btn-adn.disabled:active, .btn-adn[disabled]:active, fieldset[disabled] .btn-adn:active, .btn-adn.disabled.active, .btn-adn[disabled].active, fieldset[disabled] .btn-adn.active { background-color: #d87a68; border-color: rgba(0, 0, 0, 0.2); } .btn-adn .badge { color: #d87a68; background-color: #fff; } .btn-bitbucket { color: #fff; background-color: #205081; border-color: rgba(0, 0, 0, 0.2); } .btn-bitbucket:hover, .btn-bitbucket:focus, .btn-bitbucket:active, .btn-bitbucket.active, .open > .dropdown-toggle.btn-bitbucket { color: #fff; background-color: #163758; border-color: rgba(0, 0, 0, 0.2); } .btn-bitbucket:active, .btn-bitbucket.active, .open > .dropdown-toggle.btn-bitbucket { background-image: none; } .btn-bitbucket.disabled, .btn-bitbucket[disabled], fieldset[disabled] .btn-bitbucket, .btn-bitbucket.disabled:hover, .btn-bitbucket[disabled]:hover, fieldset[disabled] .btn-bitbucket:hover, .btn-bitbucket.disabled:focus, .btn-bitbucket[disabled]:focus, fieldset[disabled] .btn-bitbucket:focus, .btn-bitbucket.disabled:active, .btn-bitbucket[disabled]:active, fieldset[disabled] .btn-bitbucket:active, .btn-bitbucket.disabled.active, .btn-bitbucket[disabled].active, fieldset[disabled] .btn-bitbucket.active { background-color: #205081; border-color: rgba(0, 0, 0, 0.2); } .btn-bitbucket .badge { color: #205081; background-color: #fff; } .btn-dropbox { color: #fff; background-color: #1087dd; border-color: rgba(0, 0, 0, 0.2); } .btn-dropbox:hover, .btn-dropbox:focus, .btn-dropbox:active, .btn-dropbox.active, .open > .dropdown-toggle.btn-dropbox { color: #fff; background-color: #0d6aad; border-color: rgba(0, 0, 0, 0.2); } .btn-dropbox:active, .btn-dropbox.active, .open > .dropdown-toggle.btn-dropbox { background-image: none; } .btn-dropbox.disabled, .btn-dropbox[disabled], fieldset[disabled] .btn-dropbox, .btn-dropbox.disabled:hover, .btn-dropbox[disabled]:hover, fieldset[disabled] .btn-dropbox:hover, .btn-dropbox.disabled:focus, .btn-dropbox[disabled]:focus, fieldset[disabled] .btn-dropbox:focus, .btn-dropbox.disabled:active, .btn-dropbox[disabled]:active, fieldset[disabled] .btn-dropbox:active, .btn-dropbox.disabled.active, .btn-dropbox[disabled].active, fieldset[disabled] .btn-dropbox.active { background-color: #1087dd; border-color: rgba(0, 0, 0, 0.2); } .btn-dropbox .badge { color: #1087dd; background-color: #fff; } .btn-facebook { color: #fff; background-color: #3b5998; border-color: rgba(0, 0, 0, 0.2); } .btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook { color: #fff; background-color: #2d4373; border-color: rgba(0, 0, 0, 0.2); } .btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook { background-image: none; } .btn-facebook.disabled, .btn-facebook[disabled], fieldset[disabled] .btn-facebook, .btn-facebook.disabled:hover, .btn-facebook[disabled]:hover, fieldset[disabled] .btn-facebook:hover, .btn-facebook.disabled:focus, .btn-facebook[disabled]:focus, fieldset[disabled] .btn-facebook:focus, .btn-facebook.disabled:active, .btn-facebook[disabled]:active, fieldset[disabled] .btn-facebook:active, .btn-facebook.disabled.active, .btn-facebook[disabled].active, fieldset[disabled] .btn-facebook.active { background-color: #3b5998; border-color: rgba(0, 0, 0, 0.2); } .btn-facebook .badge { color: #3b5998; background-color: #fff; } .btn-flickr { color: #fff; background-color: #ff0084; border-color: rgba(0, 0, 0, 0.2); } .btn-flickr:hover, .btn-flickr:focus, .btn-flickr:active, .btn-flickr.active, .open > .dropdown-toggle.btn-flickr { color: #fff; background-color: #cc006a; border-color: rgba(0, 0, 0, 0.2); } .btn-flickr:active, .btn-flickr.active, .open > .dropdown-toggle.btn-flickr { background-image: none; } .btn-flickr.disabled, .btn-flickr[disabled], fieldset[disabled] .btn-flickr, .btn-flickr.disabled:hover, .btn-flickr[disabled]:hover, fieldset[disabled] .btn-flickr:hover, .btn-flickr.disabled:focus, .btn-flickr[disabled]:focus, fieldset[disabled] .btn-flickr:focus, .btn-flickr.disabled:active, .btn-flickr[disabled]:active, fieldset[disabled] .btn-flickr:active, .btn-flickr.disabled.active, .btn-flickr[disabled].active, fieldset[disabled] .btn-flickr.active { background-color: #ff0084; border-color: rgba(0, 0, 0, 0.2); } .btn-flickr .badge { color: #ff0084; background-color: #fff; } .btn-foursquare { color: #fff; background-color: #f94877; border-color: rgba(0, 0, 0, 0.2); } .btn-foursquare:hover, .btn-foursquare:focus, .btn-foursquare:active, .btn-foursquare.active, .open > .dropdown-toggle.btn-foursquare { color: #fff; background-color: #f71752; border-color: rgba(0, 0, 0, 0.2); } .btn-foursquare:active, .btn-foursquare.active, .open > .dropdown-toggle.btn-foursquare { background-image: none; } .btn-foursquare.disabled, .btn-foursquare[disabled], fieldset[disabled] .btn-foursquare, .btn-foursquare.disabled:hover, .btn-foursquare[disabled]:hover, fieldset[disabled] .btn-foursquare:hover, .btn-foursquare.disabled:focus, .btn-foursquare[disabled]:focus, fieldset[disabled] .btn-foursquare:focus, .btn-foursquare.disabled:active, .btn-foursquare[disabled]:active, fieldset[disabled] .btn-foursquare:active, .btn-foursquare.disabled.active, .btn-foursquare[disabled].active, fieldset[disabled] .btn-foursquare.active { background-color: #f94877; border-color: rgba(0, 0, 0, 0.2); } .btn-foursquare .badge { color: #f94877; background-color: #fff; } .btn-github { color: #fff; background-color: #444; border-color: rgba(0, 0, 0, 0.2); } .btn-github:hover, .btn-github:focus, .btn-github:active, .btn-github.active, .open > .dropdown-toggle.btn-github { color: #fff; background-color: #2b2b2b; border-color: rgba(0, 0, 0, 0.2); } .btn-github:active, .btn-github.active, .open > .dropdown-toggle.btn-github { background-image: none; } .btn-github.disabled, .btn-github[disabled], fieldset[disabled] .btn-github, .btn-github.disabled:hover, .btn-github[disabled]:hover, fieldset[disabled] .btn-github:hover, .btn-github.disabled:focus, .btn-github[disabled]:focus, fieldset[disabled] .btn-github:focus, .btn-github.disabled:active, .btn-github[disabled]:active, fieldset[disabled] .btn-github:active, .btn-github.disabled.active, .btn-github[disabled].active, fieldset[disabled] .btn-github.active { background-color: #444; border-color: rgba(0, 0, 0, 0.2); } .btn-github .badge { color: #444; background-color: #fff; } .btn-google { color: #fff; background-color: #dd4b39; border-color: rgba(0, 0, 0, 0.2); } .btn-google:hover, .btn-google:focus, .btn-google:active, .btn-google.active, .open > .dropdown-toggle.btn-google { color: #fff; background-color: #c23321; border-color: rgba(0, 0, 0, 0.2); } .btn-google:active, .btn-google.active, .open > .dropdown-toggle.btn-google { background-image: none; } .btn-google.disabled, .btn-google[disabled], fieldset[disabled] .btn-google, .btn-google.disabled:hover, .btn-google[disabled]:hover, fieldset[disabled] .btn-google:hover, .btn-google.disabled:focus, .btn-google[disabled]:focus, fieldset[disabled] .btn-google:focus, .btn-google.disabled:active, .btn-google[disabled]:active, fieldset[disabled] .btn-google:active, .btn-google.disabled.active, .btn-google[disabled].active, fieldset[disabled] .btn-google.active { background-color: #dd4b39; border-color: rgba(0, 0, 0, 0.2); } .btn-google .badge { color: #dd4b39; background-color: #fff; } .btn-instagram { color: #fff; background-color: #3f729b; border-color: rgba(0, 0, 0, 0.2); } .btn-instagram:hover, .btn-instagram:focus, .btn-instagram:active, .btn-instagram.active, .open > .dropdown-toggle.btn-instagram { color: #fff; background-color: #305777; border-color: rgba(0, 0, 0, 0.2); } .btn-instagram:active, .btn-instagram.active, .open > .dropdown-toggle.btn-instagram { background-image: none; } .btn-instagram.disabled, .btn-instagram[disabled], fieldset[disabled] .btn-instagram, .btn-instagram.disabled:hover, .btn-instagram[disabled]:hover, fieldset[disabled] .btn-instagram:hover, .btn-instagram.disabled:focus, .btn-instagram[disabled]:focus, fieldset[disabled] .btn-instagram:focus, .btn-instagram.disabled:active, .btn-instagram[disabled]:active, fieldset[disabled] .btn-instagram:active, .btn-instagram.disabled.active, .btn-instagram[disabled].active, fieldset[disabled] .btn-instagram.active { background-color: #3f729b; border-color: rgba(0, 0, 0, 0.2); } .btn-instagram .badge { color: #3f729b; background-color: #fff; } .btn-linkedin { color: #fff; background-color: #007bb6; border-color: rgba(0, 0, 0, 0.2); } .btn-linkedin:hover, .btn-linkedin:focus, .btn-linkedin:active, .btn-linkedin.active, .open > .dropdown-toggle.btn-linkedin { color: #fff; background-color: #005983; border-color: rgba(0, 0, 0, 0.2); } .btn-linkedin:active, .btn-linkedin.active, .open > .dropdown-toggle.btn-linkedin { background-image: none; } .btn-linkedin.disabled, .btn-linkedin[disabled], fieldset[disabled] .btn-linkedin, .btn-linkedin.disabled:hover, .btn-linkedin[disabled]:hover, fieldset[disabled] .btn-linkedin:hover, .btn-linkedin.disabled:focus, .btn-linkedin[disabled]:focus, fieldset[disabled] .btn-linkedin:focus, .btn-linkedin.disabled:active, .btn-linkedin[disabled]:active, fieldset[disabled] .btn-linkedin:active, .btn-linkedin.disabled.active, .btn-linkedin[disabled].active, fieldset[disabled] .btn-linkedin.active { background-color: #007bb6; border-color: rgba(0, 0, 0, 0.2); } .btn-linkedin .badge { color: #007bb6; background-color: #fff; } .btn-microsoft { color: #fff; background-color: #2672ec; border-color: rgba(0, 0, 0, 0.2); } .btn-microsoft:hover, .btn-microsoft:focus, .btn-microsoft:active, .btn-microsoft.active, .open > .dropdown-toggle.btn-microsoft { color: #fff; background-color: #125acd; border-color: rgba(0, 0, 0, 0.2); } .btn-microsoft:active, .btn-microsoft.active, .open > .dropdown-toggle.btn-microsoft { background-image: none; } .btn-microsoft.disabled, .btn-microsoft[disabled], fieldset[disabled] .btn-microsoft, .btn-microsoft.disabled:hover, .btn-microsoft[disabled]:hover, fieldset[disabled] .btn-microsoft:hover, .btn-microsoft.disabled:focus, .btn-microsoft[disabled]:focus, fieldset[disabled] .btn-microsoft:focus, .btn-microsoft.disabled:active, .btn-microsoft[disabled]:active, fieldset[disabled] .btn-microsoft:active, .btn-microsoft.disabled.active, .btn-microsoft[disabled].active, fieldset[disabled] .btn-microsoft.active { background-color: #2672ec; border-color: rgba(0, 0, 0, 0.2); } .btn-microsoft .badge { color: #2672ec; background-color: #fff; } .btn-openid { color: #fff; background-color: #f7931e; border-color: rgba(0, 0, 0, 0.2); } .btn-openid:hover, .btn-openid:focus, .btn-openid:active, .btn-openid.active, .open > .dropdown-toggle.btn-openid { color: #fff; background-color: #da7908; border-color: rgba(0, 0, 0, 0.2); } .btn-openid:active, .btn-openid.active, .open > .dropdown-toggle.btn-openid { background-image: none; } .btn-openid.disabled, .btn-openid[disabled], fieldset[disabled] .btn-openid, .btn-openid.disabled:hover, .btn-openid[disabled]:hover, fieldset[disabled] .btn-openid:hover, .btn-openid.disabled:focus, .btn-openid[disabled]:focus, fieldset[disabled] .btn-openid:focus, .btn-openid.disabled:active, .btn-openid[disabled]:active, fieldset[disabled] .btn-openid:active, .btn-openid.disabled.active, .btn-openid[disabled].active, fieldset[disabled] .btn-openid.active { background-color: #f7931e; border-color: rgba(0, 0, 0, 0.2); } .btn-openid .badge { color: #f7931e; background-color: #fff; } .btn-pinterest { color: #fff; background-color: #cb2027; border-color: rgba(0, 0, 0, 0.2); } .btn-pinterest:hover, .btn-pinterest:focus, .btn-pinterest:active, .btn-pinterest.active, .open > .dropdown-toggle.btn-pinterest { color: #fff; background-color: #9f191f; border-color: rgba(0, 0, 0, 0.2); } .btn-pinterest:active, .btn-pinterest.active, .open > .dropdown-toggle.btn-pinterest { background-image: none; } .btn-pinterest.disabled, .btn-pinterest[disabled], fieldset[disabled] .btn-pinterest, .btn-pinterest.disabled:hover, .btn-pinterest[disabled]:hover, fieldset[disabled] .btn-pinterest:hover, .btn-pinterest.disabled:focus, .btn-pinterest[disabled]:focus, fieldset[disabled] .btn-pinterest:focus, .btn-pinterest.disabled:active, .btn-pinterest[disabled]:active, fieldset[disabled] .btn-pinterest:active, .btn-pinterest.disabled.active, .btn-pinterest[disabled].active, fieldset[disabled] .btn-pinterest.active { background-color: #cb2027; border-color: rgba(0, 0, 0, 0.2); } .btn-pinterest .badge { color: #cb2027; background-color: #fff; } .btn-reddit { color: #000; background-color: #eff7ff; border-color: rgba(0, 0, 0, 0.2); } .btn-reddit:hover, .btn-reddit:focus, .btn-reddit:active, .btn-reddit.active, .open > .dropdown-toggle.btn-reddit { color: #000; background-color: #bcddff; border-color: rgba(0, 0, 0, 0.2); } .btn-reddit:active, .btn-reddit.active, .open > .dropdown-toggle.btn-reddit { background-image: none; } .btn-reddit.disabled, .btn-reddit[disabled], fieldset[disabled] .btn-reddit, .btn-reddit.disabled:hover, .btn-reddit[disabled]:hover, fieldset[disabled] .btn-reddit:hover, .btn-reddit.disabled:focus, .btn-reddit[disabled]:focus, fieldset[disabled] .btn-reddit:focus, .btn-reddit.disabled:active, .btn-reddit[disabled]:active, fieldset[disabled] .btn-reddit:active, .btn-reddit.disabled.active, .btn-reddit[disabled].active, fieldset[disabled] .btn-reddit.active { background-color: #eff7ff; border-color: rgba(0, 0, 0, 0.2); } .btn-reddit .badge { color: #eff7ff; background-color: #000; } .btn-soundcloud { color: #fff; background-color: #f50; border-color: rgba(0, 0, 0, 0.2); } .btn-soundcloud:hover, .btn-soundcloud:focus, .btn-soundcloud:active, .btn-soundcloud.active, .open > .dropdown-toggle.btn-soundcloud { color: #fff; background-color: #c40; border-color: rgba(0, 0, 0, 0.2); } .btn-soundcloud:active, .btn-soundcloud.active, .open > .dropdown-toggle.btn-soundcloud { background-image: none; } .btn-soundcloud.disabled, .btn-soundcloud[disabled], fieldset[disabled] .btn-soundcloud, .btn-soundcloud.disabled:hover, .btn-soundcloud[disabled]:hover, fieldset[disabled] .btn-soundcloud:hover, .btn-soundcloud.disabled:focus, .btn-soundcloud[disabled]:focus, fieldset[disabled] .btn-soundcloud:focus, .btn-soundcloud.disabled:active, .btn-soundcloud[disabled]:active, fieldset[disabled] .btn-soundcloud:active, .btn-soundcloud.disabled.active, .btn-soundcloud[disabled].active, fieldset[disabled] .btn-soundcloud.active { background-color: #f50; border-color: rgba(0, 0, 0, 0.2); } .btn-soundcloud .badge { color: #f50; background-color: #fff; } .btn-tumblr { color: #fff; background-color: #2c4762; border-color: rgba(0, 0, 0, 0.2); } .btn-tumblr:hover, .btn-tumblr:focus, .btn-tumblr:active, .btn-tumblr.active, .open > .dropdown-toggle.btn-tumblr { color: #fff; background-color: #1c2d3f; border-color: rgba(0, 0, 0, 0.2); } .btn-tumblr:active, .btn-tumblr.active, .open > .dropdown-toggle.btn-tumblr { background-image: none; } .btn-tumblr.disabled, .btn-tumblr[disabled], fieldset[disabled] .btn-tumblr, .btn-tumblr.disabled:hover, .btn-tumblr[disabled]:hover, fieldset[disabled] .btn-tumblr:hover, .btn-tumblr.disabled:focus, .btn-tumblr[disabled]:focus, fieldset[disabled] .btn-tumblr:focus, .btn-tumblr.disabled:active, .btn-tumblr[disabled]:active, fieldset[disabled] .btn-tumblr:active, .btn-tumblr.disabled.active, .btn-tumblr[disabled].active, fieldset[disabled] .btn-tumblr.active { background-color: #2c4762; border-color: rgba(0, 0, 0, 0.2); } .btn-tumblr .badge { color: #2c4762; background-color: #fff; } .btn-twitter { color: #fff; background-color: #55acee; border-color: rgba(0, 0, 0, 0.2); } .btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active, .btn-twitter.active, .open > .dropdown-toggle.btn-twitter { color: #fff; background-color: #2795e9; border-color: rgba(0, 0, 0, 0.2); } .btn-twitter:active, .btn-twitter.active, .open > .dropdown-toggle.btn-twitter { background-image: none; } .btn-twitter.disabled, .btn-twitter[disabled], fieldset[disabled] .btn-twitter, .btn-twitter.disabled:hover, .btn-twitter[disabled]:hover, fieldset[disabled] .btn-twitter:hover, .btn-twitter.disabled:focus, .btn-twitter[disabled]:focus, fieldset[disabled] .btn-twitter:focus, .btn-twitter.disabled:active, .btn-twitter[disabled]:active, fieldset[disabled] .btn-twitter:active, .btn-twitter.disabled.active, .btn-twitter[disabled].active, fieldset[disabled] .btn-twitter.active { background-color: #55acee; border-color: rgba(0, 0, 0, 0.2); } .btn-twitter .badge { color: #55acee; background-color: #fff; } .btn-vimeo { color: #fff; background-color: #1ab7ea; border-color: rgba(0, 0, 0, 0.2); } .btn-vimeo:hover, .btn-vimeo:focus, .btn-vimeo:active, .btn-vimeo.active, .open > .dropdown-toggle.btn-vimeo { color: #fff; background-color: #1295bf; border-color: rgba(0, 0, 0, 0.2); } .btn-vimeo:active, .btn-vimeo.active, .open > .dropdown-toggle.btn-vimeo { background-image: none; } .btn-vimeo.disabled, .btn-vimeo[disabled], fieldset[disabled] .btn-vimeo, .btn-vimeo.disabled:hover, .btn-vimeo[disabled]:hover, fieldset[disabled] .btn-vimeo:hover, .btn-vimeo.disabled:focus, .btn-vimeo[disabled]:focus, fieldset[disabled] .btn-vimeo:focus, .btn-vimeo.disabled:active, .btn-vimeo[disabled]:active, fieldset[disabled] .btn-vimeo:active, .btn-vimeo.disabled.active, .btn-vimeo[disabled].active, fieldset[disabled] .btn-vimeo.active { background-color: #1ab7ea; border-color: rgba(0, 0, 0, 0.2); } .btn-vimeo .badge { color: #1ab7ea; background-color: #fff; } .btn-vk { color: #fff; background-color: #587ea3; border-color: rgba(0, 0, 0, 0.2); } .btn-vk:hover, .btn-vk:focus, .btn-vk:active, .btn-vk.active, .open > .dropdown-toggle.btn-vk { color: #fff; background-color: #466482; border-color: rgba(0, 0, 0, 0.2); } .btn-vk:active, .btn-vk.active, .open > .dropdown-toggle.btn-vk { background-image: none; } .btn-vk.disabled, .btn-vk[disabled], fieldset[disabled] .btn-vk, .btn-vk.disabled:hover, .btn-vk[disabled]:hover, fieldset[disabled] .btn-vk:hover, .btn-vk.disabled:focus, .btn-vk[disabled]:focus, fieldset[disabled] .btn-vk:focus, .btn-vk.disabled:active, .btn-vk[disabled]:active, fieldset[disabled] .btn-vk:active, .btn-vk.disabled.active, .btn-vk[disabled].active, fieldset[disabled] .btn-vk.active { background-color: #587ea3; border-color: rgba(0, 0, 0, 0.2); } .btn-vk .badge { color: #587ea3; background-color: #fff; } .btn-yahoo { color: #fff; background-color: #720e9e; border-color: rgba(0, 0, 0, 0.2); } .btn-yahoo:hover, .btn-yahoo:focus, .btn-yahoo:active, .btn-yahoo.active, .open > .dropdown-toggle.btn-yahoo { color: #fff; background-color: #500a6f; border-color: rgba(0, 0, 0, 0.2); } .btn-yahoo:active, .btn-yahoo.active, .open > .dropdown-toggle.btn-yahoo { background-image: none; } .btn-yahoo.disabled, .btn-yahoo[disabled], fieldset[disabled] .btn-yahoo, .btn-yahoo.disabled:hover, .btn-yahoo[disabled]:hover, fieldset[disabled] .btn-yahoo:hover, .btn-yahoo.disabled:focus, .btn-yahoo[disabled]:focus, fieldset[disabled] .btn-yahoo:focus, .btn-yahoo.disabled:active, .btn-yahoo[disabled]:active, fieldset[disabled] .btn-yahoo:active, .btn-yahoo.disabled.active, .btn-yahoo[disabled].active, fieldset[disabled] .btn-yahoo.active { background-color: #720e9e; border-color: rgba(0, 0, 0, 0.2); } .btn-yahoo .badge { color: #720e9e; background-color: #fff; } /* featured buttons */ .btn-featured { width: 100%; display: inline-block; position: relative; height: 70px; padding: 0; border: 0; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .btn-featured.btn-default { background-color: #666; } .btn-featured:hover, .btn-featured:focus, .btn-featured:active { -webkit-transform: translateY(-5px); transform: translateY(-5px); /* move the element up by 5px */ } .btn-featured:hover:before, .btn-featured:focus:before, .btn-featured:active:before { opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px); /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ } .btn-featured:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: "transform, opacity"; transition-property: "transform, opacity"; } .btn-featured span { float: left; height: 70px; line-height: 70px; text-align: center; width: calc(30%); color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .btn-featured i { background-color: rgba(0, 0, 0, 0.1); float: left; width: 70px; height: 70px; line-height: 70px; text-align: center; color: #fff; font-size: 30px; margin: 0; } .btn-featured.btn-inverse span { float: right; } .btn-featured.btn-inverse i { float: right; } /** 19. Counters & Countdown *************************************************** **/ .countTo-sm, .countTo-md, .countTo-lg { font-family: 'Raleway', 'Open Sans', Arial, Helvetica, sans-serif; } .countTo-sm span.countTo { margin-bottom: 20px; font-size: 25px; /*display:block;*/ } .parallax .countTo-sm i { color: #fff; } .countTo-sm i { font-size: 30px; margin-bottom: 10px; } .countTo-md span.countTo { margin-bottom: 20px; font-size: 40px; display: block; } .countTo-md i { font-size: 50px; margin-bottom: 10px; } .countTo-lg span.countTo { margin-bottom: 20px; font-size: 46px; display: block; } .countTo-lg i { font-size: 50px; margin-bottom: 10px; } .countTo-sm h4, .countTo-sm h5, .countTo-md h4, .countTo-md h5, .countTo-lg h4, .countTo-lg h5 { font-weight: 300; } /* Countdown */ .countdown { display: block; font-family: 'Raleway', 'Open Sans', Arial, Helvetica, sans-serif; } .countdown-row { display: block; position: relative; text-align: center; } .countdown-section { display: inline-block; font-size: 11px; line-height: 1; text-align: center; width: 25%; border-left: 1px solid rgba(0, 0, 0, 0.1); color: #888; text-transform: capitalize; } section.dark .countdown-section, .parallax .countdown-section { color: #ccc; border-left-color: rgba(255, 255, 255, 0.2); } .countdown-section:first-child { border-left: 0; } .countdown-amount { display: block; font-size: 20px; color: #333; margin-bottom: 5px; } section.dark .countdown-amount, .parallax .countdown-amount { color: #fff; } .countdown-descr { display: block; width: 100%; } /* medium */ .countdown-md .countdown-section { font-size: 14px; } .countdown-md .countdown-amount { font-size: 30px; margin-bottom: 7px; } /* large */ .countdown-lg .countdown-section { font-size: 14px; } .countdown-lg .countdown-amount { font-size: 45px; margin-bottom: 7px; } /* inline */ .countdown.countdown-inline { display: inline-block; } .countdown.countdown-inline .countdown-row { display: inline-block; text-align: center; } .countdown.countdown-inline .countdown-section { display: inline-block; font-size: inherit; line-height: inherit; width: auto; border: none; color: inherit; margin-left: 7px; text-transform: lowercase; } .countdown.countdown-inline .countdown-section:first-child { margin-left: 0; } .countdown.countdown-inline .countdown-amount { display: inline-block; font-size: inherit; color: inherit; font-weight: bold; margin: 0 3px 0 0; } .countdown.countdown-inline .countdown-descr { display: inline-block; width: auto; } /* countdown - slider & footer */ footer .countdown-section, footer .countdown-amount, footer .countdown.countdown-inline, footer .countdown, #slider .countdown-section, #slider .countdown-amount, #slider .countdown.countdown-inline, #slider .countdown { color: #fff; } .countdown.squared .countdown-section, .countdown.circle .countdown-section { border-left: 0; } .countdown.squared .countdown-amount, .countdown.circle .countdown-amount { background-color: rgba(0, 0, 0, 0.3) !important; width: 100px; height: 100px; line-height: 100px; font-weight: 300; font-size: 35px; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .countdown.dark .countdown-amount { background-color: rgba(0, 0, 0, 0.6) !important; } .countdown.light .countdown-amount { background-color: rgba(255, 255, 255, 0.3) !important; } .countdown.squared .countdown-amount { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .countdown.squared .countdown-section, .countdown.circle .countdown-section { width: 100px; margin-left: 15px; font-size: 13px; } .countdown.bordered-squared .countdown-section, .countdown.bordered .countdown-section { border-left: 0; } .countdown.bordered-squared .countdown-amount, .countdown.bordered .countdown-amount { border: rgba(0, 0, 0, 0.3) 3px solid !important; width: 100px; height: 100px; line-height: 90px; font-weight: 300; font-size: 35px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .countdown.bordered-squared .countdown-amount { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .countdown.theme-style .countdown-amount { -webkit-border-bottom-right-radius: 40px; -webkit-border-top-left-radius: 40px; -moz-border-radius-bottomright: 40px; -moz-border-radius-topleft: 40px; border-bottom-right-radius: 40px; border-top-left-radius: 40px; } .countdown.bordered-squared .countdown-section, .countdown.bordered .countdown-section { width: 100px; margin-left: 15px; font-size: 13px; } #slider .countdown.bordered .countdown-amount, footer .countdown.bordered .countdown-amount { color: #fff; } @media only screen and (max-width: 900px) { .countdown-sm .countdown-section, .countdown-md .countdown-section, .countdown-lg .countdown-section { font-size: 12px; } .countdown-sm .countdown-amount, .countdown-md .countdown-amount, .countdown-lg .countdown-amount { font-size: 20px; margin-bottom: 7px; } footer .countdown-section, #slider .countdown-section { border-left: 1px dotted rgba(255, 255, 255, 0.3); } footer .countdown-section:first-child, #slider .countdown-section:first-child { border-left: 0; } footer .countdown .countdown-amount, footer .countdown .countdown-section, #slider .countdown .countdown-section, #slider .countdown .countdown-amount { background-color: transparent !important; width: 60px; height: inherit; line-height: inherit; font-weight: 300; font-size: 22px; text-align: center; margin-left: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } footer .countdown .countdown-section, #slider .countdown .countdown-section { font-size: 12px; } } /** 20. Clients *************************************************** **/ ul.clients-dotted { overflow: hidden; } ul.clients-dotted > li { text-align: center; padding-top: 30px; padding-bottom: 30px; display: inline-block; } ul.clients-dotted > li a { text-align: center; display: block; } ul.clients-dotted > li img { display: inline-block; } ul.clients-dotted > li:after { content: ''; position: absolute; width: 100%; height: 0; top: auto; left: 0; bottom: -1px; border-bottom: 1px dashed rgba(0, 0, 0, 0.3); } ul.clients-dotted > li:before { content: ''; position: absolute; height: 100%; top: 0; left: -1px; border-left: 1px dashed rgba(0, 0, 0, 0.3); } /** 21. Alerts *************************************************** **/ div.alert { border-left-color: rgba(0, 0, 0, 0.1); border-width: 1px; border-left-width: 5px; } div.alert-default { background-color: rgba(0, 0, 0, 0.1); } div.alert-light { background-color: rgba(0, 0, 0, 0.03); } section.dark .alert-default { color: #fff; background-color: #111; } section.dark .alert-default h1, section.dark .alert-default h2, section.dark .alert-default h3, section.dark .alert-default h4, section.dark .alert-default h5, section.dark .alert-default h6, section.dark .alert-default p { color: #fff !important; } div.alert.alert-primary, div.alert.alert-primary a { color: #fff; } div.alert.alert-bordered-dashed { padding: 30px 20px; border: #ccc 2px dashed; } div.alert.alert-bordered-dotted { padding: 30px 20px; border: #ccc 2px dotted; } div.alert.alert-bordered { padding: 30px 20px; border: #ccc 2px solid; } div.alert.alert-theme-color, div.alert.alert-dark { color: #fff; background-color: #333; border: 0; padding: 30px 20px; } div.alert.alert-theme-color h1, div.alert.alert-theme-color h2, div.alert.alert-theme-color h3, div.alert.alert-theme-color h4, div.alert.alert-theme-color h5, div.alert.alert-theme-color h6, div.alert.alert-dark h1, div.alert.alert-dark h2, div.alert.alert-dark h3, div.alert.alert-dark h4, div.alert.alert-dark h5, div.alert.alert-dark h6 { color: #fff; } section.dark div.alert, section.dark div.alert h1, section.dark div.alert h2, section.dark div.alert h3, section.dark div.alert h4, section.dark div.alert h5, section.dark div.alert h6, section.dark div.alert p { color: #333; } section.dark div.callout.alert.alert-border, section.dark div.callout.alert.alert-border h1, section.dark div.callout.alert.alert-border h2, section.dark div.callout.alert.alert-border h3, section.dark div.callout.alert.alert-border h4, section.dark div.callout.alert.alert-border h5, section.dark div.callout.alert.alert-border h6, section.dark div.callout.alert.alert-border p { color: #fff; } /* bordered top|botom */ div.alert > .container { margin-top: 35px; margin-bottom: 35px; } div.alert.bordered-bottom { border-bottom: rgba(0, 0, 0, 0.1) 1px solid; border-left-width: 0; } div.alert.bordered-top { border-bottom: rgba(0, 0, 0, 0.1) 1px solid; border-left-width: 0; } div.alert.bordered-bottom h4, div.alert.bordered-top h4, div.alert.bordered-bottom h3, div.alert.bordered-top h3 { font-weight: 400; margin: 0; } div.alert.bordered-bottom p, div.alert.bordered-top p, div.alert.bordered-bottom p, div.alert.bordered-top p { margin-top: 0; } section.dark div.alert.bordered-bottom { border-bottom: #666 1px solid; } section.dark div.alert.bordered-top { border-bottom: #666 1px solid; } @media only screen and (max-width: 760px) { div.alert.bordered-bottom { text-align: center; } div.alert.bordered-bottom .btn { text-align: center; display: block; margin-top: 35px; } } /* mini alerts */ .alert.alert-mini { padding: 6px 10px; border-left: 0; } /** 22. Dividers *************************************************** **/ div.divider { margin: 40px 0; position: relative; display: block; min-height: 20px; } div.divider i { line-height: 1; font-size: 18px; color: #ccc; } div.divider:after { content: ''; position: absolute; top: 8px; left: 0; right: 0; height: 0; border-top: 1px solid #ddd; } section.dark div.divider:after { border-top: rgba(255, 255, 255, 0.1) 1px solid; } section.dark div.divider:before { border-top: rgba(255, 255, 255, 0.1) 1px solid; } div.divider.double-line:before { content: ''; position: absolute; top: 5px; left: 0; right: 0; height: 0; border-top: 1px solid #ddd; } section.dark div.divider.double-line:after { border-top: rgba(255, 255, 255, 0.1) 1px solid; } div.divider.divider-left:after { left: 30px; right: 0; } div.divider.divider-left i { float: left; } div.divider.divider-right:after { left: 0; right: 30px; } div.divider.divider-right i { float: right; } div.divider.divider-center:after { left: 50% !important; right: 0; margin-left: 20px; } div.divider.divider-center:before { left: 0 !important; right: 50%; margin-right: 20px; content: ''; position: absolute; top: 8px; height: 0; border-top: 1px solid #ddd; } div.divider.divider-center { text-align: center; } div.divider.divider-center.divider-short:before { left: auto !important; right: 50%; margin-right: 20px; width: 15%; } div.divider.divider-center.divider-short:after { left: 50% !important; right: auto !important; margin-left: 20px; width: 15%; } /* dotted */ div.divider.divider-dotted { height: 10px; border: 0; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAQMAAAC3/F3+AAAABlBMVEX///+QkJApn3LQAAAAAnRSTlMAgJsrThgAAAAOSURBVHheYwCCUAdcJAAnnALqo5TBzAAAAABJRU5ErkJggg==') repeat-x center; } div.divider.divider-dotted:after { display: none; } /* color */ div.divider.divider-circle.divider-left:after { left: 50px; } div.divider.divider-circle.divider-right:after { right: 50px; } div.divider.divider-circle.divider-center:after { margin-left: 30px; } div.divider.divider-circle.divider-center:before { margin-right: 30px; } div.divider.divider-circle i { width: 40px; height: 40px; line-height: 40px; background-color: #F5F5F5; margin-top: -11px; text-align: center; z-index: 1; color: #999; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* border */ div.divider.divider-border.divider-left:after { left: 50px; } div.divider.divider-border.divider-right:after { right: 50px; } div.divider.divider-border.divider-center:after { margin-left: 30px; } div.divider.divider-border.divider-center:before { margin-right: 30px; } div.divider.divider-border i { width: 40px; height: 40px; line-height: 40px; margin-top: -11px; text-align: center; z-index: 1; border: #ddd 1px solid; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } section.dark div.divider.divider-border i { border-color: rgba(255, 255, 255, 0.5); } /* scroll to top */ div.divider.divider-border > a > i.fa-chevron-up { line-height: 36px; } div.divider.divider-border > a > i { -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } div.divider.divider-border > a:hover > i { color: #333; } section.theme-color div.divider.divider-border > a:hover > i.fa-chevron-up { color: #fff; } /** 23. Headings *************************************************** **/ div.heading-title { position: relative; margin-bottom: 40px; } .heading-title.parallax h1, .heading-title.parallax h2, .heading-title.parallax h3, .heading-title.parallax h4, .heading-title.parallax h5, .heading-title.parallax h6 { margin: 0; padding: 0; } .heading-title.parallax p { margin-top: 0; } div.heading-title h1, div.heading-title h2, div.heading-title h3, div.heading-title h4, div.heading-title h5, div.heading-title h6 { margin: 0; padding: 0; background-color: #fff; position: relative; display: inline-block; padding-left: 0; padding-right: 15px; } div.heading-title.text-center h1, div.heading-title.text-center h2, div.heading-title.text-center h3, div.heading-title.text-center h4, div.heading-title.text-center h5, div.heading-title.text-center h6 { padding-left: 15px; padding-right: 15px; } div.heading-title.text-right h1, div.heading-title.text-right h2, div.heading-title.text-right h3, div.heading-title.text-right h4, div.heading-title.text-right h5, div.heading-title.text-right h6 { padding-left: 15px; padding-right: 0; } div.heading-title p { margin: 0; padding: 0; font-weight: 300; } /* Line : Single|Double */ div.heading-title.heading-line-single:before, div.heading-title.heading-line-double:before { content: ''; position: absolute; width: 100%; height: 0; left: auto; right: 0; } div.heading-title.heading-line-single:before { top: 54%; border-top: #EEE 1px solid; } section.dark div.heading-title.heading-line-single:before { border-top-color: #666; } div.heading-title.heading-line-double:before { top: 50%; border-top: 3px double #E5E5E5; } section.dark div.heading-title.heading-line-double:before { border-top-color: #666; } /* Border Bottom */ div.heading-title.heading-border-bottom { border-bottom: #ccc 2px solid; } section.dark div.heading-title.heading-border-bottom { border-bottom-color: #666; } /* Border Left */ div.heading-title.heading-border { padding-left: 15px; border-left: #ccc 5px solid; text-align: left; } section.dark div.heading-title.heading-border { border-left-color: #666; } div.heading-title.heading-border.heading-inverse { padding-right: 15px; border-left: 0; border-right: #ccc 5px solid; text-align: right; } section.dark div.heading-title.heading-border.heading-inverse { border-right-color: #666; } /* Dotted */ div.heading-title.heading-dotted { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAQMAAAC3/F3+AAAABlBMVEX///+QkJApn3LQAAAAAnRSTlMAgJsrThgAAAAOSURBVHheYwCCUAdcJAAnnALqo5TBzAAAAABJRU5ErkJggg==') repeat-x center; } section.alternate div.heading-title h1, section.alternate div.heading-title h2, section.alternate div.heading-title h3, section.alternate div.heading-title h4, section.alternate div.heading-title h5, section.alternate div.heading-title h6 { background-color: #F9F9F9; } section.dark div.heading-title h1, section.dark div.heading-title h2, section.dark div.heading-title h3, section.dark div.heading-title h4, section.dark div.heading-title h5, section.dark div.heading-title h6 { background-color: #212121; } section.dark.alternate div.heading-title h1, section.dark.alternate div.heading-title h2, section.dark.alternate div.heading-title h3, section.dark.alternate div.heading-title h4, section.dark.alternate div.heading-title h5, section.dark.alternate div.heading-title h6 { background-color: #151515; } /* Arrow Heading */ .heading-title.heading-arrow-top, .heading-title.heading-arrow-bottom { color: #fff; background-color: #252525; } .heading-title.heading-arrow-top h1, .heading-title.heading-arrow-bottom h1, .heading-title.heading-arrow-top h2, .heading-title.heading-arrow-bottom h2, .heading-title.heading-arrow-top h3, .heading-title.heading-arrow-bottom h3, .heading-title.heading-arrow-top h4, .heading-title.heading-arrow-bottom h4, .heading-title.heading-arrow-top h5, .heading-title.heading-arrow-bottom h5, .heading-title.heading-arrow-top h6, .heading-title.heading-arrow-bottom h6, .heading-title.heading-arrow-top p, .heading-title.heading-arrow-bottom p { color: #fff; margin: 0; } .heading-title.heading-arrow-top h1, .heading-title.heading-arrow-bottom h1 { font-size: 70px; line-height: 100px; } .heading-title.heading-arrow-top h2, .heading-title.heading-arrow-bottom h2 { font-size: 60px; line-height: 90px; } .heading-title.heading-arrow-top h3, .heading-title.heading-arrow-bottom h3 { font-size: 50px; line-height: 80px; } @media only screen and (max-width: 760px) { .heading-title.heading-arrow-top h1, .heading-title.heading-arrow-bottom h1 { font-size: 55px; line-height: 85px; } .heading-title.heading-arrow-top h2, .heading-title.heading-arrow-bottom h2 { font-size: 45px; line-height: 75px; } .heading-title.heading-arrow-top h3, .heading-title.heading-arrow-bottom h3 { font-size: 45px; line-height: 75px; } } @media only screen and (max-width: 500px) { .heading-title.heading-arrow-top h1, .heading-title.heading-arrow-bottom h1 { font-size: 36px; line-height: 66px; } .heading-title.heading-arrow-top h2, .heading-title.heading-arrow-bottom h2 { font-size: 30px; line-height: 60px; } .heading-title.heading-arrow-top h3, .heading-title.heading-arrow-bottom h3 { font-size: 30px; line-height: 60px; } } .heading-title.heading-arrow-bottom:after { content: ' '; position: absolute; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #252525; left: 50%; margin-left: -20px; bottom: -20px; } .heading-title.heading-arrow-top:after { content: ' '; position: absolute; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #252525; left: 50%; margin-left: -20px; top: -20px; } /** 24. Word Rotator *************************************************** **/ .word-rotator { visibility: hidden; width: 100px; height: 0; margin-bottom: -11px; display: inline-block; overflow: hidden; text-align: left; position: relative; } h1 .word-rotator { bottom: -4px; height: 54px !important; } h2 .word-rotator { bottom: -1px; height: 45px !important; } h3 .word-rotator { bottom: 0px; height: 36px !important; } h4 .word-rotator { bottom: 3px; height: 27px !important; } h5 .word-rotator { bottom: 5px; height: 21px !important; } h6 .word-rotator { bottom: 5px; height: 18px !important; } p .word-rotator { bottom: 5px; height: 24px; } p.lead .word-rotator { height: 29px; bottom: 4px; } .word-rotator.active { visibility: visible; width: auto; } .word-rotator .items { position: relative; width: 100%; } .word-rotator .items span { display: block; margin-bottom: 0; } /* Rotator Plugin */ .rotating { display: inline-block; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(0) rotateY(0) rotateZ(0); -moz-transform: rotateX(0) rotateY(0) rotateZ(0); -ms-transform: rotateX(0) rotateY(0) rotateZ(0); -o-transform: rotateX(0) rotateY(0) rotateZ(0); transform: rotateX(0) rotateY(0) rotateZ(0); -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-transform-origin-x: 50%; } .rotating.flip { position: relative; } .rotating .front, .rotating .back { left: 0; top: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .rotating .front { position: absolute; display: inline-block; -webkit-transform: translate3d(0, 0, 1px); -moz-transform: translate3d(0, 0, 1px); -ms-transform: translate3d(0, 0, 1px); -o-transform: translate3d(0, 0, 1px); transform: translate3d(0, 0, 1px); } .rotating.flip .front { z-index: 1; } .rotating .back { display: block; opacity: 0; } .rotating.spin { -webkit-transform: rotate(360deg) scale(0); -moz-transform: rotate(360deg) scale(0); -ms-transform: rotate(360deg) scale(0); -o-transform: rotate(360deg) scale(0); transform: rotate(360deg) scale(0); } .rotating.flip .back { z-index: 2; display: block; opacity: 1; -webkit-transform: rotateY(180deg) translate3d(0, 0, 0); -moz-transform: rotateY(180deg) translate3d(0, 0, 0); -ms-transform: rotateY(180deg) translate3d(0, 0, 0); -o-transform: rotateY(180deg) translate3d(0, 0, 0); transform: rotateY(180deg) translate3d(0, 0, 0); } .rotating.flip.up .back { -webkit-transform: rotateX(180deg) translate3d(0, 0, 0); -moz-transform: rotateX(180deg) translate3d(0, 0, 0); -ms-transform: rotateX(180deg) translate3d(0, 0, 0); -o-transform: rotateX(180deg) translate3d(0, 0, 0); transform: rotateX(180deg) translate3d(0, 0, 0); } .rotating.flip.cube .front { -webkit-transform: translate3d(0, 0, 100px) scale(0.9, 0.9); -moz-transform: translate3d(0, 0, 100px) scale(0.85, 0.85); -ms-transform: translate3d(0, 0, 100px) scale(0.85, 0.85); -o-transform: translate3d(0, 0, 100px) scale(0.85, 0.85); transform: translate3d(0, 0, 100px) scale(0.85, 0.85); } .rotating.flip.cube .back { -webkit-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.9, 0.9); -moz-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85); -ms-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85); -o-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85); transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85); } .rotating.flip.cube.up .back { -webkit-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.9, 0.9); -moz-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85); -ms-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85); -o-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85); transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85); } /** 25. Icon Boxes *************************************************** **/ .box-icon { margin: 30px 0; } .box-icon > a, .box-icon .box-icon-title { text-decoration: none !important; display: block; } .box-icon .box-icon-title > i { height: 35px; width: 35px; line-height: 37px; font-size: 18px; margin-right: 15px; background-color: #333; text-align: center; color: #fff; -webkit-transition: all .200s; -moz-transition: all .200s; -o-transition: all .200s; transition: all .200s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } section.dark .box-icon .box-icon-title > i { background-color: #666; } .box-icon .box-icon-title.box-icon-transparent > i { color: #414141; background-color: transparent; } section.dark .box-icon .box-icon-title.box-icon-transparent > i { color: #fff; } .box-icon.box-icon-left .box-icon-title > i { float: left; } .box-icon.box-icon-round .box-icon-title > i { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .box-icon .box-icon-title > h2 { font-size: 18px; line-height: 35px; margin: 0; -webkit-transition: all .200s; -moz-transition: all .200s; -o-transition: all .200s; transition: all .200s; } .box-icon .box-icon-title > img + h2, .box-icon .box-icon-title > img + h3, .box-icon .box-icon-title > img + h4, .box-icon .box-icon-title > img + h5 { font-size: 16px; line-height: 16px; margin-top: 20px; } .box-icon p { margin: 15px 0; } .box-icon a.box-icon-more { display: block; text-align: right; position: relative; color: #000; } section.dark .box-icon a.box-icon-more { color: #fff; } .box-icon a.box-icon-more:after { font-family: FontAwesome; content: "\f105"; padding-left: 10px; top: 50%; margin-top: -2px; } .box-icon.box-icon-right .box-icon-title > i { float: right; margin-right: 0; margin-left: 10px; } .box-icon.box-icon-right { text-align: right; } @media only screen and (max-width: 760px) { .box-icon.box-icon-right .box-icon-title > i { float: left; margin-right: 10px; margin-left: 0; } .box-icon.box-icon-right { text-align: left; } } /* center */ .box-icon.box-icon-center .box-icon-more, .box-icon.box-icon-center .box-icon-title, .box-icon.box-icon-center p { text-align: center !important; } .box-icon.box-icon-center .box-icon-title > i { float: none; margin: 0 0 10px 0; } /* transparent icon */ .box-icon.box-icon-transparent .box-icon-title > i { background-color: transparent; border: #ccc 1px solid; color: #333; } section.dark .box-icon.box-icon-transparent .box-icon-title > i { color: #fff; background-color: #212121; border: #555 1px solid; } /* large icon */ .box-icon.box-icon-large .box-icon-title > i { width: 65px; height: 65px; line-height: 65px; font-size: 24px; } .box-icon.box-icon-large a.box-icon-title:hover > i { border-color: transparent; } /* box content */ .box-icon.box-icon-content { background-color: rgba(0, 0, 0, 0.05); padding: 45px 15px 15px 15px; display: block; margin-top: 33px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } section.dark .box-icon.box-icon-content { background-color: rgba(0, 0, 0, 0.1); } .box-icon.box-icon-content .box-icon-title > i { background-color: #fff; top: 0; margin-left: -33px; position: absolute; } section.alternate .box-icon.box-icon-content .box-icon-title > i { background-color: #F9F9F9; } /* box icon side */ .box-icon.box-icon-side { position: relative; padding-left: 70px; } .box-icon.box-icon-side > i { position: absolute; left: 0; top: 10px; font-size: 48px; } /* Box Video */ .box-video { border: rgba(0, 0, 0, 0.1) 1px solid; margin: 30px 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } section.dark .box-video { border: rgba(255, 255, 255, 0.1) 1px solid; } .box-video .box-video-title { text-decoration: none !important; } .box-video .box-video-title h2 { margin: 20px 15px 15px 15px; font-size: 18px; line-height: 20px; } .box-video p, .box-video .btn, .box-video button { margin-bottom: 15px; } .box-video p { margin-top: 0; margin-left: 15px; margin-right: 15px; } /* Box Image */ .box-image { border: rgba(0, 0, 0, 0.1) 1px solid; margin: 30px 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } section.dark .box-image { border: rgba(255, 255, 255, 0.1) 1px solid; } .box-image .box-image-title { text-decoration: none !important; } .box-image img { margin-bottom: 20px; } .box-image .box-image-title h2 { margin: 0 15px 15px 15px; font-size: 18px; line-height: 20px; } .box-image p, .box-image .btn, .box-image button { margin-bottom: 15px; } .box-image p { margin-top: 0; margin-left: 15px; margin-right: 15px; } @media only screen and (max-width: 760px) { .box-icon { margin: 60px 0; } .box-icon.box-icon-content .box-icon-title > i { top: -33px; } } /** FLIP BOXES **************** */ .box-flip { margin: 0 auto; position: relative; -webkit-perspective: 600px; -moz-perspective: 600px; perspective: 600; width: 100%; } .box-flip .front, .box-flip .back { text-align: center; } .box-flip .front { width: 100%; position: absolute; top: 0; z-index: 1; text-align: center; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); transform: rotateX(0deg) rotateY(0deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .box-flip .back { width: 100%; position: absolute; top: 0; z-index: 2; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .box-flip.flip .front { width: 100%; z-index: 1; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); } .box-flip.flip .back { width: 100%; z-index: 2; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .box-flip .box1 { width: 100%; background-color: rgba(0, 0, 0, 0.05); min-height: 50px; margin: 0 auto; padding: 20px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } section.dark .box-flip .box1 { background-color: rgba(255, 255, 255, 0.05); } .box-flip .box2 { width: 100%; background-color: #333; min-height: 50px; margin: 0 auto; padding: 20px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .box-flip hr { border-color: rgba(0, 0, 0, 0.1); } .box-flip .box-icon-title > i { color: #111; background-color: rgba(0, 0, 0, 0.07); } section.dark .box-flip .box-icon-title > i { color: #fff; } .box-flip.box-color h1, .box-flip.box-color h2, .box-flip.box-color h3, .box-flip.box-color h4, .box-flip.box-color h5, .box-flip.box-color h6, .box-flip.box-color p, .box-flip.box-color .box-icon-title > i { color: #fff; } .box-flip .btn-lg.btn-translucid { font-size: 14px; } .box-flip .box-default, .box-flip .box-default p, .box-flip .box-default h1, .box-flip .box-default h2, .box-flip .box-default h3, .box-flip .box-default h4, .box-flip .box-default h5 { color: #000 !important; } /* box static */ .box-static { padding: 15px; background-color: rgba(0, 0, 0, 0.05); border-top: transparent 3px solid; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .box-static.box-transparent { background-color: transparent; } .box-static.box-bordered { border: rgba(0, 0, 0, 0.1) 1px solid; } .box-static.box-color, .box-static.box-dark { color: #fff; background-color: #333; } .box-static.box-color h1, .box-static.box-color h2, .box-static.box-color h3, .box-static.box-color h4, .box-static.box-color h5, .box-static.box-color h6, .box-static.box-dark h1, .box-static.box-dark h2, .box-static.box-dark h3, .box-static.box-dark h4, .box-static.box-dark h5, .box-static.box-dark h6 { color: #fff; } .box-static.box-border-top { border-top: rgba(0, 0, 0, 0.5) 3px solid; } .box-static .box-title { margin-bottom: 20px; border-bottom: rgba(0, 0, 0, 0.1) 1px solid; } .box-static.box-color .box-title, .box-static.box-dark .box-title { border-bottom: rgba(255, 255, 255, 0.1) 1px solid; } section.dark .box-static.box-bordered { border: rgba(255, 255, 255, 0.1) 1px solid; } section.dark .box-static { color: #fff; padding: 15px; background-color: #333; } section.dark .box-static input, section.dark .box-static label { color: #fff; } section.dark .box-static .box-title { border-bottom: rgba(255, 255, 255, 0.1) 1px solid; } @media all and (max-width: 992px) { .box-flip { margin-bottom: 30px; } } /** Box Colors */ .box-light { padding: 15px; background-color: rgba(0, 0, 0, 0.05); } .box-dark { color: #fff; padding: 15px; background-color: #333; } .box-dark h1, .box-dark h2, .box-dark h3, .box-dark h4, .box-dark h5, .box-dark h6 { color: #fff; } .box-inner { padding: 15px; display: block; } .box-inner h1, .box-inner h2, .box-inner h3, .box-inner h4, .box-inner h5, .box-inner h6 { font-size: 14px; line-height: 17px; padding-bottom: 12px; border-bottom: rgba(0, 0, 0, 0.1) 1px solid; margin-bottom: 15px; } .box-light .box-inner { background-color: #fff; } .box-dark .box-inner { background-color: #111; } .box-footer { margin: 1px 0; padding: 8px 15px; } .box-light .box-footer { background-color: #fff; } .box-dark .box-footer { background-color: #111; } section.dark .box-light { background-color: rgba(255, 255, 255, 0.05); } section.dark .box-dark { background-color: rgba(0, 0, 0, 0.8); } section.dark .box-light .box-inner { background-color: #111; } section.dark .box-dark .box-inner { background-color: #111; } section.dark .box-light .box-footer { background-color: #111; } section.dark .box-dark .box-footer { background-color: #111; } section.dark .box-inner h1, section.dark .box-inner h2, section.dark .box-inner h3, section.dark .box-inner h4, section.dark .box-inner h5, section.dark .box-inner h6 { border-bottom-color: rgba(255, 255, 255, 0.1); } section.dark .box-inner h1 > a:hover, section.dark .box-inner h2 > a:hover, section.dark .box-inner h3 > a:hover, section.dark .box-inner h4 > a:hover, section.dark .box-inner h5 > a:hover, section.dark .box-inner h6 > a:hover { text-decoration: underline !important; } /* successive colored boxes */ .box-gradient { color: #fff; margin: 0; text-align: center; } .box-gradient > div { margin: 0; padding: 50px 8px 30px 8px; -webkit-transition: all .400s; -moz-transition: all .400s; -o-transition: all .400s; transition: all .400s; } .box-gradient > div > p { font-size: 15px; margin: 0; height: 50px; overflow: hidden; } .box-gradient h1, .box-gradient h2, .box-gradient h3, .box-gradient h4, .box-gradient h5, .box-gradient h6 { color: #fff; margin-top: 10px; margin-bottom: 20px; font-size: 50px; line-height: 50px; font-weight: 300; } .box-gradient a { display: block; color: #fff; } .box-gradient a:hover { color: #ddd; } /* pink */ .box-pink > div:nth-child(1) { background-color: #e2476b; } .box-pink > div:nth-child(2) { background-color: #e9738f; } .box-pink > div:nth-child(3) { background-color: #f09fb2; } .box-pink > div:nth-child(4) { background-color: #f7cbd5; } /* blue */ .box-blue > div:nth-child(1) { background-color: #004080; } .box-blue > div:nth-child(2) { background-color: #006fdd; } .box-blue > div:nth-child(3) { background-color: #2b95ff; } .box-blue > div:nth-child(4) { background-color: #6cb6ff; } /* orange */ .box-orange > div:nth-child(1) { background-color: #ea5726; } .box-orange > div:nth-child(2) { background-color: #ee754d; } .box-orange > div:nth-child(3) { background-color: #f19272; } .box-orange > div:nth-child(4) { background-color: #f5b39c; } /* yellow */ .box-yellow > div:nth-child(1) { background-color: #e3a42d; } .box-yellow > div:nth-child(2) { background-color: #eaba60; } .box-yellow > div:nth-child(3) { background-color: #eec882; } .box-yellow > div:nth-child(4) { background-color: #f2d7a4; } /* purple */ .box-purple > div:nth-child(1) { background-color: #864699; } .box-purple > div:nth-child(2) { background-color: #9a50af; } .box-purple > div:nth-child(3) { background-color: #a96cbb; } .box-purple > div:nth-child(4) { background-color: #bb89c9; } /* red */ .box-red > div:nth-child(1) { background-color: #b92c28; } .box-red > div:nth-child(2) { background-color: #d33834; } .box-red > div:nth-child(3) { background-color: #d9524f; } .box-red > div:nth-child(4) { background-color: #e17673; } /* brown */ .box-brown > div:nth-child(1) { background-color: #633232; } .box-brown > div:nth-child(2) { background-color: #7b3e3e; } .box-brown > div:nth-child(3) { background-color: #9d4f4f; } .box-brown > div:nth-child(4) { background-color: #b36868; } /* green */ .box-green > div:nth-child(1) { background-color: #0c5849; } .box-green > div:nth-child(2) { background-color: #117964; } .box-green > div:nth-child(3) { background-color: #16a387; } .box-green > div:nth-child(4) { background-color: #1ccaa7; } /* black */ .box-black > div:nth-child(1) { background-color: #000000; } .box-black > div:nth-child(2) { background-color: #1d1d1d; } .box-black > div:nth-child(3) { background-color: #2e2e2e; } .box-black > div:nth-child(4) { background-color: #454545; } /* gray */ .box-gray > div:nth-child(1) { background-color: #333333; } .box-gray > div:nth-child(2) { background-color: #4a4a4a; } .box-gray > div:nth-child(3) { background-color: #5f5f5f; } .box-gray > div:nth-child(4) { background-color: #797979; } /* teal */ .box-teal > div:nth-child(1) { background-color: #426062; } .box-teal > div:nth-child(2) { background-color: #4f7275; } .box-teal > div:nth-child(3) { background-color: #618c8f; } .box-teal > div:nth-child(4) { background-color: #8aadb0; } @media all and (max-width: 768px) { .box-gradient > div { margin: 0 !important; } } @media all and (max-width: 482px) { .box-gradient h1, .box-gradient h2, .box-gradient h3, .box-gradient h4, .box-gradient h5, .box-gradient h6 { font-size: 36px; line-height: 36px; } } /** 26. Labels & Badges *************************************************** **/ .badge, .label { font-weight: 400; } .label.label-square { font-size: 13px; width: 25px; height: 25px; line-height: 25px; text-align: center; margin-right: 10px; padding: 0; } .label.label-square.pull-left { margin-left: 10px; } .label.label-square.pull-right { margin-right: 10px; } h1 .label, h2 .label, h3 .label, h4 .label, h5 .label, h6 .label { padding: 3px 10px; } section .nav-pills > li > a, section .nav-pills > li.active > a:hover, section .nav-pills > li.active > a { color: #111; } section.dark .nav-pills > li > a, section.dark .nav-pills > li.active > a:hover, section.dark .nav-pills > li.active > a { color: #fff; } section.dark .nav-pills > li.active > a { background-color: rgba(255, 255, 255, 0.3) !important; } section.dark a.label, section.dark .label { color: #fff; } /* corner */ .badge.badge-corner { top: -8px !important; right: -6px !important; position: absolute !important; color: #fff !important; } /* colors */ span.badge-default, span.label-default, .list-group-item.active > .badge.badge-default { background-color: #333 !important; } span.label-blue, span.badge-blue, .list-group-item.active > .badge { background: #3498db !important; } span.label-red, span.badge-red, .list-group-item.active > .badge { background: #e74c3c !important; } span.label-green, span.badge-green, .list-group-item.active > .badge.badge-green { background: #2ecc71 !important; } span.label-sea, span.badge-sea, .list-group-item.active > .badge.badge-sea { background: #1abc9c !important; } span.label-orange, span.badge-orange, .list-group-item.active > .badge.badge-orange { background: #e67e22 !important; } span.label-yellow, span.badge-yellow, .list-group-item.active > .badge.badge-yellow { background: #f1c40f !important; } span.label-purple, span.badge-purple, .list-group-item.active > .badge.badge-purple { background: #9b6bcc !important; } span.label-aqua, span.badge-aqua, .list-group-item.active > .badge.badge-aqua { background: #27d7e7 !important; } span.label-brown, span.badge-brown, .list-group-item.active > .badge.badge-brown { background: #9c8061 !important; } span.label-dark-blue, span.badge-dark-blue, .list-group-item.active > .badge.badge-dark-blue { background: #4765a0 !important; } span.label-light-green, span.badge-light-green, .list-group-item.active > .badge.badge-light-green { background: #79d5b3 !important; } span.label-light, span.badge-light, .list-group-item.active > .badge.badge-light { color: #777; background: #ecf0f1 !important; } span.label-dark, span.badge-dark, .list-group-item.active > .badge.badge-dark { background: #555 !important; } /** 27. Lightbox Ajax [Magnific Popup] *************************************************** **/ .lightbox-ajax { position: relative; background-color: #FFF; width: 100%; max-width: 800px; margin: 0 auto; } .lightbox-ajax .lightbox-ajax-body { padding: 20px; } .lightbox-ajax > h1, .lightbox-ajax > h2, .lightbox-ajax > h3, .lightbox-ajax > h4, .lightbox-ajax > h5, .lightbox-ajax > h6 { background-color: #F9F9F9; border-bottom: 1px solid #EEE; padding: 20px 30px; margin: 0; } @media all and (max-width: 992px) { .lightbox-ajax .lightbox-ajax-body .row > div { margin-bottom: 30px; } } /** 28. Panels *************************************************** **/ .panel { margin-bottom: 30px; } section.dark .panel-default > .panel-heading { border-color: #666; } .panel-footer .social-icon { margin-top: 0; margin-bottom: 0; } .panel-heading .btn, .panel-footer .btn { margin: 0; } .panel-footer.panel-footer-transparent, .panel-heading.panel-heading-transparent { background-color: transparent; } section.dark .panel { background-color: #373737; border-color: #666; } section.dark .panel .btn { color: #fff!important; } section.dark .panel-footer { border-top-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1); } .panel .table { background-color: transparent; } section.dark table { color: #fff; background-color: #373737; } section.dark .panel .panel-heading, section.dark .panel .panel-heading h2 { color: #111 !important; } section.dark .panel .panel-heading.panel-heading-transparent, section.dark .panel .panel-heading.panel-heading-transparent h2 { color: #eaeaea !important; } .panel table thead { background-color: rgba(0, 0, 0, 0.01); } section.dark .table > thead > tr > th { border-bottom-color: #666; } section.dark .panel > .panel-body + .table, section.dark .panel > .panel-body + .table-responsive, section.dark .panel > .table + .panel-body, section.dark .panel > .table-responsive + .panel-body, section.dark .table > tbody > tr > td, section.dark .table > tbody > tr > th, section.dark .table > tfoot > tr > td, section.dark .table > tfoot > tr > th, section.dark .table > thead > tr > td, section.dark .table > thead > tr > th { border-top-color: #666; } section.dark .table > tbody > tr:hover > td { color: #000; } section.dark .table-striped > tbody > tr:nth-of-type(odd) { color: #000; } /** 29. Modals *************************************************** **/ .modal-content { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .modal-header .btn, .modal-footer .btn { margin: 0; } .modal-full { width: 100% !important; margin-left: 8px; } /** 30. Toastr *************************************************** **/ .toast-title { font-weight: bold; } .toast-message { -ms-word-wrap: break-word; word-wrap: break-word; } .toast-message a, .toast-message label { color: #ffffff; } .toast-message a:hover { color: #cccccc; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #ffffff; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); } .toast-close-button:hover, .toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); } /*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/ button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .toast-top-center { top: 0; right: 0; width: 100%; } .toast-bottom-center { bottom: 0; right: 0; width: 100%; } .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } #toast-container { position: fixed; z-index: 999999; /*overrides*/ } #toast-container * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #toast-container > div { position: relative; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; background-position: 15px center; background-repeat: no-repeat; color: #ffffff; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); } #toast-container > :hover { opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); cursor: pointer; } #toast-container > .toast-info { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; } #toast-container > .toast-error { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; } #toast-container > .toast-success { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; } #toast-container > .toast-warning { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; } #toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div { width: 300px; margin: auto; } #toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div { width: 96%; margin: auto; } .toast { background-color: #030303; } #toast-container .toast-primary { padding: 15px; } .toast-primary { border: 0; background-color: #333; } .toast-success { background-color: #51a351; } .toast-error { background-color: #bd362f; } .toast-info { background-color: #2f96b4; } .toast-warning { background-color: #f89406; } .toast-progress { position: absolute; left: 0; bottom: 0; height: 2px; background-color: #000000; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); } /*Responsive Design*/ @media all and (max-width: 240px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 11em; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 18em; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { #toast-container > div { padding: 15px 15px 15px 50px; width: 25em; } } /** 31. Navigations *************************************************** **/ .navbar-primary .navbar-brand, .navbar-primary .navbar-nav > li > a, .navbar-primary button, .navbar-primary a { color: #ddd; } .navbar-primary .navbar-brand:hover, .navbar-primary .navbar-nav > li > a:hover, .navbar-primary button:hover, .navbar-primary a:hover { color: #fff; } .navbar-primary .navbar-nav > .active > a, .navbar-primary .navbar-nav > .active > a:focus, .navbar-primary .navbar-nav > .active > a:hover { background-color: rgba(0, 0, 0, 0.1); } section.dark .navbar-default .navbar-brand, section.dark .navbar-default .navbar-nav > li > a { color: #999; } section.dark .navbar-default .navbar-brand:hover, section.dark .navbar-default .navbar-nav > li > a:hover { color: #ddd; } section.dark .navbar-default .navbar-nav > .open > a, section.dark .navbar-default .navbar-nav > .open > a:focus, section.dark .navbar-default .navbar-nav > .open > a:hover, section.dark .navbar-default .navbar-nav > .active > a, section.dark .navbar-default .navbar-nav > .active > a:focus, section.dark .navbar-default .navbar-nav > .active > a:hover { color: #ddd; background-color: rgba(0, 0, 0, 0.2); } section.dark .navbar-default { background-color: #555; border-color: #555; } section.dark .navbar-inverse { background-color: #111; border-color: #111; } section.dark .nav-tabs > li.active > a, section.dark .nav-tabs > li.active > a:focus, section.dark .nav-tabs > li.active > a:hover { color: #ddd; background-color: #555; border-color: #555; } section.dark .nav-tabs { border-color: #555; } section.dark .nav-tabs > li > a:hover { border-color: transparent; background-color: #555; } /* small categories - like tags */ ul.categories > li { margin: 0; padding: 1px; } ul.categories > li > a { letter-spacing: 0; font-size: 12px; color: #999; } ul.categories > li > a:hover { color: #121212; } ul.categories > li:after { content: ' , '; } ul.categories > li:last-child:after { content: ''; } section.dark ul.categories > li > a:hover { color: #ccc; } /** 32. Paginations *************************************************** **/ .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background: rgba(0, 0, 0, 0.05); } .pagination > li > a { margin-right: 4px; color: #666 !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; } .pagination > li.active > a { border-color: #ddd; color: #fff !important; } section.dark .pagination > li, section.dark .pagination > li > a { color: #ccc !important; border-color: #666; background-color: transparent; } section.dark .pagination > li > a:hover, section.dark .pagination > li > span:hover { background-color: #555; } section.dark .pagination > li.active > a { color: #fff !important; } /* pager */ section.dark .pager li > a, section.dark .pager li > span { background-color: #666; border-color: #888; color: #fff; } section.dark .pager li > a:hover { background-color: #555; } /* simple pagination */ .pagination.pagination-simple > li > a { border: 0 !important; border-left: #ccc 1px solid !important; background-color: transparent !important; color: #333 !important; padding: 0 12px !important; font-weight: bold !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .pagination.pagination-simple > li.active > a { color: #999 !important; } .pagination.pagination-simple > li:first-child > a { border: 0 !important; } section.dark .pagination.pagination-simple > li > a { border-left: #666 1px solid !important; color: #888 !important; } section.dark .pagination.pagination-simple > li.active > a { color: #eee !important; } section.dark .pagination.pagination-simple > li:first-child > a { border: 0 !important; } /** 33. Tables *************************************************** **/ .responsive-utilities td.is-visible { color: #468847; background-color: #dff0d8!important; } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { vertical-align: middle; } /** 34. Callouts *************************************************** **/ .callout.alert { padding: 20px 0; color: #111; margin-bottom: 0; } section.callout.alert { padding: 40px 0; } .callout.alert h1, .callout.alert h2, .callout.alert h3, .callout.alert h4, .callout.alert h5, .callout.alert h6 { color: #111; margin-bottom: 3px; font-weight: 500; } .callout.alert p:last-child { margin: 0; } .callout.alert .btn { margin: 2px 0 0 0; } .callout.alert-border { border: rgba(0, 0, 0, 0.1) 2px solid; } .callout-box { clear: both; position: relative; overflow: hidden; background: #ddd; padding: 36px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .callout-box h1, .callout-box h2, .callout-box h3, .callout-box h4, .callout-box h5, .callout-box h6 { margin-bottom: 0; } .callout-dark { z-index: 10; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .callout-dark h1, .callout-dark h2, .callout-dark h3, .callout-dark h4, .callout-dark h5, .callout-dark h6 { /** margin-bottom: 20px !important; **/ } .callout-dark p { color: #b1b1b1 !important; font-size: 17px !important; max-width: 960px !important; margin: auto !important; } .callout-dark a.social-icon, .callout-dark .btn { color: #fff; } .callout-dark.heading-title { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .callout .row { margin-left: 0; margin-right: 0; } .callout { padding: 30px 0; color: #fff; -webkit-transition: all .400s; -moz-transition: all .400s; -o-transition: all .400s; transition: all .400s; } .callout h1, .callout h2, .callout h3, .callout h4, .callout h5, .callout h6 { color: #fff; margin: 0 !important; font-weight: 300; } .callout p { margin: 0; padding: 0; font-size: 16px; font-weight: 300; } .callout .btn { margin: 6px 0 0 0; } .callout.callout-theme-color .btn, .callout.callout-dark .btn { background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); } .callout.callout-theme-color .btn:hover, .callout.callout-dark .btn:hover { background-color: rgba(255, 255, 255, 0.3); border-color: rgba(255, 255, 255, 0.3); } .callout.callout-dark { background-color: #252525; } .callout.callout-hover:hover { opacity: 0.85; filter: alpha(opacity=85); } .callout.callout-transparent, .callout.callout-transparent h1, .callout.callout-transparent h2, .callout.callout-transparent h3, .callout.callout-transparent h4, .callout.callout-transparent h5, .callout.callout-transparent h6, .callout.callout-transparent p { color: #111; margin: 0 !important; font-weight: 300; } /* dark */ section.dark .callout, section.dark .callout p, section.dark .callout.alert { color: #111; } section.dark .callout h1, section.dark .callout h2, section.dark .callout h3, section.dark .callout h4, section.dark .callout h5, section.dark .callout h6, section.dark .callout p { color: #111; } section.dark .callout.alert-bolder, section.dark .callout.alert-bolder h1, section.dark .callout.alert-bolder h2, section.dark .callout.alert-bolder h3, section.dark .callout.alert-bolder h4, section.dark .callout.alert-bolder h5, section.dark .callout.alert-bolder h6, section.dark .callout.alert-bolder p { color: #111; } section.dark .alert-border, section.dark .alert-border h1, section.dark .alert-border h2, section.dark .alert-border h3, section.dark .alert-border h4, section.dark .alert-border h5, section.dark .alert-border h6, section.dark .alert-border p, section.dark .callout .btn { color: #fff; } section.dark .alert-transparent { border-left-color: #444; } section.dark .alert-transparent, section.dark .alert-transparent h1, section.dark .alert-transparent h2, section.dark .alert-transparent h3, section.dark .alert-transparent h4, section.dark .alert-transparent h5, section.dark .alert-transparent h6, section.dark .alert-transparent p, section.dark .callout .btn { color: #fff; } section.dark .callout.alert-border { border-color: #666; } section.dark .callout-box.callout-default, section.dark .callout-box.callout-default h1, section.dark .callout-box.callout-default h2, section.dark .callout-box.callout-default h3, section.dark .callout-box.callout-default h4, section.dark .callout-box.callout-default h5, section.dark .callout-box.callout-default h6, section.dark .callout-box.callout-default p { color: #111; } section.dark .callout-box .btn { color: #fff; } section.dark .callout-theme-color, section.dark .callout-theme-color h1, section.dark .callout-theme-color h2, section.dark .callout-theme-color h3, section.dark .callout-theme-color h4, section.dark .callout-theme-color h5, section.dark .callout-theme-color h6, section.dark .callout-theme-color p { color: #fff; } section.dark .callout-dark { background-color: #111; } section.dark .callout-dark, section.dark .callout-dark h1, section.dark .callout-dark h2, section.dark .callout-dark h3, section.dark .callout-dark h4, section.dark .callout-dark h5, section.dark .callout-dark h6, section.dark .callout-dark p { color: #fff; } section.dark .callout-transparent, section.dark .callout-transparent h1, section.dark .callout-transparent h2, section.dark .callout-transparent h3, section.dark .callout-transparent h4, section.dark .callout-transparent h5, section.dark .callout-transparent h6, section.dark .callout-transparent p { color: #fff; } @media only screen and (max-width: 960px) { .callout a.social-icon { margin-top: 30px; float: none !important; } .callout div.text-right { text-align: left; } .callout-box.callout-default .btn, .callout .btn { display: block; margin-top: 30px !important; } .callout.alert, .callout-box.callout-default { padding: 20px 15px; } } @media only screen and (max-width: 480px) { .callout.callout-dark, .callout.callout-theme-color, .callout div.text-left, .callout div.text-right { text-align: center !important; } .callout h1, .callout h2, .callout h3, .callout h4, .callout h5, .callout h6 { margin-bottom: 30px !important; } .callout .btn { display: block; margin-top: 30px !important; } } /* Info Bar */ .info-bar { margin: 0; border: 0; color: #000; background-color: rgba(0, 0, 0, 0.05); padding: 10px 0; } .info-bar div.row > div { padding-top: 20px; padding-bottom: 20px; margin: 0 !important; border-right: rgba(0, 0, 0, 0.1) 1px solid; } .info-bar div.row > div:last-child { border: 0; } .info-bar div.row > div i { color: #333; font-size: 32px; line-height: 1.2; margin-right: 10px; float: left; } .info-bar h1, .info-bar h2, .info-bar h3, .info-bar h4, .info-bar h5, .info-bar h6, .info-bar p { color: #333; font-size: 16px; line-height: 1.5; margin: 0; padding: 0; } .info-bar p { font-size: 12px; line-height: 1; } /* dark */ .info-bar.info-bar-dark { background-color: #171717; } .info-bar.info-bar-dark a, .info-bar.info-bar-dark div.row > div i, .info-bar.info-bar-dark h1, .info-bar.info-bar-dark h2, .info-bar.info-bar-dark h3, .info-bar.info-bar-dark h4, .info-bar.info-bar-dark h5, .info-bar.info-bar-dark h6, .info-bar.info-bar-dark p { color: #fff; } .info-bar.info-bar-dark div.row > div { border-right-color: rgba(255, 255, 255, 0.1); } /* color */ .info-bar.info-bar-color a, .info-bar.info-bar-color div.row > div i, .info-bar.info-bar-color h1, .info-bar.info-bar-color h2, .info-bar.info-bar-color h3, .info-bar.info-bar-color h4, .info-bar.info-bar-color h5, .info-bar.info-bar-color h6, .info-bar.info-bar-color p { color: #fff; } .info-bar.info-bar-color div.row > div { border-right-color: rgba(0, 0, 0, 0.1); } /* clean */ .info-bar.info-bar-clean { background-color: #fff; border-bottom: rgba(0, 0, 0, 0.1) 1px solid; } section.dark .info-bar-light { background-color: #fff; } section.dark .info-bar-dark { background-color: #313131; } /* bordered */ .info-bar.info-bar-bordered { margin: 30px 0; border: rgba(0, 0, 0, 0.1) 1px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .info-bar.info-bar-bordered div.row > div { padding-top: 15px; padding-bottom: 15px; } section.dark .info-bar.info-bar-bordered { border-color: rgba(255, 255, 255, 0.1); } section.dark .info-bar div.row > div { border-right-color: rgba(255, 255, 255, 0.1); } section.dark .info-bar div.row > div i { color: #fff; } section.dark .info-bar.info-bar-color div.row > div { border-right-color: rgba(255, 255, 255, 0.2); } /** 35. Process Steps *************************************************** **/ .process-wizard { padding: 0 0 10px 0; } .process-wizard > .process-wizard-step { padding: 0; position: relative; } .process-wizard > .process-wizard-step .process-wizard-stepnum { color: #595959; font-size: 16px; margin-bottom: 5px; } .process-wizard > .process-wizard-step .process-wizard-info { color: #999; font-size: 14px; } .process-wizard > .process-wizard-step > .process-wizard-dot { position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 47px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%; } .process-wizard > .process-wizard-step > .process-wizard-dot:after { content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; } .process-wizard > .process-wizard-step > .progress { position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0; } .process-wizard > .process-wizard-step > .progress > .progress-bar { width: 0px; box-shadow: none; background: #fbe8aa; } .process-wizard > .process-wizard-step.complete > .progress > .progress-bar { width: 100%; } .process-wizard > .process-wizard-step.active > .progress > .progress-bar { width: 50%; } .process-wizard > .process-wizard-step:first-child.active > .progress > .progress-bar { width: 0%; } .process-wizard > .process-wizard-step:last-child.active > .progress > .progress-bar { width: 100%; } .process-wizard > .process-wizard-step.disabled > .process-wizard-dot { background-color: #f5f5f5; } .process-wizard > .process-wizard-step.disabled > .process-wizard-dot:after { opacity: 0; } .process-wizard > .process-wizard-step:first-child > .progress { left: 50%; width: 50%; } .process-wizard > .process-wizard-step:last-child > .progress { width: 50%; } .process-wizard > .process-wizard-step.disabled a.process-wizard-dot { pointer-events: none; } /* default */ .process-wizard-default > .process-wizard-step > .process-wizard-dot, .process-wizard-default > .process-wizard-step > .progress > .progress-bar { background: #ccc; } .process-wizard-default > .process-wizard-step > .process-wizard-dot:after { background-color: #666; } /* info */ .process-wizard-info > .process-wizard-step > .process-wizard-dot, .process-wizard-info > .process-wizard-step > .progress > .progress-bar { background: #d9edf7; } .process-wizard-info > .process-wizard-step > .process-wizard-dot:after { background-color: #31708f; } /* warning */ .process-wizard-warning > .process-wizard-step > .process-wizard-dot, .process-wizard-warning > .process-wizard-step > .progress > .progress-bar { background: #fbe8aa; } .process-wizard-warning > .process-wizard-step > .process-wizard-dot:after { background-color: #fbbd19; } /* success */ .process-wizard-success > .process-wizard-step > .process-wizard-dot, .process-wizard-success > .process-wizard-step > .progress > .progress-bar { background: #d6e9c6; } .process-wizard-success > .process-wizard-step > .process-wizard-dot:after { background-color: #3c763d; } /* success */ .process-wizard-danger > .process-wizard-step > .process-wizard-dot, .process-wizard-danger > .process-wizard-step > .progress > .progress-bar { background: #ebccd1; } .process-wizard-danger > .process-wizard-step > .process-wizard-dot:after { background-color: #a94442; } /* Tab Process Steps */ ul.process-steps, ul.process-steps li { border: 0 !important; text-align: center; } ul.process-steps li a { width: 50px; height: 50px; font-size: 30px; line-height: 30px; text-align: center; display: inline-block; color: #111; border: #666 1px solid !important; background-color: #fff; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; } ul.process-steps li.active a, ul.process-steps li.active:hover > a { color: #fff !important; background-color: #333; } ul.process-steps li:after, ul.process-steps li:before { content: ''; position: absolute; top: 26px; left: 0; width: 50%; border-top: 1px dashed #DDD; } ul.process-steps li:first-child:before { display: none; } ul.process-steps li:last-child:after { display: none; } ul.process-steps li:after { left: auto; right: 0; margin: 0 -26px 0 0; } ul.process-steps li h1, ul.process-steps li h2, ul.process-steps li h3, ul.process-steps li h4, ul.process-steps li h5, ul.process-steps li h6 { margin: 20px 0 0 0; } ul.process-steps li > a > i { margin: 0; padding: 0; margin-left: -4px; margin-top: -1px; font-size: 28px; line-height: 28px; } ul.process-steps li > a > i.fa { font-size: 30px; line-height: 30px; } ul.process-steps.process-steps-square li a { -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; } @media only screen and (max-width: 768px) { ul.process-steps li:after, ul.process-steps li:before { display: none; } ul.process-steps li h1, ul.process-steps li h2, ul.process-steps li h3, ul.process-steps li h4, ul.process-steps li h5, ul.process-steps li h6 { margin: 10px 0 30px 0; } } @media only screen and (max-width: 482px) { ul.process-steps li > a { display: inline-block !important; } ul.process-steps li h1, ul.process-steps li h2, ul.process-steps li h3, ul.process-steps li h4, ul.process-steps li h5, ul.process-steps li h6 { margin: 3px 0; display: block; } ul.process-steps li { padding: 10px 0; } } /** 36. Price Table **************************************************************** **/ div.price-table { background: rgba(0, 0, 0, 0.03); margin: 30px 0; text-align: center; padding-bottom: 30px; border-left: #fff 1px solid; } div.row.pricetable-container { padding: 0 15px; } div.price-table h3 { font-size: 25px; line-height: 25px; padding: 30px 0; border-bottom: rgba(0, 0, 0, 0.1) 2px solid; text-transform: uppercase; font-weight: 300; } div.price-table p { color: #666; font-size: 36px; line-height: 36px; padding: 30px 0; font-weight: 400; width: 150px; height: 150px; padding-top: 53px; display: inline-block; background-color: rgba(0, 0, 0, 0.05); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-top: 0; } div.price-table p span { display: block; font-size: 10px; line-height: 16px; font-weight: 300; text-transform: uppercase; } div.price-table ul { margin: 0; padding: 0; } div.price-table ul li { list-style: none; font-size: 12px; border-bottom: rgba(0, 0, 0, 0.1) 1px solid; padding: 8px; text-transform: uppercase; } div.price-table.popular, div.price-table.popular ul li, div.price-table.popular p, div.price-table.popular p span, div.price-table.popular h3 { color: #fff; } div.price-table.popular { background: #676767; } div.price-table .btn { margin-top: 30px; } div.price-table .btn-primary { background-color: #333; border: 0; } section.dark div.price-table { border-left-color: #212121; background-color: #444; } section.dark div.price-table.popular { background-color: #666; } section.dark div.price-table h3 { border-bottom-color: rgba(255, 255, 255, 0.1); } section.dark div.price-table .btn { color: #fff; } /* mega price table */ div.mega-price-table { margin-top: 60px; } div.mega-price-table .btn .caret.pull-right { margin-top: 8px; } div.mega-price-table .pricing-title, div.mega-price-table .pricing-head { color: #fff; text-align: center; background-color: rgba(0, 0, 0, 0.6); height: 75px; } div.mega-price-table .pricing-title { background-color: transparent !important; padding: 15px 0 0 0; margin: 0; height: 165px; } div.mega-price-table .pricing-title h3 { font-size: 35px; line-height: 35px; margin-bottom: 10px; } div.mega-price-table .pricing-head h3 { margin-bottom: 3px; display: block; color: #fff; font-size: 30px; padding-top: 12px; height: 36px; font-weight: 300; } div.mega-price-table h4 { display: block; text-align: center; font-size: 60px; padding: 20px 0; margin: 0; font-weight: 400; color: #666; height: 85; background-color: rgba(0, 0, 0, 0.03); font-weight: 300; } div.mega-price-table .pricing:hover h4 { color: #333; text-align: center; } div.mega-price-table .pricing h4 sup, div.mega-price-table .pricing h4 sub { font-size: 34px; } div.mega-price-table .pricing-head small { font-size: 12px; line-height: 40px; display: block; color: rgba(255, 255, 255, 0.7); font-weight: 300; font-family: 'Open Sans', Arial, Hevletica, sans-serif; } div.mega-price-table .pricing-desc li, div.mega-price-table ul.pricing-table li { padding: 10px; font-style: normal; min-height: 41px; text-align: center; } div.mega-price-table ul li.alternate { background-color: rgba(0, 0, 0, 0.03); } div.mega-price-table { padding-left: 15px; padding-right: 15px; } div.mega-price-table div { padding: 0; } div.mega-price-table .pricing { margin-top: 1px; margin-left: 1px; background: rgba(0, 0, 0, 0.03); } section.dark div.mega-price-table ul li.alternate, section.dark div.mega-price-table .pricing { background: rgba(255, 255, 255, 0.05); } div.mega-price-table .pricing-desc div, div.mega-price-table .pricing-desc li { text-align: left !important; } div.mega-price-table .btn, div.mega-price-table .list-unstyled, div.mega-price-table .btn-group, div.mega-price-table .btn-toolbar { margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } div.mega-price-table .pricing.popular h4 small { color: #fff; } div.mega-price-table .pricing.popular { background-color: #676767; } div.mega-price-table .pricing.popular, div.mega-price-table .pricing.popular h3, div.mega-price-table .pricing.popular h4, div.mega-price-table .pricing.popular li, div.mega-price-table .pricing.popular div, div.mega-price-table .pricing.popular .pricing-table i.fa { color: #fff !important; } div.mega-price-table .dropdown-menu { width: 100%; } /* clean price */ .price-clean { padding: 30px 10px; text-align: center; position: relative; border: 1px solid #D0D6DF; font-family: Arial, Helvetica, sans-serif; -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05); -o-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05); } .price-clean h4 { font-size: 60px; line-height: 60px; font-weight: 300; margin: 0; color: #547698; } .price-clean h4 sup { position: relative; font-size: 20px; line-height: 25px; vertical-align: top; top: 3px; } .price-clean h4 em { font-size: 14px; font-style: normal; } .price-clean h5 { text-transform: uppercase; font-weight: 300; margin: 0; font-size: 15px; color: #BACDD6; letter-spacing: 2px; } .price-clean p { line-height: 1.5em; color: #526066; margin-bottom: 0; } @media only screen and (max-width: 992px) { .price-clean { margin-bottom: 30px; } .col-md-5th .price-clean h4 { font-size: 40px; line-height: 40px; } .col-md-5th .price-clean h4 em { font-size: 11px; } } @media only screen and (max-width: 768px) { .price-clean h4 { font-size: 60px; line-height: 60px; } .price-clean h4 em { font-size: 14px; } } /** 37. Styled Icons **************************************************************** **/ i.ico-transparent, i.ico-bordered, i.ico-rounded, i.ico-color, i.ico-light, i.ico-dark { color: #444; width: 50px; height: 50px; line-height: 50px; font-size: 25px; border: 1px solid #555; background-color: transparent; text-align: center; display: inline-block; margin-bottom: 5px; margin: 4px 8px 7px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } i.ico-transparent { border: transparent; } i.ico-rounded { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } i.ico-light { border: transparent; background-color: rgba(0, 0, 0, 0.05); } i.ico-dark { color: #fff; border: transparent; background-color: #333; } i.ico-color { color: #fff; border: transparent; text-shadow: rgba(0, 0, 0, 0.3) 1px 1px 1px; } i.ico-hover:hover { color: #fff; background-color: #111; } i.ico-hover-dark:hover { color: #fff !important; background-color: #111 !important; } i.ico-color.ico-hover:hover { background-color: #212121; } i.ico-xs { width: 30px; height: 30px; line-height: 30px; font-size: 15px; } i.ico-lg { width: 80px; height: 80px; line-height: 80px; font-size: 45px; } section.dark i.ico-rounded, section.dark i.ico-bordered { color: #ddd; border-color: #666; } section.dark i.ico-dark { color: #ccc; background-color: #111; } section.dark i.ico-light { color: #ddd; background-color: #444; } section.dark i.ico-transparent { color: #ddd; } section.dark i.ico-color.ico-hover:hover { background-color: #666; } /** 38. Datepicker *************************************************** **/ /*! * Datepicker for Bootstrap * * Copyright 2012 Stefan Petre * Improvements by Andrew Rowls * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * */ .datepicker { padding: 4px; border-radius: 4px; direction: ltr; /*.dow { border-top: 1px solid #ddd !important; }*/ } .datepicker-inline { width: 220px; } .datepicker.datepicker-rtl { direction: rtl; } .datepicker.datepicker-rtl table tr td span { float: right; } .datepicker-dropdown { top: 0; left: 0; } .datepicker-dropdown:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-top: 0; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; } .datepicker-dropdown:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-top: 0; position: absolute; } .datepicker-dropdown.datepicker-orient-left:before { left: 6px; } .datepicker-dropdown.datepicker-orient-left:after { left: 7px; } .datepicker-dropdown.datepicker-orient-right:before { right: 6px; } .datepicker-dropdown.datepicker-orient-right:after { right: 7px; } .datepicker-dropdown.datepicker-orient-top:before { top: -7px; } .datepicker-dropdown.datepicker-orient-top:after { top: -6px; } .datepicker-dropdown.datepicker-orient-bottom:before { bottom: -7px; border-bottom: 0; border-top: 7px solid #999; } .datepicker-dropdown.datepicker-orient-bottom:after { bottom: -6px; border-bottom: 0; border-top: 6px solid #fff; } .datepicker > div { display: none; } .datepicker.days div.datepicker-days { display: block; } .datepicker.months div.datepicker-months { display: block; } .datepicker.years div.datepicker-years { display: block; } .datepicker table { margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .datepicker table tr td, .datepicker table tr th { text-align: center; width: 30px; height: 30px; border-radius: 4px; border: none; } .table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent; } .datepicker table tr td.day:hover, .datepicker table tr td.day.focused { background: #eeeeee; cursor: pointer; } .datepicker table tr td.old, .datepicker table tr td.new { color: #999999; } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background: none; color: #999999; cursor: default; } .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover { color: #000000; background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:focus, .datepicker table tr td.today:hover:focus, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today.disabled:hover:focus, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.today, .open .dropdown-toggle.datepicker table tr td.today:hover, .open .dropdown-toggle.datepicker table tr td.today.disabled, .open .dropdown-toggle.datepicker table tr td.today.disabled:hover { color: #000000; background-color: #ffcd70; border-color: #f59e00; } .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.today, .open .dropdown-toggle.datepicker table tr td.today:hover, .open .dropdown-toggle.datepicker table tr td.today.disabled, .open .dropdown-toggle.datepicker table tr td.today.disabled:hover { background-image: none; } .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.today, fieldset[disabled] .datepicker table tr td.today:hover, fieldset[disabled] .datepicker table tr td.today.disabled, fieldset[disabled] .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover.disabled:hover, .datepicker table tr td.today.disabled.disabled:hover, .datepicker table tr td.today.disabled:hover.disabled:hover, .datepicker table tr td.today[disabled]:hover, .datepicker table tr td.today:hover[disabled]:hover, .datepicker table tr td.today.disabled[disabled]:hover, .datepicker table tr td.today.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.today:hover, fieldset[disabled] .datepicker table tr td.today:hover:hover, fieldset[disabled] .datepicker table tr td.today.disabled:hover, fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today:hover.disabled:focus, .datepicker table tr td.today.disabled.disabled:focus, .datepicker table tr td.today.disabled:hover.disabled:focus, .datepicker table tr td.today[disabled]:focus, .datepicker table tr td.today:hover[disabled]:focus, .datepicker table tr td.today.disabled[disabled]:focus, .datepicker table tr td.today.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.today:focus, fieldset[disabled] .datepicker table tr td.today:hover:focus, fieldset[disabled] .datepicker table tr td.today.disabled:focus, fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today:hover.disabled:active, .datepicker table tr td.today.disabled.disabled:active, .datepicker table tr td.today.disabled:hover.disabled:active, .datepicker table tr td.today[disabled]:active, .datepicker table tr td.today:hover[disabled]:active, .datepicker table tr td.today.disabled[disabled]:active, .datepicker table tr td.today.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.today:active, fieldset[disabled] .datepicker table tr td.today:hover:active, fieldset[disabled] .datepicker table tr td.today.disabled:active, fieldset[disabled] .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today:hover.disabled.active, .datepicker table tr td.today.disabled.disabled.active, .datepicker table tr td.today.disabled:hover.disabled.active, .datepicker table tr td.today[disabled].active, .datepicker table tr td.today:hover[disabled].active, .datepicker table tr td.today.disabled[disabled].active, .datepicker table tr td.today.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.today.active, fieldset[disabled] .datepicker table tr td.today:hover.active, fieldset[disabled] .datepicker table tr td.today.disabled.active, fieldset[disabled] .datepicker table tr td.today.disabled:hover.active { background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today:hover:hover { color: #000; } .datepicker table tr td.today.active:hover { color: #fff; } .datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover { background: #eeeeee; border-radius: 0; } .datepicker table tr td.range.today, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover { color: #000000; background-color: #f7ca77; border-color: #f1a417; border-radius: 0; } .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today:focus, .datepicker table tr td.range.today:hover:focus, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today.disabled:hover:focus, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.range.today, .open .dropdown-toggle.datepicker table tr td.range.today:hover, .open .dropdown-toggle.datepicker table tr td.range.today.disabled, .open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover { color: #000000; background-color: #f4bb51; border-color: #bf800c; } .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.range.today, .open .dropdown-toggle.datepicker table tr td.range.today:hover, .open .dropdown-toggle.datepicker table tr td.range.today.disabled, .open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover { background-image: none; } .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today[disabled], .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.range.today, fieldset[disabled] .datepicker table tr td.range.today:hover, fieldset[disabled] .datepicker table tr td.range.today.disabled, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today:hover.disabled:hover, .datepicker table tr td.range.today.disabled.disabled:hover, .datepicker table tr td.range.today.disabled:hover.disabled:hover, .datepicker table tr td.range.today[disabled]:hover, .datepicker table tr td.range.today:hover[disabled]:hover, .datepicker table tr td.range.today.disabled[disabled]:hover, .datepicker table tr td.range.today.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.today:hover, fieldset[disabled] .datepicker table tr td.range.today:hover:hover, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today:hover.disabled:focus, .datepicker table tr td.range.today.disabled.disabled:focus, .datepicker table tr td.range.today.disabled:hover.disabled:focus, .datepicker table tr td.range.today[disabled]:focus, .datepicker table tr td.range.today:hover[disabled]:focus, .datepicker table tr td.range.today.disabled[disabled]:focus, .datepicker table tr td.range.today.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.range.today:focus, fieldset[disabled] .datepicker table tr td.range.today:hover:focus, fieldset[disabled] .datepicker table tr td.range.today.disabled:focus, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today:hover.disabled:active, .datepicker table tr td.range.today.disabled.disabled:active, .datepicker table tr td.range.today.disabled:hover.disabled:active, .datepicker table tr td.range.today[disabled]:active, .datepicker table tr td.range.today:hover[disabled]:active, .datepicker table tr td.range.today.disabled[disabled]:active, .datepicker table tr td.range.today.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.range.today:active, fieldset[disabled] .datepicker table tr td.range.today:hover:active, fieldset[disabled] .datepicker table tr td.range.today.disabled:active, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today:hover.disabled.active, .datepicker table tr td.range.today.disabled.disabled.active, .datepicker table tr td.range.today.disabled:hover.disabled.active, .datepicker table tr td.range.today[disabled].active, .datepicker table tr td.range.today:hover[disabled].active, .datepicker table tr td.range.today.disabled[disabled].active, .datepicker table tr td.range.today.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.range.today.active, fieldset[disabled] .datepicker table tr td.range.today:hover.active, fieldset[disabled] .datepicker table tr td.range.today.disabled.active, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active { background-color: #f7ca77; border-color: #f1a417; } .datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover { color: #ffffff; background-color: #999999; border-color: #555555; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected:focus, .datepicker table tr td.selected:hover:focus, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected.disabled:hover:focus, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.selected, .open .dropdown-toggle.datepicker table tr td.selected:hover, .open .dropdown-toggle.datepicker table tr td.selected.disabled, .open .dropdown-toggle.datepicker table tr td.selected.disabled:hover { color: #ffffff; background-color: #858585; border-color: #373737; } .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.selected, .open .dropdown-toggle.datepicker table tr td.selected:hover, .open .dropdown-toggle.datepicker table tr td.selected.disabled, .open .dropdown-toggle.datepicker table tr td.selected.disabled:hover { background-image: none; } .datepicker table tr td.selected.disabled, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected[disabled], .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.selected, fieldset[disabled] .datepicker table tr td.selected:hover, fieldset[disabled] .datepicker table tr td.selected.disabled, fieldset[disabled] .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover.disabled:hover, .datepicker table tr td.selected.disabled.disabled:hover, .datepicker table tr td.selected.disabled:hover.disabled:hover, .datepicker table tr td.selected[disabled]:hover, .datepicker table tr td.selected:hover[disabled]:hover, .datepicker table tr td.selected.disabled[disabled]:hover, .datepicker table tr td.selected.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.selected:hover, fieldset[disabled] .datepicker table tr td.selected:hover:hover, fieldset[disabled] .datepicker table tr td.selected.disabled:hover, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected:hover.disabled:focus, .datepicker table tr td.selected.disabled.disabled:focus, .datepicker table tr td.selected.disabled:hover.disabled:focus, .datepicker table tr td.selected[disabled]:focus, .datepicker table tr td.selected:hover[disabled]:focus, .datepicker table tr td.selected.disabled[disabled]:focus, .datepicker table tr td.selected.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.selected:focus, fieldset[disabled] .datepicker table tr td.selected:hover:focus, fieldset[disabled] .datepicker table tr td.selected.disabled:focus, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected:hover.disabled:active, .datepicker table tr td.selected.disabled.disabled:active, .datepicker table tr td.selected.disabled:hover.disabled:active, .datepicker table tr td.selected[disabled]:active, .datepicker table tr td.selected:hover[disabled]:active, .datepicker table tr td.selected.disabled[disabled]:active, .datepicker table tr td.selected.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.selected:active, fieldset[disabled] .datepicker table tr td.selected:hover:active, fieldset[disabled] .datepicker table tr td.selected.disabled:active, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected:hover.disabled.active, .datepicker table tr td.selected.disabled.disabled.active, .datepicker table tr td.selected.disabled:hover.disabled.active, .datepicker table tr td.selected[disabled].active, .datepicker table tr td.selected:hover[disabled].active, .datepicker table tr td.selected.disabled[disabled].active, .datepicker table tr td.selected.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.selected.active, fieldset[disabled] .datepicker table tr td.selected:hover.active, fieldset[disabled] .datepicker table tr td.selected.disabled.active, fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active { background-color: #999999; border-color: #555555; } .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover { color: #ffffff; background-color: #428bca; border-color: #357ebd; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover { color: #ffffff; background-color: #3276b1; border-color: #285e8e; } .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover { background-image: none; } .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.active, fieldset[disabled] .datepicker table tr td.active:hover, fieldset[disabled] .datepicker table tr td.active.disabled, fieldset[disabled] .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover.disabled:hover, .datepicker table tr td.active.disabled.disabled:hover, .datepicker table tr td.active.disabled:hover.disabled:hover, .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active:hover[disabled]:hover, .datepicker table tr td.active.disabled[disabled]:hover, .datepicker table tr td.active.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.active:hover, fieldset[disabled] .datepicker table tr td.active:hover:hover, fieldset[disabled] .datepicker table tr td.active.disabled:hover, fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active:hover.disabled:focus, .datepicker table tr td.active.disabled.disabled:focus, .datepicker table tr td.active.disabled:hover.disabled:focus, .datepicker table tr td.active[disabled]:focus, .datepicker table tr td.active:hover[disabled]:focus, .datepicker table tr td.active.disabled[disabled]:focus, .datepicker table tr td.active.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.active:focus, fieldset[disabled] .datepicker table tr td.active:hover:focus, fieldset[disabled] .datepicker table tr td.active.disabled:focus, fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active:hover.disabled:active, .datepicker table tr td.active.disabled.disabled:active, .datepicker table tr td.active.disabled:hover.disabled:active, .datepicker table tr td.active[disabled]:active, .datepicker table tr td.active:hover[disabled]:active, .datepicker table tr td.active.disabled[disabled]:active, .datepicker table tr td.active.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.active:active, fieldset[disabled] .datepicker table tr td.active:hover:active, fieldset[disabled] .datepicker table tr td.active.disabled:active, fieldset[disabled] .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active:hover.disabled.active, .datepicker table tr td.active.disabled.disabled.active, .datepicker table tr td.active.disabled:hover.disabled.active, .datepicker table tr td.active[disabled].active, .datepicker table tr td.active:hover[disabled].active, .datepicker table tr td.active.disabled[disabled].active, .datepicker table tr td.active.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.active.active, fieldset[disabled] .datepicker table tr td.active:hover.active, fieldset[disabled] .datepicker table tr td.active.disabled.active, fieldset[disabled] .datepicker table tr td.active.disabled:hover.active { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; border-radius: 4px; } .datepicker table tr td span:hover { background: #eeeeee; } .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background: none; color: #999999; cursor: default; } .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { color: #ffffff; background-color: #428bca; border-color: #357ebd; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active:hover, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover { color: #ffffff; background-color: #3276b1; border-color: #285e8e; } .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active:hover, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover { background-image: none; } .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td span.active, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active.disabled, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover.disabled:hover, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active.disabled:hover.disabled:hover, .datepicker table tr td span.active[disabled]:hover, .datepicker table tr td span.active:hover[disabled]:hover, .datepicker table tr td span.active.disabled[disabled]:hover, .datepicker table tr td span.active.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active:hover:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active:hover.disabled:focus, .datepicker table tr td span.active.disabled.disabled:focus, .datepicker table tr td span.active.disabled:hover.disabled:focus, .datepicker table tr td span.active[disabled]:focus, .datepicker table tr td span.active:hover[disabled]:focus, .datepicker table tr td span.active.disabled[disabled]:focus, .datepicker table tr td span.active.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td span.active:focus, fieldset[disabled] .datepicker table tr td span.active:hover:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active:hover.disabled:active, .datepicker table tr td span.active.disabled.disabled:active, .datepicker table tr td span.active.disabled:hover.disabled:active, .datepicker table tr td span.active[disabled]:active, .datepicker table tr td span.active:hover[disabled]:active, .datepicker table tr td span.active.disabled[disabled]:active, .datepicker table tr td span.active.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td span.active:active, fieldset[disabled] .datepicker table tr td span.active:hover:active, fieldset[disabled] .datepicker table tr td span.active.disabled:active, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active:hover.disabled.active, .datepicker table tr td span.active.disabled.disabled.active, .datepicker table tr td span.active.disabled:hover.disabled.active, .datepicker table tr td span.active[disabled].active, .datepicker table tr td span.active:hover[disabled].active, .datepicker table tr td span.active.disabled[disabled].active, .datepicker table tr td span.active.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td span.active.active, fieldset[disabled] .datepicker table tr td span.active:hover.active, fieldset[disabled] .datepicker table tr td span.active.disabled.active, fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td span.old, .datepicker table tr td span.new { color: #999999; } .datepicker th.datepicker-switch { width: 145px; } .datepicker thead tr:first-child th, .datepicker tfoot tr th { cursor: pointer; } .datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover { background: #eeeeee; } .datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle; } .datepicker thead tr:first-child th.cw { cursor: default; background-color: transparent; } .input-group.date .input-group-addon i { cursor: pointer; width: 16px; height: 16px; } .input-daterange input { text-align: center; } .input-daterange input:first-child { border-radius: 3px 0 0 3px; } .input-daterange input:last-child { border-radius: 0 3px 3px 0; } .input-daterange .input-group-addon { width: auto; min-width: 16px; padding: 4px 5px; font-weight: normal; line-height: 1.428571429; text-align: center; text-shadow: 0 1px 0 #fff; vertical-align: middle; background-color: #eeeeee; border: solid #cccccc; border-width: 1px 0; margin-left: -5px; margin-right: -5px; } .datepicker.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; float: left; display: none; min-width: 160px; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 5px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; *border-right-width: 2px; *border-bottom-width: 2px; color: #333333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1.428571429; } .datepicker.dropdown-menu th, .datepicker.datepicker-inline th, .datepicker.dropdown-menu td, .datepicker.datepicker-inline td { padding: 0px 5px; } /** RANGE PICKER ******************************************* **/ /*! * Stylesheet for the Date Range Picker, for use with Bootstrap 3.x * * Copyright 2013-2015 Dan Grossman ( http://www.dangrossman.info ) * Licensed under the MIT license. See http://www.opensource.org/licenses/mit-license.php * * Built for http://www.improvely.com */ .daterangepicker.dropdown-menu { max-width: none; z-index: 3000; } .daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar { float: left; margin: 4px; } .daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar, .daterangepicker.openscenter .ranges, .daterangepicker.openscenter .calendar { float: right; margin: 4px; } .daterangepicker.single .ranges, .daterangepicker.single .calendar { float: none; } .daterangepicker .ranges { width: 160px; text-align: left; } .daterangepicker .ranges .range_inputs > div { float: left; } .daterangepicker .ranges .range_inputs > div:nth-child(2) { padding-left: 11px; } .daterangepicker .calendar { display: none; max-width: 270px; } .daterangepicker.show-calendar .calendar { display: block; } .daterangepicker .calendar.single .calendar-date { border: none; } .daterangepicker .calendar th, .daterangepicker .calendar td { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; white-space: nowrap; text-align: center; min-width: 32px; } .daterangepicker .daterangepicker_start_input label, .daterangepicker .daterangepicker_end_input label { color: #333; display: block; font-size: 11px; font-weight: normal; height: 20px; line-height: 20px; margin-bottom: 2px; text-shadow: #fff 1px 1px 0px; text-transform: uppercase; width: 74px; } .daterangepicker .ranges input { font-size: 11px; } .daterangepicker .ranges .input-mini { border: 1px solid #ccc; border-radius: 4px; color: #555; display: block; font-size: 11px; height: 30px; line-height: 30px; vertical-align: middle; margin: 0 0 10px 0; padding: 0 6px; width: 74px; } .daterangepicker .ranges ul { list-style: none; margin: 0; padding: 0; } .daterangepicker .ranges li { font-size: 13px; background: #f5f5f5; border: 1px solid #f5f5f5; color: #08c; padding: 3px 12px; margin-bottom: 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; } .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover { background: #08c; border: 1px solid #08c; color: #fff; } .daterangepicker .calendar-date { border: 1px solid #ddd; padding: 4px; border-radius: 4px; background: #fff; } .daterangepicker .calendar-time { text-align: center; margin: 8px auto 0 auto; line-height: 30px; } .daterangepicker { position: absolute; background: #fff; top: 100px; left: 20px; padding: 4px; margin-top: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .daterangepicker.opensleft:before { position: absolute; top: -7px; right: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker.opensleft:after { position: absolute; top: -6px; right: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; } .daterangepicker.openscenter:before { position: absolute; top: -7px; left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker.openscenter:after { position: absolute; top: -6px; left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; } .daterangepicker.opensright:before { position: absolute; top: -7px; left: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker.opensright:after { position: absolute; top: -6px; left: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; } .daterangepicker.dropup { margin-top: -5px; } .daterangepicker.dropup:before { top: initial; bottom: -7px; border-bottom: initial; border-top: 7px solid #ccc; } .daterangepicker.dropup:after { top: initial; bottom: -6px; border-bottom: initial; border-top: 6px solid #fff; } .daterangepicker table { width: 100%; margin: 0; } .daterangepicker td, .daterangepicker th { text-align: center; width: 20px; height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; white-space: nowrap; } .daterangepicker td.off { color: #999; } .daterangepicker td.disabled, .daterangepicker option.disabled { color: #999; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background: #eee; } .daterangepicker td.in-range { background: #ebf4f8; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .daterangepicker td.start-date { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .daterangepicker td.end-date { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .daterangepicker td.start-date.end-date { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #357ebd; border-color: #3071a9; color: #fff; } .daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; } .daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; } .daterangepicker select.monthselect { margin-right: 2%; width: 56%; } .daterangepicker select.yearselect { width: 40%; } .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin-bottom: 0; } .daterangepicker_start_input { float: left; } .daterangepicker_end_input { float: left; padding-left: 11px; } .daterangepicker th.month { width: auto; } /** TIME PICKER ******************************************* **/ .time_pick .ti_tx, .time_pick .mi_tx, .time_pick .mer_tx { width: 100%; text-align: center; margin: 10px 0; } .time_pick .time, .time_pick .mins, .time_pick .meridian { width: 50px; float: left; margin: 0; font-size: 20px; color: #2d2e2e; font-family: arial; font-weight: 700; } .time_pick .prev, .time_pick .next { position: relative; cursor: pointer; padding: 12px 18px; width: 28%; height: 20px; border: 2px solid #ddd; margin: auto; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } section.dark .time_pick .prev, section.dark .time_pick .next { border-color: #666; color: #fff; } .time_pick .prev:before, .time_pick .next:before { position: absolute; left: 8px; top: 3px; content: "\e260"; font-family: 'Glyphicons Halflings'; display: inline-block; font-weight: 400; font-style: normal; margin: 0; padding: 0; line-height: 1; } .time_pick .next:before { content: "\e259"; } .time_pick .prev:hover, .time_pick .next:hover { background-color: #ccc; } .time_pick .next { background-position: 50% 150%; } .time_pick .prev { background-position: 50% -50%; } .time_pick { position: relative; } .time_pick .timepicker_wrap { padding: 10px; z-index: 998; display: none; background: #fff; border: 2px solid #ddd; float: left; position: absolute; top: 38px !important; left: 0; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .time_pick input.timepicker + .timepicker_wrap { border-top: 0; } section.dark .time_pick .timepicker_wrap { color: #eee; background: #212121; background: #333; border-color: #666; } .time_pick .arrow_top { position: absolute; top: -10px; left: 20px; width: 18px; height: 10px; z-index: 999; } .time_pick input.timepicki-input { background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #ddd; float: none; margin: 0; text-align: center; width: 82%; font-weight: 300; font-size: 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } section.dark .time_pick input.timepicki-input { color: #333; border-color: #666; } .time_pick a.reset_time { float: left; margin-top: 5px; color: #000; } /** Color PICKER v1.7.0 https://github.com/bgrins/spectrum ******************************************* **/ input.colorpicker { display: inline-block !important; } .sp-container { position: absolute; top: 0; left: 0; display: inline-block; *display: inline; *zoom: 1; /* https://github.com/bgrins/spectrum/issues/40 */ z-index: 9999994; overflow: hidden; } .sp-container.sp-flat { position: relative; } /* Fix for * { box-sizing: border-box; } */ .sp-container, .sp-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */ .sp-top { position: relative; width: 100%; display: inline-block; } .sp-top-inner { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .sp-color { position: absolute; top: 0; left: 0; bottom: 0; right: 20%; } .sp-hue { position: absolute; top: 0; right: 0; bottom: 0; left: 84%; height: 100%; } .sp-clear-enabled .sp-hue { top: 33px; height: 77.5%; } .sp-fill { padding-top: 80%; } .sp-sat, .sp-val { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .sp-alpha-enabled .sp-top { margin-bottom: 18px; } .sp-alpha-enabled .sp-alpha { display: block; } .sp-alpha-handle { position: absolute; top: -4px; bottom: -4px; width: 6px; left: 50%; cursor: pointer; border: 1px solid black; background: white; opacity: .8; } .sp-alpha { display: none; position: absolute; bottom: -14px; right: 0; left: 0; height: 8px; } .sp-alpha-inner { border: solid 1px #333; } .sp-clear { display: none; } .sp-clear.sp-clear-display { background-position: center; } .sp-clear-enabled .sp-clear { display: block; position: absolute; top: 0px; right: 0; bottom: 0; left: 84%; height: 28px; } /* Don't allow text selection */ .sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button { -webkit-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none; } .sp-container.sp-input-disabled .sp-input-container { display: none; } .sp-container.sp-buttons-disabled .sp-button-container { display: none; } .sp-container.sp-palette-buttons-disabled .sp-palette-button-container { display: none; } .sp-palette-only .sp-picker-container { display: none; } .sp-palette-disabled .sp-palette-container { display: none; } .sp-initial-disabled .sp-initial { display: none; } /* Gradients for hue, saturation and value instead of images. Not pretty... but it works */ .sp-sat { background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0))); background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0)); background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)"; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81'); } .sp-val { background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0))); background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0)); background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000'); } .sp-hue { background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000)); background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); } /* IE filters do not support multiple color stops. Generate 6 divs, line them up, and do two color gradients for each. Yes, really. */ .sp-1 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00'); } .sp-2 { height: 16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00'); } .sp-3 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff'); } .sp-4 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff'); } .sp-5 { height: 16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff'); } .sp-6 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000'); } .sp-hidden { display: none !important; } /* Clearfix hack */ .sp-cf:before, .sp-cf:after { content: ""; display: table; } .sp-cf:after { clear: both; } .sp-cf { *zoom: 1; } /* Mobile devices, make hue slider bigger so it is easier to slide */ @media (max-device-width: 480px) { .sp-color { right: 40%; } .sp-hue { left: 63%; } .sp-fill { padding-top: 60%; } } .sp-dragger { border-radius: 5px; height: 5px; width: 5px; border: 1px solid #fff; background: #000; cursor: pointer; position: absolute; top: 0; left: 0; } .sp-slider { position: absolute; top: 0; cursor: pointer; height: 3px; left: -1px; right: -1px; border: 1px solid #000; background: white; opacity: .8; } /* Theme authors: Here are the basic themeable display options (colors, fonts, global widths). See http://bgrins.github.io/spectrum/themes/ for instructions. */ .sp-container { border-radius: 0; background-color: #eaeaea; border: solid 2px #ddd; padding: 0; } section.dark .sp-container { background-color: #262626; border-color: #666; } .sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear { font: normal 12px Verdana, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .sp-top { margin-bottom: 3px; } .sp-color, .sp-hue, .sp-clear { border: solid 1px #666; } /* Input */ .sp-input-container { float: right; width: 100px; margin-bottom: 4px; } .sp-initial-disabled .sp-input-container { width: 100%; } .sp-input { font-size: 12px !important; border: 1px inset; padding: 4px 5px; margin: 0; width: 100%; background: transparent; border-radius: 3px; color: #222; } .sp-input:focus { border: 1px solid orange; } .sp-input.sp-validation-error { border: 1px solid red; background: #fdd; } .sp-picker-container, .sp-palette-container { float: left; position: relative; padding: 10px; padding-bottom: 300px; margin-bottom: -290px; } .sp-picker-container { width: 172px; border-left: solid 1px #fff; } /* Palettes */ .sp-palette-container { border-right: solid 1px #ccc; } .sp-palette-only .sp-palette-container { border: 0; } .sp-palette .sp-thumb-el { display: block; position: relative; float: left; width: 24px; height: 15px; margin: 3px; cursor: pointer; border: solid 2px transparent; } .sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active { border-color: orange; } .sp-thumb-el { position: relative; } /* Initial */ .sp-initial { float: left; border: solid 1px #333; } .sp-initial span { width: 30px; height: 25px; border: none; display: block; float: left; margin: 0; } .sp-initial .sp-clear-display { background-position: center; } /* Buttons */ .sp-palette-button-container, .sp-button-container { float: right; } /* Replacer (the little preview div that shows up instead of the ) */ .sp-replacer { margin: 0; overflow: hidden; cursor: pointer; padding: 4px; display: inline-block; *zoom: 1; *display: inline; border: solid 2px #ddd; background: #eee; color: #333; vertical-align: middle; height: 40px; } section.dark .sp-replacer { border-color: #666; } .sp-replacer:hover, .sp-replacer.sp-active { border-color: #F0C49B; color: #111; } .sp-replacer.sp-disabled { cursor: default; border-color: silver; color: silver; } .sp-dd { padding: 2px 0; height: 16px; line-height: 25px; float: left; font-size: 10px; } .sp-preview { position: relative; width: 28px; height: 28px; border: solid 1px #222; margin-right: 5px; float: left; z-index: 0; } .sp-palette { *width: 220px; max-width: 220px; } .sp-palette .sp-thumb-el { width: 16px; height: 16px; margin: 2px 1px; border: solid 1px #d0d0d0; } .sp-container { padding-bottom: 0; } /* Buttons: http://hellohappy.org/css3-buttons/ */ .sp-container button { background-color: #eeeeee; background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc); background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); background-image: -ms-linear-gradient(top, #eeeeee, #cccccc); background-image: -o-linear-gradient(top, #eeeeee, #cccccc); background-image: linear-gradient(to bottom, #eeeeee, #cccccc); border: 1px solid #ccc; border-bottom: 1px solid #bbb; border-radius: 3px; color: #333; font-size: 14px; line-height: 1; padding: 5px 4px; text-align: center; text-shadow: 0 1px 0 #eee; vertical-align: middle; } .sp-container button:hover { background-color: #dddddd; background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb); background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb); background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); background-image: linear-gradient(to bottom, #dddddd, #bbbbbb); border: 1px solid #bbb; border-bottom: 1px solid #999; cursor: pointer; text-shadow: 0 1px 0 #ddd; } .sp-container button:active { border: 1px solid #aaa; border-bottom: 1px solid #888; -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; } .sp-cancel { font-size: 11px; color: #d93f3f !important; margin: 0; padding: 2px; margin-right: 5px; vertical-align: middle; text-decoration: none; } .sp-cancel:hover { color: #d93f3f !important; text-decoration: underline; } .sp-palette span:hover, .sp-palette span.sp-thumb-active { border-color: #000; } .sp-preview, .sp-alpha, .sp-thumb-el { position: relative; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg=='); } .sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .sp-palette .sp-thumb-inner { background-position: 50% 50%; background-repeat: no-repeat; } .sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII='); } .sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII='); } .sp-clear-display { background-repeat: no-repeat; background-position: center; background-image: url('data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw=='); } input.colorpicker { padding-right: 65px; } input.colorpicker + .sp-replacer { right: 0; width: 55px; position: absolute; margin-left: -55px; z-index: 10; } input[type=color].colorpicker { padding-right: 12px !important; padding-left: 12px !important; cursor: pointer; } input[type=color].colorpicker + .sp-replacer { display: none !important; } /** 39. Select2 *************************************************** **/ .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } section.dark .select2-dropdown { border-color: #666; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-container--default .select2-selection--single { background-color: #fff; border: 2px solid #ddd; border-radius: 4px; } section.dark .select2-container--default .select2-selection--single { border-color: #666; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 10px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f6f6f6; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, #ffffff 50%, #eeeeee 100%); background-image: -o-linear-gradient(top, #ffffff 50%, #eeeeee 100%); background-image: linear-gradient(to bottom, #ffffff 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 50%); background-image: -o-linear-gradient(top, #ffffff 0%, #eeeeee 50%); background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eeeeee 50%, #ffffff 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #ffffff 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, #ffffff 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; } .select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role=group] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: white; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } /** Rewrite Select2 ********************** **/ /* the same height as input element */ .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px; line-height: 36px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .select2-dropdown { border-color: #ddd; border-width: 2px; } .fancy-form .select2-selection__arrow { display: none; } .select2-container--default .select2-selection--single { background-color: transparent; } /** 40. Tabs *************************************************** **/ .nav .open > a, .nav .open > a:focus, .nav .open > a:hover { border-color: transparent !important; background-color: transparent !important; } .nav-tabs > li > a { color: #111; font-weight: bold; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; } .nav-tabs > li.active > a { color: #000; } .nav-tabs.nav-justified > li > a { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } section.dark .nav-tabs > li > a { color: #fff; } section.dark .nav-tabs.nav-justified > li > a { border-bottom-color: #666; } .tab-content { padding: 15px 0; } @media only screen and (max-width: 768px) { .tab-content figure, .tab-content figure > img { width: 100% !important; } } /* clean Tabs */ .nav-tabs.nav-clean > li > a { border: 0 !important; } .nav-tabs.nav-clean > li > a:hover { background-color: transparent; } .nav-tabs.nav-clean > li.active { margin-bottom: 0; } section.dark .nav-tabs.nav-clean > li > a, section.dark .nav-tabs.nav-clean > li.active > a { color: #fff; background-color: transparent !important; } /* Top Border */ .nav-tabs.nav-top-border > li > a { border-top: transparent 3px solid !important; } .nav-tabs.nav-top-border > li.active > a, .nav-tabs.nav-top-border > li.active > a:hover { border-top: #888 3px solid !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .nav-tabs.nav-top-border > li > a:hover { background-color: transparent !important; border-color: transparent !important; } /* Bottom Border */ .nav-tabs.nav-bottom-border { border: 0 !important; } .nav-tabs.nav-bottom-border > li.active { margin-bottom: 0 !important; } .nav-tabs.nav-bottom-border > li > a { border: 0 !important; border-bottom: transparent 3px solid !important; } .nav-tabs.nav-bottom-border > li.active > a, .nav-tabs.nav-bottom-border > li.active > a:hover { border-bottom: #888 3px solid !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .nav-tabs.nav-bottom-border > li > a:hover { background-color: transparent !important; border-color: transparent !important; } section.dark ul.side-nav a { color: #ccc; } section.dark .nav-bottom-border li > a { background-color: transparent !important; } /* Button tabs */ .nav-tabs.nav-button-tabs { border: 0 !important; } .nav-tabs.nav-button-tabs > li > a { color: #000 !important; border: 0 !important; background-color: rgba(0, 0, 0, 0.1); margin-right: 3px !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; } .nav-tabs.nav-button-tabs > li.active > a { color: #fff !important; background-color: rgba(0, 0, 0, 0.6); } section.dark .nav-tabs.nav-button-tabs > li > a { color: #fff !important; } /* Stacked Tabs */ .nav-tabs.nav-stacked { background-color: rgba(0, 0, 0, 0.02); } .nav-tabs.nav-stacked > li > a { border-left: 0 !important; border-right: 0 !important; border: 0 !important; background-color: #fff; color: #111; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .nav-tabs.nav-stacked > li.active > a { background-color: #fafafa; } div.tab-content.tab-stacked { padding: 17px; background-color: #fafafa; } section.dark div.tab-content.tab-stacked { background-color: #444; } section.dark .nav-tabs.nav-stacked > li > a { background-color: #666; } section.dark .nav-tabs.nav-stacked > li.active > a { background-color: #444; margin: 0; } @media only screen and (max-width: 480px) { .nav-tabs > li { margin-bottom: 3px; } .nav-tabs > li, .nav-tabs > li > a { display: block !important; float: none !important; border: 0 !important; background-color: rgba(0, 0, 0, 0.01); } .nav-tabs > li > a :focus, .nav-tabs > li.active > a { background-color: rgba(0, 0, 0, 0.05); } } /* Stacked Alternate */ .nav-tabs.nav-alternate { background-color: transparent; } div.tab-content.nav-alternate { background-color: transparent; padding: 0; } .nav-tabs.nav-alternate > li > a { background-color: #fafafa; } .nav-tabs.nav-alternate > li.active > a { color: #fff !important; background-color: #999; } section.dark .tab-content.nav-alternate { background-color: transparent !important; } /** 41. Toggles & Accordions *************************************************** **/ div.toggle { margin: 10px 0 0; position: relative; clear: both; } div.toggle > label { color: #333; background: rgba(0, 0, 0, 0.1); cursor: pointer; font-size: 16px; font-weight: normal; padding: 10px 20px; position: relative; display: block; border-bottom: rgba(0, 0, 0, 0.03) 1px solid; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } section.dark div.toggle > label { color: #fff; background: rgba(0, 0, 0, 0.5); } div.toggle div.toggle-content { border: rgba(0, 0, 0, 0.03) 1px solid; display: none; background: rgba(0, 0, 0, 0.03); margin-top: -5px; padding: 15px 20px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } div.toggle div.toggle-content p:last-child { margin-bottom: 0; } section.dark div.toggle div.toggle-content { background: rgba(255, 255, 255, 0.05); } div.toggle > label:before { content: ''; border: 6px solid transparent; border-top-color: inherit; position: absolute; top: 50%; right: 14px; margin-top: -3px; } div.toggle > label:hover { background: rgba(0, 0, 0, 0.15); } div.toggle > label + p { color: #888; height: 25px; display: block; overflow: hidden; padding-left: 10px; } div.toggle.active > label:before { border: 6px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.5); right: 14px; margin-top: -10px; } .toggle .toggle-content { border: 0 !important; } /* transparent body */ .toggle.toggle-transparent .toggle-content, .toggle.toggle-transparent-body .toggle-content { background: transparent; } .toggle.toggle-transparent-body label { background: rgba(0, 0, 0, 0.03); } .toggle.toggle-transparent-body label:hover { background: rgba(0, 0, 0, 0.04); } /* transparent full */ .toggle.toggle-transparent label:hover, .toggle.toggle-transparent label { background-color: transparent; border: 0; } .toggle.toggle-transparent div.toggle.active label { font-weight: bold; } /* bordered simple */ .toggle.toggle-bordered-simple label:hover, .toggle.toggle-bordered-simple label { border: #ccc 1px solid; } /* bordered full */ .toggle.toggle-bordered-full label:hover, .toggle.toggle-bordered-full label { border: #ccc 1px solid; border-bottom: 0; margin: 0; } .toggle.toggle-bordered-full div.toggle:last-child > label { border-bottom: #ccc 1px solid; } .toggle.toggle-bordered-full div.toggle.active > label { font-weight: bold; } .toggle.toggle-bordered-full .toggle-content { border: #ccc 1px solid !important; border-top: 0 !important; border-bottom: 0 !important; } .toggle.toggle-bordered-full div.toggle { margin: 0; } /* noicon */ .toggle.toggle-noicon div.toggle > label:before { display: none; } /** 42. Box Shadow http://www.paulund.co.uk/creating-different-css3-box-shadows-effects **************************************************************** **/ .box-shadow-1 *, .box-shadow-2 *, .box-shadow-3 *, .box-shadow-4 *, .box-shadow-5 *, .box-shadow-6 *, .box-shadow-7 *, .box-shadow-8 * { z-index: 1; position: relative; } .box-shadow-1:after, .box-shadow-1:before { top: 80%; left: 5px; width: 50%; z-index: 0; content: ""; bottom: 15px; max-width: 300px; position: absolute; } /* Shadow 1 */ .box-shadow-1 { -webkit-box-shadow: 0 14px 6px -6px #666; -moz-box-shadow: 0 14px 6px -6px #666; box-shadow: 0 14px 6px -6px #666; } section.dark .box-shadow-1 { -webkit-box-shadow: 0 14px 6px -6px #111; -moz-box-shadow: 0 14px 6px -6px #111; box-shadow: 0 14px 6px -6px #111; } /* Shadow 2 */ .box-shadow-2 { position: relative; } .box-shadow-2:before, .box-shadow-2:after { z-index: 0; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width: 300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } .box-shadow-2:after { right: 10px; left: auto; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); } section.dark .box-shadow-2:before, section.dark .box-shadow-2:after { background: #111; -webkit-box-shadow: 0 15px 10px #111; -moz-box-shadow: 0 15px 10px #111; box-shadow: 0 15px 10px #111; } /* Shadow 3 */ .box-shadow-3 { position: relative; } .box-shadow-3:before { z-index: 0; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width: 300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } section.dark .box-shadow-3:before { background: #111; -webkit-box-shadow: 0 15px 10px #111; -moz-box-shadow: 0 15px 10px #111; box-shadow: 0 15px 10px #111; } /* Shadow 4 */ .box-shadow-4 { position: relative; } .box-shadow-4:after { z-index: 0; position: absolute; content: ""; bottom: 15px; right: 10px; left: auto; width: 50%; top: 80%; max-width: 300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); } section.dark .box-shadow-4:after { background: #111; -webkit-box-shadow: 0 15px 10px #111; -moz-box-shadow: 0 15px 10px #111; box-shadow: 0 15px 10px #111; } /* Shadow 5 */ .box-shadow-5 { position: relative; } .box-shadow-5:before, .box-shadow-5:after { z-index: 0; position: absolute; content: ""; bottom: 25px; left: 10px; width: 50%; top: 80%; max-width: 300px; background: #777; -webkit-box-shadow: 0 35px 20px #777; -moz-box-shadow: 0 35px 20px #777; box-shadow: 0 35px 20px #777; -webkit-transform: rotate(-8deg); -moz-transform: rotate(-8deg); -o-transform: rotate(-8deg); -ms-transform: rotate(-8deg); transform: rotate(-8deg); } .box-shadow-5:after { -webkit-transform: rotate(8deg); -moz-transform: rotate(8deg); -o-transform: rotate(8deg); -ms-transform: rotate(8deg); transform: rotate(8deg); right: 10px; left: auto; } section.dark .box-shadow-5:before, section.dark .box-shadow-5:after { background: #111; -webkit-box-shadow: 0 35px 20px #111; -moz-box-shadow: 0 35px 20px #111; box-shadow: 0 35px 20px #111; } /* Shadow 6 */ .box-shadow-6 { position: relative; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .box-shadow-6:before, .box-shadow-6:after { content: ""; position: absolute; z-index: 0; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); top: 50%; bottom: 0; left: 10px; right: 10px; -moz-border-radius: 10px; border-radius: 10px; } section.dark .box-shadow-6 { position: relative; -webkit-box-shadow: 0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(255, 255, 255, 0.1) inset; -moz-box-shadow: 0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(255, 255, 255, 0.1) inset; box-shadow: 0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(255, 255, 255, 0.1) inset; } section.dark .box-shadow-6:before, section.dark .box-shadow-6:after { -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.8); -moz-box-shadow: 0 0 20px rgba(255, 255, 255, 0.8); box-shadow: 0 0 20px rgba(255, 255, 255, 0.8); } /* Shadow 7 */ .box-shadow-7 { position: relative; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .box-shadow-7:before, .box-shadow-7:after { content: ""; position: absolute; z-index: 0; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); top: 0; bottom: 0; left: 10px; right: 10px; -moz-border-radius: 10px; border-radius: 10px; } .box-shadow-7:after { right: 10px; left: auto; -webkit-transform: skew(8deg) rotate(3deg); -moz-transform: skew(8deg) rotate(3deg); -ms-transform: skew(8deg) rotate(3deg); -o-transform: skew(8deg) rotate(3deg); transform: skew(8deg) rotate(3deg); } section.dark .box-shadow-7 { position: relative; -webkit-box-shadow: 0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(255, 255, 255, 0.1) inset; -moz-box-shadow: 0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(255, 255, 255, 0.1) inset; box-shadow: 0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(255, 255, 255, 0.1) inset; } section.dark .box-shadow-7:before, section.dark .box-shadow-7:after { -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.8); -moz-box-shadow: 0 0 20px rgba(255, 255, 255, 0.8); box-shadow: 0 0 20px rgba(255, 255, 255, 0.8); } /* Shadow 8 */ .box-shadow-8 { position: relative; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .box-shadow-8:before, .box-shadow-8:after { content: ""; position: absolute; z-index: 0; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); top: 10px; bottom: 10px; left: 0; right: 0; -moz-border-radius: 10px; border-radius: 10px; } .box-shadow-8:after { right: 10px; left: auto; -webkit-transform: skew(8deg) rotate(3deg); -moz-transform: skew(8deg) rotate(3deg); -ms-transform: skew(8deg) rotate(3deg); -o-transform: skew(8deg) rotate(3deg); transform: skew(8deg) rotate(3deg); } section.dark .box-shadow-8 { position: relative; -webkit-box-shadow: 0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } section.dark .box-shadow-8:before, section.dark .box-shadow-8:after { -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.8); -moz-box-shadow: 0 0 20px rgba(255, 255, 255, 0.8); box-shadow: 0 0 20px rgba(255, 255, 255, 0.8); } /** 43. Testimonials **************************************************************** **/ ul.testimonial-dotted { overflow: hidden; } ul.testimonial-dotted > li { padding-top: 30px; padding-bottom: 30px; } ul.testimonial-dotted > li figure { text-align: center; display: block; } ul.testimonial-dotted > li img { display: inline-block; } ul.testimonial-dotted > li:after { content: ''; position: absolute; width: 100%; height: 0; top: auto; left: 0; bottom: -1px; border-bottom: 1px dashed rgba(0, 0, 0, 0.3); } ul.testimonial-dotted > li:before { content: ''; position: absolute; height: 100%; top: 0; left: -1px; border-left: 1px dashed rgba(0, 0, 0, 0.3); } section.dark ul.testimonial-dotted > li:after { border-bottom: 1px dashed rgba(255, 255, 255, 0.3); } section.dark ul.testimonial-dotted > li:before { border-left: 1px dashed rgba(255, 255, 255, 0.3); } div.testimonial p { margin-top: 0; } div.testimonial > figure > img { width: 65px; height: 65px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .testimonial cite { font-weight: bold; text-shadow: none; } .testimonial cite span { display: block; color: #888; font-size: 12px; font-weight: 300; } section.parallax .testimonial cite span { color: #ddd; } .testimonial-content { position: relative; padding-left: 75px; } /* owl carousel testimonial */ div.owl-carousel.owl-testimonial .testimonial { margin-bottom: 50px; display: block; } /* owl mini carousel testimonial */ div.owl-carousel.owl-mini-testimonial { text-align: left; } div.owl-carousel.owl-mini-testimonial .testimonial-content { text-align: left; } div.owl-carousel.owl-mini-testimonial .testimonial { margin-bottom: 30px; } div.owl-carousel.owl-mini-testimonial .testimonial img { float: left; margin-right: 20px; } div.owl-carousel.owl-mini-testimonial .testimonial p { margin: 0; } div.owl-carousel.owl-mini-testimonial .owl-controls { text-align: right; } div.owl-carousel.owl-mini-testimonial .owl-controls .owl-page span { width: 6px; height: 6px; margin: 5px 4px; } /* bordered */ div.testimonial-bordered { border: #eaeaea 2px solid; padding: 30px 15px; margin: 30px 0; } section.dark div.testimonial-bordered { border-color: #666; background-color: rgba(0, 0, 0, 0.1); } /** 44. Flexslider **************************************************************** **/ .flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flex-slider a:focus { outline: none; } .slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flex-pauseplay span { text-transform: capitalize; } /* ==================================================================================================================== * BASE STYLES * ====================================================================================================================*/ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { width: 100%; display: block; } .flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .flexslider .slides { display: block; } * html .flexslider .slides { height: 1%; } .no-js .flexslider .slides > li:first-child { display: block; } /* ==================================================================================================================== * DEFAULT THEME * ====================================================================================================================*/ .flexslider { margin: 0 0 60px; background: #ffffff; border: 4px solid #ffffff; position: relative; zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); } .flexslider .slides { zoom: 1; } .flexslider .slides img { height: auto; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .carousel li { margin-right: 5px; } .flex-direction-nav { *height: 0; } .flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; } .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; } .flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; } .flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:hover { opacity: 1; } .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } /* ==================================================================================================================== * RESPONSIVE * ====================================================================================================================*/ @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; } .flex-direction-nav .flex-next { opacity: 1; right: 10px; } } /** Next | Prev ************************* **/ .flex-prev, .flex-next { background-image: none !important; color: #ccc; font-size: 34px; line-height: 55px; height: auto !important; width: 56px !important; text-align: center; background-color: rgba(0, 0, 0, 0.2); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all .400s; -moz-transition: all .400s; -o-transition: all .400s; transition: all .400s; } .flex-next { right: -3px; } .flex-prev { left: -3px; } .flex-next:hover, .flex-prev:hover { color: #fff; background-color: rgba(0, 0, 0, 0.5); } /** Custom ************************* **/ .flexslider { margin: 0; border: 0; padding: 0; overflow: hidden; position: relative; } .flex-direction-nav a:before, .flex-direction-nav a.flex-next:before, .flex-direction-nav a.flex-prev:before { font-family: ''; content: ''; } .flex-control-nav { bottom: auto; top: 15px; right: 15px; width: auto; display: inline-block; } .flex-control-nav li { margin: 0 2px; } .flex-control-paging li a, .flex-control-paging li a:hover { background-color: #fff; width: 15px; height: 5px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .flex-caption { position: absolute; margin-left: 20px; bottom: 45px; display: inline-block; color: #fff; background-color: rgba(0, 0, 0, 0.7); font-family: 'Lato', Arial, Helvetica, sans-serif; font-weight: 300; padding: 6px 15px 8px 15px; opacity: 1 !important; width: auto; max-width: 500px; font-size: 21px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .flex-direction-nav .flex-prev { left: -3px !important; margin-top: -26px; opacity: 1; color: #fff; text-align: center; } .flex-direction-nav .flex-next { right: -3px !important; margin-top: -26px; opacity: 1; color: #fff; text-align: center; } .flex-control-nav.flex-control-thumbs li, .flex-control-nav.flex-control-thumbs li img { width: 100px !important; height: 75px !important; cursor: pointer; } .flex-control-thumbs { margin: 3px 0 0 ; } @media only screen and (max-width: 768px) { .flex-caption { display: none !important; } .flex-control-nav.flex-control-thumbs li, .flex-control-nav.flex-control-thumbs li img { width: 80px !important; height: 60px !important; } .flex-direction-nav .flex-prev, .flex-direction-nav .flex-next { margin-top: 0; } } @media only screen and (max-width: 480px) { .flex-control-nav.flex-control-thumbs li, .flex-control-nav.flex-control-thumbs li img { width: 60px !important; height: 45px !important; } } /** 45. Widgets **************************************************************** **/ /** Flickr **/ .widget-flickr ul, .widget-flickr li { margin: 0; padding: 0; list-style: none; } .widget-flickr li { display: list-inline; float: left; margin: 1px; -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } .widget-flickr li:hover { opacity: 0.85; filter: alpha(opacity=85); } /** Twitter **/ ul.widget-twitter, ul.widget-twitter li { margin: 0; padding: 0; list-style: none; font-size: 14px; } ul.widget-twitter li { padding: 10px 0; border-bottom: rgba(0, 0, 0, 0.06) 1px solid; } ul.widget-twitter li > i { font-size: 24px; float: left; } ul.widget-twitter li > small { display: block; margin-top: 10px; font-size: 11px; letter-spacing: 1px; } ul.widget-twitter li > span > a { font-size: 12px; display: block; } ul.widget-twitter li > small > a { color: #666; } ul.widget-twitter li > small, ul.widget-twitter li > span { margin-left: 30px; display: block; } section.dark ul.widget-twitter li { color: #ccc; } /** Dribbble **/ ul.widget-dribbble, ul.widget-dribbble li { list-style: none; margin: 0; padding: 0; -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } ul.widget-dribbble > li img { padding: 1px; -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } ul.widget-dribbble[data-col='1'] > li { float: left; width: 100% !important; } ul.widget-dribbble[data-col='2'] > li { float: left; width: 50% !important; } ul.widget-dribbble[data-col='3'] > li { float: left; width: 33.3% !important; } ul.widget-dribbble > li, ul.widget-dribbble[data-col='4'] > li { float: left; width: 25% !important; } ul.widget-dribbble[data-col='5'] > li { float: left; width: 20% !important; } ul.widget-dribbble[data-col='6'] > li { float: left; width: 16.66% !important; } ul.widget-dribbble > li:hover > a > img { opacity: 0.85; filter: alpha(opacity=85); } @media only screen and (max-width: 482px) { ul.widget-dribbble > li, ul.widget-dribbble[data-col='4'] > li { float: left; width: 50% !important; } ul.widget-dribbble[data-col='5'] > li { float: left; width: 50% !important; } ul.widget-dribbble[data-col='6'] > li { float: left; width: 50% !important; } } /** 46. Side Nav **************************************************************** **/ div.side-nav li.list-group-item { padding: 0 15px; } div.side-nav ul, div.side-nav ul > li { border: 0 !important; } div.side-nav ul > li { position: relative; background-color: transparent !important; } div.side-nav ul > li:before { content: "\f105"; font-family: FontAwesome; position: absolute; font-size: 15px; left: 0; top: 4px; color: #999; } div.side-nav li.list-group-noicon:before, div.side-nav ul.list-group-noicon > li:before, div.side-nav ul.list-group-noicon > li > ul > li:before { content: ''; display: none; } div.side-nav ul.list-group-noicon > li { padding-left: 0; } div.side-nav ul > li > a { display: block; padding: 4px 0 4px 0; } div.side-nav ul > li > a { color: #777; text-decoration: none; } div.side-nav ul > li:hover > a, div.side-nav ul > li.active > a { color: #111 !important; } button.page-side-nav-mobile { display: none; } div.side-nav ul > li > ul > li > a { padding: 4px 0 4px 15px; } ul.side-nav > li > a > i { margin-right: 8px; } /* side nav sub categs */ div.side-nav ul > li > a.dropdown-toggle:before { content: "\f196"; font-family: FontAwesome; position: absolute; font-size: 17px; right: 20px; top: 6px; color: #999; } div.side-nav ul > li.active > a.dropdown-toggle:before { content: "\f147"; } div.side-nav ul > li > ul { display: none; } div.side-nav ul > li.active > ul { display: block; } div.side-nav ul > li > ul, div.side-nav ul > li > ul > li { margin: 0; padding: 0; list-style: none; } div.side-nav ul > li > ul { padding: 10px 0; } div.side-nav ul > li > ul > li a { font-size: 12px; } /* */ div.side-nav .side-nav-head { position: relative; } div.side-nav .side-nav-head h4 { font-size: 16px; } div.side-nav ul.list-group-bordered > li > a { display: block; border-bottom: rgba(0, 0, 0, 0.05) 1px solid; padding: 6px; } div.side-nav ul.list-group-bordered > li > a > span.pull-left, div.side-nav ul.list-group-bordered > li > a > span.pull-right { margin-top: 3px; } div.side-nav .side-nav-head button { display: none; font-size: 21px; background-color: rgba(0, 0, 0, 0.2); height: 44px; width: 44px; } @media only screen and (min-width: 990px) { div.side-nav > ul { display: block !important; } } @media only screen and (max-width: 767px) { div.side-nav ul { display: none; max-height: 350px; overflow-y: auto; margin-bottom: 30px; } div.side-nav ul > li { border-bottom: rgba(0, 0, 0, 0.03) 1px solid !important; } div.side-nav .side-nav-head { height: 44px; background-color: rgba(0, 0, 0, 0.1); margin-bottom: 30px; } div.side-nav .side-nav-head > h4 { line-height: 44px; padding-left: 15px; margin: 0; } div.side-nav .side-nav-head button { display: block; position: absolute; right: 0; } } @media only screen and (max-width: 768px) { div.side-nav ul { max-height: 250px; overflow-y: auto; } } /** 47. Star Rating
**************************************************************** **/ .rating { position: relative; min-height: 17px; width: auto; color: #999; display: inline-block; font-family: FontAwesome; } section.dark .rating { color: #666; } .rating-0:after { content: "\f006\20\f006\20\f006\20\f006\20\f006"; } .rating-1:after { content: "\f005\20\f006\20\f006\20\f006\20\f006"; } .rating-2:after { content: "\f005\20\f005\20\f006\20\f006\20\f006"; } .rating-3:after { content: "\f005\20\f005\20\f005\20\f006\20\f006"; } .rating-4:after { content: "\f005\20\f005\20\f005\20\f005\20\f006"; } .rating-5:after { content: "\f005\20\f005\20\f005\20\f005\20\f005"; } /** 48. Image Zoom [plugin] assets/plugins/image.zoom **************************************************************** **/ figure.zoom img::selection { background-color: transparent; } figure.zoom { display: inline-block; position: relative; -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } figure.zoom > a.lightbox { position: absolute; z-index: 20; font-size: 17px; background-color: #666; padding: 6px 10px; width: 40px; height: 40px; line-height: 30px; text-align: center; color: #fff; -webkit-border-bottom-right-radius: 15px; -webkit-border-top-left-radius: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; border-bottom-right-radius: 15px; border-top-left-radius: 15px; } figure.zoom > a.lightbox:hover { background-color: #333; } /* lightbox button position */ figure.zoom > a.lightbox.bottom-right { right: 10px; bottom: 10px; } figure.zoom > a.lightbox.bottom-left { left: 10px; bottom: 10px; } figure.zoom > a.lightbox.top-right { right: 10px; top: 10px; } figure.zoom > a.lightbox.top-left { left: 10px; top: 10px; } .owl-carousel.zoom-more .owl-controls .owl-buttons div { background-color: inherit; border: 0; } .owl-carousel.zoom-more .owl-controls.clickable { top: auto !important; bottom: 0 !important; margin-top: 0; margin-bottom: -10px; right: -10px; } .owl-carousel.zoom-more a, .owl-carousel.zoom-more a > img { text-align: center; -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } .owl-carousel.zoom-more a > img { opacity: 0.5; filter: alpha(opacity=80); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; } .owl-carousel.zoom-more a.active > img { opacity: 1; filter: alpha(opacity=1); -webkit-filter: none; filter: none; } /** IMAGE ZOOM HOVER */ .image-hover-zoom { overflow: hidden; } .image-hover-zoom > img { -webkit-transition: ease all .3s; -moz-transition: ease all .3s; transition: ease all .3s; } .image-hover-zoom:hover > img { -webkit-transform: translate3d(0, 3%, 0) scale(1.3); -moz-transform: translate3d(0, 3%, 0) scale(1.3); -ms-transform: translate3d(0, 3%, 0) scale(1.3); -o-transform: translate3d(0, 3%, 0) scale(1.3); transform: translate3d(0, 3%, 0) scale(1.3); } /** IMAGE PLUS HOVER **/ .image-hover-plus { position: relative; } .image-hover-plus > i.icon-hover-plus { opacity: 0; position: absolute; width: 0; top: 50%; left: 50%; z-index: 10; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .image-hover-plus:hover > i.icon-hover-plus { opacity: 1; width: 20%; } .image-hover-plus > i.icon-hover-plus::after, .image-hover-plus > i.icon-hover-plus::before { content: ''; display: block; position: absolute; width: 100%; top: 50%; left: 50%; border-top: #fff 1px solid; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .image-hover-plus > i.icon-hover-plus::after { -webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg); -moz-transform: translate3d(-50%, -50%, 0) rotate(90deg); -ms-transform: translate3d(-50%, -50%, 0) rotate(90deg); -o-transform: translate3d(-50%, -50%, 0) rotate(90deg); transform: translate3d(-50%, -50%, 0) rotate(90deg); } /* IMAGE HOVER OVERLAY */ .image-hover-overlay { position: relative; overflow: hidden; display: block; } .image-hover-overlay::before { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background-color: rgba(33, 33, 36, 0.5); opacity: 0; z-index: 10; position: absolute; content: ' '; } .image-hover-overlay:hover::before { opacity: 1; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } /** 49. Forms **************************************************************** **/ form div.row:last-child { margin-bottom: 0; } form > select, form > input, form > textarea { margin-bottom: 8px; } input.err, input.error, textarea.err, textarea.error, select.err, select.error { border: #bf6464 2px dashed !important; background-color: #fdfbfb !important; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } /* Form Validation */ form.validate label.error { position: absolute; background-color: #ff0000; color: #fff; left: 0; z-index: 10; bottom: -26px; left: 36px; font-size: 11px; font-weight: 400; padding: 3px; display: none !important; } /* CUSTOM FILE UPLOAD */ .custom-file-upload-hidden { display: none; visibility: hidden; position: absolute; left: -9999px; } .file-upload-wrapper { position: relative; margin-bottom: 5px; } .file-upload-input { width: 300px; font-size: 16px; padding: 11px 17px; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; float: left; /* IE 9 Fix */ } /* FORM ELEMENTS */ .radio + .radio, .checkbox + .checkbox { margin-top: 1px; } /**/ /* radios and checkboxes */ /**/ .radio, .checkbox { display: inline-block; margin: 0 15px 3px 0; padding-left: 27px; font-size: 15px; line-height: 27px; color: #404040; cursor: pointer; overflow: hidden; } section.dark .radio, section.dark .checkbox { color: #eee; } .radio input, .checkbox input { position: absolute; margin-top: -60px; left: auto; } .radio i, .checkbox i { position: absolute; top: 5px; left: 0; display: block; width: 19px; height: 19px; outline: none; border-width: 2px; border-style: solid; border-color: rgba(0, 0, 0, 0.3); background: rgba(255, 255, 255, 0.3); } section.dark .radio i, section.dark .checkbox i { border-color: rgba(255, 255, 255, 0.3); background: transparent; } .radio i { -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; } .radio input + i:after, .checkbox input + i:after { position: absolute; opacity: 0; transition: opacity 0.1s; -o-transition: opacity 0.1s; -ms-transition: opacity 0.1s; -moz-transition: opacity 0.1s; -webkit-transition: opacity 0.1s; } .radio input + i:after { content: ''; top: 5px; left: 5px; width: 5px; height: 5px; border-radius: 50%; } .checkbox input + i:after { content: '\f00c'; top: 0; left: 0px; width: 15px; height: 15px; font: normal 12px/16px FontAwesome; text-align: center; } .radio input:checked + i:after, .checkbox input:checked + i:after { opacity: 1; } .inline-group { margin: 0 -30px -4px 0; } .inline-group:after { content: ''; display: table; clear: both; } .inline-group .radio, .inline-group .checkbox { float: left; margin-right: 30px; } .inline-group .radio:last-child, .inline-group .checkbox:last-child { margin-bottom: 4px; } /**/ /* hover state */ /**/ .input:hover input, .select:hover select, .textarea:hover textarea, .radio:hover i, .checkbox:hover i, .toggle:hover i { border-color: rgba(0, 0, 0, 0.6); } section.dark .input:hover input, section.dark .select:hover select, section.dark .textarea:hover textarea, section.dark .radio:hover i, section.dark .checkbox:hover i, section.dark .toggle:hover i { border-color: rgba(255, 255, 255, 0.3); } .button:hover { opacity: 1; } /**/ /* focus state */ /**/ .input input:focus, .select select:focus, .textarea textarea:focus, .radio input:focus + i, .checkbox input:focus + i, .toggle input:focus + i { border-color: rgba(0, 0, 0, 0.6); } section.dark .input input:focus, section.dark .select select:focus, section.dark .textarea textarea:focus, section.dark .radio input:focus + i, section.dark .checkbox input:focus + i, section.dark .toggle input:focus + i { border-color: rgba(255, 255, 255, 0.7); } /**/ /* checked state */ /**/ .radio input + i:after { background-color: #000000; } section.dark .radio input + i:after { background-color: #ffffff; } .checkbox input + i:after { color: #000000; } section.dark .checkbox input + i:after { color: #ffffff; } .radio input:checked + i, .checkbox input:checked + i, .toggle input:checked + i { border-color: #000000; } section.dark .radio input:checked + i, section.dark .checkbox input:checked + i, section.dark .toggle input:checked + i { border-color: #ffffff; } section.dark select > option, section.dark select > optgroup { background-color: #333; } /* @toggle switch elements -------------------------------------------------- */ .switch { cursor: pointer; position: relative; padding-right: 10px; display: inline-block; margin-bottom: 5px; height: 26px; } .switch > .switch-label { cursor: pointer; display: inline-block; position: relative; height: 25px; width: 58px; color: #fff; font-size: 10px; font-weight: bold; line-height: 20px; text-align: center; background: #B5C1C7; border: 2px solid #B5C1C7; text-transform: uppercase; font-family: Helvetica, Arial, sans-serif; -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .switch > .switch-label + span { display: inline-block; padding-left: 5px; position: relative; top: -7px; } .switch > .switch-label:before { content: attr(data-off); position: absolute; top: 1px; right: 3px; width: 33px; } .switch > .switch-label:after { content: ""; margin: 1px; width: 19px; height: 19px; display: block; background: #fff; -webkit-border-radius: 1px; -moz-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; } .switch > input { -webkit-appearance: none; position: absolute; width: inherit; height: inherit; opacity: 0; left: 0; top: 0; } /* @toggle switch focus state -------------------------------------------------------------- */ .switch > input:focus { outline: none; } .switch > input:focus + .switch-label { color: #fff; border-color: #a1a6a9; background: #a1a6a9; } .switch > input:focus + .switch-label:after { background: #fff; } /* @toggle switch normal state --------------------------------------------------------------- */ .switch > input:checked + .switch-label { border-color: #333; background: #333; padding-left: 33px; color: white; } .switch.switch-success > input:checked + .switch-label { border-color: #4cae4c; background: #4cae4c; } .switch.switch-danger > input:checked + .switch-label { border-color: #d43f3a; background: #d43f3a; } .switch.switch-warning > input:checked + .switch-label { border-color: #eea236; background: #eea236; } .switch.switch-info > input:checked + .switch-label { border-color: #46b8da; background: #46b8da; } .switch.switch-default > input:checked + .switch-label { border-color: rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.1); } .switch.switch-default > input:checked + .switch-label:before { color: #888; } .switch > input:checked + .switch-label:before { content: attr(data-on); left: 1px; top: 1px; } .switch > input:checked + .switch-label:after { margin: 1px; width: 19px; height: 19px; background: white; } /* @toggle switch normal state focus --------------------------------------------------------------------------------- */ .switch-round > .switch-label { -webkit-border-radius: 13px; -moz-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px; } .switch-round > .switch-label + span { top: -2px; } .switch-round > .switch-label:before { width: 33px; } .switch-round > .switch-label:after { width: 19px; color: #B5C1C7; content: "\2022"; font: 20px/20px Times, Serif; -webkit-border-radius: 13px; -moz-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px; } .switch-round > input:checked + .switch-label { padding-left: 33px; } .switch-round > input:checked + .switch-label:after { color: #333; } /* fancy upload -------------------------------------------------------- */ .fancy-file-upload { position: relative; height: 40px; overflow: hidden; display: block; margin-bottom: 3px; } .fancy-file-upload > span.button { color: #fff; background-color: #333; position: absolute; right: 4px; top: 4px; bottom: 4px; line-height: 34px; padding: 0 16px; z-index: 10; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .fancy-file-upload.fancy-file-primary > span.button { background-color: #333; } .fancy-file-upload.fancy-file-success > span.button { background-color: #4cae4c; } .fancy-file-upload.fancy-file-danger > span.button { background-color: #d43f3a; } .fancy-file-upload.fancy-file-warning > span.button { background-color: #eea236; } .fancy-file-upload.fancy-file-info > span.button { background-color: #46b8da; } .fancy-file-upload.fancy-file-default > span.button { color: #666; background-color: rgba(0, 0, 0, 0.1); } .fancy-file-upload > input[type=text] { background-color: transparent; padding-left: 36px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .fancy-file-upload > input[type=file] { width: 100%; height: 100%; cursor: pointer; padding: 8px 10px; position: absolute; -moz-opacity: 0; opacity: 0; z-index: 11; bottom: 0; right: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .fancy-file-upload > i { top: -1px; width: 42px; height: 42px; color: inherit; line-height: 42px; position: absolute; text-align: center; color: #888; z-index: 10; } /* fancy inputs / selects / textareas -------------------------------------------------------- */ .fancy-form { position: relative; margin-bottom: 3px; } .fancy-form .fancy-hint { padding: 6px 10px; border-top: rgba(0, 0, 0, 0.1) 1px solid; background-color: rgba(0, 0, 0, 0.05); margin-top: -2px; border: #ddd 2px solid; border-top-width: 1px; display: block; z-index: 10; } section.dark .fancy-form .fancy-hint { border-color: #666; background-color: rgba(255, 255, 255, 0.1); } .fancy-form > i { position: absolute; top: 50%; left: 15px; margin-top: -7px; z-index: 10; width: 14px; height: 14px; color: #888; } .fancy-form > textarea + i { top: 0; margin-top: 12px; } .fancy-form > textarea, .fancy-form > input { padding-left: 36px; margin: 0; } .fancy-form.fancy-icon-inverse > i { right: 15px; left: auto; } .fancy-form.fancy-icon-inverse > textarea, .fancy-form.fancy-icon-inverse > input { padding-right: 36px; padding-left: 15px; } .fancy-form > select { display: block; padding: 9px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; text-indent: 0.01px; text-overflow: ''; z-index: 10; margin: 0; cursor: pointer; } .fancy-form > .fancy-arrow, .fancy-form > .fancy-arrow-double { position: absolute; top: 15px; right: 5px; left: auto; width: 24px; height: 24px; color: #B5C1C7; pointer-events: none; z-index: 16; } .fancy-form > .fancy-arrow:before, .fancy-form > .fancy-arrow-double:after, .fancy-form > .fancy-arrow-double:before { content: ''; position: absolute; font: 12px monospace; font-style: normal; pointer-events: none; left: 6px; } .fancy-form > .fancy-arrow:before { content: '\25BC'; bottom: 4px; } .fancy-form > .fancy-arrow-double:before { content: '\25BC'; bottom: -1px; } .fancy-form > .fancy-arrow-double:after { content: '\25B2'; top: -1px; } .fancy-form-select:before { position: absolute; content: ' '; top: 2px; right: 2px; bottom: 2px; width: 37px; background: #F2F4FA; border-left: 1px solid rgba(0, 0, 0, 0.08); } section.dark .fancy-form-select:before { background: #262626; } /* fancy tooltip -------------------------------------------------------- */ .fancy-tooltip { position: absolute; z-index: 10; color: #fff; background: #313131; left: -9999px; top: -100%; font-size: 11px; font-weight: normal; margin-top: 20px; padding: 10px; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: alpha(opacity=0); filter: alpha(opacity=0); -webkit-transition: margin 0.6s, opacity 0.6s; -moz-transition: margin 0.6s, opacity 0.6s; -ms-transition: margin 0.6s, opacity 0.6s; -o-transition: margin 0.6s, opacity 0.6s; transition: margin 0.6s, opacity 0.6s; } .fancy-tooltip:after { content: ''; position: absolute; top: 100%; left: 12px; border-top: 8px solid #313131; border-right: 8px solid transparent; border-left: 8px solid transparent; } .fancy-tooltip:hover .tooltip, .fancy-tooltip:focus + .tooltip, select.fancy-tooltip:focus ~ .tooltip { opacity: 1; z-index: 999; } .fancy-form > select:focus + .fancy-tooltip, .fancy-form > textarea:focus + .fancy-tooltip, .fancy-form > input:focus + .fancy-tooltip { left: auto; top: -100%; margin-top: -8px; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; -ms-filter: alpha(opacity=100); filter: alpha(opacity=100); } .fancy-tooltip { padding: 0; } input:focus + .fancy-tooltip { padding: 10px; } /* @tooltip top left ----------------- */ .fancy-tooltip.top-left { top: -100%; left: 0; right: auto; margin-bottom: 20px; } .fancy-tooltip.top-left:after { left: 12px; right: auto; border-top: 8px solid #313131; border-left: 8px solid transparent; border-right: 8px solid transparent; } /* @tooltip top right ----------------- */ .fancy-tooltip.top-right { top: -100%; left: auto; right: 0; margin-bottom: 20px; } .fancy-tooltip.top-right:after { right: 12px; left: auto; border-top: 8px solid #313131; border-left: 8px solid transparent; border-right: 8px solid transparent; } /* autosuggest [typehead] -------------------------------------------------------- */ div.autosuggest pre { margin: 0; } div.autosuggest .twitter-typeahead { display: block !important; } div.autosuggest .tt-menu { top: 38px !important; width: 100% !important; padding: 6px !important; background-color: #fff; border: #ccc 2px solid; border-top: 0; } section.dark div.autosuggest .tt-menu { border-color: #999; background-color: #333; } div.autosuggest .tt-menu .tt-suggestion { cursor: pointer; padding: 3px; border-bottom: rgba(0, 0, 0, 0.05) 1px solid; } div.autosuggest .tt-menu .tt-suggestion:hover { background-color: rgba(0, 0, 0, 0.03); } div.autosuggest .tt-menu .tt-suggestion:last-child { border: 0; } div.autosuggest .tt-dataset { max-height: 200px; overflow-y: auto; } /* Form Stepper -------------------------------------------------------- */ .stepper-wrap { position: relative; display: block; font: 11px Arial, sans-serif; margin-right: 34px !important; } .stepper-wrap input { padding-right: 20px; margin-right: 10px; } .stepper-wrap .gui-input { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -o-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .stepper-btn-wrap { position: absolute; top: 0; right: -34px; width: 39px; height: 100%; overflow: hidden; background: #F2F4FA; border: 2px solid #ddd; border-width: 2px 2px 2px 1px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } section.dark .stepper-btn-wrap { border-color: #666; } .stepper-btn-wrap a { display: block; height: 50%; overflow: hidden; line-height: 100%; text-align: center; text-decoration: none; text-shadow: 1px 1px 0 #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-indent: -9999px; background: #F2F4FA; cursor: default; color: #666; } section.dark .stepper-btn-wrap a { background: #262626; } .stepper-btn-wrap a:hover { background: #F8FAFC; } .stepper-btn-up:before, .stepper-btn-dwn:before { content: ''; border: 4px dashed; pointer-events: none; border-color: #B5C1C7 rgba(255, 255, 255, 0); position: absolute; right: 13px; z-index: 1; height: 0; top: 32%; width: 0; } .stepper-btn-up:before { border-bottom-style: solid; border-top: none; } .stepper-btn-dwn:before { margin-top: 10px; border-top-style: solid; border-bottom: none; } /* UI SLIDER ------------------------------------------------------*/ .ui-slider .ui-slider-range, .progress > button[type="submit"]:hover, .progress > button[type="submit"], .progress-bar > .bar { background-size: 16px 16px; background-image: -webkit-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3)); background-image: -moz-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3)); background-image: -o-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3)); background-image: linear-gradient(to bottom right, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3)); } .slider-wrapper, .sliderv-wrapper { background: #E2E8F1; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } section.dark .slider-wrapper, section.dark .sliderv-wrapper { background-color: #222; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.5em; height: 1.5em; cursor: default; background: #fff; text-decoration: none; border: 3px solid #1ABC9C; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -ms-touch-action: none; touch-action: none; margin-top: -3px; outline: none; } .ui-slider .ui-slider-handle:before { content: ''; width: 7px; height: 7px; position: absolute; background-color: #1ABC9C; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; z-index: 2; left: 5px; top: 5px; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; background-color: #1ABC9C; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .5em; } .ui-slider-horizontal .ui-slider-handle { top: -0.3em; margin-left: -0.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical, .sliderv-wrapper { width: .5em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -0.45em; margin-left: 0; margin-bottom: -0.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .slider-input { color: #f6931f!important; border: 0; background: none; } .slider-group .sliderv-wrapper { height: 150px; float: left; margin: 15px 15px; } .ui-slider .ui-state-active { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* @ui slider tooltip --------------------- */ .slider-tip { display: block; position: absolute; text-align: center; font: 10pt Tahoma, Arial, sans-serif; background: #34495E; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 10px; color: #fff; } .slider-wrapper .slider-tip { top: -50px; left: -15px; } .slider-wrapper .slider-tip:after { content: ''; position: absolute; top: 98%; left: 35%; border-top: 8px solid #34495E; border-right: 8px solid transparent; border-left: 8px solid transparent; } .sliderv-wrapper .slider-tip { left: 30px; top: -12px; } .sliderv-wrapper .slider-tip:after { content: ''; position: absolute; top: 30%; right: 98%; border-right: 8px solid #34495E; border-top: 8px solid transparent; border-bottom: 8px solid transparent; } /* @ui slider themes --------------------- */ .warning-slider .ui-slider .ui-slider-handle { border-color: #ed9c28; } .warning-slider .ui-slider .ui-slider-handle:before, .warning-slider .ui-slider .ui-slider-range { background-color: #ed9c28; } .danger-slider .ui-slider .ui-slider-handle { border-color: #e74c3c; } .danger-slider .ui-slider .ui-slider-handle:before, .danger-slider .ui-slider .ui-slider-range { background-color: #e74c3c; } .purple-slider .ui-slider .ui-slider-handle { border-color: #9B59B6; } .purple-slider .ui-slider .ui-slider-handle:before, .purple-slider .ui-slider .ui-slider-range { background-color: #9B59B6; } .info-slider .ui-slider .ui-slider-handle { border-color: #3498db; } .info-slider .ui-slider .ui-slider-handle:before, .info-slider .ui-slider .ui-slider-range { background-color: #3498db; } .black-slider .ui-slider .ui-slider-handle { border-color: #34495e; } .black-slider .ui-slider .ui-slider-handle:before, .black-slider .ui-slider .ui-slider-range { background-color: #34495e; } .success-slider .ui-slider .ui-slider-handle { border-color: #2ecc71; } .success-slider .ui-slider .ui-slider-handle:before, .success-slider .ui-slider .ui-slider-range { background-color: #2ecc71; } .yellow-slider .ui-slider .ui-slider-handle { border-color: #ed9c28; } .yellow-slider .ui-slider .ui-slider-handle:before, .yellow-slider .ui-slider .ui-slider-range { background-color: #ed9c28; } /* UI slider addons | labels + tooltips -------------------- */ .ui-slider-horizontal.ui-slider-pips { margin-bottom: 0.5em; } .ui-slider-pips .ui-slider-label, .ui-slider-pips .ui-slider-pip-hide { display: none; } .ui-slider-pips .ui-slider-pip-label .ui-slider-label { display: block; } .ui-slider-pips .ui-slider-pip { width: 2em; height: 1em; line-height: 1em; position: absolute; font-size: 0.8em; color: #999; overflow: visible; text-align: center; top: 10px; left: 20px; margin-left: -1em; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ui-slider-pips .ui-slider-line { background: #999; width: 1px; height: 3px; position: absolute; left: 50%; } .ui-slider-pips .ui-slider-label { position: absolute; top: 5px; left: 50%; margin-left: -1em; width: 2em; } .ui-slider-pip:hover .ui-slider-label { color: black; font-weight: bold; } .ui-slider-vertical.ui-slider-pips { margin-bottom: 1em; margin-right: 10px; } .ui-slider-vertical.ui-slider-pips .ui-slider-pip { text-align: left; top: auto; left: 10px; margin-left: 0; margin-bottom: -0.5em; } .ui-slider-vertical.ui-slider-pips .ui-slider-line { width: 3px; height: 1px; position: absolute; top: 50%; left: 0; } .ui-slider-vertical.ui-slider-pips .ui-slider-label { top: 50%; left: 0.5em; margin-left: 0; margin-top: -0.5em; width: 2em; } /* UI slider tooltips --------------------- */ .ui-slider-float .ui-slider-handle:focus, .ui-slider-float .ui-slider-handle:focus .ui-slider-tip, .ui-slider-float .ui-slider-handle:focus .ui-slider-tip-label { outline: none; } .ui-slider-float .ui-slider-tip, .ui-slider-float .ui-slider-tip-label { position: absolute; visibility: hidden; margin-top: -10px; display: block; width: auto; padding: 5px 10px; margin-left: -50%; line-height: 20px; background: #000; border-radius: 3px; text-align: center; font-size: 11px; font-weight: bold; color: #fff; opacity: 0; -webkit-transition-duration: 200ms, 200ms, 0; -moz-transition-duration: 200ms, 200ms, 0; -ms-transition-duration: 200ms, 200ms, 0; transition-duration: 200ms, 200ms, 0; -webkit-transition-property: opacity, top, visibility; -moz-transition-property: opacity, top, visibility; -ms-transition-property: opacity, top, visibility; transition-property: opacity, top, visibility; -webkit-transition-delay: 0, 0, 200ms; -moz-transition-delay: 0, 0, 200ms; -ms-transition-delay: 0, 0, 200ms; transition-delay: 0, 0, 200ms; } .ui-slider-float .ui-slider-handle:hover .ui-slider-tip, .ui-slider-float .ui-slider-handle:focus .ui-slider-tip, .ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label { opacity: 1; top: -30px; visibility: visible; -webkit-transition-delay: 200ms, 200ms, 0; -moz-transition-delay: 200ms, 200ms, 0; -ms-transition-delay: 200ms, 200ms, 0; transition-delay: 200ms, 200ms, 0; } .ui-slider-float .ui-slider-pip .ui-slider-tip-label { top: 42px; } .ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label { top: 32px; font-weight: normal; } .ui-slider-float .ui-slider-tip:after, .ui-slider-float .ui-slider-pip .ui-slider-tip-label:after { content: " "; width: 0; height: 0; border-top: 8px solid #000; border-right: 8px solid transparent; border-left: 8px solid transparent; position: absolute; bottom: -6px; left: 30%; } /** 50. Sky Form **************************************************************** **/ .sky-form, .sky-form .label { color: #333; text-align: left; padding: 0; font-size: 14px; font-weight: 300; } .checkbox + .checkbox, .radio + .radio { margin-top: 12px; } .sky-form.boxed { border: rgba(0, 0, 0, 0.1) solid; } .sky-form header { margin: 0; background: -webkit-linear-gradient(top, #fff 1%, #f9f9f9 98%); background: linear-gradient(to bottom, #fff 1%, #f9f9f9 98%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-bottom: rgba(0, 0, 0, 0.07) 1px solid; padding: 15px 20px; font-size: 20px; font-weight: 400; } .sky-form.boxed fieldset { padding: 15px; } .sky-form label.captcha > img { position: absolute; top: 3px; right: 2px; } .sky-form fieldset { display: block; padding: 25px 30px 5px; border: none; } .sky-form fieldset + fieldset { border-top: 1px solid rgba(0, 0, 0, 0.1); } .sky-form .section, .sky-form section { padding: 0; margin-bottom: 20px; } .sky-form footer { margin: 0 15px 10px; border-top: rgba(0, 0, 0, 0.03) 1px solid; } .sky-form footer:after { content: ''; display: table; clear: both; } .sky-form .label { display: block; margin-bottom: 6px; line-height: 19px; } .sky-form .label.col { margin: 0; padding-top: 10px; } .sky-form .note { margin-top: 6px; padding: 0 1px; font-size: 12px; line-height: 15px; color: rgba(0, 0, 0, 0.5); font-weight: 400; } .sky-form .button, .sky-form .checkbox, .sky-form .input, .sky-form .radio, .sky-form .select, .sky-form .textarea, .sky-form .toggle { position: relative; display: block; } .sky-form .input input, .sky-form .select select, .sky-form .textarea textarea { display: block; box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; height: 40px; padding: 8px 10px; outline: 0; border-width: 2px; border-style: solid; border-radius: 0; background: #fff; font: 15px/19px 'Open Sans', Helvetica, Arial, sans-serif; color: #404040; appearance: normal; -moz-appearance: none; -webkit-appearance: none; } .sky-form .col { float: left; min-height: 1px; padding-right: 15px; padding-left: 15px; box-sizing: border-box; -moz-box-sizing: border-box; } .sky-form .input-file .button { position: absolute; top: 4px; right: 4px; float: none; height: 31px; margin: 0; padding: 0 20px; font-size: 13px; line-height: 31px; } .sky-form .input-file .button:hover { box-shadow: none; } .sky-form .input-file .button input { position: absolute; top: 0; right: 0; padding: 0; font-size: 30px; cursor: pointer; opacity: 0; } .sky-form .select i { position: absolute; top: 14px; right: 14px; width: 5px; height: 11px; background: #fff; box-shadow: 0 0 0 12px #fff; } .sky-form .select i:after, .sky-form .select i:before { content: ''; position: absolute; right: 0; border-right: 4px solid transparent; border-left: 4px solid transparent; } .sky-form .select i:after { bottom: 0; border-top: 4px solid #404040; } .sky-form .select i:before { top: 0; border-bottom: 4px solid #404040; } .sky-form .select-multiple select { height: auto; } .sky-form .textarea textarea { height: auto; resize: none; } .sky-form .textarea-resizable textarea { resize: vertical; } .sky-form .textarea-expandable textarea { height: 40px; } .sky-form .textarea-expandable textarea:focus { height: auto; } .sky-form .checkbox, .sky-form .radio { margin-bottom: 4px; padding-left: 27px; font-size: 15px; line-height: 27px; color: #404040; cursor: pointer; } .sky-form .checkbox:last-child, .sky-form .radio:last-child { margin-bottom: 0; } .sky-form .checkbox input, .sky-form .radio input { position: absolute; left: -9999px; } .sky-form .checkbox i, .sky-form .radio i { position: absolute; top: 5px; left: 0; display: block; width: 19px; height: 19px; outline: 0; border-width: 2px; border-style: solid; background: #fff; } .sky-form .radio i { border-radius: 50%; } .sky-form .checkbox input + i:after, .sky-form .radio input + i:after { position: absolute; opacity: 0; transition: opacity .1s; -o-transition: opacity .1s; -ms-transition: opacity .1s; -moz-transition: opacity .1s; -webkit-transition: opacity 0.1s; } .sky-form .radio input + i:after { content: ''; top: 5px; left: 5px; width: 5px; height: 5px; border-radius: 50%; } .sky-form .checkbox input + i:after { content: '\f00c'; top: 0; left: 0; width: 15px; height: 15px; font: 400 12px/16px FontAwesome; text-align: center; } .sky-form .checkbox input:checked + i:after, .sky-form .radio input:checked + i:after { opacity: 1; } .sky-form .inline-group { margin: 0 -30px -4px 0; } .sky-form .inline-group:after { content: ''; display: table; clear: both; } .sky-form .inline-group .checkbox, .sky-form .inline-group .radio { float: left; margin-right: 30px; } .sky-form .inline-group .checkbox:last-child, .sky-form .inline-group .radio:last-child { margin-bottom: 4px; } .sky-form .toggle { margin-bottom: 4px; padding-right: 61px; font-size: 15px; line-height: 27px; color: #404040; cursor: pointer; } .sky-form .toggle:last-child { margin-bottom: 0; } .sky-form .toggle input { position: absolute; left: -9999px; } .sky-form .toggle i { content: ''; position: absolute; top: 5px; right: 0; display: block; width: 49px; height: 22px; border-width: 2px; border-style: solid; border-radius: 12px; background: #fff; } .sky-form .toggle i:after { content: 'OFF'; position: absolute; top: 2px; right: 8px; left: 8px; font-style: normal; font-size: 9px; line-height: 13px; font-weight: 700; text-align: left; color: #5f5f5f; } .sky-form .toggle i:before { content: ''; position: absolute; z-index: 1; top: 4px; right: 4px; display: block; width: 9px; height: 9px; border-radius: 50%; opacity: 1; transition: right .2s; -o-transition: right .2s; -ms-transition: right .2s; -moz-transition: right .2s; -webkit-transition: right 0.2s; } .sky-form .toggle input:checked + i:after { content: 'ON'; text-align: right; } .sky-form .toggle input:checked + i:before { right: 33px; } .sky-form .rating { margin-bottom: 4px; font-size: 15px; line-height: 27px; color: #404040; } .sky-form .rating:last-child { margin-bottom: 0; } .sky-form .rating input { position: absolute; left: -9999px; } .sky-form .rating label { display: block; float: right; height: 17px; margin-top: 5px; padding: 0 2px; font-size: 17px; line-height: 17px; cursor: pointer; } .sky-form .button { float: right; height: 40px; overflow: hidden; margin: 10px 0 0 20px; padding: 0 25px; outline: 0; border: 0; font: 300 15px/39px 'Open Sans', Helvetica, Arial, sans-serif; text-decoration: none; color: #fff; cursor: pointer; } .sky-form .btn { margin: 10px 0 0 20px; } .sky-form .btn:hover { margin-bottom: 0; } .sky-form .input-group-btn .btn { margin: 0; } .sky-form .tooltip { position: absolute; z-index: 1; left: -9999px; padding: 2px 8px 3px; font-size: 11px; line-height: 16px; font-weight: 400; background: rgba(0, 0, 0, 0.9); color: #fff; opacity: 0; transition: margin .3s,opacity .3s; -o-transition: margin .3s,opacity .3s; -ms-transition: margin .3s,opacity .3s; -moz-transition: margin .3s,opacity .3s; -webkit-transition: margin 0.3s, opacity 0.3s; } .sky-form .tooltip:after { content: ''; position: absolute; } .sky-form .input input:focus + .tooltip, .sky-form .textarea textarea:focus + .tooltip { opacity: 1; } .sky-form .tooltip-top-right { bottom: 100%; margin-bottom: 15px; } .sky-form .tooltip-top-right:after { top: 100%; right: 16px; border-top: 4px solid rgba(0, 0, 0, 0.9); border-right: 4px solid transparent; border-left: 4px solid transparent; } .sky-form .input input:focus + .tooltip-top-right, .sky-form .textarea textarea:focus + .tooltip-top-right { right: 0; left: auto; margin-bottom: 5px; } .sky-form .tooltip-top-left { bottom: 100%; margin-bottom: 15px; } .sky-form .tooltip-top-left:after { top: 100%; left: 16px; border-top: 4px solid rgba(0, 0, 0, 0.9); border-right: 4px solid transparent; border-left: 4px solid transparent; } .sky-form .input input:focus + .tooltip-top-left, .sky-form .textarea textarea:focus + .tooltip-top-left { right: auto; left: 0; margin-bottom: 5px; } .sky-form .tooltip-right { top: 9px; white-space: nowrap; margin-left: 15px; } .sky-form .tooltip-right:after { top: 6px; right: 100%; border-top: 4px solid transparent; border-right: 4px solid rgba(0, 0, 0, 0.9); border-bottom: 4px solid transparent; } .sky-form .input input:focus + .tooltip-right, .sky-form .textarea textarea:focus + .tooltip-right { left: 100%; margin-left: 5px; } .sky-form .tooltip-left { top: 9px; white-space: nowrap; margin-right: 15px; } .sky-form .tooltip-left:after { top: 6px; left: 100%; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid rgba(0, 0, 0, 0.9); } .sky-form .input input:focus + .tooltip-left, .sky-form .textarea textarea:focus + .tooltip-left { right: 100%; left: auto; margin-right: 5px; } .sky-form .tooltip-bottom-right { top: 100%; margin-top: 15px; } .sky-form .tooltip-bottom-right:after { bottom: 100%; right: 16px; border-right: 4px solid transparent; border-bottom: 4px solid rgba(0, 0, 0, 0.9); border-left: 4px solid transparent; } .sky-form .input input:focus + .tooltip-bottom-right, .sky-form .textarea textarea:focus + .tooltip-bottom-right { right: 0; left: auto; margin-top: 5px; } .sky-form .tooltip-bottom-left { top: 100%; margin-top: 15px; } .sky-form .tooltip-bottom-left:after { bottom: 100%; left: 16px; border-right: 4px solid transparent; border-bottom: 4px solid rgba(0, 0, 0, 0.9); border-left: 4px solid transparent; } .sky-form .input input:focus + .tooltip-bottom-left, .sky-form .textarea textarea:focus + .tooltip-bottom-left { right: auto; left: 0; margin-top: 5px; } .sky-form .checkbox i, .sky-form .ico-append, .sky-form .ico-prepend, .sky-form .input input, .sky-form .radio i, .sky-form .select select, .sky-form .textarea textarea, .sky-form .toggle i { border-color: #e5e5e5; transition: border-color 0.3s; -o-transition: border-color 0.3s; -ms-transition: border-color 0.3s; -moz-transition: border-color 0.3s; -webkit-transition: border-color 0.3s; } .sky-form .toggle i:before { background-color: #2da5da; } .sky-form .rating label { color: #ccc; transition: color .3s; -o-transition: color .3s; -ms-transition: color .3s; -moz-transition: color .3s; -webkit-transition: color 0.3s; } .sky-form .button { background-color: #2da5da; opacity: .8; transition: opacity .2s; -o-transition: opacity .2s; -ms-transition: opacity .2s; -moz-transition: opacity .2s; -webkit-transition: opacity 0.2s; } .sky-form .button.button-secondary { background-color: #b3b3b3; } .sky-form .ico-append, .sky-form .ico-prepend { color: #ccc; } .sky-form .ico-prepend { left: 5px; padding-right: 3px; border-right-width: 1px; border-right-style: solid; } .sky-form .ico-append { right: 5px; padding-left: 3px; border-left-width: 1px; border-left-style: solid; } .sky-form .ico-append, .sky-form .ico-prepend { position: absolute; top: 5px; width: 29px; height: 29px; font-size: 15px; line-height: 29px; text-align: center; } .sky-form .input .ico-prepend + .ico-append + input, .sky-form .input .ico-prepend + input, .sky-form .textarea .ico-prepend + .ico-append + textarea, .sky-form .textarea .ico-prepend + textarea { padding-left: 46px; } .sky-form .checkbox:hover i, .sky-form .input:hover input, .sky-form .radio:hover i, .sky-form .select:hover select, .sky-form .textarea:hover textarea, .sky-form .toggle:hover i { border-color: #8dc9e5; } .sky-form .rating input + label:hover, .sky-form .rating input + label:hover ~ label { color: #2da5da; } .sky-form .button:hover { opacity: 1; } .sky-form .checkbox input:focus + i, .sky-form .input input:focus, .sky-form .radio input:focus + i, .sky-form .select select:focus, .sky-form .textarea textarea:focus, .sky-form .toggle input:focus + i { border-color: #2da5da; } .sky-form .radio input + i:after { background-color: #2da5da; } .sky-form .checkbox input + i:after { color: #2da5da; } .sky-form .checkbox input:checked + i, .sky-form .radio input:checked + i, .sky-form .toggle input:checked + i { border-color: #2da5da; } .sky-form .rating input:checked ~ label { color: #2da5da; } .sky-form .checkbox.state-error i, .sky-form .radio.state-error i, .sky-form .state-error input, .sky-form .state-error select, .sky-form .state-error textarea, .sky-form .toggle.state-error i { background: #fff0f0; } .sky-form .state-error select + i { background: #fff0f0; box-shadow: 0 0 0 12px #fff0f0; } .sky-form .toggle.state-error input:checked + i { background: #fff0f0; } .sky-form .note-error { color: #fff; padding: 3px; display: inline-block; background-color: #ee9393; } .sky-form .checkbox.state-success i, .sky-form .radio.state-success i, .sky-form .state-success input, .sky-form .state-success select, .sky-form .state-success textarea, .sky-form .toggle.state-success i { background: #f0fff0; } .sky-form .state-success select + i { background: #f0fff0; box-shadow: 0 0 0 12px #f0fff0; } .sky-form .toggle.state-success input:checked + i { background: #f0fff0; } .sky-form .note-success { color: #fff; padding: 3px; display: inline-block; background-color: #6fb679; } .sky-form .button.state-disabled, .sky-form .checkbox.state-disabled, .sky-form .input.state-disabled input, .sky-form .radio.state-disabled, .sky-form .select.state-disabled, .sky-form .textarea.state-disabled, .sky-form .toggle.state-disabled { cursor: default; opacity: 0.5; } .sky-form .checkbox.state-disabled:hover i, .sky-form .input.state-disabled:hover input, .sky-form .radio.state-disabled:hover i, .sky-form .select.state-disabled:hover select, .sky-form .textarea.state-disabled:hover textarea, .sky-form .toggle.state-disabled:hover i { border-color: #e5e5e5; } .sky-form.boxed { border: rgba(0, 0, 0, 0.1) 1px solid; } .sky-form footer { padding: 8px 0; margin-bottom: 0; } .sky-form .btn { margin-top: 0; } .sky-form .btn-social { margin: 0; } .sky-form.boxed { background-color: #fff; } .sky-form fieldset { padding: 0 0 30px 0; } .sky-form header { background: transparent !important; } .sky-form .checkbox input:hover + i, .sky-form .input input:hover, .sky-form .radio input:hover + i, .sky-form .select select:hover, .sky-form .textarea textarea:hover, .sky-form .toggle input:hover + i, .sky-form .checkbox input:focus + i, .sky-form .input input:focus, .sky-form .radio input:focus + i, .sky-form .select select:focus, .sky-form .textarea textarea:focus, .sky-form .toggle input:focus + i { border-color: #c6c6c6; } section.alternate .sky-form.boxed { background-color: #F9F9F9; } section.dark .sky-form.boxed { background-color: #333; border: 0; } section.dark .sky-form header { color: #fff; background: -webkit-linear-gradient(top, #000 1%, #222 98%); background: linear-gradient(to bottom, #000 1%, #222 98%); border-bottom: rgba(255, 255, 255, 0.07) 1px solid; } section.dark .sky-form .checkbox i, section.dark .sky-form .ico-append, section.dark .sky-form .ico-prepend, section.dark .sky-form .input input, section.dark .sky-form .radio i, section.dark .sky-form .select select, section.dark .sky-form .textarea textarea, section.dark .sky-form .toggle i { border-color: #666; } section.dark .sky-form .input input, section.dark .sky-form .select select, section.dark .sky-form .textarea textarea { background-color: transparent; } section.dark .sky-form footer { border-top-color: #444; } section.dark .sky-form .checkbox input:hover + i, section.dark .sky-form .input input:hover, section.dark .sky-form .radio input:hover + i, section.dark .sky-form .select select:hover, section.dark .sky-form .textarea textarea:hover, section.dark .sky-form .toggle input:hover + i, section.dark .sky-form .checkbox input:focus + i, section.dark .sky-form .input input:focus, section.dark .sky-form .radio input:focus + i, section.dark .sky-form .select select:focus, section.dark .sky-form .textarea textarea:focus, section.dark .sky-form .toggle input:focus + i { border-color: #999; } /** 51. Summernote *************************************************** **/ .note-editor { position: relative; border: rgba(0, 0, 0, 0.1) 1px solid; } .note-editor .row-fluid p { display: none; } .note-editor .note-dropzone { position: absolute; z-index: 1; display: none; color: #87cefa; background-color: white; border: 2px dashed #87cefa; opacity: .95; pointer-event: none; } .note-editor .note-dropzone .note-dropzone-message { display: table-cell; font-size: 28px; font-weight: bold; text-align: center; vertical-align: middle; } .note-editor .note-dropzone.hover { color: #098ddf; border: 2px dashed #098ddf; } .note-editor.dragover .note-dropzone { display: table; } .note-editor .note-toolbar { background-color: rgba(0, 0, 0, 0.01); border-bottom: 1px solid #eee; } .note-editor.fullscreen { position: fixed; top: 0; left: 0; z-index: 1050; width: 100%; background-color: #1F252D; } .note-editor.fullscreen .note-editable { background-color: white; } .note-editor.fullscreen .note-resizebar { display: none; } .note-editor.codeview .note-editable { display: none; } .note-editor.codeview .note-codable { display: block; } .note-editor .note-statusbar { background-color: #f5f5f5; } .note-editor .note-statusbar .note-resizebar { width: 100%; height: 8px; cursor: ns-resize; border-top: 1px solid #a9a9a9; } .note-editor .note-statusbar .note-resizebar .note-icon-bar { width: 20px; margin: 1px auto; border-top: 1px solid #a9a9a9; } .note-editor .note-editable { padding: 10px; overflow: auto; outline: 0; } .note-editor .note-editable[contenteditable="false"] { background-color: #e5e5e5; } .note-editor .note-codable { display: none; width: 100%; padding: 10px; margin-bottom: 0; font-family: Menlo, Monaco, monospace, sans-serif; font-size: 14px; color: #ccc; background-color: #222; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; resize: none; } .note-air-editor { outline: 0; } .note-popover .popover { max-width: none; } .note-popover .popover .popover-content a { display: inline-block; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } .note-popover .popover .arrow { left: 20px; } .note-popover .popover .popover-content, .note-toolbar { padding: 0 5px 5px 5px; margin: 0; } .note-popover .popover .popover-content > .btn-group, .note-toolbar > .btn-group { margin: 5px 5px 0 0; } .note-popover .popover .popover-content > .btn-group, .note-toolbar > .btn-group > button { margin: 0; border: rgba(0, 0, 0, 0.2) 1px solid; background-color: #fff; } .note-popover .popover .popover-content .note-table .dropdown-menu, .note-toolbar .note-table .dropdown-menu { min-width: 0; padding: 5px; } .note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker, .note-toolbar .note-table .dropdown-menu .note-dimension-picker { font-size: 18px; } .note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher, .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher { position: absolute!important; z-index: 3; width: 10em; height: 10em; cursor: pointer; } .note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-unhighlighted, .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-unhighlighted { position: relative!important; z-index: 1; width: 5em; height: 5em; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat; } .note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-highlighted, .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-highlighted { position: absolute!important; z-index: 2; width: 1em; height: 1em; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat; } .note-popover .popover .popover-content .note-style h1, .note-toolbar .note-style h1, .note-popover .popover .popover-content .note-style h2, .note-toolbar .note-style h2, .note-popover .popover .popover-content .note-style h3, .note-toolbar .note-style h3, .note-popover .popover .popover-content .note-style h4, .note-toolbar .note-style h4, .note-popover .popover .popover-content .note-style h5, .note-toolbar .note-style h5, .note-popover .popover .popover-content .note-style h6, .note-toolbar .note-style h6, .note-popover .popover .popover-content .note-style blockquote, .note-toolbar .note-style blockquote { margin: 0; } .note-popover .popover .popover-content .note-color .dropdown-toggle, .note-toolbar .note-color .dropdown-toggle { width: 20px; padding-left: 5px !important; text-align: center; padding: 0; } .note-popover .popover .popover-content .note-color .dropdown-menu, .note-toolbar .note-color .dropdown-menu { min-width: 340px; } .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group, .note-toolbar .note-color .dropdown-menu .btn-group { margin: 0; } .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group:first-child, .note-toolbar .note-color .dropdown-menu .btn-group:first-child { margin: 0 5px; } .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-palette-title, .note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title { margin: 2px 7px; font-size: 12px; text-align: center; border-bottom: 1px solid #eee; } .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset, .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset { padding: 0 3px; margin: 3px; font-size: 11px; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-row, .note-toolbar .note-color .dropdown-menu .btn-group .note-color-row { height: 20px; } .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset:hover, .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset:hover { background: #eee; } .note-popover .popover .popover-content .note-para .dropdown-menu, .note-toolbar .note-para .dropdown-menu { min-width: 216px; padding: 5px; } .note-popover .popover .popover-content .note-para .dropdown-menu > div:first-child, .note-toolbar .note-para .dropdown-menu > div:first-child { margin-right: 5px; } .note-popover .popover .popover-content .dropdown-menu, .note-toolbar .dropdown-menu { min-width: 90px; } .note-popover .popover .popover-content .dropdown-menu.right, .note-toolbar .dropdown-menu.right { right: 0; left: auto; } .note-popover .popover .popover-content .dropdown-menu.right::before, .note-toolbar .dropdown-menu.right::before { right: 9px; left: auto!important; } .note-popover .popover .popover-content .dropdown-menu.right::after, .note-toolbar .dropdown-menu.right::after { right: 10px; left: auto!important; } .note-popover .popover .popover-content .dropdown-menu li a i, .note-toolbar .dropdown-menu li a i { color: deepskyblue; visibility: hidden; } .note-popover .popover .popover-content .dropdown-menu li a.checked i, .note-toolbar .dropdown-menu li a.checked i { visibility: visible; } .note-popover .popover .popover-content .note-fontsize-10, .note-toolbar .note-fontsize-10 { font-size: 10px; } .note-popover .popover .popover-content .note-color-palette, .note-toolbar .note-color-palette { line-height: 1; } .note-popover .popover .popover-content .note-color-palette div .note-color-btn, .note-toolbar .note-color-palette div .note-color-btn { width: 20px; height: 20px; padding: 0; margin: 0; border: 1px solid #fff; } .note-popover .popover .popover-content .note-color-palette div .note-color-btn:hover, .note-toolbar .note-color-palette div .note-color-btn:hover { border: 1px solid #000; } .note-dialog > div { display: none; } .note-dialog .note-image-dialog .note-dropzone { min-height: 100px; margin-bottom: 10px; font-size: 30px; line-height: 4; color: lightgray; text-align: center; border: 4px dashed lightgray; } .note-dialog .note-help-dialog { font-size: 12px; color: #ccc; background: transparent; background-color: #222!important; border: 0; -webkit-opacity: .9; -khtml-opacity: .9; -moz-opacity: .9; opacity: .9; -ms-filter: alpha(opacity=90); filter: alpha(opacity=90); } .note-dialog .note-help-dialog .modal-content { background: transparent; border: 1px solid white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .note-dialog .note-help-dialog a { font-size: 12px; color: white; } .note-dialog .note-help-dialog .title { padding-bottom: 5px; font-size: 14px; font-weight: bold; color: white; border-bottom: white 1px solid; } .note-dialog .note-help-dialog .modal-close { font-size: 14px; color: #dd0; cursor: pointer; } .note-dialog .note-help-dialog .note-shortcut-layout { width: 100%; } .note-dialog .note-help-dialog .note-shortcut-layout td { vertical-align: top; } .note-dialog .note-help-dialog .note-shortcut { margin-top: 8px; } .note-dialog .note-help-dialog .note-shortcut th { font-size: 13px; color: #dd0; text-align: left; } .note-dialog .note-help-dialog .note-shortcut th, .note-dialog .note-help-dialog .note-shortcut tr { background: transparent !important; } .note-dialog .note-help-dialog .note-shortcut td:first-child { min-width: 110px; padding-right: 10px; font-family: "Courier New"; color: #dd0; text-align: right; } .note-handle .note-control-selection { position: absolute; display: none; border: 1px solid black; } .note-handle .note-control-selection > div { position: absolute; } .note-handle .note-control-selection .note-control-selection-bg { width: 100%; height: 100%; background-color: black; -webkit-opacity: .3; -khtml-opacity: .3; -moz-opacity: .3; opacity: .3; -ms-filter: alpha(opacity=30); filter: alpha(opacity=30); } .note-handle .note-control-selection .note-control-handle { width: 7px; height: 7px; border: 1px solid black; } .note-handle .note-control-selection .note-control-holder { width: 7px; height: 7px; border: 1px solid black; } .note-handle .note-control-selection .note-control-sizing { width: 7px; height: 7px; background-color: white; border: 1px solid black; } .note-handle .note-control-selection .note-control-nw { top: -5px; left: -5px; border-right: 0; border-bottom: 0; } .note-handle .note-control-selection .note-control-ne { top: -5px; right: -5px; border-bottom: 0; border-left: none; } .note-handle .note-control-selection .note-control-sw { bottom: -5px; left: -5px; border-top: 0; border-right: 0; } .note-handle .note-control-selection .note-control-se { right: -5px; bottom: -5px; cursor: se-resize; } .note-handle .note-control-selection .note-control-selection-info { right: 0; bottom: 0; padding: 5px; margin: 5px; font-size: 12px; color: white; background-color: black; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-opacity: .7; -khtml-opacity: .7; -moz-opacity: .7; opacity: .7; -ms-filter: alpha(opacity=70); filter: alpha(opacity=70); } .note-toolbar button { height: 30px; } section.dark .note-popover .popover .popover-content > .btn-group, section.dark .note-toolbar > .btn-group > button { background-color: #333 !important; } section.dark .note-editor .note-statusbar, section.dark .note-editor .note-editable { background-color: #333 !important; } section.dark .note-editor .note-toolbar { background-color: rgba(0, 0, 0, 0.3); border-bottom: 1px solid #000; } section.dark .dropdown-menu, section.dark .dropdown-menu p, section.dark .dropdown-menu a, section.dark .dropdown-menu > li > a, section.dark .dropdown-menu > li > a > h1, section.dark .dropdown-menu > li > a > h2, section.dark .dropdown-menu > li > a > h3, section.dark .dropdown-menu > li > a > h4, section.dark .dropdown-menu > li > a > h5, section.dark .dropdown-menu > li > a > h6, section.dark .note-popover .popover .popover-content .note-para .dropdown-menu i.fa, section.dark .note-toolbar .note-para .dropdown-menu i.fa { color: #000; } /** 52. Markdown *************************************************** **/ .md-editor .md-footer, .md-editor > .md-header { display: block; padding: 6px 4px; background: #f5f5f5; } .md-editor > .md-header { margin: 0; } .md-editor > .md-preview { background: #fff; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; min-height: 10px; overflow: auto; } .md-editor > textarea { font-family: monospace; font-size: 14px; outline: 0; margin: 0; display: block; padding: 0; width: 100%; border: 0; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; border-radius: 0; box-shadow: none; background: #eee; } .md-editor > textarea:focus { box-shadow: none; background: #fff; } .md-editor.active { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .md-editor .md-controls { float: right; padding: 3px; } .md-editor .md-controls .md-control { right: 5px; color: #bebebe; padding: 3px 3px 3px 10px; } .md-editor .md-controls .md-control:hover { color: #333; } .md-editor.md-fullscreen-mode { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999; padding: 60px 30px 15px; background: #fff!important; border: 0 !important; } .md-editor.md-fullscreen-mode .md-footer { display: none; } .md-editor.md-fullscreen-mode .md-input, .md-editor.md-fullscreen-mode .md-preview { margin: 0 auto!important; height: 100%!important; font-size: 20px!important; padding: 20px!important; color: #999; line-height: 1.6em!important; resize: none!important; box-shadow: none!important; background: #fff!important; border: 0 !important; } .md-editor.md-fullscreen-mode .md-preview { color: #333; overflow: auto; } .md-editor.md-fullscreen-mode .md-input:focus, .md-editor.md-fullscreen-mode .md-input:hover { color: #333; background: #fff !important; } .md-editor.md-fullscreen-mode .md-header { background: 0 0; text-align: center; position: fixed; width: 100%; top: 20px; } .md-editor.md-fullscreen-mode .btn-group { float: none; } .md-editor.md-fullscreen-mode .btn { border: 0; background: 0 0; color: #b3b3b3; } .md-editor.md-fullscreen-mode .btn.active, .md-editor.md-fullscreen-mode .btn:active, .md-editor.md-fullscreen-mode .btn:focus, .md-editor.md-fullscreen-mode .btn:hover { box-shadow: none; color: #333; } .md-editor.md-fullscreen-mode .md-fullscreen-controls { position: absolute; top: 20px; right: 20px; text-align: right; z-index: 1002; display: block; } .md-editor.md-fullscreen-mode .md-fullscreen-controls a { color: #b3b3b3; clear: right; margin: 10px; width: 30px; height: 30px; text-align: center; } .md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover { color: #333; text-decoration: none; } .md-editor.md-fullscreen-mode .md-editor { height: 100%!important; position: relative; } .md-editor .md-fullscreen-controls { display: none; } .md-nooverflow { overflow: hidden; position: fixed; width: 100%; } /* custom rewrite */ .md-editor { display: block; border: 1px solid #ddd; } .md-editor > .md-header, .md-editor .md-footer { display: block; padding: 6px 4px; background: #fff; } .md-editor > .md-header { margin: 0; } .md-editor > .md-preview { background: #fff; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; min-height: 10px; overflow: auto; } .md-editor > textarea { font-size: 14px; outline: 0; outline: thin dotted \9; margin: 0; display: block; padding: 0; width: 100%; border: 0; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; border-radius: 0; box-shadow: none; background: #fafafa; } .md-editor > textarea:focus { box-shadow: none; background: #fff; } .md-editor.active { border-color: #999; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.1); } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-bottom: 0; } .btn-toolbar > .btn > i.fa, .btn-toolbar > .btn > span.glyphicon { color: #fff !important; } .md-editor.md-fullscreen-mode .md-controls { display: none; } .md-editor.md-fullscreen-mode .md-fullscreen-controls { top: 28px; } section.dark .md-editor { border-color: transparent; } section.dark .md-editor .md-header .btn-default { border: 0; background-color: #333; } section.dark .md-editor > .md-header { background-color: #000; } section.dark .md-editor > textarea { color: #fff; background-color: #333; border-top-color: #111; border-bottom-color: #111; } section.dark .md-editor.md-fullscreen-mode .md-input, section.dark .md-editor.md-fullscreen-mode .md-preview, section.dark .md-editor.md-fullscreen-mode { color: #fff; background-color: #333 !important; } /** 53. Bootstrap 4 Elements *************************************************** **/ .mb-0 { margin-bottom: 0 !important; } .ml-0 { margin-left: 0 !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-1 { margin: 0.25rem 0.25rem !important; } .mt-1 { margin-top: 0.25rem !important; } .mr-1 { margin-right: 0.25rem !important; } .mb-1 { margin-bottom: 0.25rem !important; } .ml-1 { margin-left: 0.25rem !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-2 { margin: 0.5rem 0.5rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mr-2 { margin-right: 0.5rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .ml-2 { margin-left: 0.5rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-3 { margin: 1rem 1rem !important; } .mt-3 { margin-top: 1rem !important; } .mr-3 { margin-right: 1rem !important; } .mb-3 { margin-bottom: 1rem !important; } .ml-3 { margin-left: 1rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-4 { margin: 1.5rem 1.5rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mr-4 { margin-right: 1.5rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .ml-4 { margin-left: 1.5rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-5 { margin: 3rem 3rem !important; } .mt-5 { margin-top: 3rem !important; } .mr-5 { margin-right: 3rem !important; } .mb-5 { margin-bottom: 3rem !important; } .ml-5 { margin-left: 3rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .p-0 { padding: 0 0 !important; } .pt-0 { padding-top: 0 !important; } .pr-0 { padding-right: 0 !important; } .pb-0 { padding-bottom: 0 !important; } .pl-0 { padding-left: 0 !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-1 { padding: 0.25rem 0.25rem !important; } .pt-1 { padding-top: 0.25rem !important; } .pr-1 { padding-right: 0.25rem !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pl-1 { padding-left: 0.25rem !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-2 { padding: 0.5rem 0.5rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pr-2 { padding-right: 0.5rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pl-2 { padding-left: 0.5rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-3 { padding: 1rem 1rem !important; } .pt-3 { padding-top: 1rem !important; } .pr-3 { padding-right: 1rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pl-3 { padding-left: 1rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-4 { padding: 1.5rem 1.5rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pr-4 { padding-right: 1.5rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pl-4 { padding-left: 1.5rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-5 { padding: 3rem 3rem !important; } .pt-5 { padding-top: 3rem !important; } .pr-5 { padding-right: 3rem !important; } .pb-5 { padding-bottom: 3rem !important; } .pl-5 { padding-left: 3rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .invisible { visibility: hidden !important; } .hidden-xs-up { display: none !important; } @media (max-width: 575px) { .hidden-xs-down { display: none !important; } } @media (min-width: 576px) { .hidden-sm-up { display: none !important; } } @media (max-width: 767px) { .hidden-sm-down { display: none !important; } } @media (min-width: 768px) { .hidden-md-up { display: none !important; } } @media (max-width: 991px) { .hidden-md-down { display: none !important; } } @media (min-width: 992px) { .hidden-lg-up { display: none !important; } } @media (max-width: 1199px) { .hidden-lg-down { display: none !important; } } @media (min-width: 1200px) { .hidden-xl-up { display: none !important; } } .hidden-xl-down { display: none !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; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-normal { font-weight: normal; } .font-weight-bold { font-weight: bold; } .font-italic { font-style: italic; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #ddd; border-radius: 0.25rem; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; max-width: 100%; height: auto; } .card { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .card-block { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card > .list-group:first-child .list-group-item:first-child { border-top-right-radius: 0.25rem; border-top-left-radius: 0.25rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: #f7f7f9; border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(-0.75rem) calc(-0.75rem) 0 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: #f7f7f9; border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(-0.75rem) calc(-0.75rem); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-primary { background-color: #0275d8; border-color: #0275d8; } .card-primary .card-header, .card-primary .card-footer { background-color: transparent; } .card-success { background-color: #5cb85c; border-color: #5cb85c; } .card-success .card-header, .card-success .card-footer { background-color: transparent; } .card-info { background-color: #5bc0de; border-color: #5bc0de; } .card-info .card-header, .card-info .card-footer { background-color: transparent; } .card-warning { background-color: #f0ad4e; border-color: #f0ad4e; } .card-warning .card-header, .card-warning .card-footer { background-color: transparent; } .card-danger { background-color: #d9534f; border-color: #d9534f; } .card-danger .card-header, .card-danger .card-footer { background-color: transparent; } .card-outline-primary { background-color: transparent; border-color: #0275d8; } .card-outline-secondary { background-color: transparent; border-color: #ccc; } .card-outline-info { background-color: transparent; border-color: #5bc0de; } .card-outline-success { background-color: transparent; border-color: #5cb85c; } .card-outline-warning { background-color: transparent; border-color: #f0ad4e; } .card-outline-danger { background-color: transparent; border-color: #d9534f; } .card-inverse { color: rgba(255, 255, 255, 0.65); } .card-inverse .card-header, .card-inverse .card-footer { background-color: transparent; border-color: rgba(255, 255, 255, 0.2); } .card-inverse .card-header, .card-inverse .card-footer, .card-inverse .card-title, .card-inverse .card-blockquote { color: #fff; } .card-inverse .card-link, .card-inverse .card-text, .card-inverse .card-subtitle, .card-inverse .card-blockquote .blockquote-footer { color: rgba(255, 255, 255, 0.65); } .card-inverse .card-link:focus, .card-inverse .card-link:hover { color: #fff; } .card-blockquote { padding: 0; margin-bottom: 0; border-left: 0; } .card-img { border-radius: calc(-0.75rem); } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img-top { border-top-right-radius: calc(-0.75rem); border-top-left-radius: calc(-0.75rem); } .card-img-bottom { border-bottom-right-radius: calc(-0.75rem); border-bottom-left-radius: calc(-0.75rem); } @media (min-width: 576px) { .card-deck { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .card-deck .card { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 0 0%; -ms-flex: 1 0 0%; flex: 1 0 0%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .card-deck .card:not(:first-child) { margin-left: 15px; } .card-deck .card:not(:last-child) { margin-right: 15px; } } @media (min-width: 576px) { .card-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .card-group .card { -webkit-box-flex: 1; -webkit-flex: 1 0 0%; -ms-flex: 1 0 0%; flex: 1 0 0%; } .card-group .card + .card { margin-left: 0; border-left: 0; } .card-group .card:first-child { border-bottom-right-radius: 0; border-top-right-radius: 0; } .card-group .card:first-child .card-img-top { border-top-right-radius: 0; } .card-group .card:first-child .card-img-bottom { border-bottom-right-radius: 0; } .card-group .card:last-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .card-group .card:last-child .card-img-top { border-top-left-radius: 0; } .card-group .card:last-child .card-img-bottom { border-bottom-left-radius: 0; } .card-group .card:not(:first-child):not(:last-child) { border-radius: 0; } .card-group .card:not(:first-child):not(:last-child) .card-img-top, .card-group .card:not(:first-child):not(:last-child) .card-img-bottom { border-radius: 0; } } @media (min-width: 576px) { .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; } .card-columns .card { display: inline-block; width: 100%; margin-bottom: 0.75rem; } } /* Common Plugins|Elements */ /*! * Hover.css (http://ianlunn.github.io/Hover/) * Version: 2.0.2 * Author: Ian Lunn @IanLunn * Author URL: http://ianlunn.co.uk/ * Github: https://github.com/IanLunn/Hover * Made available under a MIT License: * http://www.opensource.org/licenses/mit-license.php * Hover.css Copyright Ian Lunn 2014. Generated with Sass. */ .btn-hvr { display: inline-block; margin: .4em; padding: 1em; cursor: pointer; background: #e1e1e1; text-decoration: none; color: #666; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin-top: 6px; line-height: 1 !important; border: 0; } section.dark .btn-hvr { color: #333; } /* 2D TRANSITIONS */ /* Grow */ .hvr-grow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active { -webkit-transform: scale(1.1); transform: scale(1.1); } /* Shrink */ .hvr-shrink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active { -webkit-transform: scale(0.9); transform: scale(0.9); } /* Pulse */ @-webkit-keyframes hvr-pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes hvr-pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } .hvr-pulse { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active { -webkit-animation-name: hvr-pulse; animation-name: hvr-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Pulse Grow */ @-webkit-keyframes hvr-pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes hvr-pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } .hvr-pulse-grow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active { -webkit-animation-name: hvr-pulse-grow; animation-name: hvr-pulse-grow; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Pulse Shrink */ @-webkit-keyframes hvr-pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes hvr-pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } .hvr-pulse-shrink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active { -webkit-animation-name: hvr-pulse-shrink; animation-name: hvr-pulse-shrink; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Push */ @-webkit-keyframes hvr-push { 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes hvr-push { 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .hvr-push { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-push:hover, .hvr-push:focus, .hvr-push:active { -webkit-animation-name: hvr-push; animation-name: hvr-push; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Pop */ @-webkit-keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } .hvr-pop { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active { -webkit-animation-name: hvr-pop; animation-name: hvr-pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Bounce In */ .hvr-bounce-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } /* Bounce Out */ .hvr-bounce-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } /* Rotate */ .hvr-rotate { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active { -webkit-transform: rotate(4deg); transform: rotate(4deg); } /* Grow Rotate */ .hvr-grow-rotate { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active { -webkit-transform: scale(1.1) rotate(4deg); transform: scale(1.1) rotate(4deg); } /* Float */ .hvr-float { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-float:hover, .hvr-float:focus, .hvr-float:active { -webkit-transform: translateY(-8px); transform: translateY(-8px); } /* Sink */ .hvr-sink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active { -webkit-transform: translateY(8px); transform: translateY(8px); } /* Bob */ @-webkit-keyframes hvr-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes hvr-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @-webkit-keyframes hvr-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes hvr-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } .hvr-bob { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active { -webkit-animation-name: hvr-bob-float, hvr-bob; animation-name: hvr-bob-float, hvr-bob; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } /* Hang */ @-webkit-keyframes hvr-hang { 0% { -webkit-transform: translateY(8px); transform: translateY(8px); } 50% { -webkit-transform: translateY(4px); transform: translateY(4px); } 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } @keyframes hvr-hang { 0% { -webkit-transform: translateY(8px); transform: translateY(8px); } 50% { -webkit-transform: translateY(4px); transform: translateY(4px); } 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } @-webkit-keyframes hvr-hang-sink { 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } @keyframes hvr-hang-sink { 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } .hvr-hang { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active { -webkit-animation-name: hvr-hang-sink, hvr-hang; animation-name: hvr-hang-sink, hvr-hang; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } /* Skew */ .hvr-skew { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active { -webkit-transform: skew(-10deg); transform: skew(-10deg); } /* Skew Forward */ .hvr-skew-forward { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active { -webkit-transform: skew(-10deg); transform: skew(-10deg); } /* Skew Backward */ .hvr-skew-backward { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active { -webkit-transform: skew(10deg); transform: skew(10deg); } /* Wobble Vertical */ @-webkit-keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .hvr-wobble-vertical { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active { -webkit-animation-name: hvr-wobble-vertical; animation-name: hvr-wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Horizontal */ @-webkit-keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .hvr-wobble-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active { -webkit-animation-name: hvr-wobble-horizontal; animation-name: hvr-wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble To Bottom Right */ @-webkit-keyframes hvr-wobble-to-bottom-right { 16.65% { -webkit-transform: translate(8px, 8px); transform: translate(8px, 8px); } 33.3% { -webkit-transform: translate(-6px, -6px); transform: translate(-6px, -6px); } 49.95% { -webkit-transform: translate(4px, 4px); transform: translate(4px, 4px); } 66.6% { -webkit-transform: translate(-2px, -2px); transform: translate(-2px, -2px); } 83.25% { -webkit-transform: translate(1px, 1px); transform: translate(1px, 1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes hvr-wobble-to-bottom-right { 16.65% { -webkit-transform: translate(8px, 8px); transform: translate(8px, 8px); } 33.3% { -webkit-transform: translate(-6px, -6px); transform: translate(-6px, -6px); } 49.95% { -webkit-transform: translate(4px, 4px); transform: translate(4px, 4px); } 66.6% { -webkit-transform: translate(-2px, -2px); transform: translate(-2px, -2px); } 83.25% { -webkit-transform: translate(1px, 1px); transform: translate(1px, 1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .hvr-wobble-to-bottom-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active { -webkit-animation-name: hvr-wobble-to-bottom-right; animation-name: hvr-wobble-to-bottom-right; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble To Top Right */ @-webkit-keyframes hvr-wobble-to-top-right { 16.65% { -webkit-transform: translate(8px, -8px); transform: translate(8px, -8px); } 33.3% { -webkit-transform: translate(-6px, 6px); transform: translate(-6px, 6px); } 49.95% { -webkit-transform: translate(4px, -4px); transform: translate(4px, -4px); } 66.6% { -webkit-transform: translate(-2px, 2px); transform: translate(-2px, 2px); } 83.25% { -webkit-transform: translate(1px, -1px); transform: translate(1px, -1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes hvr-wobble-to-top-right { 16.65% { -webkit-transform: translate(8px, -8px); transform: translate(8px, -8px); } 33.3% { -webkit-transform: translate(-6px, 6px); transform: translate(-6px, 6px); } 49.95% { -webkit-transform: translate(4px, -4px); transform: translate(4px, -4px); } 66.6% { -webkit-transform: translate(-2px, 2px); transform: translate(-2px, 2px); } 83.25% { -webkit-transform: translate(1px, -1px); transform: translate(1px, -1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .hvr-wobble-to-top-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active { -webkit-animation-name: hvr-wobble-to-top-right; animation-name: hvr-wobble-to-top-right; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Top */ @-webkit-keyframes hvr-wobble-top { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes hvr-wobble-top { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } .hvr-wobble-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active { -webkit-animation-name: hvr-wobble-top; animation-name: hvr-wobble-top; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Bottom */ @-webkit-keyframes hvr-wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes hvr-wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } .hvr-wobble-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active { -webkit-animation-name: hvr-wobble-bottom; animation-name: hvr-wobble-bottom; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Skew */ @-webkit-keyframes hvr-wobble-skew { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes hvr-wobble-skew { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } .hvr-wobble-skew { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active { -webkit-animation-name: hvr-wobble-skew; animation-name: hvr-wobble-skew; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Buzz */ @-webkit-keyframes hvr-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } @keyframes hvr-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } .hvr-buzz { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active { -webkit-animation-name: hvr-buzz; animation-name: hvr-buzz; -webkit-animation-duration: 0.15s; animation-duration: 0.15s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Buzz Out */ @-webkit-keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } @keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } .hvr-buzz-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active { -webkit-animation-name: hvr-buzz-out; animation-name: hvr-buzz-out; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* BACKGROUND TRANSITIONS */ /* Fade */ .hvr-fade { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; overflow: hidden; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: color, background-color; transition-property: color, background-color; } .hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active { background-color: #2098d1; color: white; } /* Back Pulse */ @-webkit-keyframes hvr-back-pulse { 50% { background-color: rgba(32, 152, 209, 0.75); } } @keyframes hvr-back-pulse { 50% { background-color: rgba(32, 152, 209, 0.75); } } .hvr-back-pulse { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; overflow: hidden; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: color, background-color; transition-property: color, background-color; } .hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active { -webkit-animation-name: hvr-back-pulse; animation-name: hvr-back-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background-color: #2098d1; color: white; } /* Sweep To Right */ .hvr-sweep-to-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { color: white; } .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* Sweep To Left */ .hvr-sweep-to-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-left:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active { color: white; } .hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* Sweep To Bottom */ .hvr-sweep-to-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-bottom:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active { color: white; } .hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } /* Sweep To Top */ .hvr-sweep-to-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active { color: white; } .hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } /* Bounce To Right */ .hvr-bounce-to-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active { color: white; } .hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Bounce To Left */ .hvr-bounce-to-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-left:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active { color: white; } .hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Bounce To Bottom */ .hvr-bounce-to-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-bottom:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active { color: white; } .hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Bounce To Top */ .hvr-bounce-to-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active { color: white; } .hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Radial Out */ .hvr-radial-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-radial-out:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active { color: white; } .hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before { -webkit-transform: scale(2); transform: scale(2); } /* Radial In */ .hvr-radial-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; background: #2098d1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-radial-in:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #e1e1e1; border-radius: 100%; -webkit-transform: scale(2); transform: scale(2); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active { color: white; } .hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before { -webkit-transform: scale(0); transform: scale(0); } /* Rectangle In */ .hvr-rectangle-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #2098d1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-rectangle-in:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #e1e1e1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active { color: white; } .hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before { -webkit-transform: scale(0); transform: scale(0); } /* Rectangle Out */ .hvr-rectangle-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-rectangle-out:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active { color: white; } .hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before { -webkit-transform: scale(1); transform: scale(1); } /* Shutter In Horizontal */ .hvr-shutter-in-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #2098d1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-in-horizontal:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #e1e1e1; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active { color: white; } .hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before { -webkit-transform: scaleX(0); transform: scaleX(0); } /* Shutter Out Horizontal */ .hvr-shutter-out-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-out-horizontal:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #2098d1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active { color: white; } .hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* Shutter In Vertical */ .hvr-shutter-in-vertical { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #2098d1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-in-vertical:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #e1e1e1; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active { color: white; } .hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before { -webkit-transform: scaleY(0); transform: scaleY(0); } /* Shutter Out Vertical */ .hvr-shutter-out-vertical { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-out-vertical:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #2098d1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active { color: white; } .hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } /* BORDER TRANSITIONS */ /* Border Fade */ .hvr-border-fade { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } .hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active { box-shadow: inset 0 0 0 4px #2098d1, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } /* Hollow */ .hvr-hollow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: background; transition-property: background; box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } .hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active { background: none; } /* Trim */ .hvr-trim { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-trim:before { content: ''; position: absolute; border: white solid 4px; top: 4px; left: 4px; right: 4px; bottom: 4px; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: opacity; transition-property: opacity; } .hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before { opacity: 1; } /* Ripple Out */ @-webkit-keyframes hvr-ripple-out { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } @keyframes hvr-ripple-out { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } .hvr-ripple-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-ripple-out:before { content: ''; position: absolute; border: #e1e1e1 solid 6px; top: 0; right: 0; bottom: 0; left: 0; -webkit-animation-duration: 1s; animation-duration: 1s; } .hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before { -webkit-animation-name: hvr-ripple-out; animation-name: hvr-ripple-out; } /* Ripple In */ @-webkit-keyframes hvr-ripple-in { 100% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1; } } @keyframes hvr-ripple-in { 100% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1; } } .hvr-ripple-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-ripple-in:before { content: ''; position: absolute; border: #e1e1e1 solid 4px; top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; -webkit-animation-duration: 1s; animation-duration: 1s; } .hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before { -webkit-animation-name: hvr-ripple-in; animation-name: hvr-ripple-in; } /* Outline Out */ .hvr-outline-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-outline-out:before { content: ''; position: absolute; border: #e1e1e1 solid 4px; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: top, right, bottom, left; transition-property: top, right, bottom, left; } .hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before { top: -8px; right: -8px; bottom: -8px; left: -8px; } /* Outline In */ .hvr-outline-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-outline-in:before { pointer-events: none; content: ''; position: absolute; border: #e1e1e1 solid 4px; top: -16px; right: -16px; bottom: -16px; left: -16px; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: top, right, bottom, left; transition-property: top, right, bottom, left; } .hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before { top: -8px; right: -8px; bottom: -8px; left: -8px; opacity: 1; } /* Round Corners */ .hvr-round-corners { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: border-radius; transition-property: border-radius; } .hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active { border-radius: 1em; } /* Underline From Left */ .hvr-underline-from-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-underline-from-left:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: #2098d1; height: 4px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before { right: 0; } /* Underline From Center */ .hvr-underline-from-center { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-underline-from-center:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: 0; background: #2098d1; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before { left: 0; right: 0; } /* Underline From Right */ .hvr-underline-from-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-underline-from-right:before { content: ""; position: absolute; z-index: -1; left: 100%; right: 0; bottom: 0; background: #2098d1; height: 4px; -webkit-transition-property: left; transition-property: left; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before { left: 0; } /* Overline From Left */ .hvr-overline-from-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-overline-from-left:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; top: 0; background: #2098d1; height: 4px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before { right: 0; } /* Overline From Center */ .hvr-overline-from-center { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-overline-from-center:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; top: 0; background: #2098d1; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before { left: 0; right: 0; } /* Overline From Right */ .hvr-overline-from-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-overline-from-right:before { content: ""; position: absolute; z-index: -1; left: 100%; right: 0; top: 0; background: #2098d1; height: 4px; -webkit-transition-property: left; transition-property: left; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before { left: 0; } /* Reveal */ .hvr-reveal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; border-color: #2098d1; border-style: solid; border-width: 0; -webkit-transition-property: border-width; transition-property: border-width; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before { -webkit-transform: translateY(0); transform: translateY(0); border-width: 4px; } /* Underline Reveal */ .hvr-underline-reveal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-underline-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; bottom: 0; background: #2098d1; height: 4px; -webkit-transform: translateY(4px); transform: translateY(4px); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before { -webkit-transform: translateY(0); transform: translateY(0); } /* Overline Reveal */ .hvr-overline-reveal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-overline-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; background: #2098d1; height: 4px; -webkit-transform: translateY(-4px); transform: translateY(-4px); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before { -webkit-transform: translateY(0); transform: translateY(0); } /* SHADOW/GLOW TRANSITIONS */ /* Glow */ .hvr-glow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; } .hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active { box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } /* Shadow */ .hvr-shadow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; } .hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active { box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); } /* Grow Shadow */ .hvr-grow-shadow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow, transform; transition-property: box-shadow, transform; } .hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active { box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); -webkit-transform: scale(1.1); transform: scale(1.1); } /* Box Shadow Outset */ .hvr-box-shadow-outset { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; } .hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active { box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); } /* Box Shadow Inset */ .hvr-box-shadow-inset { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } .hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active { box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } /* Float Shadow */ .hvr-float-shadow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-float-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } .hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active { -webkit-transform: translateY(-5px); transform: translateY(-5px); /* move the element up by 5px */ } .hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before { opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px); /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ } /* Shadow Radial */ .hvr-shadow-radial { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-shadow-radial:before, .hvr-shadow-radial:after { pointer-events: none; position: absolute; content: ''; left: 0; width: 100%; box-sizing: border-box; background-repeat: no-repeat; height: 5px; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: opacity; transition-property: opacity; } .hvr-shadow-radial:before { bottom: 100%; background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); } .hvr-shadow-radial:after { top: 100%; background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); } .hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after { opacity: 1; } /* SPEECH BUBBLES */ /* Bubble Top */ .hvr-bubble-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-bubble-top:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; left: calc(40%); top: 0; border-width: 0 10px 10px 10px; border-color: transparent transparent #e1e1e1 transparent; } .hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before { -webkit-transform: translateY(-10px); transform: translateY(-10px); } /* Bubble Right */ .hvr-bubble-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-bubble-right:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; top: calc(40%); right: 0; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #e1e1e1; } .hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before { -webkit-transform: translateX(10px); transform: translateX(10px); } /* Bubble Bottom */ .hvr-bubble-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-bubble-bottom:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; left: calc(40%); bottom: 0; border-width: 10px 10px 0 10px; border-color: #e1e1e1 transparent transparent transparent; } .hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before { -webkit-transform: translateY(10px); transform: translateY(10px); } /* Bubble Left */ .hvr-bubble-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-bubble-left:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; top: calc(40%); left: 0; border-width: 10px 10px 10px 0; border-color: transparent #e1e1e1 transparent transparent; } .hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before { -webkit-transform: translateX(-10px); transform: translateX(-10px); } /* Bubble Float Top */ .hvr-bubble-float-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-top:before { position: absolute; z-index: -1; content: ''; left: calc(40%); top: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #e1e1e1 transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active { -webkit-transform: translateY(10px); transform: translateY(10px); } .hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before { -webkit-transform: translateY(-10px); transform: translateY(-10px); } /* Bubble Float Right */ .hvr-bubble-float-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-right:before { position: absolute; z-index: -1; top: calc(40%); right: 0; content: ''; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #e1e1e1; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active { -webkit-transform: translateX(-10px); transform: translateX(-10px); } .hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before { -webkit-transform: translateX(10px); transform: translateX(10px); } /* Bubble Float Bottom */ .hvr-bubble-float-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-bottom:before { position: absolute; z-index: -1; content: ''; left: calc(40%); bottom: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #e1e1e1 transparent transparent transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active { -webkit-transform: translateY(-10px); transform: translateY(-10px); } .hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before { -webkit-transform: translateY(10px); transform: translateY(10px); } /* Bubble Float Left */ .hvr-bubble-float-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-left:before { position: absolute; z-index: -1; content: ''; top: calc(40%); left: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #e1e1e1 transparent transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active { -webkit-transform: translateX(10px); transform: translateX(10px); } .hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before { -webkit-transform: translateX(-10px); transform: translateX(-10px); } /* ICONS */ /* Icon Back */ .hvr-icon-back { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-left: 2.2em; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; } .hvr-icon-back:before { content: "\f137"; position: absolute; left: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-back:hover:before, .hvr-icon-back:focus:before, .hvr-icon-back:active:before { -webkit-transform: translateX(-4px); transform: translateX(-4px); } /* Icon Forward */ .hvr-icon-forward { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; } .hvr-icon-forward:before { content: "\f138"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before { -webkit-transform: translateX(4px); transform: translateX(4px); } /* Icon Down */ @-webkit-keyframes hvr-icon-down { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hvr-icon-down { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(6px); transform: translateY(6px); } } /* Icon Down */ .hvr-icon-down { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-down:before { content: "\f01a"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-down:hover:before, .hvr-icon-down:focus:before, .hvr-icon-down:active:before { -webkit-animation-name: hvr-icon-down; animation-name: hvr-icon-down; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /* Icon Up */ @-webkit-keyframes hvr-icon-up { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-up { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } /* Icon Up */ .hvr-icon-up { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-up:before { content: "\f01b"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-up:hover:before, .hvr-icon-up:focus:before, .hvr-icon-up:active:before { -webkit-animation-name: hvr-icon-up; animation-name: hvr-icon-up; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /* Icon Spin */ .hvr-icon-spin { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-spin:before { content: "\f021"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .hvr-icon-spin:hover:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:active:before { -webkit-transform: rotate(360deg); transform: rotate(360deg); } /* Icon Drop */ @-webkit-keyframes hvr-icon-drop { 0% { opacity: 0; } 50% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 51%, 100% { opacity: 1; } } @keyframes hvr-icon-drop { 0% { opacity: 0; } 50% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 51%, 100% { opacity: 1; } } /* Icon Drop */ .hvr-icon-drop { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-drop:before { content: "\f041"; position: absolute; right: 1em; opacity: 1; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-drop:hover:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:active:before { opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-animation-name: hvr-icon-drop; animation-name: hvr-icon-drop; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Icon Fade */ .hvr-icon-fade { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-fade:before { content: "\f00c"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: color; transition-property: color; } .hvr-icon-fade:hover:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:active:before { color: #0F9E5E; } /* Icon Float Away */ @-webkit-keyframes hvr-icon-float-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(-1em); transform: translateY(-1em); } } @keyframes hvr-icon-float-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(-1em); transform: translateY(-1em); } } /* Icon Float Away */ .hvr-icon-float-away { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-float-away:before, .hvr-icon-float-away:after { content: "\f055"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; } .hvr-icon-float-away:after { opacity: 0; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .hvr-icon-float-away:hover:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:active:after { -webkit-animation-name: hvr-icon-float-away; animation-name: hvr-icon-float-away; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /* Icon Sink Away */ @-webkit-keyframes hvr-icon-sink-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(1em); transform: translateY(1em); } } @keyframes hvr-icon-sink-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(1em); transform: translateY(1em); } } /* Icon Sink Away */ .hvr-icon-sink-away { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-sink-away:before, .hvr-icon-sink-away:after { content: "\f056"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-sink-away:after { opacity: 0; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .hvr-icon-sink-away:hover:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:active:after { -webkit-animation-name: hvr-icon-sink-away; animation-name: hvr-icon-sink-away; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /* Icon Grow */ .hvr-icon-grow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-grow:before { content: "\f118"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-grow:hover:before, .hvr-icon-grow:focus:before, .hvr-icon-grow:active:before { -webkit-transform: scale(1.3) translateZ(0); transform: scale(1.3) translateZ(0); } /* Icon Shrink */ .hvr-icon-shrink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-shrink:before { content: "\f119"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-shrink:hover:before, .hvr-icon-shrink:focus:before, .hvr-icon-shrink:active:before { -webkit-transform: scale(0.8); transform: scale(0.8); } /* Icon Pulse */ @-webkit-keyframes hvr-icon-pulse { 25% { -webkit-transform: scale(1.3); transform: scale(1.3); } 75% { -webkit-transform: scale(0.8); transform: scale(0.8); } } @keyframes hvr-icon-pulse { 25% { -webkit-transform: scale(1.3); transform: scale(1.3); } 75% { -webkit-transform: scale(0.8); transform: scale(0.8); } } .hvr-icon-pulse { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-pulse:before { content: "\f015"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-pulse:hover:before, .hvr-icon-pulse:focus:before, .hvr-icon-pulse:active:before { -webkit-animation-name: hvr-icon-pulse; animation-name: hvr-icon-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Icon Pulse Grow */ @-webkit-keyframes hvr-icon-pulse-grow { to { -webkit-transform: scale(1.3); transform: scale(1.3); } } @keyframes hvr-icon-pulse-grow { to { -webkit-transform: scale(1.3); transform: scale(1.3); } } .hvr-icon-pulse-grow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-pulse-grow:before { content: "\f015"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-pulse-grow:hover:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:active:before { -webkit-animation-name: hvr-icon-pulse-grow; animation-name: hvr-icon-pulse-grow; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Icon Pulse Shrink */ @-webkit-keyframes hvr-icon-pulse-shrink { to { -webkit-transform: scale(0.8); transform: scale(0.8); } } @keyframes hvr-icon-pulse-shrink { to { -webkit-transform: scale(0.8); transform: scale(0.8); } } .hvr-icon-pulse-shrink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-pulse-shrink:before { content: "\f015"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-pulse-shrink:hover:before, .hvr-icon-pulse-shrink:focus:before, .hvr-icon-pulse-shrink:active:before { -webkit-animation-name: hvr-icon-pulse-shrink; animation-name: hvr-icon-pulse-shrink; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Icon Push */ @-webkit-keyframes hvr-icon-push { 50% { -webkit-transform: scale(0.5); transform: scale(0.5); } } @keyframes hvr-icon-push { 50% { -webkit-transform: scale(0.5); transform: scale(0.5); } } .hvr-icon-push { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-push:before { content: "\f006"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-push:hover:before, .hvr-icon-push:focus:before, .hvr-icon-push:active:before { -webkit-animation-name: hvr-icon-push; animation-name: hvr-icon-push; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Icon Pop */ @-webkit-keyframes hvr-icon-pop { 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } } @keyframes hvr-icon-pop { 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } } .hvr-icon-pop { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-pop:before { content: "\f005"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-pop:hover:before, .hvr-icon-pop:focus:before, .hvr-icon-pop:active:before { -webkit-animation-name: hvr-icon-pop; animation-name: hvr-icon-pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Icon Bounce */ .hvr-icon-bounce { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-bounce:before { content: "\f087"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-bounce:hover:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:active:before { -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } /* Icon Rotate */ .hvr-icon-rotate { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-rotate:before { content: "\f0c6"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-rotate:hover:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:active:before { -webkit-transform: rotate(20deg); transform: rotate(20deg); } /* Icon Grow Rotate */ .hvr-icon-grow-rotate { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-grow-rotate:before { content: "\f095"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-grow-rotate:hover:before, .hvr-icon-grow-rotate:focus:before, .hvr-icon-grow-rotate:active:before { -webkit-transform: scale(1.5) rotate(12deg); transform: scale(1.5) rotate(12deg); } /* Icon Float */ .hvr-icon-float { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-float:before { content: "\f01b"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-float:hover:before, .hvr-icon-float:focus:before, .hvr-icon-float:active:before { -webkit-transform: translateY(-4px); transform: translateY(-4px); } /* Icon Sink */ .hvr-icon-sink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-sink:before { content: "\f01a"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-sink:hover:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:active:before { -webkit-transform: translateY(4px); transform: translateY(4px); } /* Icon Bob */ @-webkit-keyframes hvr-icon-bob { 0% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 50% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-bob { 0% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 50% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @-webkit-keyframes hvr-icon-bob-float { 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-bob-float { 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } .hvr-icon-bob { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-bob:before { content: "\f077"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-bob:hover:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:active:before { -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob; animation-name: hvr-icon-bob-float, hvr-icon-bob; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } /* Icon Hang */ @-webkit-keyframes hvr-icon-hang { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); } 50% { -webkit-transform: translateY(2px); transform: translateY(2px); } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hvr-icon-hang { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); } 50% { -webkit-transform: translateY(2px); transform: translateY(2px); } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @-webkit-keyframes hvr-icon-hang-sink { 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hvr-icon-hang-sink { 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } .hvr-icon-hang { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-hang:before { content: "\f078"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-hang:hover:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:active:before { -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang; animation-name: hvr-icon-hang-sink, hvr-icon-hang; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } /* Icon Wobble Horizontal */ @-webkit-keyframes hvr-icon-wobble-horizontal { 16.65% { -webkit-transform: translateX(6px); transform: translateX(6px); } 33.3% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes hvr-icon-wobble-horizontal { 16.65% { -webkit-transform: translateX(6px); transform: translateX(6px); } 33.3% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .hvr-icon-wobble-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-wobble-horizontal:before { content: "\f061"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before { -webkit-animation-name: hvr-icon-wobble-horizontal; animation-name: hvr-icon-wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Icon Wobble Vertical */ @-webkit-keyframes hvr-icon-wobble-vertical { 16.65% { -webkit-transform: translateY(6px); transform: translateY(6px); } 33.3% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes hvr-icon-wobble-vertical { 16.65% { -webkit-transform: translateY(6px); transform: translateY(6px); } 33.3% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .hvr-icon-wobble-vertical { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-wobble-vertical:before { content: "\f062"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-wobble-vertical:hover:before, .hvr-icon-wobble-vertical:focus:before, .hvr-icon-wobble-vertical:active:before { -webkit-animation-name: hvr-icon-wobble-vertical; animation-name: hvr-icon-wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Icon Buzz */ @-webkit-keyframes hvr-icon-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } @keyframes hvr-icon-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } .hvr-icon-buzz { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-buzz:before { content: "\f017"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-buzz:hover:before, .hvr-icon-buzz:focus:before, .hvr-icon-buzz:active:before { -webkit-animation-name: hvr-icon-buzz; animation-name: hvr-icon-buzz; -webkit-animation-duration: 0.15s; animation-duration: 0.15s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Icon Buzz Out */ @-webkit-keyframes hvr-icon-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } @keyframes hvr-icon-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } .hvr-icon-buzz-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-buzz-out:before { content: "\f023"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-buzz-out:hover:before, .hvr-icon-buzz-out:focus:before, .hvr-icon-buzz-out:active:before { -webkit-animation-name: hvr-icon-buzz-out; animation-name: hvr-icon-buzz-out; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* CURLS */ /* Curl Top Left */ .hvr-curl-top-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-curl-top-left:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; top: 0; left: 0; background: white; /* IE9 */ background: linear-gradient(135deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000'); /*For IE7-8-9*/ z-index: 1000; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; } .hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before { width: 25px; height: 25px; } /* Curl Top Right */ .hvr-curl-top-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-curl-top-right:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; top: 0; right: 0; background: white; /* IE9 */ background: linear-gradient(225deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%); box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; } .hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before { width: 25px; height: 25px; } /* Curl Bottom Right */ .hvr-curl-bottom-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-curl-bottom-right:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; bottom: 0; right: 0; background: white; /* IE9 */ background: linear-gradient(315deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%); box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; } .hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before { width: 25px; height: 25px; } /* Curl Bottom Left */ .hvr-curl-bottom-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-curl-bottom-left:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; bottom: 0; left: 0; background: white; /* IE9 */ background: linear-gradient(45deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%); box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; } .hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before { width: 25px; height: 25px; } /*----------------------------------------------------------------------------- - Revolution Slider 4.1 Captions - Screen Stylesheet version: 1.4.5 date: 27/11/13 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /************************* - CAPTIONS - **************************/ .tp-static-layers { position:absolute; z-index:505; top:0px;left:0px} .tp-hide-revslider,.tp-caption.tp-hidden-caption { visibility:hidden !important; display:none !important} .tp-caption { z-index:1; white-space:nowrap} .tp-caption-demo .tp-caption { position:relative !important; display:inline-block; margin-bottom:10px; margin-right:20px !important} .tp-caption.whitedivider3px { color: #000000; text-shadow: none; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 1); text-decoration: none; min-width: 408px; min-height: 3px; background-position: initial initial; background-repeat: initial initial; border-width: 0px; border-color: #000000; border-style: none; } .tp-caption.finewide_large_white { color:#ffffff; text-shadow:none; font-size:60px; line-height:60px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:8px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.whitedivider3px { color:#000000; text-shadow:none; background-color:rgb(255, 255, 255); background-color:rgba(255, 255, 255, 1); text-decoration:none; font-size:0px; line-height:0; min-width:468px; min-height:3px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_medium_white { color:#ffffff; text-shadow:none; font-size:37px; line-height:37px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.boldwide_small_white { font-size:25px; line-height:25px; font-weight:800; font-family:"Open Sans", sans-serif; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; text-shadow:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.whitedivider3px_vertical { color:#000000; text-shadow:none; background-color:rgb(255, 255, 255); background-color:rgba(255, 255, 255, 1); text-decoration:none; font-size:0px; line-height:0; min-width:3px; min-height:130px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_small_white { color:#ffffff; text-shadow:none; font-size:25px; line-height:25px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_verysmall_white_mw { font-size:13px; line-height:25px; font-weight:400; font-family:"Open Sans", sans-serif; color:#ffffff; text-decoration:none; background-color:transparent; text-shadow:none; text-transform:uppercase; letter-spacing:5px; max-width:470px; white-space:normal !important; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.lightgrey_divider { text-decoration:none; background-color:rgb(235, 235, 235); background-color:rgba(235, 235, 235, 1); width:370px; height:3px; background-position:initial initial; background-repeat:initial initial; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.finewide_large_white { color: #FFF; text-shadow: none; font-size: 60px; line-height: 60px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: rgba(0, 0, 0, 0); text-decoration: none; text-transform: uppercase; letter-spacing: 8px; border-width: 0px; border-color: #000; border-style: none; } .tp-caption.finewide_medium_white { color: #FFF; text-shadow: none; font-size: 34px; line-height: 34px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: rgba(0, 0, 0, 0); text-decoration: none; text-transform: uppercase; letter-spacing: 5px; border-width: 0px; border-color: #000; border-style: none; } .tp-caption.huge_red { position:absolute; color:rgb(223,75,107); font-weight:400; font-size:150px; line-height:130px; font-family: 'Oswald', sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; background-color:rgb(45,49,54); padding:0px; } .tp-caption.middle_yellow { position:absolute; color:rgb(251,213,114); font-weight:600; font-size:50px; line-height:50px; font-family: 'Open Sans', sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.huge_thin_yellow { position:absolute; color:rgb(251,213,114); font-weight:300; font-size:90px; line-height:90px; font-family: 'Open Sans', sans-serif; margin:0px; letter-spacing: 20px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.big_dark { position:absolute; color:#333; font-weight:700; font-size:70px; line-height:70px; font-family:"Open Sans"; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_dark { position:absolute; color:#333; font-weight:300; font-size:40px; line-height:40px; font-family:"Open Sans"; margin:0px; letter-spacing: 5px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_grey { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:20px; line-height:20px; font-family:Arial; padding:2px 4px; margin:0px; border-width:0px; border-style:none; background-color:#888; white-space:nowrap; } .tp-caption.small_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:14px; line-height:20px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:20px; line-height:20px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.large_bold_white_25 { font-size:55px; line-height:65px; font-weight:700; font-family:"Open Sans"; color:#fff; text-decoration:none; background-color:transparent; text-align:center; text-shadow:#000 0px 5px 10px; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.medium_text_shadow { font-size:25px; line-height:25px; font-weight:600; font-family:"Open Sans"; color:#fff; text-decoration:none; background-color:transparent; text-align:center; text-shadow:#000 0px 5px 10px; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.large_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:40px; line-height:40px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_bold_grey { font-size:30px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; text-shadow:none; margin:0px; padding:1px 4px 0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.very_large_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; letter-spacing:-2px; } .tp-caption.very_big_white { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; padding:0px 4px; padding-top:1px; background-color:#000; } .tp-caption.very_big_black { position:absolute; color:#000; text-shadow:none; font-weight:700; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; padding:0px 4px; padding-top:1px; background-color:#fff; } .tp-caption.modern_medium_fat { position:absolute; color:#000; text-shadow:none; font-weight:800; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_medium_fat_white { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_medium_light { position:absolute; color:#000; text-shadow:none; font-weight:300; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_big_bluebg { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:30px; line-height:36px; font-family:"Open Sans", sans-serif; padding:3px 10px; margin:0px; border-width:0px; border-style:none; background-color:#4e5b6c; letter-spacing:0; } .tp-caption.modern_big_redbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:30px; line-height:36px; font-family:"Open Sans", sans-serif; padding:3px 10px; padding-top:1px; margin:0px; border-width:0px; border-style:none; background-color:#de543e; letter-spacing:0; } .tp-caption.modern_small_text_dark { position:absolute; color:#555; text-shadow:none; font-size:14px; line-height:22px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.boxshadow { -moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); } .tp-caption.black { color:#000; text-shadow:none; } .tp-caption.noshadow { text-shadow:none; } .tp-caption a { color:#ff7302; text-shadow:none; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; } .tp-caption a:hover { color:#ffa902; } .tp-caption.thinheadline_dark { position:absolute; color:rgba(0,0,0,0.85); text-shadow:none; font-weight:300; font-size:30px; line-height:30px; font-family:"Open Sans"; background-color:transparent; } .tp-caption.thintext_dark { position:absolute; color:rgba(0,0,0,0.85); text-shadow:none; font-weight:300; font-size:16px; line-height:26px; font-family:"Open Sans"; background-color:transparent; } .tp-caption.medium_bg_red a { color: #fff; text-decoration: none; } .tp-caption.medium_bg_red a:hover { color: #fff; text-decoration: underline; } .tp-caption.smoothcircle { font-size:30px; line-height:75px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); background-color:rgba(0, 0, 0, 0.498039); padding:50px 25px; text-align:center; border-radius:500px 500px 500px 500px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.largeblackbg { font-size:50px; line-height:70px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); padding:0px 20px 5px; text-shadow:none; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.largepinkbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#db4360; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.largewhitebg { position:absolute; color:#000; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#fff; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.largegreenbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#67ae73; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.excerpt { font-size:36px; line-height:36px; font-weight:700; font-family:Arial; color:#ffffff; text-decoration:none; background-color:rgba(0, 0, 0, 1); text-shadow:none; margin:0px; letter-spacing:-1.5px; padding:1px 4px 0px 4px; width:150px; white-space:normal !important; height:auto; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.large_bold_grey { font-size:60px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; text-shadow:none; margin:0px; padding:1px 4px 0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_thin_grey { font-size:34px; line-height:30px; font-weight:300; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; padding:1px 4px 0px; text-shadow:none; margin:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.small_thin_grey { font-size:18px; line-height:26px; font-weight:300; font-family:"Open Sans"; color:rgb(117, 117, 117); text-decoration:none; background-color:transparent; padding:1px 4px 0px; text-shadow:none; margin:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.lightgrey_divider { text-decoration:none; background-color:rgba(235, 235, 235, 1); width:370px; height:3px; background-position:initial initial; background-repeat:initial initial; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bold_darkblue { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(52, 73, 94); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_darkblue { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(52, 73, 94); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bold_red { font-size:24px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(227, 58, 12); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_red { font-size:21px; line-height:26px; font-weight:300; font-family:"Open Sans"; color:rgb(227, 58, 12); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_red { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(227, 58, 12); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bold_orange { font-size:24px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(243, 156, 18); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_orange { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(243, 156, 18); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.grassfloor { text-decoration:none; background-color:rgba(160, 179, 151, 1); width:4000px; height:150px; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bold_white { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_white { font-size:30px; line-height:36px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_white { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_white_center { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:#ffffff; text-decoration:none; background-color:transparent; padding:0px 0px 0px 0px; text-align:center; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_asbestos { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(127, 140, 141); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_black { font-size:30px; line-height:36px; font-weight:300; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.large_bold_black { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_darkblue { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:rgb(52, 73, 94); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.small_light_white { font-size:17px; line-height:28px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.roundedimage { border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bg_black { font-size:40px; line-height:40px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); padding:10px 20px 15px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumwhitebg { font-size:30px; line-height:30px; font-weight:300; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:rgb(255, 255, 255); padding:5px 15px 10px; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.medium_bg_orange_new1 { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(243, 156, 18); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.boxshadow{ -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); } .tp-caption.black{ color: #000; text-shadow: none; font-weight: 300; font-size: 19px; line-height: 19px; font-family: 'Open Sans', sans; } .tp-caption.noshadow { text-shadow: none; } .tp_inner_padding { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; max-height:none !important; } /*.tp-caption { transform:none !important}*/ /********************************* - SPECIAL TP CAPTIONS - **********************************/ .tp-caption .frontcorner { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-top: 40px solid #00A8FF; position: absolute;left:-40px;top:0px; } .tp-caption .backcorner { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute;right:0px;top:0px; } .tp-caption .frontcornertop { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute;left:-40px;top:0px; } .tp-caption .backcornertop { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-top: 40px solid #00A8FF; position: absolute;right:0px;top:0px; } /*********************************************** - SPECIAL ALTERNATIVE IMAGE SETTINGS - ***********************************************/ img.tp-slider-alternative-image { width:100%; height:auto;} /****************************** - BUTTONS - *******************************/ .tp-simpleresponsive .button { padding:6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height:30px; cursor:pointer; color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important; background:url(../images/gradient/g30.png) repeat-x top; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px; } .tp-simpleresponsive .button.big { color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px; line-height:57px !important; background:url(../images/gradient/g40.png) repeat-x top} .tp-simpleresponsive .purchase:hover, .tp-simpleresponsive .button:hover, .tp-simpleresponsive .button.big:hover { background-position:bottom, 15px 11px} @media only screen and (min-width: 768px) and (max-width: 959px) { } @media only screen and (min-width: 480px) and (max-width: 767px) { .tp-simpleresponsive .button { padding:4px 8px 3px; line-height:25px !important; font-size:11px !important;font-weight:normal; } .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .tp-simpleresponsive .button { padding:2px 5px 2px; line-height:20px !important; font-size:10px !important} .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } /* BUTTON COLORS */ .tp-simpleresponsive .button.green, .tp-simpleresponsive .button:hover.green, .tp-simpleresponsive .purchase.green, .tp-simpleresponsive .purchase:hover.green { background-color:#21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; } .tp-simpleresponsive .button.blue, .tp-simpleresponsive .button:hover.blue, .tp-simpleresponsive .purchase.blue, .tp-simpleresponsive .purchase:hover.blue { background-color:#1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68} .tp-simpleresponsive .button.red, .tp-simpleresponsive .button:hover.red, .tp-simpleresponsive .purchase.red, .tp-simpleresponsive .purchase:hover.red { background-color:#cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212} .tp-simpleresponsive .button.orange, .tp-simpleresponsive .button:hover.orange, .tp-simpleresponsive .purchase.orange, .tp-simpleresponsive .purchase:hover.orange { background-color:#ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00} .tp-simpleresponsive .button.darkgrey, .tp-simpleresponsive .button.grey, .tp-simpleresponsive .button:hover.darkgrey, .tp-simpleresponsive .button:hover.grey, .tp-simpleresponsive .purchase.darkgrey, .tp-simpleresponsive .purchase:hover.darkgrey { background-color:#555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222} .tp-simpleresponsive .button.lightgrey, .tp-simpleresponsive .button:hover.lightgrey, .tp-simpleresponsive .purchase.lightgrey, .tp-simpleresponsive .purchase:hover.lightgrey { background-color:#888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555} /**************************************************************** - SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID - ******************************************************************/ /*.tp-simpleresponsive { -webkit-perspective: 1500px; -moz-perspective: 1500px; -o-perspective: 1500px; -ms-perspective: 1500px; perspective: 1500px; }*/ /********************************************** - FULLSCREEN AND FULLWIDHT CONTAINERS - **********************************************/ .fullscreen-container { width:100%; position:relative; padding:0; } .fullwidthbanner-container{ width:100%; position:relative; padding:0; overflow:hidden; } .fullwidthbanner-container .fullwidthbanner{ width:100%; position:relative; } /************************************************ - SOME CAPTION MODIFICATION AT START - *************************************************/ .tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; */ position:absolute;visibility: hidden; -webkit-font-smoothing: antialiased !important; } .tp-simpleresponsive img { max-width:none} /****************************** - IE8 HACKS - *******************************/ .noFilterClass { filter:none !important; } /****************************** - SHADOWS - ******************************/ .tp-bannershadow { position:absolute; margin-left:auto; margin-right:auto; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-bannershadow.tp-shadow1 { background:url(../assets/shadow1.png) no-repeat; background-size:100% 100%; width:890px; height:60px; bottom:-60px} .tp-bannershadow.tp-shadow2 { background:url(../assets/shadow2.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px} .tp-bannershadow.tp-shadow3 { background:url(../assets/shadow3.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px} /******************************** - FULLSCREEN VIDEO - *********************************/ .caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%} .caption.fullscreenvideo iframe, .caption.fullscreenvideo video { width:100% !important; height:100% !important; display: none} .tp-caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%} .tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe video { width:100% !important; height:100% !important; display: none} .fullcoveredvideo video, .fullscreenvideo video { background: #000} .fullcoveredvideo .tp-poster { background-position: center center;background-size: cover;width:100%;height:100%;top:0px;left:0px} .html5vid.videoisplaying .tp-poster { display: none} .tp-video-play-button { background:#000; background:rgba(0,0,0,0.3); padding:5px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; position: absolute; top: 50%; left: 50%; font-size: 40px; color: #FFF; z-index: 3; margin-top: -27px; margin-left: -28px; text-align: center; cursor: pointer; } .html5vid .tp-revstop { width:15px;height:20px; border-left:5px solid #fff; border-right:5px solid #fff; position:relative;margin:10px 20px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box} .html5vid .tp-revstop { display:none} .html5vid.videoisplaying .revicon-right-dir { display:none} .html5vid.videoisplaying .tp-revstop { display:block} .html5vid.videoisplaying .tp-video-play-button { display:none} .html5vid:hover .tp-video-play-button { display:block} .fullcoveredvideo .tp-video-play-button { display:none !important} .tp-video-controls { position: absolute; bottom: 0; left: 0; right: 0; padding: 5px; opacity: 0; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; background-image: linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -o-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(0,0,0)), color-stop(1, rgb(50,50,50)) ); display:table;max-width:100%; overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; } .tp-caption:hover .tp-video-controls { opacity: .9; } .tp-video-button { background: rgba(0,0,0,.5); border: 0; color: #EEE; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; cursor:pointer; line-height:12px; font-size:12px; color:#fff; padding:0px; margin:0px; outline: none; } .tp-video-button:hover { cursor: pointer; } .tp-video-button-wrap, .tp-video-seek-bar-wrap, .tp-video-vol-bar-wrap { padding:0px 5px;display:table-cell; } .tp-video-seek-bar-wrap { width:80%} .tp-video-vol-bar-wrap { width:20%} .tp-volume-bar, .tp-seek-bar { width:100%; cursor: pointer; outline:none; line-height:12px;margin:0; padding:0;} /******************************** - FULLSCREEN VIDEO ENDS - *********************************/ /******************************** - DOTTED OVERLAYS - *********************************/ .tp-dottedoverlay { background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:4} .tp-dottedoverlay.twoxtwo { background:url(../assets/gridtile.png)} .tp-dottedoverlay.twoxtwowhite { background:url(../assets/gridtile_white.png)} .tp-dottedoverlay.threexthree { background:url(../assets/gridtile_3x3.png)} .tp-dottedoverlay.threexthreewhite { background:url(../assets/gridtile_3x3_white.png)} /******************************** - DOTTED OVERLAYS ENDS - *********************************/ /************************ - NAVIGATION - *************************/ /** BULLETS **/ .tpclear { clear:both} .tp-bullets { z-index:1000; position:absolute; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;-webkit-transform: translateZ(5px); } .tp-bullets.hidebullets { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-bullets.simplebullets.navbar { border:1px solid #666; border-bottom:1px solid #444; background:url(../assets/boxed_bgtile.png); height:40px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .tp-bullets.simplebullets.navbar-old { background:url(../assets/navigdots_bgtile.png); height:35px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .tp-bullets.simplebullets.round .bullet { cursor:pointer; position:relative; background:url(../assets/bullet.png) no-Repeat top left; width:20px; height:20px; margin-right:0px; float:left; margin-top:0px; margin-left:3px} .tp-bullets.simplebullets.round .bullet.last { margin-right:3px} .tp-bullets.simplebullets.round-old .bullet { cursor:pointer; position:relative; background:url(../assets/bullets.png) no-Repeat bottom left; width:23px; height:23px; margin-right:0px; float:left; margin-top:0px} .tp-bullets.simplebullets.round-old .bullet.last { margin-right:0px} /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square .bullet { cursor:pointer; position:relative; background:url(../assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px} .tp-bullets.simplebullets.square .bullet.last { margin-right:0px} /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square-old .bullet { cursor:pointer; position:relative; background:url(../assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px} .tp-bullets.simplebullets.square-old .bullet.last { margin-right:0px} /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar .bullet { cursor:pointer; position:relative; background:url(../assets/bullet_boxed.png) no-Repeat top left; width:18px; height:19px; margin-right:5px; float:left; margin-top:0px} .tp-bullets.simplebullets.navbar .bullet.first { margin-left:0px !important} .tp-bullets.simplebullets.navbar .bullet.last { margin-right:0px !important} /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar-old .bullet { cursor:pointer; position:relative; background:url(../assets/navigdots.png) no-Repeat bottom left; width:15px; height:15px; margin-left:5px !important; margin-right:5px !important;float:left; margin-top:10px} .tp-bullets.simplebullets.navbar-old .bullet.first { margin-left:0px !important} .tp-bullets.simplebullets.navbar-old .bullet.last { margin-right:0px !important} .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected { background-position:top left} .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected { background-position:bottom left} /************************************* - TP ARROWS - **************************************/ .tparrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -webkit-transform: translateZ(5000px); -webkit-transform-style: flat; -webkit-backface-visibility: hidden; z-index:600; position: relative; } .tparrows.hidearrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-leftarrow { z-index:100;cursor:pointer; position:relative; background:url(../assets/large_left.png) no-Repeat top left; width:40px; height:40px; } .tp-rightarrow { z-index:100;cursor:pointer; position:relative; background:url(../assets/large_right.png) no-Repeat top left; width:40px; height:40px; } .tp-leftarrow.round { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_left.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px; } .tp-rightarrow.round { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_right.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px} .tp-leftarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_left.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px; } .tp-rightarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_right.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px} .tp-leftarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_left_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-right:6px; margin-top:12px} .tp-rightarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_right_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-left:6px; margin-top:12px} .tp-leftarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrowleft.png) no-Repeat top left; width:9px; height:16px; float:left; margin-right:6px; margin-top:10px} .tp-rightarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrowright.png) no-Repeat top left; width:9px; height:16px; float:left; margin-left:6px; margin-top:10px} .tp-leftarrow.navbar-old.thumbswitharrow { margin-right:10px} .tp-rightarrow.navbar-old.thumbswitharrow { margin-left:0px} .tp-leftarrow.square { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px} .tp-rightarrow.square { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px} .tp-leftarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px} .tp-rightarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px} .tp-leftarrow.default { z-index:100;cursor:pointer; position:relative; background:url(../assets/large_left.png) no-Repeat 0 0; width:40px; height:40px; } .tp-rightarrow.default { z-index:100;cursor:pointer; position:relative; background:url(../assets/large_right.png) no-Repeat 0 0; width:40px; height:40px; } .tp-leftarrow:hover, .tp-rightarrow:hover { background-position:bottom left} /**************************************************************************************************** - TP THUMBS - ***************************************************************************************************** - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings) - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px) *****************************************************************************************************/ .tp-bullets.tp-thumbs { z-index:1000; position:absolute; padding:3px;background-color:#fff; width:500px;height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ margin-top:-50px; } .fullwidthbanner-container .tp-thumbs { padding:3px} .tp-bullets.tp-thumbs .tp-mask { width:500px; height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ overflow:hidden; position:relative} .tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width:5000px; position:absolute} .tp-bullets.tp-thumbs .bullet { width:100px; height:50px; /* THE DIMENSION OF A SINGLE THUMB */ cursor:pointer; overflow:hidden;background:none;margin:0;float:left; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*filter: alpha(opacity=50); */ -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .tp-thumbs img { width:100%} /************************************ - TP BANNER TIMER - *************************************/ .tp-bannertimer { width:100%; height:10px; background:url(../assets/timer.png);position:absolute; z-index:200;top:0px} .tp-bannertimer.tp-bottom { bottom:0px;height:5px; top:auto} /*************************************** - RESPONSIVE SETTINGS - ****************************************/ @media only screen and (min-width: 0px) and (max-width: 479px) { .responsive .tp-bullets { display:none} .responsive .tparrows { display:none} } /********************************************* - BASIC SETTINGS FOR THE BANNER - ***********************************************/ .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-simpleresponsive a{ text-decoration:none} .tp-simpleresponsive ul, .tp-simpleresponsive ul li, .tp-simpleresponsive ul li:before { list-style:none; padding:0 !important; margin:0 !important; list-style:none !important; overflow-x: visible; overflow-y: visible; background-image:none } .tp-simpleresponsive >ul >li{ list-style:none; position:absolute; visibility:hidden } /* CAPTION SLIDELINK **/ .caption.slidelink a div, .tp-caption.slidelink a div { width:3000px; height:1500px; background:url(../assets/coloredbg.png) repeat} .tp-caption.slidelink a span { background:url(../assets/coloredbg.png) repeat} /***************************************** - NAVIGATION FANCY EXAMPLES - *****************************************/ .tparrows .tp-arr-imgholder { display: none} .tparrows .tp-arr-titleholder { display: none} /***************************************** - NAVIGATION FANCY EXAMPLES - *****************************************/ /* NAVIGATION PREVIEW 1 */ .tparrows.preview1 { width:100px;height:100px;-webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;background: transparent} .tparrows.preview1:after { position:absolute; left:0px;top:0px; font-family: "revicons"; color:#fff; font-size:30px; width:100px;height:100px;text-align: center; background:#fff;background:rgba(0,0,0,0.15);z-index:2;line-height:100px; -webkit-transition: background 0.3s, color 0.3s; -moz-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s} .tp-rightarrow.preview1:after { content: '\e825'; } .tp-leftarrow.preview1:after { content: '\e824'; } .tparrows.preview1:hover:after { background:rgba(255,255,255,1); color:#aaa} .tparrows.preview1 .tp-arr-imgholder { background-size:cover; background-position:center center; display:block;width:100%;height:100%;position:absolute;top:0px; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tparrows.preview1 .tp-arr-iwrapper { -webkit-transition: all 0.3s;transition: all 0.3s; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0} .tparrows.preview1:hover .tp-arr-iwrapper { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1} .tp-rightarrow.preview1 .tp-arr-imgholder { right:100%; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0; } .tp-leftarrow.preview1 .tp-arr-imgholder { left:100%; -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0; } .tparrows.preview1:hover .tp-arr-imgholder { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } @media only screen and (min-width: 768px) and (max-width: 979px) { .tparrows.preview1, .tparrows.preview1:after { width:80px; height:80px;line-height:80px; font-size:24px} } @media only screen and (min-width: 480px) and (max-width: 767px) { .tparrows.preview1, .tparrows.preview1:after { width:60px; height:60px;line-height:60px;font-size:20px} } @media only screen and (min-width: 0px) and (max-width: 479px) { .tparrows.preview1, .tparrows.preview1:after { width:40px; height:40px;line-height:40px; font-size:12px} } /* PREVIEW 1 BULLETS */ .tp-bullets.preview1 { height: 21px} .tp-bullets.preview1 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.15) !important; /*-webkit-border-radius: 10px; border-radius: 10px;*/ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 5px !important; height: 5px !important; border: 8px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 5px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview1 .bullet.last { margin-right: 0px} .tp-bullets.preview1 .bullet:hover, .tp-bullets.preview1 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #aaa !important; width: 5px !important; height: 5px !important; border: 8px solid rgba(255, 255, 255, 1) !important; } /* NAVIGATION PREVIEW 2 */ .tparrows.preview2 { min-width:60px; min-height:60px; background:#fff; ; border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px; overflow:hidden; -webkit-transition: -webkit-transform 1.3s; -webkit-transition: width 0.3s, background-color 0.3s, opacity 0.3s; transition: width 0.3s, background-color 0.3s, opacity 0.3s; backface-visibility: hidden; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; color:#aaa; font-size:25px; margin-top: -12px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s } .tp-rightarrow.preview2:after { content: '\e81e'; right:18px} .tp-leftarrow.preview2:after { content: '\e81f'; left:18px} .tparrows.preview2 .tp-arr-titleholder { background-size:cover; background-position:center center; display:block; visibility:hidden;position:relative;top:0px; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; white-space: nowrap; color: #000; text-transform: uppercase; font-weight: 400; font-size: 14px; line-height: 60px; padding:0px 10px; } .tp-rightarrow.preview2 .tp-arr-titleholder { right:50px; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .tp-leftarrow.preview2 .tp-arr-titleholder { left:50px; -webkit-transform: translateX(100%); transform: translateX(100%); } .tparrows.preview2.hovered { width:300px} .tparrows.preview2:hover { background:#fff} .tparrows.preview2:hover:after { color:#000} .tparrows.preview2:hover .tp-arr-titleholder{ -webkit-transform: translateX(0px); transform: translateX(0px); visibility: visible; position: absolute; } /* PREVIEW 2 BULLETS */ .tp-bullets.preview2 { height: 17px} .tp-bullets.preview2 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview2 .bullet.last { margin-right: 0px} .tp-bullets.preview2 .bullet:hover, .tp-bullets.preview2 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important; } .tp-arr-titleholder.alwayshidden { display:none !important} @media only screen and (min-width: 768px) and (max-width: 979px) { .tparrows.preview2 { min-width:40px; min-height:40px; width:40px;height:40px; border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:20px; margin-top: -12px} .tp-rightarrow.preview2:after { content: '\e81e'; right:11px} .tp-leftarrow.preview2:after { content: '\e81f'; left:11px} .tparrows.preview2 .tp-arr-titleholder { font-size:12px; line-height:40px; letter-spacing: 0px} .tp-rightarrow.preview2 .tp-arr-titleholder { right:35px} .tp-leftarrow.preview2 .tp-arr-titleholder { left:35px} } @media only screen and (min-width: 480px) and (max-width: 767px) { .tparrows.preview2 { min-width:30px; min-height:30px; width:30px;height:30px; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:14px; margin-top: -12px} .tp-rightarrow.preview2:after { content: '\e81e'; right:8px} .tp-leftarrow.preview2:after { content: '\e81f'; left:8px} .tparrows.preview2 .tp-arr-titleholder { font-size:10px; line-height:30px; letter-spacing: 0px} .tp-rightarrow.preview2 .tp-arr-titleholder { right:25px} .tp-leftarrow.preview2 .tp-arr-titleholder { left:25px} .tparrows.preview2 .tp-arr-titleholder { display:none;visibility:none} } @media only screen and (min-width: 0px) and (max-width: 479px) { .tparrows.preview2 { min-width:30px; min-height:30px; width:30px;height:30px; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:14px; margin-top: -12px} .tp-rightarrow.preview2:after { content: '\e81e'; right:8px} .tp-leftarrow.preview2:after { content: '\e81f'; left:8px} .tparrows.preview2 .tp-arr-titleholder { display:none;visibility:none} .tparrows.preview2:hover { width:30px !important; height:30px !important} } /* NAVIGATION PREVIEW 3 */ .tparrows.preview3 { width:70px; height:70px; background:#fff; background:rgba(255,255,255,1); -webkit-transform-style: flat} .tparrows.preview3:after { position:absolute; line-height: 70px;text-align: center; font-family: "revicons"; color:#aaa; font-size:30px; top:0px;left:0px;;background:#fff; z-index:100; width:70px;height:70px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s} .tparrows.preview3:hover:after { color:#000} .tp-rightarrow.preview3:after { content: '\e825'; } .tp-leftarrow.preview3:after { content: '\e824'; } .tparrows.preview3 .tp-arr-iwrapper { -webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; z-index:0;position: absolute; background: #000; background: rgba(0,0,0,0.75); display: table;min-height:90px;top:-10px} .tp-leftarrow.preview3 .tp-arr-iwrapper { -webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .tparrows.preview3 .tp-arr-imgholder { display:block;background-size:cover; background-position:center center; display:table-cell;min-width:90px;height:90px; position:relative;top:0px} .tp-rightarrow.preview3 .tp-arr-iwrapper { right:0px;padding-right:70px} .tp-leftarrow.preview3 .tp-arr-iwrapper { left:0px; direction: rtl;padding-left:70px} .tparrows.preview3 .tp-arr-titleholder { display:table-cell; padding:30px;font-size:16px; color:#fff;white-space: nowrap; position: relative; clear:right;vertical-align: middle} .tparrows.preview3:hover .tp-arr-iwrapper { -webkit-transform: scale(1,1); transform: scale(1,1); } /* PREVIEW 3 BULLETS */ .tp-bullets.preview3 { height: 17px} .tp-bullets.preview3 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview3 .bullet.last { margin-right: 0px} .tp-bullets.preview3 .bullet:hover, .tp-bullets.preview3 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important; } @media only screen and (min-width: 768px) and (max-width: 979px) { .tparrows.preview3:after, .tparrows.preview3 { width:50px; height:50px; line-height:50px;font-size:20px} .tparrows.preview3 .tp-arr-iwrapper { min-height:70px} .tparrows.preview3 .tp-arr-imgholder { min-width:70px;height:70px} .tp-rightarrow.preview3 .tp-arr-iwrapper { padding-right:50px} .tp-leftarrow.preview3 .tp-arr-iwrapper { padding-left:50px} .tparrows.preview3 .tp-arr-titleholder { padding:10px;font-size:16px} } @media only screen and (max-width: 767px) { .tparrows.preview3:after, .tparrows.preview3 { width:50px; height:50px; line-height:50px;font-size:20px} .tparrows.preview3 .tp-arr-iwrapper { min-height:70px} } /* NAVIGATION PREVIEW 4 */ .tparrows.preview4 { width:30px; height:110px; background:transparent;-webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000} .tparrows.preview4:after { position:absolute; line-height: 110px;text-align: center; font-family: "revicons"; color:#fff; font-size:20px; top:0px;left:0px;z-index:0; width:30px;height:110px; background: #000; background: rgba(0,0,0,0.25); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } .tp-rightarrow.preview4:after { content: '\e825'; } .tp-leftarrow.preview4:after { content: '\e824'; } .tparrows.preview4 .tp-arr-allwrapper { visibility:hidden;width:180px;position: absolute;z-index: 1;min-height:120px;top:0px;left:-150px; overflow: hidden;-webkit-perspective: 1000px;-webkit-transform-style: flat} .tp-leftarrow.preview4 .tp-arr-allwrapper { left:0px} .tparrows.preview4 .tp-arr-iwrapper { position: relative} .tparrows.preview4 .tp-arr-imgholder { display:block;background-size:cover; background-position:center center;width:180px;height:110px; position:relative;top:0px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tparrows.preview4 .tp-arr-imgholder2 { display:block;background-size:cover; background-position:center center; width:180px;height:110px; position:absolute;top:0px; left:180px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tp-leftarrow.preview4 .tp-arr-imgholder2 { left:-180px} .tparrows.preview4 .tp-arr-titleholder { display:block; font-size:12px; line-height:25px; padding:0px 10px;text-align:left;color:#fff; position: relative; background: #000; color: #FFF; text-transform: uppercase; white-space: nowrap; letter-spacing: 1px; font-weight: 700; font-size: 11px; line-height: 2.75; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0; } .tparrows.preview4:after { transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%} .tp-leftarrow.preview4:after { transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%} @media only screen and (min-width: 768px) { .tparrows.preview4:hover:after { -webkit-transform: rotateY(-90deg); transform:rotateY(-90deg)} .tp-leftarrow.preview4:hover:after { -webkit-transform: rotateY(90deg); transform:rotateY(90deg)} .tparrows.preview4:hover .tp-arr-titleholder { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } } /* PREVIEW 4 BULLETS */ .tp-bullets.preview4 { height: 17px} .tp-bullets.preview4 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview4 .bullet.last { margin-right: 0px} .tp-bullets.preview4 .bullet:hover, .tp-bullets.preview4 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important; } @media only screen and (max-width: 767px) { .tparrows.preview4 { width:20px; height:80px} .tparrows.preview4:after { width:20px; height:80px; line-height:80px; font-size:14px} .tparrows.preview1 .tp-arr-allwrapper, .tparrows.preview2 .tp-arr-allwrapper, .tparrows.preview3 .tp-arr-allwrapper, .tparrows.preview4 .tp-arr-allwrapper { display: none !important} } /****************************** - LOADER FORMS - ********************************/ .tp-loader { top:50%; left:50%; z-index:10000; position:absolute; } .tp-loader.spinner0 { width: 40px; height: 40px; background:url(../assets/loader.gif) no-repeat center center; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top:-20px; margin-left:-20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner1 { width: 40px; height: 40px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top:-20px; margin-left:-20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner5 { background:url(../assets/loader.gif) no-repeat 10px 10px; background-color:#fff; margin:-22px -22px; width:44px;height:44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } @-webkit-keyframes tp-rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes tp-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } .tp-loader.spinner2 { width: 40px; height: 40px; margin-top:-20px;margin-left:-20px; background-color: #ff0000; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; -webkit-animation: tp-scaleout 1.0s infinite ease-in-out; animation: tp-scaleout 1.0s infinite ease-in-out; } @-webkit-keyframes tp-scaleout { 0% { -webkit-transform: scale(0.0) } 100% { -webkit-transform: scale(1.0); opacity: 0; } } @keyframes tp-scaleout { 0% { transform: scale(0.0); -webkit-transform: scale(0.0); } 100% { transform: scale(1.0); -webkit-transform: scale(1.0); opacity: 0; } } .tp-loader.spinner3 { margin: -9px 0px 0px -35px; width: 70px; text-align: center; } .tp-loader.spinner3 .bounce1, .tp-loader.spinner3 .bounce2, .tp-loader.spinner3 .bounce3 { width: 18px; height: 18px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; display: inline-block; -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out; animation: tp-bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .tp-loader.spinner3 .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .tp-loader.spinner3 .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes tp-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes tp-bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .tp-loader.spinner4 { margin: -20px 0px 0px -20px; width: 40px; height: 40px; text-align: center; -webkit-animation: tp-rotate 2.0s infinite linear; animation: tp-rotate 2.0s infinite linear; } .tp-loader.spinner4 .dot1, .tp-loader.spinner4 .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #fff; border-radius: 100%; -webkit-animation: tp-bounce 2.0s infinite ease-in-out; animation: tp-bounce 2.0s infinite ease-in-out; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); } .tp-loader.spinner4 .dot2 { top: auto; bottom: 0px; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes tp-rotate { 100% { -webkit-transform: rotate(360deg) }} @keyframes tp-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }} @-webkit-keyframes tp-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes tp-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .tp-transparentimg { content:"url(../assets/transparent.png)"} .tp-3d { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 50%; } .tp-caption img { background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); zoom: 1; } @font-face { font-family: 'revicons'; src: url('../font/revicons.eot?5510888'); src: url('../font/revicons.eot?5510888#iefix') format('embedded-opentype'), url('../font/revicons.woff?5510888') format('woff'), url('../font/revicons.ttf?5510888') format('truetype'), url('../font/revicons.svg?5510888#revicons') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'revicons'; src: url('../font/revicons.svg?5510888#revicons') format('svg'); } } */ [class^="revicon-"]:before, [class*=" revicon-"]:before { font-family: "revicons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .revicon-search-1:before { content: '\e802'} /* '' */ .revicon-pencil-1:before { content: '\e831'} /* '' */ .revicon-picture-1:before { content: '\e803'} /* '' */ .revicon-cancel:before { content: '\e80a'} /* '' */ .revicon-info-circled:before { content: '\e80f'} /* '' */ .revicon-trash:before { content: '\e801'} /* '' */ .revicon-left-dir:before { content: '\e817'} /* '' */ .revicon-right-dir:before { content: '\e818'} /* '' */ .revicon-down-open:before { content: '\e83b'} /* '' */ .revicon-left-open:before { content: '\e819'} /* '' */ .revicon-right-open:before { content: '\e81a'} /* '' */ .revicon-angle-left:before { content: '\e820'} /* '' */ .revicon-angle-right:before { content: '\e81d'} /* '' */ .revicon-left-big:before { content: '\e81f'} /* '' */ .revicon-right-big:before { content: '\e81e'} /* '' */ .revicon-magic:before { content: '\e807'} /* '' */ .revicon-picture:before { content: '\e800'} /* '' */ .revicon-export:before { content: '\e80b'} /* '' */ .revicon-cog:before { content: '\e832'} /* '' */ .revicon-login:before { content: '\e833'} /* '' */ .revicon-logout:before { content: '\e834'} /* '' */ .revicon-video:before { content: '\e805'} /* '' */ .revicon-arrow-combo:before { content: '\e827'} /* '' */ .revicon-left-open-1:before { content: '\e82a'} /* '' */ .revicon-right-open-1:before { content: '\e82b'} /* '' */ .revicon-left-open-mini:before { content: '\e822'} /* '' */ .revicon-right-open-mini:before { content: '\e823'} /* '' */ .revicon-left-open-big:before { content: '\e824'} /* '' */ .revicon-right-open-big:before { content: '\e825'} /* '' */ .revicon-left:before { content: '\e836'} /* '' */ .revicon-right:before { content: '\e826'} /* '' */ .revicon-ccw:before { content: '\e808'} /* '' */ .revicon-arrows-ccw:before { content: '\e806'} /* '' */ .revicon-palette:before { content: '\e829'} /* '' */ .revicon-list-add:before { content: '\e80c'} /* '' */ .revicon-doc:before { content: '\e809'} /* '' */ .revicon-left-open-outline:before { content: '\e82e'} /* '' */ .revicon-left-open-2:before { content: '\e82c'} /* '' */ .revicon-right-open-outline:before { content: '\e82f'} /* '' */ .revicon-right-open-2:before { content: '\e82d'} /* '' */ .revicon-equalizer:before { content: '\e83a'} /* '' */ .revicon-layers-alt:before { content: '\e804'} /* '' */ .revicon-popup:before { content: '\e828'} /* '' */ /* settings.css */ .rtl{direction:rtl}@font-face{font-family:revicons;src:url(../fonts/revicons/revicons.eot?5510888);src:url(../fonts/revicons/revicons.eot?5510888#iefix) format('embedded-opentype'),url(../fonts/revicons/revicons.woff?5510888) format('woff'),url(../fonts/revicons/revicons.ttf?5510888) format('truetype'),url(../fonts/revicons/revicons.svg?5510888#revicons) format('svg');font-weight:400;font-style:normal}[class*=" revicon-"]:before,[class^=revicon-]:before{font-family:revicons;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em}.revicon-search-1:before{content:'\e802'}.revicon-pencil-1:before{content:'\e831'}.revicon-picture-1:before{content:'\e803'}.revicon-cancel:before{content:'\e80a'}.revicon-info-circled:before{content:'\e80f'}.revicon-trash:before{content:'\e801'}.revicon-left-dir:before{content:'\e817'}.revicon-right-dir:before{content:'\e818'}.revicon-down-open:before{content:'\e83b'}.revicon-left-open:before{content:'\e819'}.revicon-right-open:before{content:'\e81a'}.revicon-angle-left:before{content:'\e820'}.revicon-angle-right:before{content:'\e81d'}.revicon-left-big:before{content:'\e81f'}.revicon-right-big:before{content:'\e81e'}.revicon-magic:before{content:'\e807'}.revicon-picture:before{content:'\e800'}.revicon-export:before{content:'\e80b'}.revicon-cog:before{content:'\e832'}.revicon-login:before{content:'\e833'}.revicon-logout:before{content:'\e834'}.revicon-video:before{content:'\e805'}.revicon-arrow-combo:before{content:'\e827'}.revicon-left-open-1:before{content:'\e82a'}.revicon-right-open-1:before{content:'\e82b'}.revicon-left-open-mini:before{content:'\e822'}.revicon-right-open-mini:before{content:'\e823'}.revicon-left-open-big:before{content:'\e824'}.revicon-right-open-big:before{content:'\e825'}.revicon-left:before{content:'\e836'}.revicon-right:before{content:'\e826'}.revicon-ccw:before{content:'\e808'}.revicon-arrows-ccw:before{content:'\e806'}.revicon-palette:before{content:'\e829'}.revicon-list-add:before{content:'\e80c'}.revicon-doc:before{content:'\e809'}.revicon-left-open-outline:before{content:'\e82e'}.revicon-left-open-2:before{content:'\e82c'}.revicon-right-open-outline:before{content:'\e82f'}.revicon-right-open-2:before{content:'\e82d'}.revicon-equalizer:before{content:'\e83a'}.revicon-layers-alt:before{content:'\e804'}.revicon-popup:before{content:'\e828'}.rev_slider_wrapper{position:relative;z-index:0;width:100%}.rev_slider{position:relative;overflow:visible}.tp-overflow-hidden{overflow:hidden}.rev_slider img,.tp-simpleresponsive img{max-width:none!important;-moz-transition:none;-webkit-transition:none;-o-transition:none;transition:none;margin:0;padding:0;border:none}.rev_slider .no-slides-text{font-weight:700;text-align:center;padding-top:80px}.rev_slider>ul,.rev_slider>ul>li,.rev_slider>ul>li:before,.rev_slider_wrapper>ul,.tp-revslider-mainul>li,.tp-revslider-mainul>li:before,.tp-simpleresponsive>ul,.tp-simpleresponsive>ul>li,.tp-simpleresponsive>ul>li:before{list-style:none!important;position:absolute;margin:0!important;padding:0!important;overflow-x:visible;overflow-y:visible;background-image:none;background-position:0 0;text-indent:0;top:0;left:0}.rev_slider>ul>li,.rev_slider>ul>li:before,.tp-revslider-mainul>li,.tp-revslider-mainul>li:before,.tp-simpleresponsive>ul>li,.tp-simpleresponsive>ul>li:before{visibility:hidden}.tp-revslider-mainul,.tp-revslider-slidesli{padding:0!important;margin:0!important;list-style:none!important}.fullscreen-container,.fullwidthbanner-container{padding:0;position:relative}.rev_slider li.tp-revslider-slidesli{position:absolute!important}.tp-caption .rs-untoggled-content{display:block}.tp-caption .rs-toggled-content{display:none}.rs-toggle-content-active.tp-caption .rs-toggled-content{display:block}.rs-toggle-content-active.tp-caption .rs-untoggled-content{display:none}.rev_slider .caption,.rev_slider .tp-caption{position:relative;visibility:hidden;white-space:nowrap;display:block}.rev_slider .tp-mask-wrap .tp-caption,.rev_slider .tp-mask-wrap :last-child,.wpb_text_column .rev_slider .tp-mask-wrap .tp-caption,.wpb_text_column .rev_slider .tp-mask-wrap :last-child{margin-bottom:0}.tp-svg-layer svg{width:100%;height:100%;position:relative;vertical-align:top}.tp-caption .backcorner,.tp-caption .backcornertop,.tp-caption .frontcorner,.tp-caption .frontcornertop{height:0;width:0;position:absolute}.tp-carousel-wrapper{cursor:url(openhand.cur),move}.tp-carousel-wrapper.dragged{cursor:url(closedhand.cur),move}.tp-caption{z-index:1;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;position:absolute;-webkit-font-smoothing:antialiased!important}.tp_inner_padding{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;max-height:none!important}.tp-caption.tp-layer-selectable{-moz-user-select:all;-khtml-user-select:all;-webkit-user-select:all;-o-user-select:all}.tp-caption.tp-hidden-caption,.tp-forcenotvisible,.tp-hide-revslider{visibility:hidden!important;display:none!important}.rev_slider audio,.rev_slider embed,.rev_slider iframe,.rev_slider object,.rev_slider video{max-width:none!important}.fullwidthbanner-container{overflow:hidden}.fullwidthbanner-container .fullwidthabanner{width:100%;position:relative}.tp-static-layers{position:absolute;z-index:101;top:0;left:0}.tp-caption .frontcorner{border-left:40px solid transparent;border-right:0 solid transparent;border-top:40px solid #00A8FF;left:-40px;top:0}.tp-caption .backcorner{border-left:0 solid transparent;border-right:40px solid transparent;border-bottom:40px solid #00A8FF;right:0;top:0}.tp-caption .frontcornertop{border-left:40px solid transparent;border-right:0 solid transparent;border-bottom:40px solid #00A8FF;left:-40px;top:0}.tp-caption .backcornertop{border-left:0 solid transparent;border-right:40px solid transparent;border-top:40px solid #00A8FF;right:0;top:0}.tp-layer-inner-rotation{position:relative!important}img.tp-slider-alternative-image{width:100%;height:auto}.caption.fullscreenvideo,.rs-background-video-layer,.tp-caption.coverscreenvideo,.tp-caption.fullscreenvideo{width:100%;height:100%;top:0;left:0;position:absolute}.noFilterClass{filter:none!important}.rs-background-video-layer{visibility:hidden;z-index:0}.caption.fullscreenvideo audio,.caption.fullscreenvideo iframe,.caption.fullscreenvideo video,.tp-caption.fullscreenvideo iframe,.tp-caption.fullscreenvideo iframe audio,.tp-caption.fullscreenvideo iframe video{width:100%!important;height:100%!important;display:none}.fullcoveredvideo audio,.fullscreenvideo audio .fullcoveredvideo video,.fullscreenvideo video{background:#000}.fullcoveredvideo .tp-poster{background-position:center center;background-size:cover;width:100%;height:100%;top:0;left:0}.videoisplaying .html5vid .tp-poster{display:none}.tp-video-play-button{background:#000;background:rgba(0,0,0,.3);border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;position:absolute;top:50%;left:50%;color:#FFF;margin-top:-25px;margin-left:-25px;line-height:50px!important;text-align:center;cursor:pointer;width:50px;height:50px;box-sizing:border-box;-moz-box-sizing:border-box;display:inline-block;vertical-align:top;z-index:4;opacity:0;-webkit-transition:opacity .3s ease-out!important;-moz-transition:opacity .3s ease-out!important;-o-transition:opacity .3s ease-out!important;transition:opacity .3s ease-out!important}.tp-audio-html5 .tp-video-play-button,.tp-hiddenaudio{display:none!important}.tp-caption .html5vid{width:100%!important;height:100%!important}.tp-video-play-button i{width:50px;height:50px;display:inline-block;text-align:center;vertical-align:top;line-height:50px!important;font-size:40px!important}.rs-fullvideo-cover,.tp-dottedoverlay,.tp-shadowcover{height:100%;top:0;left:0;position:absolute}.tp-caption .tp-revstop{display:none;border-left:5px solid #fff!important;border-right:5px solid #fff!important;margin-top:15px!important;line-height:20px!important;vertical-align:top;font-size:25px!important}.tp-seek-bar,.tp-video-button,.tp-volume-bar{outline:0;line-height:12px;margin:0;cursor:pointer}.videoisplaying .revicon-right-dir{display:none}.videoisplaying .tp-revstop{display:inline-block}.videoisplaying .tp-video-play-button{display:none}.tp-caption:hover .tp-video-play-button{opacity:1;display:block}.fullcoveredvideo .tp-video-play-button{display:none!important}.fullscreenvideo .fullscreenvideo audio,.fullscreenvideo .fullscreenvideo video{object-fit:contain!important}.fullscreenvideo .fullcoveredvideo audio,.fullscreenvideo .fullcoveredvideo video{object-fit:cover!important}.tp-video-controls{position:absolute;bottom:0;left:0;right:0;padding:5px;opacity:0;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-o-transition:opacity .3s;-ms-transition:opacity .3s;transition:opacity .3s;background-image:linear-gradient(to bottom,#000 13%,#323232 100%);background-image:-o-linear-gradient(bottom,#000 13%,#323232 100%);background-image:-moz-linear-gradient(bottom,#000 13%,#323232 100%);background-image:-webkit-linear-gradient(bottom,#000 13%,#323232 100%);background-image:-ms-linear-gradient(bottom,#000 13%,#323232 100%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(.13,#000),color-stop(1,#323232));display:table;max-width:100%;overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.rev-btn.rev-hiddenicon i,.rev-btn.rev-withicon i{-webkit-transition:all .2s ease-out!important;-o-transition:all .2s ease-out!important;-ms-transition:all .2s ease-out!important}.tp-caption:hover .tp-video-controls{opacity:.9}.tp-video-button{background:rgba(0,0,0,.5);border:0;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;font-size:12px;color:#fff;padding:0}.tp-video-button:hover{cursor:pointer}.tp-video-button-wrap,.tp-video-seek-bar-wrap,.tp-video-vol-bar-wrap{padding:0 5px;display:table-cell;vertical-align:middle}.tp-video-seek-bar-wrap{width:80%}.tp-video-vol-bar-wrap{width:20%}.tp-seek-bar,.tp-volume-bar{width:100%;padding:0}.rs-fullvideo-cover{width:100%;background:0 0;z-index:5}.rs-background-video-layer video::-webkit-media-controls{display:none!important}.rs-background-video-layer audio::-webkit-media-controls{display:none!important}.tp-audio-html5 .tp-video-controls{opacity:1!important;visibility:visible!important}.tp-dottedoverlay{background-repeat:repeat;width:100%;z-index:3}.tp-dottedoverlay.twoxtwo{background:url(../assets/gridtile.png)}.tp-dottedoverlay.twoxtwowhite{background:url(../assets/gridtile_white.png)}.tp-dottedoverlay.threexthree{background:url(../assets/gridtile_3x3.png)}.tp-dottedoverlay.threexthreewhite{background:url(../assets/gridtile_3x3_white.png)}.tp-shadowcover{width:100%;background:#fff;z-index:-1}.tp-shadow1{-webkit-box-shadow:0 10px 6px -6px rgba(0,0,0,.8);-moz-box-shadow:0 10px 6px -6px rgba(0,0,0,.8);box-shadow:0 10px 6px -6px rgba(0,0,0,.8)}.tp-shadow2:after,.tp-shadow2:before,.tp-shadow3:before,.tp-shadow4:after{z-index:-2;position:absolute;content:"";bottom:10px;left:10px;width:50%;top:85%;max-width:300px;background:0 0;-webkit-box-shadow:0 15px 10px rgba(0,0,0,.8);-moz-box-shadow:0 15px 10px rgba(0,0,0,.8);box-shadow:0 15px 10px rgba(0,0,0,.8);-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-o-transform:rotate(-3deg);-ms-transform:rotate(-3deg);transform:rotate(-3deg)}.tp-shadow2:after,.tp-shadow4:after{-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-o-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg);right:10px;left:auto}.tp-shadow5{position:relative;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset;-moz-box-shadow:0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset;box-shadow:0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset}.tp-shadow5:after,.tp-shadow5:before{content:"";position:absolute;z-index:-2;-webkit-box-shadow:0 0 25px 0 rgba(0,0,0,.6);-moz-box-shadow:0 0 25px 0 rgba(0,0,0,.6);box-shadow:0 0 25px 0 rgba(0,0,0,.6);top:30%;bottom:0;left:20px;right:20px;-moz-border-radius:100px/20px;border-radius:100px/20px}.tp-button{padding:6px 13px 5px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;height:30px;cursor:pointer;color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.6)!important;font-size:15px;line-height:45px!important;font-family:arial,sans-serif;font-weight:700;letter-spacing:-1px;text-decoration:none}.tp-button.big{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.6);font-weight:700;padding:9px 20px;font-size:19px;line-height:57px!important}.purchase:hover,.tp-button.big:hover,.tp-button:hover{background-position:bottom,15px 11px}.purchase.green,.purchase:hover.green,.tp-button.green,.tp-button:hover.green{background-color:#21a117;-webkit-box-shadow:0 3px 0 0 #104d0b;-moz-box-shadow:0 3px 0 0 #104d0b;box-shadow:0 3px 0 0 #104d0b}.purchase.blue,.purchase:hover.blue,.tp-button.blue,.tp-button:hover.blue{background-color:#1d78cb;-webkit-box-shadow:0 3px 0 0 #0f3e68;-moz-box-shadow:0 3px 0 0 #0f3e68;box-shadow:0 3px 0 0 #0f3e68}.purchase.red,.purchase:hover.red,.tp-button.red,.tp-button:hover.red{background-color:#cb1d1d;-webkit-box-shadow:0 3px 0 0 #7c1212;-moz-box-shadow:0 3px 0 0 #7c1212;box-shadow:0 3px 0 0 #7c1212}.purchase.orange,.purchase:hover.orange,.tp-button.orange,.tp-button:hover.orange{background-color:#f70;-webkit-box-shadow:0 3px 0 0 #a34c00;-moz-box-shadow:0 3px 0 0 #a34c00;box-shadow:0 3px 0 0 #a34c00}.purchase.darkgrey,.purchase:hover.darkgrey,.tp-button.darkgrey,.tp-button.grey,.tp-button:hover.darkgrey,.tp-button:hover.grey{background-color:#555;-webkit-box-shadow:0 3px 0 0 #222;-moz-box-shadow:0 3px 0 0 #222;box-shadow:0 3px 0 0 #222}.purchase.lightgrey,.purchase:hover.lightgrey,.tp-button.lightgrey,.tp-button:hover.lightgrey{background-color:#888;-webkit-box-shadow:0 3px 0 0 #555;-moz-box-shadow:0 3px 0 0 #555;box-shadow:0 3px 0 0 #555}.rev-btn,.rev-btn:visited{outline:0!important;box-shadow:none!important;text-decoration:none!important;line-height:44px;font-size:17px;font-weight:500;padding:12px 35px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-family:Roboto,sans-serif;cursor:pointer}.rev-btn.rev-uppercase,.rev-btn.rev-uppercase:visited{text-transform:uppercase;letter-spacing:1px;font-size:15px;font-weight:900}.rev-btn.rev-withicon i{font-size:15px;font-weight:400;position:relative;top:0;-moz-transition:all .2s ease-out!important;margin-left:10px!important}.rev-btn.rev-hiddenicon i{font-size:15px;font-weight:400;position:relative;top:0;-moz-transition:all .2s ease-out!important;opacity:0;margin-left:0!important;width:0!important}.rev-btn.rev-hiddenicon:hover i{opacity:1!important;margin-left:10px!important;width:auto!important}.rev-btn.rev-medium,.rev-btn.rev-medium:visited{line-height:36px;font-size:14px;padding:10px 30px}.rev-btn.rev-medium.rev-hiddenicon i,.rev-btn.rev-medium.rev-withicon i{font-size:14px;top:0}.rev-btn.rev-small,.rev-btn.rev-small:visited{line-height:28px;font-size:12px;padding:7px 20px}.rev-btn.rev-small.rev-hiddenicon i,.rev-btn.rev-small.rev-withicon i{font-size:12px;top:0}.rev-maxround{-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.rev-minround{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.rev-burger{position:relative;width:60px;height:60px;box-sizing:border-box;padding:22px 0 0 14px;border-radius:50%;border:1px solid rgba(51,51,51,.25);tap-highlight-color:transparent;cursor:pointer}.rev-burger span{display:block;width:30px;height:3px;background:#333;transition:.7s;pointer-events:none;transform-style:flat!important}.rev-burger.revb-white span,.rev-burger.revb-whitenoborder span{background:#fff}.rev-burger span:nth-child(2){margin:3px 0}#dialog_addbutton .rev-burger:hover :first-child,.open .rev-burger :first-child,.open.rev-burger :first-child{transform:translateY(6px) rotate(-45deg);-webkit-transform:translateY(6px) rotate(-45deg)}#dialog_addbutton .rev-burger:hover :nth-child(2),.open .rev-burger :nth-child(2),.open.rev-burger :nth-child(2){transform:rotate(-45deg);-webkit-transform:rotate(-45deg);opacity:0}#dialog_addbutton .rev-burger:hover :last-child,.open .rev-burger :last-child,.open.rev-burger :last-child{transform:translateY(-6px) rotate(-135deg);-webkit-transform:translateY(-6px) rotate(-135deg)}.rev-burger.revb-white{border:2px solid rgba(255,255,255,.2)}.rev-burger.revb-darknoborder,.rev-burger.revb-whitenoborder{border:0}.rev-burger.revb-darknoborder span{background:#333}.rev-burger.revb-whitefull{background:#fff;border:none}.rev-burger.revb-whitefull span{background:#333}.rev-burger.revb-darkfull{background:#333;border:none}.rev-burger.revb-darkfull span,.rev-scroll-btn.revs-fullwhite{background:#fff}@-webkit-keyframes rev-ani-mouse{0%{opacity:1;top:29%}15%{opacity:1;top:50%}50%{opacity:0;top:50%}100%{opacity:0;top:29%}}@-moz-keyframes rev-ani-mouse{0%{opacity:1;top:29%}15%{opacity:1;top:50%}50%{opacity:0;top:50%}100%{opacity:0;top:29%}}@keyframes rev-ani-mouse{0%{opacity:1;top:29%}15%{opacity:1;top:50%}50%{opacity:0;top:50%}100%{opacity:0;top:29%}}.rev-scroll-btn{display:inline-block;position:relative;left:0;right:0;text-align:center;cursor:pointer;width:35px;height:55px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:3px solid #fff;border-radius:23px}.rev-control-btn,.tp-tab,.tp-thumb{box-sizing:border-box;cursor:pointer}.rev-scroll-btn>*{display:inline-block;line-height:18px;font-size:13px;font-weight:400;color:#fff;font-family:proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:2px}.rev-scroll-btn>.active,.rev-scroll-btn>:focus,.rev-scroll-btn>:hover{color:#fff}.rev-scroll-btn>.active,.rev-scroll-btn>:active,.rev-scroll-btn>:focus,.rev-scroll-btn>:hover{filter:alpha(opacity=80)}.rev-scroll-btn.revs-fullwhite span{background:#333}.rev-scroll-btn.revs-fulldark{background:#333;border:none}.rev-scroll-btn.revs-fulldark span,.tp-bullet{background:#fff}.rev-scroll-btn span{position:absolute;display:block;top:29%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;background:#fff;border-radius:50%;-webkit-animation:rev-ani-mouse 2.5s linear infinite;-moz-animation:rev-ani-mouse 2.5s linear infinite;animation:rev-ani-mouse 2.5s linear infinite}.rev-scroll-btn.revs-dark{border-color:#333}.rev-scroll-btn.revs-dark span{background:#333}.rev-control-btn{position:relative;display:inline-block;z-index:5;color:#FFF;font-size:20px;line-height:60px;font-weight:400;font-style:normal;font-family:Raleway;text-decoration:none;text-align:center;background-color:#000;border-radius:50px;text-shadow:none;background-color:rgba(0,0,0,.5);width:60px;height:60px}.rev-cbutton-dark-sr,.rev-cbutton-light-sr{border-radius:3px}.rev-cbutton-light,.rev-cbutton-light-sr{color:#333;background-color:rgba(255,255,255,.75)}.rev-sbutton{line-height:37px;width:37px;height:37px}.rev-sbutton-blue{background-color:#3B5998}.rev-sbutton-lightblue{background-color:#00A0D1}.rev-sbutton-red{background-color:#DD4B39}.tp-bannertimer{visibility:hidden;width:100%;position:absolute;z-index:200;top:0}.tp-bannertimer.tp-bottom{top:auto;bottom:0!important;height:5px}.tp-simpleresponsive img{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none}.tp-caption img{background:0 0;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);zoom:1}.caption.slidelink a div,.tp-caption.slidelink a div{width:3000px;height:1500px;background:url(../assets/coloredbg.png)}.tp-caption.slidelink a span{background:url(../assets/coloredbg.png)}.tp-shape{width:100%;height:100%}.tp-caption .rs-starring{display:inline-block}.tp-caption .rs-starring .star-rating{float:none;display:inline-block;vertical-align:top}.tp-caption .rs-starring .star-rating,.tp-caption .rs-starring-page .star-rating{position:relative;height:1em;width:5.4em;font-size:1em!important;font-family:star}.tp-loader.spinner0,.tp-loader.spinner1{width:40px;height:40px;box-shadow:0 0 20px 0 rgba(0,0,0,.15);margin-top:-20px;margin-left:-20px;border-radius:3px}.tp-caption .rs-starring .star-rating:before,.tp-caption .rs-starring-page .star-rating:before{content:"\73\73\73\73\73";color:#E0DADF;float:left;top:0;left:0;position:absolute}.tp-caption .rs-starring .star-rating span{overflow:hidden;float:left;top:0;left:0;position:absolute;padding-top:1.5em;font-size:1em!important}.tp-caption .rs-starring .star-rating span:before{content:"\53\53\53\53\53";top:0;position:absolute;left:0}.tp-caption .rs-starring .star-rating{color:#FFC321!important}.tp-loader{top:50%;left:50%;z-index:10000;position:absolute}.tp-loader.spinner0{background:url(../assets/loader.gif) center center no-repeat;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.15);-webkit-animation:tp-rotateplane 1.2s infinite ease-in-out;animation:tp-rotateplane 1.2s infinite ease-in-out;-moz-border-radius:3px;-webkit-border-radius:3px}.tp-loader.spinner1{background-color:#fff;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.15);-webkit-animation:tp-rotateplane 1.2s infinite ease-in-out;animation:tp-rotateplane 1.2s infinite ease-in-out;-moz-border-radius:3px;-webkit-border-radius:3px}.tp-loader.spinner5{background:url(../assets/loader.gif) 10px 10px no-repeat #fff;margin:-22px;width:44px;height:44px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}@-webkit-keyframes tp-rotateplane{0%{-webkit-transform:perspective(120px)}50%{-webkit-transform:perspective(120px) rotateY(180deg)}100%{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}}@keyframes tp-rotateplane{0%{transform:perspective(120px) rotateX(0) rotateY(0)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.tp-loader.spinner2{width:40px;height:40px;margin-top:-20px;margin-left:-20px;background-color:red;box-shadow:0 0 20px 0 rgba(0,0,0,.15);-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.15);border-radius:100%;-webkit-animation:tp-scaleout 1s infinite ease-in-out;animation:tp-scaleout 1s infinite ease-in-out}@-webkit-keyframes tp-scaleout{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1);opacity:0}}@keyframes tp-scaleout{0%{transform:scale(0);-webkit-transform:scale(0)}100%{transform:scale(1);-webkit-transform:scale(1);opacity:0}}.tp-loader.spinner3{margin:-9px 0 0 -35px;width:70px;text-align:center}.tp-loader.spinner3 .bounce1,.tp-loader.spinner3 .bounce2,.tp-loader.spinner3 .bounce3{width:18px;height:18px;background-color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.15);-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.15);border-radius:100%;display:inline-block;-webkit-animation:tp-bouncedelay 1.4s infinite ease-in-out;animation:tp-bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.tp-loader.spinner3 .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.tp-loader.spinner3 .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes tp-bouncedelay{0%,100%,80%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes tp-bouncedelay{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.tp-loader.spinner4{margin:-20px 0 0 -20px;width:40px;height:40px;text-align:center;-webkit-animation:tp-rotate 2s infinite linear;animation:tp-rotate 2s infinite linear}.tp-loader.spinner4 .dot1,.tp-loader.spinner4 .dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:#fff;border-radius:100%;-webkit-animation:tp-bounce 2s infinite ease-in-out;animation:tp-bounce 2s infinite ease-in-out;box-shadow:0 0 20px 0 rgba(0,0,0,.15);-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.15)}.tp-loader.spinner4 .dot2{top:auto;bottom:0;-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes tp-rotate{100%{-webkit-transform:rotate(360deg)}}@keyframes tp-rotate{100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@-webkit-keyframes tp-bounce{0%,100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes tp-bounce{0%,100%{transform:scale(0)}50%{transform:scale(1)}}.tp-bullets.navbar,.tp-tabs.navbar,.tp-thumbs.navbar{border:none;min-height:0;margin:0;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0}.tp-bullets,.tp-tabs,.tp-thumbs{position:absolute;display:block;z-index:1000;top:0;left:0}.tp-tab,.tp-thumb{position:absolute;opacity:.5;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.tp-arr-imgholder,.tp-tab-image,.tp-thumb-image,.tp-videoposter{background-position:center center;background-size:cover;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.tp-tab.selected,.tp-tab:hover,.tp-thumb.selected,.tp-thumb:hover{opacity:1}.tp-tab-mask,.tp-thumb-mask{box-sizing:border-box!important;-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important}.tp-tabs,.tp-thumbs{box-sizing:content-box!important;-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important}.tp-bullet{width:15px;height:15px;position:absolute;background:rgba(255,255,255,.3);cursor:pointer}.tp-bullet.selected,.tp-bullet:hover{background:#fff}.tp-bannertimer{background:#000;background:rgba(0,0,0,.15);height:5px}.tparrows{cursor:pointer;background:#000;background:rgba(0,0,0,.5);width:40px;height:40px;position:absolute;display:block;z-index:1000}.tparrows:hover{background:#000}.tparrows:before{font-family:revicons;font-size:15px;color:#fff;display:block;line-height:40px;text-align:center}.hginfo,.hglayerinfo{font-size:12px;font-weight:600}.tparrows.tp-leftarrow:before{content:'\e824'}.tparrows.tp-rightarrow:before{content:'\e825'}body.rtl .tp-kbimg{left:0!important}.dddwrappershadow{box-shadow:0 45px 100px rgba(0,0,0,.4)}.hglayerinfo{position:fixed;bottom:0;left:0;color:#FFF;line-height:20px;background:rgba(0,0,0,.75);padding:5px 10px;z-index:2000;white-space:normal}.helpgrid,.hginfo{position:absolute}.hginfo{top:-2px;left:-2px;color:#e74c3c;background:#000;padding:2px 5px}.indebugmode .tp-caption:hover{border:1px dashed #c0392b!important}.helpgrid{border:2px dashed #c0392b;top:0;left:0;z-index:0}#revsliderlogloglog{padding:15px;color:#fff;position:fixed;top:0;left:0;width:200px;height:150px;background:rgba(0,0,0,.7);z-index:100000;font-size:10px;overflow:scroll} /** layers.css **/ .medium_grey,.medium_text,.small_text,.tp-caption.medium_grey,.tp-caption.medium_text,.tp-caption.small_text{line-height:20px;margin:0;position:absolute;border-style:none;border-width:0;font-family:Arial}.large_text,.medium_grey,.medium_text,.small_text,.tp-caption.large_text,.tp-caption.medium_grey,.tp-caption.medium_text,.tp-caption.small_text,.tp-caption.very_large_text,.very_large_text{font-weight:700;text-shadow:0 2px 5px rgba(0,0,0,.5);color:#fff;white-space:nowrap}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.medium_grey,.tp-caption.medium_grey{background-color:#888;font-size:20px;padding:2px 4px}.small_text,.tp-caption.small_text{font-size:14px}.medium_text,.tp-caption.medium_text{font-size:20px}.large_text,.tp-caption.large_text{border-style:none;border-width:0;font-family:Arial;font-size:40px;line-height:40px;margin:0;position:absolute}.tp-caption.very_big_black,.tp-caption.very_big_white,.tp-caption.very_large_text,.very_big_black,.very_big_white,.very_large_text{border-style:none;border-width:0;font-family:Arial;font-size:60px;line-height:60px;margin:0;position:absolute}.tp-caption.very_large_text,.very_large_text{letter-spacing:-2px}.tp-caption.very_big_white,.very_big_white{background-color:#000;color:#fff;font-weight:800;padding:1px 4px 0;text-shadow:none;white-space:nowrap}.tp-caption.very_big_black,.very_big_black{background-color:#fff;color:#000;font-weight:700;padding:1px 4px 0;text-shadow:none;white-space:nowrap}.modern_medium_fat,.modern_medium_fat_white,.modern_medium_light,.tp-caption.modern_medium_fat,.tp-caption.modern_medium_fat_white,.tp-caption.modern_medium_light{border-style:none;border-width:0;font-family:"Open Sans",sans-serif;font-size:24px;line-height:20px;white-space:nowrap}.modern_medium_fat,.tp-caption.modern_medium_fat{color:#000;font-weight:800;margin:0;position:absolute;text-shadow:none}.modern_medium_fat_white,.tp-caption.modern_medium_fat_white{color:#fff;font-weight:800;margin:0;position:absolute;text-shadow:none}.modern_medium_light,.tp-caption.modern_medium_light{color:#000;font-weight:300;margin:0;position:absolute;text-shadow:none}.modern_big_bluebg,.modern_big_redbg,.tp-caption.modern_big_bluebg,.tp-caption.modern_big_redbg{color:#fff;font-family:"Open Sans",sans-serif;font-size:30px;letter-spacing:0;line-height:36px;position:absolute;text-shadow:none;margin:0;border-style:none;border-width:0}.modern_big_bluebg,.tp-caption.modern_big_bluebg{background-color:#4e5b6c;font-weight:800;padding:3px 10px}.modern_big_redbg,.tp-caption.modern_big_redbg{background-color:#de543e;font-weight:300;padding:1px 10px 3px}.modern_small_text_dark,.tp-caption.modern_small_text_dark{border-style:none;border-width:0;color:#555;font-family:Arial;font-size:14px;line-height:22px;margin:0;position:absolute;text-shadow:none;white-space:nowrap}.boxshadow,.tp-caption.boxshadow{box-shadow:0 0 20px rgba(0,0,0,.5)}.black,.tp-caption.black{color:#000;text-shadow:none}.thinheadline_dark,.thintext_dark,.tp-caption.thinheadline_dark,.tp-caption.thintext_dark{background-color:transparent;color:rgba(0,0,0,.85);font-family:"Open Sans";font-weight:300}.noshadow,.tp-caption.noshadow{text-shadow:none}.thinheadline_dark,.tp-caption.thinheadline_dark{font-size:30px;line-height:30px;position:absolute;text-shadow:none}.thintext_dark,.tp-caption.thintext_dark{font-size:16px;line-height:26px;position:absolute;text-shadow:none}.largeblackbg,.largegreenbg,.largepinkbg,.largewhitebg,.tp-caption.largeblackbg,.tp-caption.largegreenbg,.tp-caption.largepinkbg,.tp-caption.largewhitebg{border-radius:0;font-weight:300;line-height:70px;padding:0 20px;text-shadow:none;font-family:"Open Sans";font-size:50px;position:absolute}.largeblackbg,.tp-caption.largeblackbg{background-color:#000;color:#fff}.largepinkbg,.tp-caption.largepinkbg{background-color:#db4360;color:#fff}.largewhitebg,.tp-caption.largewhitebg{background-color:#fff;color:#000}.largegreenbg,.tp-caption.largegreenbg{background-color:#67ae73;color:#fff}.excerpt,.tp-caption.excerpt{background-color:rgba(0,0,0,1);border-color:#fff;border-style:none;border-width:0;color:#fff;font-family:Arial;font-size:36px;font-weight:700;height:auto;letter-spacing:-1.5px;line-height:36px;margin:0;padding:1px 4px 0;text-decoration:none;text-shadow:none;white-space:normal!important;width:150px}.large_bold_grey,.tp-caption.large_bold_grey{background-color:transparent;border-color:#ffd658;border-style:none;border-width:0;color:#666;font-family:"Open Sans";font-size:60px;font-weight:800;line-height:60px;margin:0;padding:1px 4px 0;text-decoration:none;text-shadow:none}.medium_thin_grey,.small_thin_grey,.tp-caption.medium_thin_grey,.tp-caption.small_thin_grey{background-color:transparent;border-color:#ffd658;border-style:none;border-width:0;font-family:"Open Sans";font-weight:300;padding:1px 4px 0;text-decoration:none;text-shadow:none;margin:0}.medium_thin_grey,.tp-caption.medium_thin_grey{color:#666;font-size:34px;line-height:30px}.small_thin_grey,.tp-caption.small_thin_grey{color:#757575;font-size:18px;line-height:26px}.lightgrey_divider,.tp-caption.lightgrey_divider{background-color:rgba(235,235,235,1);background-position:initial;background-repeat:initial;border-color:#222;border-style:none;border-width:0;height:3px;text-decoration:none;width:370px}.large_bold_darkblue,.medium_bg_darkblue,.tp-caption.large_bold_darkblue,.tp-caption.medium_bg_darkblue{border-color:#ffd658;border-style:none;border-width:0;font-family:"Open Sans";font-weight:800;text-decoration:none}.large_bold_darkblue,.tp-caption.large_bold_darkblue{background-color:transparent;color:#34495e;font-size:58px;line-height:60px}.medium_bg_darkblue,.tp-caption.medium_bg_darkblue{background-color:#34495e;color:#fff;font-size:20px;line-height:20px;padding:10px}.medium_bold_red,.medium_light_red,.tp-caption.medium_bold_red,.tp-caption.medium_light_red{background-color:transparent;border-color:#ffd658;border-style:none;border-width:0;color:#e33a0c;font-family:"Open Sans";padding:0}.medium_bold_red,.tp-caption.medium_bold_red{font-size:24px;font-weight:800;line-height:30px;text-decoration:none}.medium_light_red,.tp-caption.medium_light_red{font-size:21px;font-weight:300;line-height:26px;text-decoration:none}.medium_bg_orange,.medium_bg_red,.tp-caption.medium_bg_orange,.tp-caption.medium_bg_red{border-color:#ffd658;border-style:none;border-width:0;font-family:"Open Sans";padding:10px;font-weight:800;text-decoration:none}.medium_bg_red,.tp-caption.medium_bg_red{background-color:#e33a0c;color:#fff;font-size:20px;line-height:20px}.medium_bold_orange,.tp-caption.medium_bold_orange{background-color:transparent;border-color:#ffd658;border-style:none;border-width:0;color:#f39c12;font-family:"Open Sans";font-size:24px;font-weight:800;line-height:30px;text-decoration:none}.medium_bg_orange,.tp-caption.medium_bg_orange{background-color:#f39c12;color:#fff;font-size:20px;line-height:20px}.grassfloor,.tp-caption.grassfloor{background-color:rgba(160,179,151,1);border-color:#222;border-style:none;border-width:0;height:150px;text-decoration:none;width:4000px}.large_bold_white,.medium_light_white,.tp-caption.large_bold_white,.tp-caption.medium_light_white{background-color:transparent;border-color:#ffd658;border-style:none;border-width:0;color:#fff;font-family:"Open Sans"}.large_bold_white,.tp-caption.large_bold_white{font-size:58px;font-weight:800;line-height:60px;text-decoration:none}.medium_light_white,.tp-caption.medium_light_white{font-size:30px;font-weight:300;line-height:36px;padding:0;text-decoration:none}.mediumlarge_light_white,.mediumlarge_light_white_center,.tp-caption.mediumlarge_light_white,.tp-caption.mediumlarge_light_white_center{background-color:transparent;font-family:"Open Sans";font-size:34px;font-weight:300;line-height:40px;padding:0;text-decoration:none;border-color:#ffd658;border-style:none;border-width:0;color:#fff}.mediumlarge_light_white_center,.tp-caption.mediumlarge_light_white_center{text-align:center}.medium_bg_asbestos,.tp-caption.medium_bg_asbestos{background-color:#7f8c8d;border-color:#ffd658;border-style:none;border-width:0;color:#fff;font-family:"Open Sans";font-size:20px;font-weight:800;line-height:20px;padding:10px;text-decoration:none}.large_bold_black,.medium_light_black,.tp-caption.large_bold_black,.tp-caption.medium_light_black{color:#000;font-family:"Open Sans";text-decoration:none;border-style:none;border-width:0;background-color:transparent;border-color:#ffd658}.medium_light_black,.tp-caption.medium_light_black{font-size:30px;font-weight:300;line-height:36px;padding:0}.large_bold_black,.tp-caption.large_bold_black{font-size:58px;font-weight:800;line-height:60px}.mediumlarge_light_darkblue,.tp-caption.mediumlarge_light_darkblue{background-color:transparent;border-color:#ffd658;border-style:none;border-width:0;color:#34495e;font-family:"Open Sans";font-size:34px;font-weight:300;line-height:40px;padding:0;text-decoration:none}.large_bg_black,.small_light_white,.tp-caption.large_bg_black,.tp-caption.small_light_white{color:#fff;font-family:"Open Sans";text-decoration:none;border-style:none;border-width:0}.small_light_white,.tp-caption.small_light_white{background-color:transparent;border-color:#ffd658;font-size:17px;font-weight:300;line-height:28px;padding:0}.roundedimage,.tp-caption.roundedimage{border-color:#222;border-style:none;border-width:0}.large_bg_black,.tp-caption.large_bg_black{background-color:#000;border-color:#ffd658;font-size:40px;font-weight:800;line-height:40px;padding:10px 20px 15px}.mediumwhitebg,.tp-caption.mediumwhitebg{background-color:#fff;border-color:#000;border-style:none;border-width:0;color:#000;font-family:"Open Sans";font-size:30px;font-weight:300;line-height:30px;padding:5px 15px 10px;text-decoration:none;text-shadow:none}.maincaption,.tp-caption.maincaption{background-color:transparent;border-color:#000;border-style:none;border-width:0;color:#212a40;font-family:roboto;font-size:33px;font-weight:500;line-height:43px;text-decoration:none;text-shadow:none}.miami_subtitle,.miami_title_60px,.tp-caption.miami_subtitle,.tp-caption.miami_title_60px{background-color:transparent;border-color:#000;font-family:"Source Sans Pro";text-shadow:none;border-style:none;border-width:0;text-decoration:none}.miami_title_60px,.tp-caption.miami_title_60px{color:#fff;font-size:60px;font-weight:700;letter-spacing:1px;line-height:60px}.miami_subtitle,.tp-caption.miami_subtitle{color:rgba(255,255,255,.65);font-size:17px;font-weight:400;letter-spacing:2px;line-height:24px}.divideline30px,.tp-caption.divideline30px{background:#fff;border-color:#222;border-style:none;border-width:0;height:2px;min-width:30px;text-decoration:none}.Miami_nostyle,.tp-caption.Miami_nostyle{border-color:#222;border-style:none;border-width:0}.miami_content_dark,.miami_content_light,.miami_title_60px_dark,.tp-caption.miami_content_dark,.tp-caption.miami_content_light,.tp-caption.miami_title_60px_dark{background-color:transparent;border-color:#000;font-family:"Source Sans Pro";border-style:none;border-width:0;text-decoration:none;text-shadow:none}.miami_content_light,.tp-caption.miami_content_light{color:#fff;font-size:22px;font-weight:400;letter-spacing:0;line-height:28px}.miami_title_60px_dark,.tp-caption.miami_title_60px_dark{color:#333;font-size:60px;font-weight:700;letter-spacing:1px;line-height:60px}.miami_content_dark,.tp-caption.miami_content_dark{color:#666;font-size:22px;font-weight:400;letter-spacing:0;line-height:28px}.divideline30px_dark,.tp-caption.divideline30px_dark{background-color:#333;border-color:#222;border-style:none;border-width:0;height:2px;min-width:30px;text-decoration:none}.ellipse70px,.tp-caption.ellipse70px{background-color:rgba(0,0,0,.14902);border-color:#222;border-radius:50px;border-style:none;border-width:0;cursor:pointer;line-height:1px;min-height:70px;min-width:70px;text-decoration:none}.MarkerDisplay,.Restaurant-Display,.tp-caption.MarkerDisplay,.tp-caption.Restaurant-Display{background-color:transparent;border-radius:0;border-style:none;border-width:0;font-style:normal;padding:0;text-decoration:none}.arrowicon,.tp-caption.arrowicon{border-color:#222;border-style:none;border-width:0;line-height:1px}.MarkerDisplay,.tp-caption.MarkerDisplay{border-color:#000;font-family:"Permanent Marker";text-shadow:none}.Restaurant-Display,.tp-caption.Restaurant-Display{border-color:transparent;color:#fff;font-family:Roboto;font-size:120px;font-weight:700;line-height:120px}.Restaurant-Cursive,.Restaurant-ScrollDownText,.tp-caption.Restaurant-Cursive,.tp-caption.Restaurant-ScrollDownText{background-color:transparent;border-color:transparent;border-radius:0;border-style:none;border-width:0;color:#fff;font-style:normal;font-weight:400;letter-spacing:2px}.Restaurant-Cursive,.tp-caption.Restaurant-Cursive{font-family:"Nothing you could do";font-size:30px;line-height:30px;padding:0;text-decoration:none}.Restaurant-ScrollDownText,.tp-caption.Restaurant-ScrollDownText{font-family:Roboto;font-size:17px;line-height:17px;padding:0;text-decoration:none}.Restaurant-Description,.Restaurant-Price,.tp-caption.Restaurant-Description,.tp-caption.Restaurant-Price{background-color:transparent;color:#fff;font-weight:300;letter-spacing:3px;line-height:30px;padding:0;text-decoration:none;border-color:transparent;border-style:none;border-width:0;font-family:Roboto;border-radius:0;font-style:normal}.Restaurant-Description,.tp-caption.Restaurant-Description{font-size:20px}.Restaurant-Price,.tp-caption.Restaurant-Price{font-size:30px}.Restaurant-Menuitem,.tp-caption.Restaurant-Menuitem{background-color:rgba(0,0,0,1);border-color:transparent;border-radius:0;border-style:none;border-width:0;color:rgba(255,255,255,1);font-family:Roboto;font-size:17px;font-style:normal;font-weight:400;letter-spacing:2px;line-height:17px;padding:10px 30px;text-align:left;text-decoration:none}.Furniture-LogoText,.Furniture-Plus,.tp-caption.Furniture-LogoText,.tp-caption.Furniture-Plus{border-color:transparent;border-style:none;border-width:0;color:rgba(230,207,163,1);text-decoration:none}.Furniture-LogoText,.tp-caption.Furniture-LogoText{background-color:transparent;border-radius:0;font-family:Raleway;font-size:160px;font-style:normal;font-weight:300;line-height:150px;padding:0;text-shadow:none}.Furniture-Plus,.tp-caption.Furniture-Plus{background-color:rgba(255,255,255,1);border-radius:30px;box-shadow:rgba(0,0,0,.1) 0 1px 3px;font-family:Raleway;font-size:20px;font-style:normal;font-weight:400;line-height:20px;padding:6px 7px 4px;text-shadow:none}.Furniture-Subtitle,.Furniture-Title,.tp-caption.Furniture-Subtitle,.tp-caption.Furniture-Title{background-color:transparent;border-color:transparent;border-radius:0;border-style:none;border-width:0;color:rgba(0,0,0,1);font-family:Raleway;font-style:normal;line-height:20px;text-shadow:none}.Furniture-Title,.tp-caption.Furniture-Title{font-size:20px;font-weight:700;letter-spacing:3px;padding:0;text-decoration:none}.Furniture-Subtitle,.tp-caption.Furniture-Subtitle{font-size:17px;font-weight:300;padding:0;text-decoration:none}.Fashion-SmallText,.Gym-Display,.Gym-SmallText,.Gym-Subline,.tp-caption.Fashion-SmallText,.tp-caption.Gym-Display,.tp-caption.Gym-SmallText,.tp-caption.Gym-Subline{background-color:transparent;border-color:transparent;border-radius:0;border-style:none;border-width:0;color:rgba(255,255,255,1);padding:0;text-decoration:none}.Gym-Display,.tp-caption.Gym-Display{font-family:Raleway;font-size:80px;font-style:normal;font-weight:900;line-height:70px}.Gym-Subline,.tp-caption.Gym-Subline{font-family:Raleway;font-size:30px;font-style:normal;font-weight:100;letter-spacing:5px;line-height:30px}.Gym-SmallText,.tp-caption.Gym-SmallText{font-family:Raleway;font-size:17px;font-style:normal;font-weight:300;line-height:22;text-shadow:none}.Fashion-SmallText,.tp-caption.Fashion-SmallText{font-family:Raleway;font-size:12px;font-style:normal;font-weight:600;letter-spacing:2px;line-height:20px}.Fashion-BigDisplay,.Fashion-TextBlock,.tp-caption.Fashion-BigDisplay,.tp-caption.Fashion-TextBlock{background-color:transparent;border-color:transparent;border-radius:0;border-style:none;border-width:0;color:rgba(0,0,0,1);font-family:Raleway;font-style:normal;letter-spacing:2px}.Fashion-BigDisplay,.tp-caption.Fashion-BigDisplay{font-size:60px;font-weight:900;line-height:60px;padding:0;text-decoration:none}.Fashion-TextBlock,.tp-caption.Fashion-TextBlock{font-size:20px;font-weight:400;line-height:40px;padding:0;text-decoration:none}.Sports-Display,.Sports-DisplayFat,.tp-caption.Sports-Display,.tp-caption.Sports-DisplayFat{color:rgba(255,255,255,1);font-size:130px;font-style:normal;line-height:130px;padding:0;border-style:none;font-family:Raleway;border-color:transparent;border-radius:0;border-width:0;text-decoration:none;background-color:transparent}.Sports-Display,.tp-caption.Sports-Display{font-weight:100;letter-spacing:13px}.Sports-DisplayFat,.tp-caption.Sports-DisplayFat{font-weight:900}.Sports-Subline,.tp-caption.Sports-Subline{background-color:transparent;border-color:transparent;border-radius:0;border-style:none;border-width:0;color:rgba(0,0,0,1);font-family:Raleway;font-size:32px;font-style:normal;font-weight:400;letter-spacing:4px;line-height:32px;padding:0;text-decoration:none}.Instagram-Caption,.News-Subtitle,.News-Title,.tp-caption.Instagram-Caption,.tp-caption.News-Subtitle,.tp-caption.News-Title{color:rgba(255,255,255,1);font-style:normal;border-style:none;padding:0}.Instagram-Caption,.tp-caption.Instagram-Caption{background-color:transparent;border-color:transparent;border-radius:0;border-width:0;font-family:Roboto;font-size:20px;font-weight:900;line-height:20px;text-decoration:none}.News-Title,.tp-caption.News-Title{background-color:transparent;border-color:transparent;border-radius:0;border-width:0;font-family:"Roboto Slab";font-size:70px;font-weight:400;line-height:60px;text-decoration:none}.News-Subtitle,.News-Subtitle:hover,.tp-caption.News-Subtitle,.tp-caption.News-Subtitle:hover{background-color:rgba(255,255,255,0);text-decoration:none;border-radius:0;border-width:0;border-color:transparent}.News-Subtitle,.tp-caption.News-Subtitle{font-family:"Roboto Slab";font-size:15px;font-weight:300;line-height:24px}.News-Subtitle:hover,.tp-caption.News-Subtitle:hover{border-style:solid;color:rgba(255,255,255,.65)}.Photography-Display,.tp-caption.Photography-Display{background-color:transparent;border-color:transparent;border-radius:0;border-style:none;border-width:0;color:rgba(255,255,255,1);font-family:Raleway;font-size:80px;font-style:normal;font-weight:100;letter-spacing:5px;line-height:70px;padding:0;text-decoration:none}.Photography-ImageHover,.Photography-Menuitem,.Photography-Subline,.tp-caption.Photography-ImageHover,.tp-caption.Photography-Menuitem,.tp-caption.Photography-Subline{font-size:20px;font-style:normal;text-decoration:none;border-radius:0;border-style:none;border-width:0}.Photography-Subline,.tp-caption.Photography-Subline{background-color:transparent;border-color:transparent;color:rgba(119,119,119,1);font-family:Raleway;font-weight:300;letter-spacing:3px;line-height:30px;padding:0}.Photography-ImageHover,.tp-caption.Photography-ImageHover{background-color:transparent;border-color:rgba(255,255,255,0);color:rgba(255,255,255,1);font-weight:400;line-height:22;padding:0}.Photography-ImageHover:hover,.tp-caption.Photography-ImageHover:hover{background-color:transparent;border-color:transparent;border-radius:0;border-style:none;border-width:0;color:rgba(255,255,255,1);text-decoration:none}.Photography-Menuitem,.tp-caption.Photography-Menuitem{background-color:rgba(0,0,0,.65);border-color:transparent;color:rgba(255,255,255,1);font-family:Raleway;font-weight:300;letter-spacing:2px;line-height:20px;padding:3px 5px 3px 8px}.Photography-Menuitem:hover,.tp-caption.Photography-Menuitem:hover{background-color:rgba(0,255,222,.65);border-color:transparent;border-radius:0;border-style:none;border-width:0;color:rgba(255,255,255,1);text-decoration:none}.Photography-Textblock,.tp-caption.Photography-Textblock{background-color:transparent;border-color:transparent;border-radius:0;border-style:none;border-width:0;color:rgba(255,255,255,1);font-family:Raleway;font-size:17px;font-style:normal;font-weight:300;letter-spacing:2px;line-height:30px;padding:0;text-decoration:none}.Photography-ImageHover2,.Photography-Subline-2,.tp-caption.Photography-ImageHover2,.tp-caption.Photography-Subline-2{font-size:20px;font-style:normal;padding:0;text-decoration:none;background-color:transparent;border-radius:0;border-style:none;border-width:0}.Photography-Subline-2,.tp-caption.Photography-Subline-2{border-color:transparent;color:rgba(255,255,255,.35);font-family:Raleway;font-weight:300;letter-spacing:3px;line-height:30px}.Photography-ImageHover2,.tp-caption.Photography-ImageHover2{border-color:rgba(255,255,255,0);color:rgba(255,255,255,1);font-family:Arial;font-weight:400;line-height:22}.Photography-ImageHover2:hover,.tp-caption.Photography-ImageHover2:hover{background-color:transparent;border-color:transparent;border-radius:0;border-style:none;border-width:0;color:rgba(255,255,255,1);text-decoration:none}.WebProduct-Title,.tp-caption.WebProduct-Title{background-color:transparent;border-color:transparent;border-radius:0;border-style:none;border-width:0;color:rgba(51,51,51,1);font-family:Raleway;font-size:90px;font-style:normal;font-weight:100;line-height:90px;padding:0;text-decoration:none}.WebProduct-Content,.WebProduct-SubTitle,.tp-caption.WebProduct-Content,.tp-caption.WebProduct-SubTitle{background-color:transparent;color:rgba(153,153,153,1);padding:0;border-color:transparent;border-radius:0;font-family:Raleway;font-style:normal;border-style:none;border-width:0;text-decoration:none}.WebProduct-SubTitle,.tp-caption.WebProduct-SubTitle{font-size:15px;font-weight:400;line-height:20px}.WebProduct-Content,.tp-caption.WebProduct-Content{font-size:16px;font-weight:600;line-height:24px}.WebProduct-Menuitem,.tp-caption.WebProduct-Menuitem{background-color:rgba(51,51,51,1);border-color:transparent;border-radius:0;border-style:none;border-width:0;color:rgba(255,255,255,1);font-family:Raleway;font-size:15px;font-style:normal;font-weight:500;letter-spacing:2px;line-height:20px;padding:3px 5px 3px 8px;text-align:left;text-decoration:none}.WebProduct-Menuitem:hover,.tp-caption.WebProduct-Menuitem:hover{background-color:rgba(255,255,255,1);border-color:transparent;border-radius:0;border-style:none;border-width:0;color:rgba(153,153,153,1);text-decoration:none}.WebProduct-Content-Light,.WebProduct-SubTitle-Light,.WebProduct-Title-Light,.tp-caption.WebProduct-Content-Light,.tp-caption.WebProduct-SubTitle-Light,.tp-caption.WebProduct-Title-Light{background-color:transparent;border-color:transparent;padding:0;text-align:left;border-radius:0;font-family:Raleway;font-style:normal}.WebProduct-Title-Light,.tp-caption.WebProduct-Title-Light{border-style:none;border-width:0;color:rgba(255,255,255,1);font-size:90px;font-weight:100;line-height:90px;text-decoration:none}.WebProduct-SubTitle-Light,.tp-caption.WebProduct-SubTitle-Light{border-style:none;border-width:0;color:rgba(255,255,255,.35);font-size:15px;font-weight:400;line-height:20px;text-decoration:none}.WebProduct-Content-Light,.tp-caption.WebProduct-Content-Light{border-style:none;border-width:0;color:rgba(255,255,255,.65);font-size:16px;font-weight:600;line-height:24px;text-decoration:none}.FatRounded,.FatRounded:hover,.tp-caption.FatRounded,.tp-caption.FatRounded:hover{border-color:rgba(211,211,211,1);border-radius:50px;text-decoration:none;border-width:0;border-style:none}.FatRounded,.tp-caption.FatRounded{background-color:rgba(0,0,0,.5);color:rgba(255,255,255,1);font-family:Raleway;font-size:30px;font-style:normal;font-weight:900;line-height:30px;padding:20px 22px 20px 25px;text-align:left;text-shadow:none}.FatRounded:hover,.tp-caption.FatRounded:hover{background-color:rgba(0,0,0,1);color:rgba(255,255,255,1)}.NotGeneric-Title,.tp-caption.NotGeneric-Title{background-color:transparent;border-color:transparent;border-radius:0;border-style:none;border-width:0;color:rgba(255,255,255,1);font-family:Raleway;font-size:70px;font-style:normal;font-weight:800;line-height:70px;padding:10px 0;text-decoration:none}.NotGeneric-CallToAction,.NotGeneric-SubTitle,.tp-caption.NotGeneric-CallToAction,.tp-caption.NotGeneric-SubTitle{font-weight:500;color:rgba(255,255,255,1);text-decoration:none;border-radius:0;font-family:Raleway;text-align:left;font-style:normal}.NotGeneric-SubTitle,.tp-caption.NotGeneric-SubTitle{background-color:transparent;border-color:transparent;border-style:none;border-width:0;font-size:13px;letter-spacing:4px;line-height:20px;padding:0}.NotGeneric-CallToAction,.tp-caption.NotGeneric-CallToAction{background-color:rgba(0,0,0,0);border-color:rgba(255,255,255,.5);border-style:solid;border-width:1px;font-size:14px;letter-spacing:3px;line-height:14px;padding:10px 30px}.NotGeneric-CallToAction:hover,.tp-caption.NotGeneric-CallToAction:hover{background-color:transparent;border-color:rgba(255,255,255,1);border-radius:0;border-style:solid;border-width:1px;color:rgba(255,255,255,1);text-decoration:none}.NotGeneric-Icon,.tp-caption.NotGeneric-Icon{background-color:rgba(0,0,0,0);border-color:rgba(255,255,255,0);border-radius:0;border-style:solid;border-width:0;color:rgba(255,255,255,1);font-family:Raleway;font-size:30px;font-style:normal;font-weight:400;letter-spacing:3px;line-height:30px;padding:0;text-align:left;text-decoration:none}.NotGeneric-Menuitem,.NotGeneric-Menuitem:hover,.tp-caption.NotGeneric-Menuitem,.tp-caption.NotGeneric-Menuitem:hover{background-color:rgba(0,0,0,0);border-style:solid;border-width:1px;color:rgba(255,255,255,1);text-decoration:none;border-radius:0}.NotGeneric-Menuitem,.tp-caption.NotGeneric-Menuitem{border-color:rgba(255,255,255,.15);font-family:Raleway;font-size:14px;font-style:normal;font-weight:500;letter-spacing:3px;line-height:14px;padding:27px 30px;text-align:left}.NotGeneric-Menuitem:hover,.tp-caption.NotGeneric-Menuitem:hover{border-color:rgba(255,255,255,1)}.MarkerStyle,.tp-caption.MarkerStyle{background-color:transparent;border-color:transparent;border-radius:0;border-style:none;border-width:0;color:rgba(255,255,255,1);font-family:"Permanent Marker";font-size:17px;font-style:normal;font-weight:100;line-height:30px;padding:0;text-align:left;text-decoration:none}.Gym-Menuitem,.Gym-Menuitem:hover,.tp-caption.Gym-Menuitem,.tp-caption.Gym-Menuitem:hover{background-color:rgba(0,0,0,1);border-radius:3px;border-style:solid;border-width:2px;text-decoration:none;color:rgba(255,255,255,1)}.Gym-Menuitem,.tp-caption.Gym-Menuitem{border-color:rgba(255,255,255,0);font-family:Raleway;font-size:20px;font-style:normal;font-weight:300;letter-spacing:2px;line-height:20px;padding:3px 5px 3px 8px;text-align:left}.Gym-Menuitem:hover,.tp-caption.Gym-Menuitem:hover{border-color:rgba(255,255,255,.25)}.Newspaper-Title-Centered,.tp-caption.Newspaper-Title-Centered{background-color:transparent;border-color:transparent;border-radius:0;border-style:none;border-width:0;color:rgba(255,255,255,1);font-family:"Roboto Slab";font-size:50px;font-style:normal;font-weight:400;line-height:55px;padding:0 0 10px;text-align:center;text-decoration:none}.Hero-Button,.NotGeneric-Button,.tp-caption.Hero-Button,.tp-caption.NotGeneric-Button{border-radius:0;border-style:solid;border-width:1px;padding:10px 30px;text-decoration:none;font-weight:500;letter-spacing:3px;line-height:14px;font-family:Raleway;font-style:normal;font-size:14px}.Hero-Button,.tp-caption.Hero-Button{background-color:rgba(0,0,0,0);border-color:rgba(255,255,255,.5);color:rgba(255,255,255,1);text-align:left}.Hero-Button:hover,.tp-caption.Hero-Button:hover{background-color:rgba(255,255,255,1);border-color:rgba(255,255,255,1);border-radius:0;border-style:solid;border-width:1px;color:rgba(0,0,0,1);text-decoration:none}.NotGeneric-Button,.tp-caption.NotGeneric-Button{background-color:rgba(0,0,0,0);border-color:rgba(255,255,255,.5);color:rgba(255,255,255,1);text-align:left}.NotGeneric-Button:hover,.tp-caption.NotGeneric-Button:hover{background-color:transparent;border-color:rgba(255,255,255,1);border-radius:0;border-style:solid;border-width:1px;color:rgba(255,255,255,1);text-decoration:none}.NotGeneric-BigButton,.NotGeneric-BigButton:hover,.tp-caption.NotGeneric-BigButton,.tp-caption.NotGeneric-BigButton:hover{background-color:rgba(0,0,0,0);border-style:solid;border-width:1px;color:rgba(255,255,255,1);text-decoration:none;border-radius:0}.NotGeneric-BigButton,.tp-caption.NotGeneric-BigButton{border-color:rgba(255,255,255,.15);font-family:Raleway;font-size:14px;font-style:normal;font-weight:500;letter-spacing:3px;line-height:14px;padding:27px 30px;text-align:left}.NotGeneric-BigButton:hover,.tp-caption.NotGeneric-BigButton:hover{border-color:rgba(255,255,255,1)}.WebProduct-Button,.tp-caption.WebProduct-Button{background-color:rgba(51,51,51,1);border-color:rgba(0,0,0,1);border-radius:0;border-style:none;border-width:2px;color:rgba(255,255,255,1);font-family:Raleway;font-size:16px;font-style:normal;font-weight:600;letter-spacing:1px;line-height:48px;padding:0 40px;text-align:left;text-decoration:none}.WebProduct-Button:hover,.tp-caption.WebProduct-Button:hover{background-color:rgba(255,255,255,1);border-color:rgba(0,0,0,1);border-radius:0;border-style:none;border-width:2px;color:rgba(51,51,51,1);text-decoration:none}.Restaurant-Button,.tp-caption.Restaurant-Button{background-color:rgba(10,10,10,0);border-color:rgba(255,255,255,.5);border-radius:0;border-style:solid;border-width:2px;color:rgba(255,255,255,1);font-family:Roboto;font-size:17px;font-style:normal;font-weight:500;letter-spacing:3px;line-height:17px;padding:12px 35px;text-align:left;text-decoration:none}.Gym-Button,.Gym-Button-Light,.tp-caption.Gym-Button,.tp-caption.Gym-Button-Light{font-family:Raleway;font-size:15px;font-style:normal;font-weight:600;line-height:15px}.Restaurant-Button:hover,.tp-caption.Restaurant-Button:hover{background-color:rgba(0,0,0,0);border-color:rgba(255,224,129,1);border-radius:0;border-style:solid;border-width:2px;color:rgba(255,255,255,1);text-decoration:none}.Gym-Button,.Gym-Button:hover,.tp-caption.Gym-Button,.tp-caption.Gym-Button:hover{border-color:transparent;border-width:0;text-decoration:none;border-style:solid;color:rgba(255,255,255,1);border-radius:30px}.Gym-Button,.tp-caption.Gym-Button{background-color:rgba(139,192,39,1);letter-spacing:1px;padding:13px 35px;text-align:left}.Gym-Button:hover,.tp-caption.Gym-Button:hover{background-color:rgba(114,168,0,1)}.Gym-Button-Light,.tp-caption.Gym-Button-Light{background-color:transparent;border-color:rgba(255,255,255,.25);border-radius:30px;border-style:solid;border-width:2px;color:rgba(255,255,255,1);padding:12px 35px;text-align:left;text-decoration:none}.Sports-Button-Light,.Sports-Button-Red,.tp-caption.Sports-Button-Light,.tp-caption.Sports-Button-Red{color:rgba(255,255,255,1);font-size:17px;letter-spacing:2px;line-height:17px;padding:12px 35px;text-decoration:none;border-style:solid;border-width:2px;font-family:Raleway;font-weight:600;text-align:left;font-style:normal}.Gym-Button-Light:hover,.tp-caption.Gym-Button-Light:hover{background-color:rgba(114,168,0,0);border-color:rgba(139,192,39,1);border-radius:30px;border-style:solid;border-width:2px;color:rgba(255,255,255,1);text-decoration:none}.Sports-Button-Light,.tp-caption.Sports-Button-Light{background-color:rgba(0,0,0,0);border-color:rgba(255,255,255,.5);border-radius:0}.Sports-Button-Light:hover,.tp-caption.Sports-Button-Light:hover{background-color:rgba(0,0,0,0);border-color:rgba(255,255,255,1);border-radius:0;border-style:solid;border-width:2px;color:rgba(255,255,255,1);text-decoration:none}.Sports-Button-Red,.tp-caption.Sports-Button-Red{background-color:rgba(219,28,34,1);border-color:rgba(219,28,34,0);border-radius:0}.Sports-Button-Red:hover,.tp-caption.Sports-Button-Red:hover{background-color:rgba(0,0,0,1);border-color:rgba(0,0,0,1);border-radius:0;border-style:solid;border-width:2px;color:rgba(255,255,255,1);text-decoration:none}.Photography-Button,.Photography-Button:hover,.tp-caption.Photography-Button,.tp-caption.Photography-Button:hover{border-radius:30px;border-width:1px;color:rgba(255,255,255,1);text-decoration:none;background-color:rgba(0,0,0,0);border-style:solid}.Photography-Button,.tp-caption.Photography-Button{border-color:rgba(255,255,255,.25);font-family:Raleway;font-size:15px;font-style:normal;font-weight:600;letter-spacing:1px;line-height:15px;padding:13px 35px;text-align:left}.Photography-Button:hover,.tp-caption.Photography-Button:hover{border-color:rgba(255,255,255,1)}.Newspaper-Button-2,.tp-caption.Newspaper-Button-2{background-color:rgba(0,0,0,0);border-color:rgba(255,255,255,.5);border-radius:3px;border-style:solid;border-width:2px;color:rgba(255,255,255,1);font-family:Roboto;font-size:15px;font-style:normal;font-weight:900;line-height:15px;padding:10px 30px;text-align:left;text-decoration:none}.Feature-Examples,.Feature-Tour,.tp-caption.Feature-Examples,.tp-caption.Feature-Tour{font-family:Roboto;font-size:17px;font-weight:700;line-height:17px;font-style:normal;text-align:left}.Newspaper-Button-2:hover,.tp-caption.Newspaper-Button-2:hover{background-color:rgba(0,0,0,0);border-color:rgba(255,255,255,1);border-radius:3px;border-style:solid;border-width:2px;color:rgba(255,255,255,1);text-decoration:none}.Feature-Tour,.Feature-Tour:hover,.tp-caption.Feature-Tour,.tp-caption.Feature-Tour:hover{border-color:transparent;border-width:0;color:rgba(255,255,255,1);border-radius:30px;border-style:solid;text-decoration:none}.Feature-Tour,.tp-caption.Feature-Tour{background-color:rgba(139,192,39,1);padding:17px 35px}.Feature-Tour:hover,.tp-caption.Feature-Tour:hover{background-color:rgba(114,168,0,1)}.Feature-Examples,.tp-caption.Feature-Examples{background-color:transparent;border-color:rgba(33,42,64,.15);border-radius:30px;border-style:solid;border-width:2px;color:rgba(33,42,64,.5);padding:15px 35px;text-decoration:none}.Feature-Examples:hover,.tp-caption.Feature-Examples:hover{background-color:transparent;border-color:rgba(139,192,39,1);border-radius:30px;border-style:solid;border-width:2px;color:rgba(139,192,39,1);text-decoration:none}.menutab,.tp-caption.menutab{background-color:transparent;border-color:rgba(0,0,0,1);border-radius:0;border-style:none;border-width:0;color:rgba(41,46,49,1);font-family:roboto;font-size:25px;font-style:normal;font-weight:300;line-height:30px;padding:0;text-align:left;text-decoration:none;text-shadow:none}.menutab:hover,.tp-caption.menutab:hover{background-color:transparent;border-color:transparent;border-radius:0;border-style:none;border-width:0;color:rgba(213,0,0,1);text-decoration:none}.maincontent,.minitext,.tp-caption.maincontent,.tp-caption.minitext{background-color:transparent;border-color:rgba(0,0,0,1);border-radius:0;border-style:none;font-family:roboto;font-style:normal;padding:0;border-width:0;text-shadow:none}.maincontent,.tp-caption.maincontent{color:rgba(41,46,49,1);font-size:21px;font-weight:300;line-height:26px;text-align:left;text-decoration:none}.minitext,.tp-caption.minitext{color:rgba(185,186,187,1);font-size:15px;font-weight:400;line-height:20px;text-align:left;text-decoration:none}.Feature-Buy,.Feature-Examples-Light,.tp-caption.Feature-Buy,.tp-caption.Feature-Examples-Light{font-family:Roboto;font-size:17px;font-style:normal;font-weight:700;line-height:17px;text-align:left;text-decoration:none;border-radius:30px;border-style:solid;color:rgba(255,255,255,1)}.Feature-Buy,.tp-caption.Feature-Buy{background-color:rgba(0,154,238,1);border-color:transparent;border-width:0;padding:17px 35px}.Feature-Buy:hover,.tp-caption.Feature-Buy:hover{background-color:rgba(0,133,214,1);border-color:transparent;border-radius:30px;border-style:solid;border-width:0;color:rgba(255,255,255,1);text-decoration:none}.Feature-Examples-Light,.tp-caption.Feature-Examples-Light{background-color:transparent;border-color:rgba(255,255,255,.15);border-width:2px;padding:15px 35px}.Feature-Examples-Light:hover,.tp-caption.Feature-Examples-Light:hover{background-color:transparent;border-color:rgba(255,255,255,1);border-radius:30px;border-style:solid;border-width:2px;color:rgba(255,255,255,1);text-decoration:none}.Facebook-Likes,.Twitter-Favorites,.Twitter-Link,.tp-caption.Facebook-Likes,.tp-caption.Twitter-Favorites,.tp-caption.Twitter-Link{border-style:none;border-width:0;font-family:Roboto;font-style:normal;font-weight:500;text-align:left;text-decoration:none;border-color:transparent;font-size:15px}.Facebook-Likes,.tp-caption.Facebook-Likes{background-color:rgba(59,89,153,1);border-radius:0;color:rgba(255,255,255,1);line-height:22px;padding:5px 15px}.Twitter-Favorites,.tp-caption.Twitter-Favorites{background-color:rgba(255,255,255,0);border-radius:0;color:rgba(136,153,166,1);line-height:22px;padding:0}.Twitter-Link,.tp-caption.Twitter-Link{background-color:rgba(255,255,255,1);border-radius:30px;color:rgba(135,153,165,1);line-height:15px;padding:11px 11px 9px}.Twitter-Link:hover,.tp-caption.Twitter-Link:hover{background-color:rgba(0,132,180,1);border-color:transparent;border-radius:30px;border-style:none;border-width:0;color:rgba(255,255,255,1);text-decoration:none}.Twitter-Content,.Twitter-Retweet,.tp-caption.Twitter-Content,.tp-caption.Twitter-Retweet{border-color:transparent;border-radius:0;border-style:none;border-width:0;font-family:Roboto;font-style:normal;font-weight:500;text-align:left;text-decoration:none}.Twitter-Retweet,.tp-caption.Twitter-Retweet{background-color:rgba(255,255,255,0);color:rgba(136,153,166,1);font-size:15px;line-height:22px;padding:0}.Twitter-Content,.tp-caption.Twitter-Content{background-color:rgba(255,255,255,1);color:rgba(41,47,51,1);font-size:20px;line-height:28px;padding:30px 30px 70px}.revtp-form input[type=text],.revtp-form input[type=email],.revtp-searchform input[type=text],.revtp-searchform input[type=email]{font-family:Arial,sans-serif;font-size:15px;color:#000;background-color:#fff;line-height:46px;padding:0 20px;cursor:text;border:0;width:400px;margin-bottom:0;-webkit-transition:background-color .5s;-moz-transition:background-color .5s;-o-transition:background-color .5s;-ms-transition:background-color .5s;transition:background-color .5s;border-radius:0}.BigBold-SubTitle,.BigBold-Title,.tp-caption.BigBold-SubTitle,.tp-caption.BigBold-Title{text-decoration:none;background-color:transparent;border-color:transparent;border-style:none;border-width:0;font-style:normal;font-family:Raleway;text-align:left}.BigBold-Title,.tp-caption.BigBold-Title{color:rgba(255,255,255,1);font-size:110px;line-height:100px;font-weight:800;padding:10px 0;border-radius:0}.BigBold-SubTitle,.tp-caption.BigBold-SubTitle{color:rgba(255,255,255,.5);font-size:15px;line-height:24px;font-weight:500;padding:0;border-radius:0;letter-spacing:1px}.BigBold-Button,.BigBold-Button:hover,.tp-caption.BigBold-Button,.tp-caption.BigBold-Button:hover{color:rgba(255,255,255,1);border-style:solid;border-width:1px;text-decoration:none;border-radius:0}.BigBold-Button,.tp-caption.BigBold-Button{font-size:13px;line-height:13px;font-weight:500;font-style:normal;font-family:Raleway;padding:15px 50px;background-color:rgba(0,0,0,0);border-color:rgba(255,255,255,.5);text-align:left;letter-spacing:1px}.BigBold-Button:hover,.tp-caption.BigBold-Button:hover{background-color:transparent;border-color:rgba(255,255,255,1)}.FoodCarousel-Content,.tp-caption.FoodCarousel-Content{color:rgba(41,46,49,1);font-size:17px;line-height:28px;font-weight:500;font-style:normal;font-family:Raleway;padding:30px;text-decoration:none;background-color:rgba(255,255,255,1);border-color:rgba(41,46,49,1);border-style:solid;border-width:1px;border-radius:0;text-align:left}.FoodCarousel-Button,.FoodCarousel-CloseButton,.tp-caption.FoodCarousel-Button,.tp-caption.FoodCarousel-CloseButton{font-weight:700;font-style:normal;font-family:Raleway;letter-spacing:1px;border-style:solid;border-width:1px;text-align:left}.FoodCarousel-Button,.tp-caption.FoodCarousel-Button{color:rgba(41,46,49,1);font-size:13px;line-height:13px;padding:15px 70px 15px 50px;text-decoration:none;background-color:rgba(255,255,255,1);border-color:rgba(41,46,49,1);border-radius:0}.FoodCarousel-Button:hover,.tp-caption.FoodCarousel-Button:hover{color:rgba(255,255,255,1);text-decoration:none;background-color:rgba(41,46,49,1);border-color:rgba(41,46,49,1);border-style:solid;border-width:1px;border-radius:0}.FoodCarousel-CloseButton,.tp-caption.FoodCarousel-CloseButton{color:rgba(41,46,49,1);font-size:20px;line-height:20px;padding:14px 14px 14px 16px;text-decoration:none;background-color:rgba(0,0,0,0);border-color:rgba(41,46,49,0);border-radius:30px}.Video-SubTitle,.Video-Title,.tp-caption.Video-SubTitle,.tp-caption.Video-Title{color:rgba(255,255,255,1);font-style:normal;font-family:Raleway;padding:5px;text-decoration:none}.FoodCarousel-CloseButton:hover,.tp-caption.FoodCarousel-CloseButton:hover{color:rgba(255,255,255,1);text-decoration:none;background-color:rgba(41,46,49,1);border-color:rgba(41,46,49,0);border-style:solid;border-width:1px;border-radius:30px}.Video-SubTitle,.tp-caption.Video-SubTitle{font-size:12px;line-height:12px;font-weight:600;background-color:rgba(0,0,0,.35);border-color:transparent;border-style:none;border-width:0;border-radius:0;letter-spacing:2px;text-align:left}.Video-Title,.tp-caption.Video-Title{font-size:30px;line-height:30px;font-weight:900;background-color:rgba(0,0,0,1);border-color:transparent;border-style:none;border-width:0;border-radius:0;text-align:left}.Travel-BigCaption,.Travel-SmallCaption,.tp-caption.Travel-BigCaption,.tp-caption.Travel-SmallCaption{color:rgba(255,255,255,1);padding:0;text-decoration:none;background-color:transparent;border-color:transparent;border-style:none;border-width:0;border-radius:0;font-family:Roboto;font-style:normal;text-align:left}.Travel-BigCaption,.tp-caption.Travel-BigCaption{font-size:50px;line-height:50px;font-weight:400}.Travel-SmallCaption,.tp-caption.Travel-SmallCaption{font-size:25px;line-height:30px;font-weight:300}.Travel-CallToAction,.Travel-CallToAction:hover,.tp-caption.Travel-CallToAction,.tp-caption.Travel-CallToAction:hover{border-color:rgba(255,255,255,1);border-style:solid;border-width:2px;border-radius:5px;text-decoration:none;color:rgba(255,255,255,1)}.Travel-CallToAction,.tp-caption.Travel-CallToAction{font-size:25px;line-height:25px;font-weight:500;font-style:normal;font-family:Roboto;padding:12px 20px;background-color:rgba(255,255,255,.05);text-align:left;letter-spacing:1px}.Travel-CallToAction:hover,.tp-caption.Travel-CallToAction:hover{background-color:rgba(255,255,255,.15)}.RotatingWords-TitleWhite,.tp-caption.RotatingWords-TitleWhite{color:rgba(255,255,255,1);font-size:70px;line-height:70px;font-weight:800;font-style:normal;font-family:Raleway;padding:0;text-decoration:none;background-color:transparent;border-color:transparent;border-style:none;border-width:0;border-radius:0;text-align:left}.RotatingWords-Button,.tp-caption.RotatingWords-Button{color:rgba(255,255,255,1);font-size:20px;line-height:20px;font-weight:700;font-style:normal;font-family:Raleway;padding:20px 50px;text-decoration:none;background-color:rgba(0,0,0,0);border-color:rgba(255,255,255,.15);border-style:solid;border-width:2px;border-radius:0;text-align:left;letter-spacing:3px}.RotatingWords-Button:hover,.tp-caption.RotatingWords-Button:hover{color:rgba(255,255,255,1);text-decoration:none;background-color:transparent;border-color:rgba(255,255,255,1);border-style:solid;border-width:2px;border-radius:0}.RotatingWords-SmallText,.tp-caption.RotatingWords-SmallText{color:rgba(255,255,255,1);font-size:14px;line-height:20px;font-weight:400;font-style:normal;font-family:Raleway;padding:0;text-decoration:none;background-color:transparent;border-color:transparent;border-style:none;border-width:0;border-radius:0;text-align:left;text-shadow:none}.ContentZoom-SmallSubtitle,.ContentZoom-SmallTitle,.tp-caption.ContentZoom-SmallSubtitle,.tp-caption.ContentZoom-SmallTitle{font-weight:600;padding:0;background-color:transparent;border-color:transparent;border-style:none;border-width:0;border-radius:0;font-style:normal;font-family:Raleway;text-decoration:none;text-align:left}.ContentZoom-SmallTitle,.tp-caption.ContentZoom-SmallTitle{color:rgba(41,46,49,1);font-size:33px;line-height:45px}.ContentZoom-SmallSubtitle,.tp-caption.ContentZoom-SmallSubtitle{color:rgba(111,124,130,1);font-size:16px;line-height:24px}.ContentZoom-SmallIcon,.tp-caption.ContentZoom-SmallIcon{color:rgba(41,46,49,1);font-size:20px;line-height:20px;font-weight:400;font-style:normal;font-family:Raleway;padding:10px;text-decoration:none;background-color:transparent;border-color:transparent;border-style:none;border-width:0;border-radius:0;text-align:left}.ContentZoom-SmallIcon:hover,.tp-caption.ContentZoom-SmallIcon:hover{color:rgba(111,124,130,1);text-decoration:none;background-color:transparent;border-color:transparent;border-style:none;border-width:0;border-radius:0}.ContentZoom-DetailTitle,.tp-caption.ContentZoom-DetailTitle{color:rgba(41,46,49,1);font-size:70px;line-height:70px;font-weight:500;font-style:normal;font-family:Raleway;padding:0;text-decoration:none;background-color:transparent;border-color:transparent;border-style:none;border-width:0;border-radius:0;text-align:left}.ContentZoom-DetailContent,.ContentZoom-DetailSubTitle,.tp-caption.ContentZoom-DetailContent,.tp-caption.ContentZoom-DetailSubTitle{color:rgba(111,124,130,1);font-weight:500;padding:0;background-color:transparent;border-color:transparent;border-style:none;border-width:0;border-radius:0}.ContentZoom-DetailSubTitle,.tp-caption.ContentZoom-DetailSubTitle{font-size:25px;line-height:25px;font-style:normal;font-family:Raleway;text-decoration:none;text-align:left}.ContentZoom-DetailContent,.tp-caption.ContentZoom-DetailContent{font-size:17px;line-height:28px;font-style:normal;font-family:Raleway;text-decoration:none;text-align:left}.ContentZoom-Button,.ContentZoom-ButtonClose,.tp-caption.ContentZoom-Button,.tp-caption.ContentZoom-ButtonClose{font-size:13px;line-height:13px;font-weight:700;font-style:normal;font-family:Raleway;text-align:left;text-decoration:none;letter-spacing:1px}.ContentZoom-Button,.tp-caption.ContentZoom-Button{color:rgba(41,46,49,1);padding:15px 50px;background-color:rgba(0,0,0,0);border-color:rgba(41,46,49,.5);border-style:solid;border-width:1px;border-radius:0}.ContentZoom-Button:hover,.tp-caption.ContentZoom-Button:hover{color:rgba(255,255,255,1);text-decoration:none;background-color:rgba(41,46,49,1);border-color:rgba(41,46,49,1);border-style:solid;border-width:1px;border-radius:0}.ContentZoom-ButtonClose,.tp-caption.ContentZoom-ButtonClose{color:rgba(41,46,49,1);padding:14px 14px 14px 16px;background-color:rgba(0,0,0,0);border-color:rgba(41,46,49,.5);border-style:solid;border-width:1px;border-radius:30px}.ContentZoom-ButtonClose:hover,.tp-caption.ContentZoom-ButtonClose:hover{color:rgba(255,255,255,1);text-decoration:none;background-color:rgba(41,46,49,1);border-color:rgba(41,46,49,1);border-style:solid;border-width:1px;border-radius:30px}.Newspaper-Subtitle,.Newspaper-Title,.tp-caption.Newspaper-Subtitle,.tp-caption.Newspaper-Title{background-color:transparent;border-color:transparent;border-style:none;border-width:0;text-align:left;text-decoration:none;font-style:normal}.Newspaper-Title,.tp-caption.Newspaper-Title{color:rgba(255,255,255,1);font-size:50px;line-height:55px;font-weight:400;font-family:"Roboto Slab";padding:0 0 10px;border-radius:0}.Newspaper-Subtitle,.tp-caption.Newspaper-Subtitle{color:rgba(168,216,238,1);font-size:15px;line-height:20px;font-weight:900;font-family:Roboto;padding:0;border-radius:0}.Newspaper-Button,.tp-caption.Newspaper-Button{color:rgba(255,255,255,1);font-size:13px;line-height:17px;font-weight:700;font-style:normal;font-family:Roboto;padding:12px 35px;text-decoration:none;background-color:rgba(255,255,255,0);border-color:rgba(255,255,255,.25);border-style:solid;border-width:1px;border-radius:0;letter-spacing:2px;text-align:left}.Newspaper-Button:hover,.tp-caption.Newspaper-Button:hover{color:rgba(0,0,0,1);text-decoration:none;background-color:rgba(255,255,255,1);border-color:rgba(255,255,255,1);border-style:solid;border-width:1px;border-radius:0}.rtwhitemedium,.tp-caption.rtwhitemedium{font-size:22px;line-height:26px;color:#fff;text-decoration:none;background-color:transparent;border-width:0;border-color:#000;border-style:none;text-shadow:none}@media only screen and (max-width:767px){.revtp-form input[type=text],.revtp-form input[type=email],.revtp-searchform input[type=text],.revtp-searchform input[type=email]{width:200px!important}}.revtp-form input[type=submit],.revtp-searchform input[type=submit]{font-family:Arial,sans-serif;line-height:46px;letter-spacing:1px;text-transform:uppercase;font-size:15px;font-weight:700;padding:0 20px;border:0;background:#009aee;color:#fff;border-radius:0}.Concept-SubTitle,.Concept-Title,.tp-caption.Concept-SubTitle,.tp-caption.Concept-Title{font-weight:700;padding:0 0 10px;text-align:left;background-color:transparent;border-color:transparent;border-width:0}.Concept-Content,.Concept-Title,.tp-caption.Concept-Content,.tp-caption.Concept-Title{color:rgba(255,255,255,1);font-family:"Roboto Condensed";text-decoration:none;border-style:none;border-radius:0}.Concept-Title,.tp-caption.Concept-Title{font-size:70px;line-height:70px;font-style:normal;letter-spacing:5px}.Concept-SubTitle,.tp-caption.Concept-SubTitle{color:rgba(255,255,255,.65);font-size:25px;line-height:25px;font-style:italic;font-family:""Playfair Display"";text-decoration:none;border-style:none;border-radius:0}.Concept-Content,.tp-caption.Concept-Content{font-size:20px;line-height:30px;font-weight:400;font-style:normal;padding:0;text-align:center;background-color:rgba(0,0,0,0);border-color:rgba(255,255,255,1);border-width:2px}.Concept-LessBtn,.Concept-MoreBtn,.tp-caption.Concept-LessBtn,.tp-caption.Concept-MoreBtn{font-size:30px;line-height:30px;font-weight:300;font-style:normal;font-family:Roboto;padding:10px 8px 7px 10px;letter-spacing:1px;color:rgba(255,255,255,1)}.Concept-LessBtn,.Concept-LessBtn:hover,.Concept-MoreBtn,.Concept-MoreBtn:hover,.tp-caption.Concept-LessBtn,.tp-caption.Concept-LessBtn:hover,.tp-caption.Concept-MoreBtn,.tp-caption.Concept-MoreBtn:hover{text-decoration:none;border-color:rgba(255,255,255,0);border-style:solid;border-width:0;border-radius:50px}.Concept-MoreBtn,.tp-caption.Concept-MoreBtn{background-color:transparent;text-align:left}.Concept-MoreBtn:hover,.tp-caption.Concept-MoreBtn:hover{color:rgba(255,255,255,1);background-color:rgba(255,255,255,.15)}.Concept-LessBtn,.tp-caption.Concept-LessBtn{background-color:rgba(0,0,0,1);text-align:left}.Concept-LessBtn:hover,.tp-caption.Concept-LessBtn:hover{color:rgba(0,0,0,1);background-color:rgba(255,255,255,1)}.Concept-SubTitle-Dark,.Concept-Title-Dark,.tp-caption.Concept-SubTitle-Dark,.tp-caption.Concept-Title-Dark{font-weight:700;padding:0 0 10px;border-color:transparent;border-style:none;border-radius:0;background-color:transparent;text-decoration:none;border-width:0}.Concept-SubTitle-Dark,.tp-caption.Concept-SubTitle-Dark{color:rgba(0,0,0,.65);font-size:25px;line-height:25px;font-style:italic;font-family:"Playfair Display";text-align:left}.Concept-Title-Dark,.tp-caption.Concept-Title-Dark{color:rgba(0,0,0,1);font-size:70px;line-height:70px;font-style:normal;font-family:"Roboto Condensed";text-align:center;letter-spacing:5px}.Concept-MoreBtn-Dark,.tp-caption.Concept-MoreBtn-Dark{color:rgba(0,0,0,1);font-size:30px;line-height:30px;font-weight:300;font-style:normal;font-family:Roboto;padding:10px 8px 7px 10px;text-decoration:none;background-color:transparent;border-color:rgba(255,255,255,0);border-style:solid;border-width:0;border-radius:50px;letter-spacing:1px;text-align:left}.Concept-MoreBtn-Dark:hover,.tp-caption.Concept-MoreBtn-Dark:hover{color:rgba(255,255,255,1);text-decoration:none;background-color:rgba(0,0,0,1);border-color:rgba(255,255,255,0);border-style:solid;border-width:0;border-radius:50px}.Concept-Content-Dark,.Concept-Notice,.tp-caption.Concept-Content-Dark,.tp-caption.Concept-Notice{font-weight:400;font-style:normal;font-family:"Roboto Condensed";padding:0;text-decoration:none;text-align:center;background-color:rgba(0,0,0,0);border-color:rgba(255,255,255,1);border-style:none;border-width:2px}.Concept-Content-Dark,.tp-caption.Concept-Content-Dark{color:rgba(0,0,0,1);font-size:20px;line-height:30px;border-radius:0}.Concept-Notice,.tp-caption.Concept-Notice{color:rgba(255,255,255,1);font-size:15px;line-height:15px;border-radius:0;letter-spacing:2px}.tp-caption.Concept-Content a,.tp-caption.Concept-Content a:visited{color:#fff!important;border-bottom:1px solid #fff!important;font-weight:700!important}.tp-caption.Concept-Content a:hover{border-bottom:1px solid transparent!important}.tp-caption.Concept-Content-Dark a,.tp-caption.Concept-Content-Dark a:visited{color:#000!important;border-bottom:1px solid #000!important;font-weight:700!important}.tp-caption.Concept-Content-Dark a:hover{border-bottom:1px solid transparent!important}.Creative-SubTitle,.Creative-Title,.tp-caption.Creative-SubTitle,.tp-caption.Creative-Title{padding:0;text-decoration:none;text-align:center;background-color:transparent;border-color:transparent;border-style:none;border-width:0;font-style:normal;font-weight:400}.Creative-Title,.tp-caption.Creative-Title{color:rgba(255,255,255,1);font-size:70px;line-height:70px;font-family:"Playfair Display";border-radius:0}.Creative-SubTitle,.tp-caption.Creative-SubTitle{color:rgba(205,176,131,1);font-size:14px;line-height:14px;font-family:Lato;border-radius:0;letter-spacing:2px}.Creative-Button,.Creative-Button:hover,.tp-caption.Creative-Button,.tp-caption.Creative-Button:hover{color:rgba(205,176,131,1);background-color:rgba(0,0,0,0);border-style:solid;border-width:1px;text-decoration:none;border-radius:0}.Creative-Button,.tp-caption.Creative-Button{font-size:13px;line-height:13px;font-weight:400;font-style:normal;font-family:Lato;padding:15px 50px;text-align:left;border-color:rgba(205,176,131,.25);letter-spacing:2px}.Creative-Button:hover,.tp-caption.Creative-Button:hover{border-color:rgba(205,176,131,1)}.subcaption,.tp-caption.subcaption{color:rgba(111,124,130,1);font-size:19px;line-height:24px;font-weight:400;font-style:normal;font-family:roboto;padding:0;text-decoration:none;background-color:transparent;border-color:rgba(0,0,0,1);border-style:none;border-width:0;border-radius:0;text-shadow:none;text-align:left}.RedDot,.RedDot:hover,.tp-caption.RedDot,.tp-caption.RedDot:hover{color:rgba(0,0,0,1);text-decoration:none;border-style:solid;border-width:5px;border-radius:50px}.RedDot,.tp-caption.RedDot{font-weight:400;font-style:normal;padding:0;text-align:left;background-color:rgba(213,0,0,1);border-color:rgba(255,255,255,1)}.RedDot:hover,.tp-caption.RedDot:hover{background-color:rgba(255,255,255,.75);border-color:rgba(213,0,0,1)}.SlidingOverlays-Title,.Woo-Rating,.tp-caption.SlidingOverlays-Title,.tp-caption.Woo-Rating{font-style:normal;padding:0;text-decoration:none;background-color:transparent;border-color:transparent;border-style:none;border-width:0;border-radius:0;text-align:left}.SlidingOverlays-Title,.tp-caption.SlidingOverlays-Title{color:rgba(255,255,255,1);font-size:50px;line-height:50px;font-weight:400;font-family:"Playfair Display"}.Woo-Rating,.tp-caption.Woo-Rating{color:rgba(0,0,0,1);font-size:14px;line-height:30px;font-weight:300;font-family:Roboto}.Woo-PriceLarge,.Woo-SubTitle,.Woo-TitleLarge,.tp-caption.Woo-PriceLarge,.tp-caption.Woo-SubTitle,.tp-caption.Woo-TitleLarge{color:rgba(0,0,0,1);padding:0;text-decoration:none;background-color:transparent;border-color:transparent;border-style:none;border-width:0;border-radius:0;text-align:center;font-style:normal}.Woo-TitleLarge,.tp-caption.Woo-TitleLarge{font-size:40px;line-height:40px;font-weight:400;font-family:"Playfair Display"}.Woo-SubTitle,.tp-caption.Woo-SubTitle{font-size:18px;line-height:18px;font-weight:300;font-family:Roboto;letter-spacing:2px}.Woo-PriceLarge,.tp-caption.Woo-PriceLarge{font-size:60px;line-height:60px;font-weight:700;font-family:Roboto}.Woo-AddToCart,.Woo-AddToCart:hover,.Woo-ProductInfo,.Woo-ProductInfo:hover,.tp-caption.Woo-AddToCart,.tp-caption.Woo-AddToCart:hover,.tp-caption.Woo-ProductInfo,.tp-caption.Woo-ProductInfo:hover{color:rgba(0,0,0,1);border-color:rgba(0,0,0,1);border-width:1px;border-radius:4px;text-decoration:none;border-style:solid}.Woo-ProductInfo,.tp-caption.Woo-ProductInfo{font-size:15px;line-height:15px;font-weight:500;font-style:normal;font-family:Roboto;padding:12px 75px 12px 50px;background-color:rgba(254,207,114,1);text-align:left}.Woo-ProductInfo:hover,.tp-caption.Woo-ProductInfo:hover{background-color:rgba(243,168,71,1)}.Woo-AddToCart,.tp-caption.Woo-AddToCart{font-size:15px;line-height:15px;font-weight:500;font-style:normal;font-family:Roboto;padding:12px 35px;background-color:rgba(254,207,114,1);text-align:left}.Woo-AddToCart:hover,.tp-caption.Woo-AddToCart:hover{background-color:rgba(243,168,71,1)}.FullScreen-Toggle,.tp-caption.FullScreen-Toggle{color:rgba(255,255,255,1);font-size:20px;line-height:20px;font-weight:400;font-style:normal;font-family:Raleway;padding:11px 8px 11px 12px;text-decoration:none;background-color:rgba(0,0,0,.5);border-color:rgba(255,255,255,0);border-style:solid;border-width:0;border-radius:0;letter-spacing:3px;text-align:left}.FullScreen-Toggle:hover,.tp-caption.FullScreen-Toggle:hover{color:rgba(255,255,255,1);text-decoration:none;background-color:rgba(0,0,0,1);border-color:rgba(255,255,255,0);border-style:solid;border-width:0;border-radius:0}.Agency-SubTitle,.Agency-Title,.tp-caption.Agency-SubTitle,.tp-caption.Agency-Title{color:rgba(255,255,255,1);text-decoration:none;background-color:transparent;border-color:transparent;border-style:none;border-width:0;border-radius:0;padding:0}.Agency-Title,.tp-caption.Agency-Title{font-size:70px;line-height:70px;font-weight:900;font-style:normal;font-family:lato;text-align:left;letter-spacing:10px}.Agency-SubTitle,.tp-caption.Agency-SubTitle{font-size:20px;line-height:20px;font-weight:400;font-style:italic;font-family:Georgia,serif;text-align:center}.Agency-PlayBtn,.Agency-PlayBtn:hover,.tp-caption.Agency-PlayBtn,.tp-caption.Agency-PlayBtn:hover{border-color:rgba(255,255,255,1);border-style:solid;border-width:2px;border-radius:100px;text-decoration:none;background-color:transparent;color:rgba(255,255,255,1)}.Agency-PlayBtn,.tp-caption.Agency-PlayBtn{font-size:30px;line-height:71px;font-weight:500;font-style:normal;font-family:Roboto;padding:0;text-align:center}.Agency-PlayBtn:hover,.tp-caption.Agency-PlayBtn:hover{cursor:pointer}.Agency-SmallText,.tp-caption.Agency-SmallText{color:rgba(255,255,255,1);font-size:12px;line-height:12px;font-weight:900;font-style:normal;font-family:lato;padding:0;text-decoration:none;background-color:transparent;border-color:transparent;border-style:none;border-width:0;border-radius:0;text-align:left;letter-spacing:5px}.Agency-Social,.Agency-Social:hover,.tp-caption.Agency-Social,.tp-caption.Agency-Social:hover{text-decoration:none;border-color:rgba(51,51,51,1);border-style:solid;border-width:2px;border-radius:30px}.Agency-Social,.tp-caption.Agency-Social{color:rgba(51,51,51,1);font-size:25px;line-height:50px;font-weight:400;font-style:normal;font-family:Georgia,serif;padding:0;background-color:transparent;text-align:center}.Agency-Social:hover,.tp-caption.Agency-Social:hover{color:rgba(255,255,255,1);background-color:rgba(51,51,51,1);cursor:pointer}.Agency-CloseBtn,.Agency-CloseBtn:hover,.tp-caption.Agency-CloseBtn,.tp-caption.Agency-CloseBtn:hover{color:rgba(255,255,255,1);text-decoration:none;background-color:transparent;border-color:rgba(255,255,255,0);border-radius:100px}.Agency-CloseBtn,.tp-caption.Agency-CloseBtn{font-size:50px;line-height:50px;font-weight:500;font-style:normal;font-family:Roboto;padding:0;border-style:none;border-width:0;text-align:center}.Agency-CloseBtn:hover,.tp-caption.Agency-CloseBtn:hover{border-style:none;border-width:0;cursor:pointer}.Dining-SubTitle,.Dining-Title,.tp-caption.Dining-SubTitle,.tp-caption.Dining-Title{font-weight:400;font-family:Georgia,serif;padding:0;text-decoration:none;background-color:transparent;border-color:transparent;border-style:none;border-width:0;text-align:left;color:rgba(255,255,255,1);font-style:normal}.Dining-Title,.tp-caption.Dining-Title{font-size:70px;line-height:70px;border-radius:0;letter-spacing:10px}.Dining-SubTitle,.tp-caption.Dining-SubTitle{font-size:20px;line-height:20px;border-radius:0}.Dining-BtnLight,.Dining-BtnLight:hover,.tp-caption.Dining-BtnLight,.tp-caption.Dining-BtnLight:hover{text-decoration:none;background-color:rgba(0,0,0,0);border-style:solid;border-width:1px;border-radius:0}.Dining-BtnLight,.tp-caption.Dining-BtnLight{color:rgba(255,255,255,.5);font-size:15px;line-height:15px;font-weight:700;font-style:normal;font-family:Lato;padding:17px 73px 17px 50px;border-color:rgba(255,255,255,.25);text-align:left;letter-spacing:2px}.Dining-BtnLight:hover,.tp-caption.Dining-BtnLight:hover{color:rgba(255,255,255,1);border-color:rgba(255,255,255,1)}.Dining-Social,.Dining-Social:hover,.tp-caption.Dining-Social,.tp-caption.Dining-Social:hover{color:rgba(255,255,255,1);text-decoration:none;background-color:transparent;border-style:solid;border-width:1px;border-radius:30px}.Dining-Social,.tp-caption.Dining-Social{font-size:25px;line-height:50px;font-weight:400;font-style:normal;font-family:Georgia,serif;padding:0;border-color:rgba(255,255,255,.25);text-align:center}.Dining-Social:hover,.tp-caption.Dining-Social:hover{border-color:rgba(255,255,255,1);cursor:pointer}.Team-Thumb,.Team-Thumb:hover,.tp-caption.Team-Thumb:hover,tp-caption.Team-Thumb{text-decoration:none;background-color:transparent;border-color:transparent;border-style:none;border-width:0;border-radius:0;color:rgba(255,255,255,1)}.Team-Thumb,tp-caption.Team-Thumb{font-size:20px;line-height:22px;font-weight:400;font-style:normal;font-family:Arial;padding:0;text-align:left}.Team-Thumb:hover,.tp-caption.Team-Thumb:hover{cursor:pointer}.Team-Name,.tp-caption.Team-Name{color:rgba(255,255,255,1);font-size:70px;line-height:70px;font-weight:900;font-style:normal;font-family:Roboto;padding:0;text-decoration:none;background-color:transparent;border-color:transparent;border-style:none;border-width:0;border-radius:0;text-align:left}.Team-Description,.Team-Position,.Team-Social,.tp-caption.Team-Description,.tp-caption.Team-Position,.tp-caption.Team-Social{font-weight:400;padding:0;text-decoration:none;background-color:transparent;border-color:transparent;border-style:none;border-width:0;border-radius:0;color:rgba(255,255,255,1);font-style:normal}.Team-Position,.tp-caption.Team-Position{font-size:30px;line-height:30px;font-family:Georgia,serif;text-align:left}.Team-Description,.tp-caption.Team-Description{font-size:18px;line-height:28px;font-family:Roboto;text-align:left}.Team-Social,.tp-caption.Team-Social{font-size:50px;line-height:50px;font-family:Arial;text-align:center}.Team-Social:hover,.tp-caption.Team-Social:hover{color:rgba(255,255,255,1);text-decoration:none;background-color:transparent;border-color:transparent;border-style:none;border-width:0;border-radius:0;cursor:pointer}.VideoControls-Play,.VideoControls-Play:hover,.tp-caption.VideoControls-Play,.tp-caption.VideoControls-Play:hover{color:rgba(0,0,0,1);text-decoration:none;background-color:rgba(255,255,255,1);border-color:rgba(0,0,0,1);border-style:solid;border-width:0;border-radius:100px}.VideoControls-Play,.tp-caption.VideoControls-Play{font-size:50px;line-height:120px;font-weight:500;font-style:normal;font-family:Roboto;padding:0 0 0 7px;text-align:center}.VideoControls-Play:hover,.tp-caption.VideoControls-Play:hover{cursor:pointer}.VideoPlayer-Title,.tp-caption.VideoPlayer-Title{color:rgba(255,255,255,1);font-size:40px;line-height:40px;font-weight:900;font-style:normal;font-family:Lato;padding:0;text-decoration:none;background-color:transparent;border-color:transparent;border-style:none;border-width:0;border-radius:0;text-align:left;letter-spacing:10px}.VideoPlayer-Social,.VideoPlayer-SubTitle,.tp-caption.VideoPlayer-Social,.tp-caption.VideoPlayer-SubTitle{font-weight:400;color:rgba(255,255,255,1);text-decoration:none;background-color:transparent;border-color:transparent;border-style:none;border-width:0;border-radius:0}.VideoPlayer-SubTitle,.tp-caption.VideoPlayer-SubTitle{font-size:20px;line-height:20px;font-style:italic;font-family:Georgia,serif;padding:0;text-align:center}.VideoPlayer-Social,.tp-caption.VideoPlayer-Social{font-size:50px;line-height:50px;font-style:normal;font-family:Arial;padding:0;text-align:center}.VideoControls-Mute,.VideoControls-Pause,.tp-caption.VideoControls-Mute,.tp-caption.VideoControls-Pause{font-size:20px;line-height:50px;font-weight:500;font-family:Roboto;text-align:center;font-style:normal;padding:0}.VideoPlayer-Social:hover,.tp-caption.VideoPlayer-Social:hover{color:rgba(255,255,255,1);text-decoration:none;background-color:transparent;border-color:transparent;border-style:none;border-width:0;border-radius:0;cursor:pointer}.VideoControls-Mute,.VideoControls-Mute:hover,.VideoControls-Pause,.VideoControls-Pause:hover,.tp-caption.VideoControls-Mute,.tp-caption.VideoControls-Mute:hover,.tp-caption.VideoControls-Pause,.tp-caption.VideoControls-Pause:hover{color:rgba(0,0,0,1);background-color:rgba(255,255,255,1);border-color:rgba(0,0,0,1);border-style:solid;border-radius:100px;text-decoration:none;border-width:0}.VideoControls-Mute:hover,.tp-caption.VideoControls-Mute:hover{cursor:pointer}.VideoControls-Pause:hover,.tp-caption.VideoControls-Pause:hover{cursor:pointer}.SleekLanding-Title,.tp-caption.SleekLanding-Title{color:rgba(255,255,255,1);font-size:35px;line-height:40px;font-weight:400;font-style:normal;font-family:Lato;padding:0;text-decoration:none;background-color:transparent;border-color:transparent;border-style:none;border-width:0;border-radius:0;text-align:left;letter-spacing:5px}.SleekLanding-ButtonBG,.tp-caption.SleekLanding-ButtonBG{color:rgba(0,0,0,1);font-weight:700;font-style:normal;padding:0;text-decoration:none;background-color:rgba(255,255,255,.1);border-color:transparent;border-style:solid;border-width:0;border-radius:5px;text-align:left;box-shadow:inset 0 2px 0 0 rgba(0,0,0,.15)}.SleekLanding-SmallTitle,.tp-caption.SleekLanding-SmallTitle{color:rgba(255,255,255,1);font-size:13px;line-height:50px;font-weight:900;font-style:normal;font-family:Lato;padding:0;text-decoration:none;background-color:transparent;border-color:transparent;border-style:none;border-width:0;border-radius:0;text-align:left;letter-spacing:2px}.SleekLanding-BottomText,.SleekLanding-Social,.tp-caption.SleekLanding-BottomText,.tp-caption.SleekLanding-Social{color:rgba(255,255,255,1);font-weight:400;font-style:normal;padding:0;text-decoration:none;background-color:transparent;border-color:transparent;border-style:none;border-width:0;border-radius:0}.SleekLanding-BottomText,.tp-caption.SleekLanding-BottomText{font-size:15px;line-height:24px;font-family:Lato;text-align:left}.SleekLanding-Social,.tp-caption.SleekLanding-Social{font-size:22px;line-height:30px;font-family:Arial;text-align:center}.SleekLanding-Social:hover,.tp-caption.SleekLanding-Social:hover{color:rgba(0,0,0,.25);text-decoration:none;background-color:transparent;border-color:transparent;border-style:none;border-width:0;border-radius:0;cursor:pointer}#rev_slider_429_1_wrapper .tp-loader.spinner2{background-color:#555!important}.tp-fat{font-weight:900!important}.PostSlider-Category,.tp-caption.PostSlider-Category{color:rgba(0,0,0,1);font-size:15px;line-height:15px;font-weight:300;font-style:normal;font-family:Roboto;padding:0;text-decoration:none;background-color:transparent;border-color:transparent;border-style:none;border-width:0;border-radius:0;letter-spacing:3px;text-align:left}.PostSlider-Content,.PostSlider-Title,.tp-caption.PostSlider-Content,.tp-caption.PostSlider-Title{font-weight:400;padding:0;text-decoration:none;background-color:transparent;border-color:transparent;border-style:none;border-width:0;text-align:left;font-style:normal}.PostSlider-Title,.tp-caption.PostSlider-Title{color:rgba(0,0,0,1);font-size:40px;line-height:40px;font-family:"Playfair Display";border-radius:0}.PostSlider-Content,.tp-caption.PostSlider-Content{color:rgba(119,119,119,1);font-size:15px;line-height:23px;font-family:Roboto;border-radius:0}.PostSlider-Button,.PostSlider-Button:hover,.tp-caption.PostSlider-Button,.tp-caption.PostSlider-Button:hover{color:rgba(0,0,0,1);text-decoration:none;border-color:rgba(0,0,0,1);border-style:solid;border-width:1px;border-radius:0}.PostSlider-Button,.tp-caption.PostSlider-Button{font-size:15px;line-height:40px;font-weight:500;font-style:normal;font-family:Roboto;padding:1px 56px 1px 32px;background-color:rgba(255,255,255,1);text-align:left}.PostSlider-Button:hover,.tp-caption.PostSlider-Button:hover{background-color:rgba(238,238,238,1);cursor:pointer}.LandingPage-SubTitle,.LandingPage-Title,.tp-caption.LandingPage-SubTitle,.tp-caption.LandingPage-Title{color:rgba(255,255,255,1);padding:0;text-decoration:none;background-color:transparent;border-color:transparent;border-style:none;text-align:left}.LandingPage-Title,.tp-caption.LandingPage-Title{font-size:70px;line-height:80px;font-weight:900;font-style:normal;font-family:Lato;border-width:0;border-radius:0;letter-spacing:10px}.LandingPage-SubTitle,.tp-caption.LandingPage-SubTitle{font-size:20px;line-height:30px;font-weight:400;font-style:italic;font-family:Georgia,serif;border-width:0;border-radius:0}.LandingPage-Button,.LandingPage-Button:hover,.tp-caption.LandingPage-Button,.tp-caption.LandingPage-Button:hover{color:rgba(0,0,0,1);background-color:rgba(255,255,255,1);border-color:rgba(0,0,0,1);border-style:solid;border-width:0;text-decoration:none;border-radius:0}.LandingPage-Button,.tp-caption.LandingPage-Button{font-size:15px;line-height:54px;font-weight:500;font-style:normal;font-family:Roboto;padding:0 35px;text-align:left;letter-spacing:3px}.LandingPage-Button:hover,.tp-caption.LandingPage-Button:hover{cursor:pointer}.tp-caption.App-Content a,.tp-caption.App-Content a:visited{color:#89124e!important;border-bottom:1px solid transparent!important;font-weight:700!important}.tp-caption.App-Content a:hover{border-bottom:1px solid #89124e!important}.RockBand-LogoText,.tp-caption.RockBand-LogoText{color:rgba(255,255,255,1);font-size:60px;line-height:60px;font-weight:700;font-style:normal;font-family:Oswald;padding:0;text-decoration:none;background-color:transparent;border-color:transparent;border-style:none;border-width:0;border-radius:0;text-align:left}.tp-caption.Twitter-Content a,.tp-caption.Twitter-Content a:visited{text-decoration:underline!important}.ComingSoon-Count,.ComingSoon-Highlight,.tp-caption.ComingSoon-Count,.tp-caption.ComingSoon-Highlight{font-style:normal;font-family:Lato;text-decoration:none;border-color:transparent;border-style:none;border-width:0;border-radius:0;text-align:left;color:rgba(255,255,255,1)}.soundcloudwrapper iframe{width:100%!important}.ComingSoon-Highlight,.tp-caption.ComingSoon-Highlight{font-size:20px;line-height:37px;font-weight:400;padding:0 20px 3px;background-color:rgba(0,154,238,1)}.ComingSoon-Count,.tp-caption.ComingSoon-Count{font-size:50px;line-height:50px;font-weight:900;padding:0;background-color:transparent}.ComingSoon-CountUnit,.ComingSoon-NotifyMe,.tp-caption.ComingSoon-CountUnit,.tp-caption.ComingSoon-NotifyMe{font-style:normal;font-family:Lato;padding:0;text-decoration:none;background-color:transparent;border-color:transparent;border-style:none;border-width:0;border-radius:0;text-align:center}.ComingSoon-CountUnit,.tp-caption.ComingSoon-CountUnit{color:rgba(255,255,255,1);font-size:20px;line-height:20px;font-weight:400}.ComingSoon-NotifyMe,.tp-caption.ComingSoon-NotifyMe{color:rgba(164,157,143,1);font-size:27px;line-height:35px;font-weight:600}#mc_embed_signup input#mce-EMAIL{font-family:Lato,sans-serif;font-size:15px;color:#000;background-color:#fff;line-height:46px;padding:0 20px;cursor:text;border:1px solid #fff;width:400px;margin-bottom:0;-webkit-transition:background-color .5s;-moz-transition:background-color .5s;-o-transition:background-color .5s;-ms-transition:background-color .5s;transition:background-color .5s;border-radius:0}#mc_embed_signup input#mce-EMAIL[type=email]:focus{background-color:#fff;border:1px solid #666;border-right:0}.Agency-SmallContent,.Agency-SmallLink,.Agency-SmallTitle,.tp-caption.Agency-SmallContent,.tp-caption.Agency-SmallLink,.tp-caption.Agency-SmallTitle{font-family:lato;padding:0;border-color:transparent;border-style:none;border-width:0;text-align:center;font-style:normal;text-decoration:none;background-color:transparent;border-radius:0}#mc_embed_signup input#mc-embedded-subscribe,#mc_embed_signup input#mc-embedded-subscribe:focus{letter-spacing:1px}@media only screen and (max-width:767px){#mc_embed_signup input#mce-EMAIL{width:200px}}.Agency-SmallTitle,.tp-caption.Agency-SmallTitle{color:rgba(255,255,255,1);font-size:15px;line-height:22px;font-weight:400;letter-spacing:6px}.Agency-SmallContent,.tp-caption.Agency-SmallContent{color:rgba(255,255,255,1);font-size:15px;line-height:24px;font-weight:400}.Agency-SmallLink,.tp-caption.Agency-SmallLink{color:rgba(248,124,9,1);font-size:12px;line-height:22px;font-weight:700;letter-spacing:2px;border-bottom:1px solid #f87c09!important}.Agency-SmallLink:hover,.tp-caption.Agency-SmallLink:hover{color:rgba(255,255,255,1);text-decoration:none;background-color:transparent;border-color:transparent;border-style:none;border-width:0;border-radius:0;cursor:pointer}.Agency-NavButton,.tp-caption.Agency-NavButton{color:rgba(51,51,51,1);font-size:17px;line-height:50px;font-weight:500;font-style:normal;font-family:Roboto;padding:0;text-decoration:none;background-color:rgba(255,255,255,1);border-color:rgba(0,0,0,1);border-style:solid;border-width:0;border-radius:0;text-align:center}.Agency-SmallLinkBlue,.Agency-SmallLinkGreen,.tp-caption.Agency-SmallLinkBlue,.tp-caption.Agency-SmallLinkGreen{line-height:22px;font-weight:700;font-family:lato;letter-spacing:2px;font-size:12px;text-align:center;font-style:normal;padding:0}.Agency-NavButton:hover,.tp-caption.Agency-NavButton:hover{color:rgba(255,255,255,1);text-decoration:none;background-color:rgba(51,51,51,1);border-color:rgba(0,0,0,1);border-style:solid;border-width:0;border-radius:0;cursor:pointer}.Agency-SmallLinkGreen,.tp-caption.Agency-SmallLinkGreen{color:rgba(109,177,155,1);text-decoration:none;background-color:transparent;border-color:transparent;border-style:none;border-width:0;border-radius:0;border-bottom:1px solid #6db19b!important}.Agency-SmallLinkBlue,.Agency-SmallLinkGreen:hover,.tp-caption.Agency-SmallLinkBlue,.tp-caption.Agency-SmallLinkGreen:hover{text-decoration:none;background-color:transparent;border-color:transparent;border-style:none;border-width:0;border-radius:0}.Agency-SmallLinkGreen:hover,.tp-caption.Agency-SmallLinkGreen:hover{color:rgba(255,255,255,1);cursor:pointer}.Agency-SmallLinkBlue,.tp-caption.Agency-SmallLinkBlue{color:rgba(153,153,153,1);border-bottom:1px solid #999!important}.Agency-ArrowTooltip,.Agency-LogoText,.Agency-SmallLinkBlue:hover,.Agency-SmallSocial,.Agency-SmallSocial:hover,.tp-caption.Agency-ArrowTooltip,.tp-caption.Agency-LogoText,.tp-caption.Agency-SmallLinkBlue:hover,.tp-caption.Agency-SmallSocial,.tp-caption.Agency-SmallSocial:hover{text-decoration:none;background-color:transparent;border-color:transparent;border-style:none;border-width:0;border-radius:0}.Agency-SmallLinkBlue:hover,.tp-caption.Agency-SmallLinkBlue:hover{color:rgba(255,255,255,1);cursor:pointer}.Agency-LogoText,.tp-caption.Agency-LogoText{color:rgba(255,255,255,1);font-size:12px;line-height:20px;font-weight:400;font-style:normal;font-family:Lato;padding:0;text-align:center;letter-spacing:1px}.Agency-ArrowTooltip,.tp-caption.Agency-ArrowTooltip{color:rgba(51,51,51,1);font-size:15px;line-height:20px;font-weight:400;font-style:normal;font-family:"Permanent Marker";padding:0;text-align:left}.Agency-SmallSocial,.tp-caption.Agency-SmallSocial{color:rgba(255,255,255,1);font-size:30px;line-height:30px;font-weight:400;font-style:normal;font-family:Arial;padding:0;text-align:center}.Agency-SmallSocial:hover,.tp-caption.Agency-SmallSocial:hover{color:rgba(51,51,51,1);cursor:pointer}.CreativeFrontPage-Btn,.CreativeFrontPage-Btn:hover,.tp-caption.CreativeFrontPage-Btn,.tp-caption.CreativeFrontPage-Btn:hover{border-color:rgba(0,0,0,1);border-style:solid;border-radius:4px;color:rgba(255,255,255,1);text-decoration:none;border-width:0}.CreativeFrontPage-Btn,.tp-caption.CreativeFrontPage-Btn{font-size:14px;line-height:60px;font-weight:900;font-style:normal;font-family:Roboto;padding:0 50px;text-align:left;background-color:rgba(0,104,92,1);letter-spacing:2px}.CreativeFrontPage-Btn:hover,.tp-caption.CreativeFrontPage-Btn:hover{background-color:rgba(0,0,0,.25);cursor:pointer}.CreativeFrontPage-Menu,.tp-caption.CreativeFrontPage-Menu{color:rgba(255,255,255,1);font-size:14px;line-height:14px;font-weight:500;font-style:normal;font-family:roboto;padding:0;text-decoration:none;text-align:left;background-color:transparent;border-color:transparent;border-style:none;border-width:0;border-radius:0;letter-spacing:2px}.FullScreenMenu-Category,.FullScreenMenu-Title,.tp-caption.FullScreenMenu-Category,.tp-caption.FullScreenMenu-Title{font-weight:700;font-style:normal;font-family:BenchNine;padding:21px 30px 16px;border-color:transparent;border-style:none}.tp-flip-index{z-index:1000!important}.FullScreenMenu-Category,.tp-caption.FullScreenMenu-Category{color:rgba(17,17,17,1);font-size:20px;line-height:20px;text-decoration:none;text-align:left;background-color:rgba(255,255,255,.9);border-width:0;border-radius:0;letter-spacing:3px}.FullScreenMenu-Title,.tp-caption.FullScreenMenu-Title{color:rgba(255,255,255,1);font-size:65px;line-height:70px;text-decoration:none;text-align:left;background-color:rgba(17,17,17,.9);border-width:0;border-radius:0}.TechJournal-Big,.TechJournal-Button,.tp-caption.TechJournal-Big,.tp-caption.TechJournal-Button{font-weight:900;font-family:Raleway;text-align:left;border-width:0;border-radius:0;text-decoration:none;font-style:normal}.TechJournal-Button,.tp-caption.TechJournal-Button{color:rgba(255,255,255,1);font-size:13px;line-height:40px;padding:1px 30px;background-color:rgba(138,0,255,1);border-color:rgba(0,0,0,1);border-style:solid;letter-spacing:3px}.TechJournal-Button:hover,.tp-caption.TechJournal-Button:hover{color:rgba(0,0,0,1);text-decoration:none;background-color:rgba(255,255,255,1);border-color:rgba(0,0,0,1);border-style:solid;border-width:0;border-radius:0;cursor:pointer}.TechJournal-Big,.tp-caption.TechJournal-Big{color:rgba(255,255,255,1);font-size:120px;line-height:120px;padding:0;background-color:transparent;border-color:transparent;border-style:none;letter-spacing:0}.FullSiteBlock-DownButton,.tp-caption.FullSiteBlock-DownButton{color:rgba(51,51,51,1);font-size:25px;line-height:32px;font-weight:500;font-style:normal;font-family:Roboto;padding:1px;text-decoration:none;background-color:transparent;border-color:rgba(51,51,51,1);border-style:solid;border-width:1px;border-radius:30px;text-align:center}.FullSiteBlock-DownButton:hover,.tp-caption.FullSiteBlock-DownButton:hover{color:rgba(0,150,255,1);text-decoration:none;background-color:transparent;border-color:rgba(0,150,255,1);border-style:solid;border-width:1px;border-radius:30px;cursor:pointer}.rev_slider{overflow:hidden}.effect_layer{position:absolute;top:0;left:0;width:100%;height:100%}.gyges .tp-thumb-image,.gyges .tp-thumb-img-wrap{padding:3px;box-sizing:border-box;position:relative}.gyges .tp-thumb{opacity:1}.gyges .tp-thumb-img-wrap{background-color:rgba(0,0,0,.25);display:inline-block;width:100%;height:100%;margin:0;transition:all .3s;-webkit-transition:all .3s}.gyges .tp-thumb-image{display:block;-webkit-box-shadow:inset 5px 5px 10px 0 rgba(0,0,0,.25);-moz-box-shadow:inset 5px 5px 10px 0 rgba(0,0,0,.25);box-shadow:inset 5px 5px 10px 0 rgba(0,0,0,.25)}.gyges .tp-thumb.selected .tp-thumb-img-wrap,.gyges .tp-thumb:hover .tp-thumb-img-wrap{background:-moz-linear-gradient(top,rgba(255,255,255,1) 0,rgba(255,255,255,1) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,1)));background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0,rgba(255,255,255,1) 100%);background:-o-linear-gradient(top,rgba(255,255,255,1) 0,rgba(255,255,255,1) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,1) 0,rgba(255,255,255,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,1) 0,rgba(255,255,255,1) 100%)}.FullSiteBlock-FooterLink,.FullSiteBlock-FooterLink:hover,.FullSiteBlock-Link:hover,.FullSiteBlock-Title,.tp-caption.FullSiteBlock-FooterLink,.tp-caption.FullSiteBlock-FooterLink:hover,.tp-caption.FullSiteBlock-Link:hover,.tp-caption.FullSiteBlock-Title{text-decoration:none;background-color:transparent;border-color:transparent;border-style:none;border-width:0;border-radius:0}.FullSiteBlock-Title,.tp-caption.FullSiteBlock-Title{color:rgba(51,51,51,1);font-size:55px;line-height:65px;font-weight:300;font-style:normal;font-family:Lato;padding:0;text-align:center}.FullSiteBlock-Link:hover,.tp-caption.FullSiteBlock-Link:hover{color:rgba(51,51,51,1);cursor:pointer}.FullSiteBlock-FooterLink,.tp-caption.FullSiteBlock-FooterLink{color:rgba(85,85,85,1);font-size:15px;line-height:20px;font-weight:300;font-style:normal;font-family:Lato;padding:0;text-align:left}.FullSiteBlock-FooterLink:hover,.tp-caption.FullSiteBlock-FooterLink:hover{color:rgba(0,150,255,1);cursor:pointer}#tp-socialwrapper{opacity:0}.tp-caption.Twitter-Content a,.tp-caption.Twitter-Content a:visited{color:#0084B4!important}.tp-caption.Twitter-Content a:hover{color:#0084B4!important;text-decoration:underline!important}#menu_forcefullwidth{z-index:5000;position:fixed!important;top:0;left:0;width:100%}#tp-menubg{background:-moz-linear-gradient(top,rgba(0,0,0,.75) 0,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,.75) 0,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom,rgba(0,0,0,.75) 0,rgba(0,0,0,0) 100%);filter:progid: DXImageTransform.Microsoft.gradient( startColorstr='#d9000000', endColorstr='#00000000', GradientType=0)}#mc_embed_signup input[type=email]{font-family:Lato,sans-serif;font-size:16px;font-weight:400;background-color:#fff;color:#888!important;line-height:46px;padding:0 20px;cursor:text;border:0;width:400px;margin-bottom:0;-webkit-transition:background-color .5s;-moz-transition:background-color .5s;-o-transition:background-color .5s;-ms-transition:background-color .5s;transition:background-color .5s;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}#mc_embed_signup input[type=email]::-webkit-input-placeholder{color:#888!important}#mc_embed_signup input[type=email]::-moz-placeholder{color:#888!important}#mc_embed_signup input[type=email]:-ms-input-placeholder{color:#888!important}#mc_embed_signup input[type=email]:focus{background-color:#f5f5f5;color:#454545}#mc_embed_signup input#mc-embedded-subscribe,#mc_embed_signup input#mc-embedded-subscribe:focus{font-family:Lato,sans-serif;line-height:46px;font-size:16px;font-weight:700;padding:0 30px;border:0;background:#f04531;text-transform:none;color:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}#mc_embed_signup input#mc-embedded-subscribe:hover{background:#e03727}@media only screen and (max-width:767px){#mc_embed_signup input[type=email]{width:260px}}@media only screen and (max-width:480px){#mc_embed_signup input[type=email]{width:160px}}#rev_slider_167_6 .uranus.tparrows{width:50px;height:50px;background:rgba(255,255,255,0)}#rev_slider_167_6 .uranus.tparrows:before{width:50px;height:50px;line-height:50px;font-size:40px;transition:all .3s;-webkit-transition:all .3s}#rev_slider_167_6 .uranus.tparrows:hover:before{opacity:.75}.FullSiteBlock-SubTitle,.tp-caption.FullSiteBlock-SubTitle{color:rgba(51,51,51,1);font-size:25px;line-height:34px;font-weight:300;font-style:normal;font-family:Lato;padding:0;text-decoration:none;background-color:transparent;border-color:transparent;border-style:none;border-width:0;border-radius:0;text-align:center}.FullSiteBlock-Link,.ParallaxWebsite-FooterItem,.tp-caption.FullSiteBlock-Link,.tp-caption.ParallaxWebsite-FooterItem{line-height:24px;font-style:normal;font-family:Lato;padding:0;text-decoration:none;background-color:transparent;border-color:transparent;border-style:none;border-width:0;border-radius:0}.ParallaxWebsite-FooterItem,.tp-caption.ParallaxWebsite-FooterItem{color:rgba(255,255,255,.5);font-size:16px;font-weight:400;text-align:left}.ParallaxWebsite-FooterItem:hover,.tp-caption.ParallaxWebsite-FooterItem:hover{color:rgba(255,255,255,1);text-decoration:none;background-color:transparent;border-color:transparent;border-style:none;border-width:0;border-radius:0;cursor:pointer}.fb-share-button.fb_iframe_widget iframe{width:115px!important}.fb-share-button.fb_iframe_widget iframe,iframe.twitter-share-button{display:none}.FullSiteBlock-Link,.tp-caption.FullSiteBlock-Link{color:rgba(0,150,255,1);font-size:25px;font-weight:300;text-align:center} /** navigation.css **/ .ares .tp-tab-image,.gyges .tp-tab-image,.hesperiden .tp-tab-image{max-height:100%;max-width:100%;float:left}.ares.tparrows{cursor:pointer;background:#fff;min-width:60px;min-height:60px;position:absolute;display:block;z-index:100;border-radius:50%}.ares.tparrows:before{font-family:revicons;font-size:25px;color:#aaa;display:block;line-height:60px;text-align:center;-webkit-transition:color .3s;-moz-transition:color .3s;transition:color .3s;z-index:2;position:relative}.ares.tparrows.tp-leftarrow:before{content:"\e81f"}.ares.tparrows.tp-rightarrow:before{content:"\e81e"}.ares.tparrows:hover:before{color:#000}.ares .tp-title-wrap{position:absolute;z-index:1;display:inline-block;background:#fff;min-height:60px;line-height:60px;top:0;margin-left:30px;border-radius:0 30px 30px 0;overflow:hidden;-webkit-transition:-webkit-transform .3s;transition:transform .3s;transform:scaleX(0);-webkit-transform:scaleX(0);transform-origin:0 50%;-webkit-transform-origin:0 50%}.ares.tp-rightarrow .tp-title-wrap{right:0;margin-right:30px;margin-left:0;-webkit-transform-origin:100% 50%;border-radius:30px 0 0 30px}.ares.tparrows:hover .tp-title-wrap{transform:scaleX(1) scaleY(1);-webkit-transform:scaleX(1) scaleY(1)}.ares .tp-arr-titleholder{position:relative;-webkit-transition:-webkit-transform .3s;transition:transform .3s;transform:translateX(200px);text-transform:uppercase;color:#000;font-weight:400;font-size:14px;line-height:60px;white-space:nowrap;padding:0 20px;margin-left:10px;opacity:0}.ares.tp-rightarrow .tp-arr-titleholder{transform:translateX(-200px);margin-left:0;margin-right:10px}.ares.tparrows:hover .tp-arr-titleholder{transform:translateX(0);-webkit-transform:translateX(0);transition-delay:.1s;opacity:1}.ares.tp-bullets:before{content:" ";position:absolute;width:100%;height:100%;background:0 0;padding:10px;margin-left:-10px;margin-top:-10px;box-sizing:content-box}.ares .tp-bullet{width:13px;height:13px;position:absolute;background:#e5e5e5;border-radius:50%;cursor:pointer;box-sizing:content-box}.ares .tp-bullet.selected,.ares .tp-bullet:hover{background:#fff}.ares .tp-bullet-title{position:absolute;color:#888;font-size:12px;padding:0 10px;font-weight:600;right:27px;top:-4px;background:#fff;background:rgba(255,255,255,.75);visibility:hidden;transform:translateX(-20px);-webkit-transform:translateX(-20px);transition:transform .3s;-webkit-transition:transform .3s;line-height:20px;white-space:nowrap}.dione .tp-arr-imgholder,.dione.tparrows{transition:all .3s;width:100px;height:100%}.ares .tp-bullet-title:after{width:0;height:0;border-style:solid;border-width:10px 0 10px 10px;border-color:transparent transparent transparent rgba(255,255,255,.75);content:" ";position:absolute;right:-10px;top:0}.ares .tp-bullet:hover .tp-bullet-title{visibility:visible;transform:translateX(0);-webkit-transform:translateX(0)}.ares .tp-bullet.selected:hover .tp-bullet-title{background:#fff}.ares .tp-bullet.selected:hover .tp-bullet-title:after{border-color:transparent transparent transparent #fff}.ares.tp-bullets:hover .tp-bullet-title{visibility:hidden}.ares.tp-bullets:hover .tp-bullet:hover .tp-bullet-title{visibility:visible}.ares .tp-tab{opacity:1;padding:10px;box-sizing:border-box;font-family:Roboto,sans-serif;border-bottom:1px solid #e5e5e5}.ares .tp-tab-image{width:60px;height:60px;position:relative;display:inline-block}.ares .tp-tab-content{background:rgba(0,0,0,0);padding:15px 15px 15px 85px;left:0;overflow:hidden;margin-top:-15px;box-sizing:border-box;color:#333;display:inline-block;width:100%;height:100%;position:absolute}.custom.tp-bullets:before,.erinyen.tp-bullets:before{margin-top:-10px;content:" "}.ares .tp-tab-date{display:block;color:#aaa;font-weight:500;font-size:12px;margin-bottom:0}.ares .tp-tab-title{display:block;text-align:left;color:#333;font-size:14px;font-weight:500;text-transform:none;line-height:17px}.custom.tparrows:before,.erinyen.tparrows:before{text-align:center;font-family:revicons}.ares .tp-tab.selected,.ares .tp-tab:hover{background:#eee}.custom.tparrows{cursor:pointer;background:#000;background:rgba(0,0,0,.5);width:40px;height:40px;position:absolute;display:block;z-index:100}.custom.tparrows:hover{background:#000}.custom.tparrows:before{font-size:15px;color:#fff;display:block;line-height:40px}.custom.tparrows.tp-leftarrow:before{content:"\e824"}.custom.tparrows.tp-rightarrow:before{content:"\e825"}.custom.tp-bullets:before{position:absolute;width:100%;height:100%;background:0 0;padding:10px;margin-left:-10px;box-sizing:content-box}.custom .tp-bullet{width:12px;height:12px;position:absolute;background:#aaa;background:rgba(125,125,125,.5);cursor:pointer;box-sizing:content-box}.custom .tp-bullet.selected,.custom .tp-bullet:hover{background:#7d7d7d}.dione.tparrows{background:0 0;background:rgba(0,0,0,0);line-height:100%;-webkit-transition:all .3s}.dione.tparrows:hover{background:rgba(0,0,0,.45)}.dione .tp-arr-imgwrapper{width:100px;left:0;position:absolute;height:100%;top:0;overflow:hidden}.dione.tp-rightarrow .tp-arr-imgwrapper{left:auto;right:0}.dione .tp-arr-imgholder{background-position:center center;background-size:cover;top:0;visibility:hidden;transform:translateX(-50px);-webkit-transform:translateX(-50px);-webkit-transition:all .3s;opacity:0;left:0}.dione.tparrows.tp-rightarrow .tp-arr-imgholder{right:0;left:auto;transform:translateX(50px);-webkit-transform:translateX(50px)}.dione.tparrows:before{position:absolute;line-height:30px;margin-left:-22px;top:50%;left:50%;font-size:30px;margin-top:-15px;transition:all .3s;-webkit-transition:all .3s}.dione.tparrows.tp-rightarrow:before{margin-left:6px}.dione.tparrows:hover:before{transform:translateX(-20px);-webkit-transform:translateX(-20px);opacity:0}.dione.tparrows.tp-rightarrow:hover:before{transform:translateX(20px);-webkit-transform:translateX(20px)}.dione.tparrows:hover .tp-arr-imgholder{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;visibility:visible}.dione .tp-bullet{opacity:1;width:50px;height:50px;padding:3px;background:#000;background-color:rgba(0,0,0,.25);margin:0;box-sizing:border-box;transition:all .3s;-webkit-transition:all .3s}.dione .tp-bullet-image{display:block;box-sizing:border-box;position:relative;-webkit-box-shadow:inset 5px 5px 10px 0 rgba(0,0,0,.25);-moz-box-shadow:inset 5px 5px 10px 0 rgba(0,0,0,.25);box-shadow:inset 5px 5px 10px 0 rgba(0,0,0,.25);width:44px;height:44px;background-size:cover;background-position:center center}.dione .tp-bullet-title{position:absolute;bottom:65px;display:inline-block;left:50%;background:#000;background:rgba(0,0,0,.75);color:#fff;padding:10px 30px;border-radius:4px;-webkit-border-radius:4px;transition:all .3s;-webkit-transition:all .3s;transform:translateZ(0) translateX(-50%) translateY(14px);transform-origin:50% 100%;-webkit-transform:translateZ(0) translateX(-50%) translateY(14px);-webkit-transform-origin:50% 100%;opacity:0;white-space:nowrap}.dione .tp-bullet:hover .tp-bullet-title{transform:rotateX(0) translateX(-50%);-webkit-transform:rotateX(0) translateX(-50%);opacity:1}.dione .tp-bullet.selected,.dione .tp-bullet:hover{background:rgba(255,255,255,1);background:-moz-linear-gradient(top,rgba(255,255,255,1) 0,rgba(119,119,119,1) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0,rgba(255,255,255,1)),color-stop(100%,rgba(119,119,119,1)));background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0,rgba(119,119,119,1) 100%);background:-o-linear-gradient(top,rgba(255,255,255,1) 0,rgba(119,119,119,1) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,1) 0,rgba(119,119,119,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,1) 0,rgba(119,119,119,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#777777", GradientType=0 )}.dione .tp-bullet-title:after{content:" ";position:absolute;left:50%;margin-left:-8px;width:0;height:0;border-style:solid;border-width:8px 8px 0;border-color:rgba(0,0,0,.75) transparent transparent;bottom:-8px}.erinyen.tparrows{cursor:pointer;background:#000;background:rgba(0,0,0,.5);min-width:70px;min-height:70px;position:absolute;display:block;z-index:100;border-radius:35px}.erinyen.tparrows:before{font-size:20px;color:#fff;display:block;line-height:70px;z-index:2;position:relative}.erinyen.tparrows.tp-leftarrow:before{content:"\e824"}.erinyen.tparrows.tp-rightarrow:before{content:"\e825"}.erinyen .tp-title-wrap{position:absolute;z-index:1;display:inline-block;background:#000;background:rgba(0,0,0,.5);min-height:70px;line-height:70px;top:0;margin-left:0;border-radius:35px;overflow:hidden;transition:opacity .3s;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0);visibility:hidden;opacity:0}.erinyen.tparrows:hover .tp-title-wrap{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);opacity:1;visibility:visible}.erinyen.tp-rightarrow .tp-title-wrap{right:0;margin-right:0;margin-left:0;-webkit-transform-origin:100% 50%;border-radius:35px;padding-right:20px;padding-left:10px}.erinyen.tp-leftarrow .tp-title-wrap{padding-left:20px;padding-right:10px}.erinyen .tp-arr-titleholder{letter-spacing:3px;position:relative;-webkit-transition:-webkit-transform .3s;transition:transform .3s;transform:translateX(200px);text-transform:uppercase;color:#fff;font-weight:600;font-size:13px;line-height:70px;white-space:nowrap;padding:0 20px;margin-left:11px;opacity:0}.erinyen .tp-thumb,.gyges .tp-thumb{opacity:1}.erinyen .tp-arr-imgholder{width:100%;height:100%;position:absolute;top:0;left:0;background-position:center center;background-size:cover}.erinyen .tp-arr-img-over{width:100%;height:100%;position:absolute;top:0;left:0;background:#000;background:rgba(0,0,0,.5)}.erinyen.tp-rightarrow .tp-arr-titleholder{transform:translateX(-200px);margin-left:0;margin-right:11px}.erinyen.tparrows:hover .tp-arr-titleholder{transform:translateX(0);-webkit-transform:translateX(0);transition-delay:.1s;opacity:1}.erinyen.tp-bullets:before{position:absolute;width:100%;height:100%;background:#555;background:-moz-linear-gradient(top,#555 0,#222 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#555),color-stop(100%,#222));background:-webkit-linear-gradient(top,#555 0,#222 100%);background:-o-linear-gradient(top,#555 0,#222 100%);background:-ms-linear-gradient(top,#555 0,#222 100%);background:linear-gradient(to bottom,#555 0,#222 100%);filter:progid:dximagetransform.microsoft.gradient( startcolorstr="#555555", endcolorstr="#222222", gradienttype=0 );padding:10px 15px;margin-left:-15px;box-sizing:content-box;border-radius:10px;box-shadow:0 0 2px 1px rgba(33,33,33,.3)}.erinyen .tp-bullet{width:13px;height:13px;position:absolute;background:#111;border-radius:50%;cursor:pointer;box-sizing:content-box}.erinyen .tp-bullet.selected,.erinyen .tp-bullet:hover{background:#e5e5e5;background:-moz-linear-gradient(top,#e5e5e5 0,#999 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#e5e5e5),color-stop(100%,#999));background:-webkit-linear-gradient(top,#e5e5e5 0,#999 100%);background:-o-linear-gradient(top,#e5e5e5 0,#999 100%);background:-ms-linear-gradient(top,#e5e5e5 0,#999 100%);background:linear-gradient(to bottom,#e5e5e5 0,#999 100%);filter:progid:dximagetransform.microsoft.gradient( startcolorstr="#e5e5e5", endcolorstr="#999999", gradienttype=0 );border:1px solid #555;width:12px;height:12px}.erinyen .tp-thumb-over{background:#000;background:rgba(0,0,0,.25);width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;-webkit-transition:all .3s;transition:all .3s}.erinyen .tp-thumb-more:before,.erinyen .tp-thumb-title{font-size:12px;display:block;z-index:2;position:absolute;text-align:left}.erinyen .tp-thumb-more:before{font-family:revicons;color:#aaa;color:rgba(255,255,255,.75);line-height:12px;top:20px;right:20px;content:"\e825"}.erinyen .tp-thumb-title{font-family:Raleway;letter-spacing:1px;color:#fff;line-height:15px;top:0;left:0;padding:20px 35px 20px 20px;width:100%;height:100%;box-sizing:border-box;transition:all .3s;-webkit-transition:all .3s;font-weight:500}.erinyen .tp-thumb.selected .tp-thumb-more:before,.erinyen .tp-thumb:hover .tp-thumb-more:before{color:#aaa}.erinyen .tp-thumb.selected .tp-thumb-over,.erinyen .tp-thumb:hover .tp-thumb-over{background:#fff}.erinyen .tp-thumb.selected .tp-thumb-title,.erinyen .tp-thumb:hover .tp-thumb-title{color:#000}.erinyen .tp-tab-title{color:#a8d8ee;font-size:13px;font-weight:700;text-transform:uppercase;font-family:"Roboto Slab" margin-bottom:5px}.erinyen .tp-tab-desc{font-size:18px;font-weight:400;color:#fff;line-height:25px;font-family:"Roboto Slab"}.gyges.tp-bullets:before{content:" ";position:absolute;width:100%;height:100%;background:#777;background:-moz-linear-gradient(top,#777 0,#666 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#777),color-stop(100%,#666));background:-webkit-linear-gradient(top,#777 0,#666 100%);background:-o-linear-gradient(top,#777 0,#666 100%);background:-ms-linear-gradient(top,#777 0,#666 100%);background:linear-gradient(to bottom,#777 0,#666 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#777777", endColorstr="#666666", GradientType=0 );padding:10px;margin-left:-10px;margin-top:-10px;box-sizing:content-box;border-radius:10px}.gyges .tp-bullet{width:12px;height:12px;position:absolute;background:#333;border:3px solid #444;border-radius:50%;cursor:pointer;box-sizing:content-box}.gyges .tp-bullet.selected,.gyges .tp-bullet:hover{background:#fff;background:-moz-linear-gradient(top,#fff 0,#e1e1e1 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#e1e1e1));background:-webkit-linear-gradient(top,#fff 0,#e1e1e1 100%);background:-o-linear-gradient(top,#fff 0,#e1e1e1 100%);background:-ms-linear-gradient(top,#fff 0,#e1e1e1 100%);background:linear-gradient(to bottom,#fff 0,#e1e1e1 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#e1e1e1", GradientType=0 )}.gyges .tp-thumb.selected .tp-thumb-img-wrap,.gyges .tp-thumb:hover .tp-thumb-img-wrap,.hades .tp-thumb.selected .tp-thumb-img-wrap,.hades .tp-thumb:hover .tp-thumb-img-wrap,.metis .tp-bullet.selected,.metis .tp-bullet:hover{filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#777777", GradientType=0 )}.gyges .tp-thumb-img-wrap{padding:3px;background:#000;background-color:rgba(0,0,0,.25);display:inline-block;width:100%;height:100%;position:relative;margin:0;box-sizing:border-box;transition:all .3s;-webkit-transition:all .3s}.gyges .tp-thumb-image{padding:3px;display:block;box-sizing:border-box;position:relative;-webkit-box-shadow:inset 5px 5px 10px 0 rgba(0,0,0,.25);-moz-box-shadow:inset 5px 5px 10px 0 rgba(0,0,0,.25);box-shadow:inset 5px 5px 10px 0 rgba(0,0,0,.25)}.gyges .tp-thumb-title{position:absolute;bottom:100%;display:inline-block;left:50%;background:rgba(255,255,255,.8);padding:10px 30px;border-radius:4px;-webkit-border-radius:4px;margin-bottom:20px;opacity:0;transition:all .3s;-webkit-transition:all .3s;transform:translateZ(0) translateX(-50%) translateY(14px);transform-origin:50% 100%;-webkit-transform:translateZ(0) translateX(-50%) translateY(14px);-webkit-transform-origin:50% 100%;white-space:nowrap}.gyges .tp-thumb:hover .tp-thumb-title{transform:rotateX(0) translateX(-50%);-webkit-transform:rotateX(0) translateX(-50%);opacity:1}.gyges .tp-thumb.selected .tp-thumb-img-wrap,.gyges .tp-thumb:hover .tp-thumb-img-wrap{background:rgba(255,255,255,1);background:-moz-linear-gradient(top,rgba(255,255,255,1) 0,rgba(119,119,119,1) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0,rgba(255,255,255,1)),color-stop(100%,rgba(119,119,119,1)));background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0,rgba(119,119,119,1) 100%);background:-o-linear-gradient(top,rgba(255,255,255,1) 0,rgba(119,119,119,1) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,1) 0,rgba(119,119,119,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,1) 0,rgba(119,119,119,1) 100%)}.gyges .tp-thumb-title:after{content:" ";position:absolute;left:50%;margin-left:-8px;width:0;height:0;border-style:solid;border-width:8px 8px 0;border-color:rgba(255,255,255,.8) transparent transparent;bottom:-8px}.gyges .tp-tab{opacity:1;padding:10px;box-sizing:border-box;font-family:Roboto,sans-serif;border-bottom:1px solid rgba(255,255,255,.15)}.hades.tparrows:before,.hebe.tparrows:before{font-family:revicons}.gyges .tp-tab-image{width:60px;height:60px;position:relative;display:inline-block}.gyges .tp-tab-content{background:rgba(0,0,0,0);padding:15px 15px 15px 85px;left:0;overflow:hidden;margin-top:-15px;box-sizing:border-box;color:#333;display:inline-block;width:100%;height:100%;position:absolute}.hades .tp-arr-allwrapper,.hades.tparrows{width:100px;height:100px;position:absolute}.gyges .tp-tab-date{display:block;color:rgba(255,255,255,.25);font-weight:500;font-size:12px;margin-bottom:0}.gyges .tp-tab-title{display:block;text-align:left;color:#fff;font-size:14px;font-weight:500;text-transform:none;line-height:17px}.gyges .tp-tab.selected,.gyges .tp-tab:hover{background:rgba(0,0,0,.5)}.hades.tparrows{cursor:pointer;background:#000;background:rgba(0,0,0,.15);display:block;z-index:100}.hades.tparrows:before{font-size:30px;color:#fff;display:block;line-height:100px;text-align:center;transition:background .3s,color .3s}.hades.tparrows.tp-leftarrow:before{content:"\e824"}.hades.tparrows.tp-rightarrow:before{content:"\e825"}.hades.tparrows:hover:before{color:#aaa;background:#fff;background:rgba(255,255,255,1)}.hades .tp-arr-allwrapper{left:100%;top:0;background:#888;-webkit-transition:all .3s;transition:all .3s;-ms-filter:"progid:dximagetransform.microsoft.alpha(opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transform:rotatey(-90deg);transform:rotatey(-90deg);-webkit-transform-origin:0 50%;transform-origin:0 50%}.hades.tp-rightarrow .tp-arr-allwrapper{left:auto;right:100%;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:rotatey(90deg);transform:rotatey(90deg)}.hades:hover .tp-arr-allwrapper{-ms-filter:"progid:dximagetransform.microsoft.alpha(opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:rotatey(0);transform:rotatey(0)}.hades .tp-arr-imgholder{background-size:cover;position:absolute;top:0;left:0;width:100%;height:100%}.hades.tp-bullets:before{content:" ";position:absolute;width:100%;height:100%;background:0 0;padding:10px;margin-left:-10px;margin-top:-10px;box-sizing:content-box}.hades .tp-bullet{width:3px;height:3px;position:absolute;background:#888;cursor:pointer;border:5px solid #fff;box-sizing:content-box;box-shadow:0 0 3px 1px rgba(0,0,0,.2);-webkit-perspective:400;perspective:400;-webkit-transform:translatez(.01px);transform:translatez(.01px)}.hades .tp-bullet.selected,.hades .tp-bullet:hover{background:#555}.hades .tp-bullet-image{position:absolute;top:-80px;left:-60px;width:120px;height:60px;background-position:center center;background-size:cover;visibility:hidden;opacity:0;transition:all .3s;-webkit-transform-style:flat;transform-style:flat;perspective:600;-webkit-perspective:600;transform:rotatex(-90deg);-webkit-transform:rotatex(-90deg);box-shadow:0 0 3px 1px rgba(0,0,0,.2);transform-origin:50% 100%;-webkit-transform-origin:50% 100%}.hades .tp-thumb-image,.hades .tp-thumb-img-wrap{padding:3px;border-radius:50%;box-sizing:border-box;position:relative}.hades .tp-bullet:hover .tp-bullet-image{display:block;opacity:1;transform:rotatex(0);-webkit-transform:rotatex(0);visibility:visible}.hades .tp-thumb{opacity:1}.hades .tp-thumb-img-wrap{display:inline-block;background:#000;background-color:rgba(0,0,0,.25);width:100%;height:100%;margin:0;transition:all .3s;-webkit-transition:all .3s}.hades .tp-thumb-image{display:block;-webkit-box-shadow:inset 5px 5px 10px 0 rgba(0,0,0,.25);-moz-box-shadow:inset 5px 5px 10px 0 rgba(0,0,0,.25);box-shadow:inset 5px 5px 10px 0 rgba(0,0,0,.25)}.hades .tp-thumb.selected .tp-thumb-img-wrap,.hades .tp-thumb:hover .tp-thumb-img-wrap{background:rgba(255,255,255,1);background:-moz-linear-gradient(top,rgba(255,255,255,1) 0,rgba(119,119,119,1) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0,rgba(255,255,255,1)),color-stop(100%,rgba(119,119,119,1)));background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0,rgba(119,119,119,1) 100%);background:-o-linear-gradient(top,rgba(255,255,255,1) 0,rgba(119,119,119,1) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,1) 0,rgba(119,119,119,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,1) 0,rgba(119,119,119,1) 100%)}.hades .tp-thumb-title:after{content:" ";position:absolute;left:50%;margin-left:-8px;width:0;height:0;border-style:solid;border-width:8px 8px 0;border-color:rgba(0,0,0,.75) transparent transparent;bottom:-8px}.hades .tp-tab{opacity:1}.hades .tp-tab-title{display:block;color:#333;font-weight:600;font-size:18px;text-align:center;line-height:25px}.hades .tp-tab-price{display:block;text-align:center;color:#999;font-size:16px;margin-top:10px;line-height:20px}.hades .tp-tab-button{display:inline-block;margin-top:15px;text-align:center;padding:5px 15px;color:#fff;font-size:14px;background:#219bd7;border-radius:4px;font-weight:400}.hebe.tparrows,.hebe.tparrows:before{display:block;background:#fff;min-height:70px;min-width:70px}.hades .tp-tab-inner{text-align:center}.hebe.tparrows{cursor:pointer;position:absolute;z-index:100}.hebe.tparrows:before{font-size:30px;color:#aaa;line-height:70px;text-align:center;-webkit-transition:color .3s;-moz-transition:color .3s;transition:color .3s;z-index:2;position:relative}.hebe.tparrows.tp-leftarrow:before{content:"\e824"}.hebe.tparrows.tp-rightarrow:before{content:"\e825"}.hebe.tparrows:hover:before{color:#000}.hebe .tp-title-wrap{position:absolute;z-index:0;display:inline-block;background:#000;background:rgba(0,0,0,.75);min-height:60px;line-height:60px;top:-10px;margin-left:0;-webkit-transition:-webkit-transform .3s;transition:transform .3s;transform:scaleX(0);-webkit-transform:scaleX(0);transform-origin:0 50%;-webkit-transform-origin:0 50%}.hebe.tp-rightarrow .tp-title-wrap{right:0;-webkit-transform-origin:100% 50%}.hebe.tparrows:hover .tp-title-wrap{transform:scaleX(1);-webkit-transform:scaleX(1)}.hebe .tp-arr-titleholder{position:relative;text-transform:uppercase;color:#fff;font-weight:600;font-size:12px;line-height:90px;white-space:nowrap;padding:0 20px 0 90px}.hebe.tp-rightarrow .tp-arr-titleholder{margin-left:0;padding:0 90px 0 20px}.hebe.tp-bullets:before,.hephaistos.tp-bullets:before{padding:10px;box-sizing:content-box;position:absolute;margin-top:-10px}.hebe.tparrows:hover .tp-arr-titleholder{transform:translateX(0);-webkit-transform:translateX(0);transition-delay:.1s;opacity:1}.hebe .tp-arr-imgholder{width:90px;height:90px;position:absolute;left:100%;display:block;background-size:cover;background-position:center center;top:0;right:-90px}.hebe.tp-rightarrow .tp-arr-imgholder{right:auto;left:-90px}.hebe.tp-bullets:before{content:" ";width:100%;height:100%;background:0 0;margin-left:-10px}.hebe .tp-bullet{width:3px;height:3px;position:absolute;background:#fff;cursor:pointer;border:5px solid #222;border-radius:50%;box-sizing:content-box;-webkit-perspective:400;perspective:400;-webkit-transform:translateZ(.01px);transform:translateZ(.01px);transition:all .3s}.hebe .tp-bullet.selected,.hebe .tp-bullet:hover{background:#222;border-color:#fff}.hebe .tp-bullet-image{position:absolute;top:-90px;left:-40px;width:70px;height:70px;background-position:center center;background-size:cover;visibility:hidden;opacity:0;transition:all .3s;-webkit-transform-style:flat;transform-style:flat;perspective:600;-webkit-perspective:600;transform:scale(0);-webkit-transform:scale(0);transform-origin:50% 100%;-webkit-transform-origin:50% 100%;border-radius:6px}.hebe .tp-bullet:hover .tp-bullet-image{display:block;opacity:1;transform:scale(1);-webkit-transform:scale(1);visibility:visible}.hebe .tp-tab-title{color:#a8d8ee;font-size:13px;font-weight:700;text-transform:uppercase;font-family:"Roboto Slab" margin-bottom:5px}.hebe .tp-tab-desc{font-size:18px;font-weight:400;color:#fff;line-height:25px;font-family:"Roboto Slab"}.hephaistos.tparrows:before,.hermes.tparrows:before,.hesperiden.tparrows:before{font-family:revicons;display:block}.hephaistos.tparrows{cursor:pointer;background:#000;background:rgba(0,0,0,.5);width:40px;height:40px;position:absolute;display:block;z-index:100;border-radius:50%}.hephaistos.tparrows:hover{background:#000}.hephaistos.tparrows:before{font-size:18px;color:#fff;line-height:40px;text-align:center}.hephaistos.tparrows.tp-leftarrow:before{content:"\e82c";margin-left:-2px}.hephaistos.tparrows.tp-rightarrow:before{content:"\e82d";margin-right:-2px}.hephaistos.tp-bullets:before{content:" ";width:100%;height:100%;background:0 0;margin-left:-10px}.hephaistos .tp-bullet{width:12px;height:12px;position:absolute;background:#999;border:3px solid #f5f5f5;border-radius:50%;cursor:pointer;box-sizing:content-box;box-shadow:0 0 2px 1px rgba(130,130,130,.3)}.hephaistos .tp-bullet.selected,.hephaistos .tp-bullet:hover{background:#fff;border-color:#000}.hermes.tparrows{cursor:pointer;background:#000;background:rgba(0,0,0,.5);width:30px;height:110px;position:absolute;display:block;z-index:100}.hermes.tparrows:before{font-size:15px;color:#fff;line-height:110px;text-align:center;transform:translateX(0);-webkit-transform:translateX(0);transition:all .3s;-webkit-transition:all .3s}.hermes.tparrows.tp-leftarrow:before{content:"\e824"}.hermes.tparrows.tp-rightarrow:before{content:"\e825"}.hermes.tparrows.tp-leftarrow:hover:before{transform:translateX(-20px);-webkit-transform:translateX(-20px);opacity:0}.hermes.tparrows.tp-rightarrow:hover:before{transform:translateX(20px);-webkit-transform:translateX(20px);opacity:0}.hermes .tp-arr-allwrapper{overflow:hidden;position:absolute;width:180px;height:140px;top:0;left:0;visibility:hidden;-webkit-transition:-webkit-transform .3s .3s;transition:transform .3s .3s;-webkit-perspective:1000px;perspective:1000px}.hermes.tp-rightarrow .tp-arr-allwrapper{right:0;left:auto}.hermes.tparrows:hover .tp-arr-allwrapper{visibility:visible}.hermes .tp-arr-imgholder{width:180px;position:absolute;left:0;top:0;height:110px;transform:translateX(-180px);-webkit-transform:translateX(-180px);transition:all .3s;transition-delay:.3s}.hermes.tp-rightarrow .tp-arr-imgholder{transform:translateX(180px);-webkit-transform:translateX(180px)}.hermes.tparrows:hover .tp-arr-imgholder{transform:translateX(0);-webkit-transform:translateX(0)}.hermes .tp-arr-titleholder{top:110px;width:180px;text-align:left;display:block;padding:0 10px;line-height:30px;background:#000;background:rgba(0,0,0,.75);color:#fff;font-weight:600;position:absolute;font-size:12px;white-space:nowrap;letter-spacing:1px;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:50% 0;transform-origin:50% 0;box-sizing:border-box}.hermes.tparrows:hover .tp-arr-titleholder{-webkit-transition-delay:.6s;transition-delay:.6s;-webkit-transform:rotateX(0);transform:rotateX(0)}.hermes .tp-bullet{overflow:hidden;border-radius:50%;width:16px;height:16px;background-color:rgba(0,0,0,0);box-shadow:inset 0 0 0 2px #FFF;-webkit-transition:background .3s ease;transition:background .3s ease;position:absolute}.hermes .tp-bullet:hover{background-color:rgba(0,0,0,.2)}.hermes .tp-bullet:after{content:' ';position:absolute;bottom:0;height:0;left:0;width:100%;background-color:#FFF;box-shadow:0 0 1px #FFF;-webkit-transition:height .3s ease;transition:height .3s ease}.hermes .tp-bullet.selected:after{height:100%}.hermes .tp-tab{opacity:1;padding-right:10px;box-sizing:border-box}.hermes .tp-tab-image{width:100%;height:60%;position:relative}.hermes .tp-tab-content{background:#363636;position:absolute;padding:20px 20px 20px 30px;box-sizing:border-box;color:#fff;display:block;width:100%;min-height:40%;bottom:0;left:-10px}.hermes .tp-tab-date{display:block;color:#888;font-weight:600;font-size:12px;margin-bottom:10px}.hermes .tp-tab-title{display:block;color:#fff;font-size:16px;font-weight:800;text-transform:uppercase;line-height:19px}.hermes .tp-tab.selected .tp-tab-title:after{width:0;height:0;border-style:solid;border-width:30px 0 30px 10px;border-color:transparent transparent transparent #363636;content:" ";position:absolute;right:-9px;bottom:50%;margin-bottom:-30px}.hermes .tp-tab-mask{padding-right:10px!important}@media only screen and (max-width:960px){.hermes .tp-tab .tp-tab-title{font-size:14px;line-height:16px}.hermes .tp-tab-date{font-size:11px;line-height:13px;margin-bottom:10px}.hermes .tp-tab-content{padding:15px 15px 15px 25px}}@media only screen and (max-width:768px){.hermes .tp-tab .tp-tab-title{font-size:12px;line-height:14px}.hermes .tp-tab-date{font-size:10px;line-height:12px;margin-bottom:5px}.hermes .tp-tab-content{padding:10px 10px 10px 20px}}.hesperiden.tparrows{cursor:pointer;background:#000;background:rgba(0,0,0,.5);width:40px;height:40px;position:absolute;display:block;z-index:100;border-radius:50%}.hesperiden.tparrows:hover{background:#000}.hesperiden.tparrows:before{font-size:20px;color:#fff;line-height:40px;text-align:center}.hesperiden.tparrows.tp-leftarrow:before{content:"\e82c";margin-left:-3px}.hesperiden.tparrows.tp-rightarrow:before{content:"\e82d";margin-right:-3px}.hesperiden.tp-bullets:before,.metis .tp-bullet-title:after,.metis.tp-tabs:before{content:" "}.hesperiden.tp-bullets:before{position:absolute;width:100%;height:100%;background:0 0;padding:10px;margin-left:-10px;margin-top:-10px;box-sizing:content-box;border-radius:8px}.hesperiden .tp-bullet{width:12px;height:12px;position:absolute;background:#999;background:-moz-linear-gradient(top,#999 0,#e1e1e1 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#999),color-stop(100%,#e1e1e1));background:-webkit-linear-gradient(top,#999 0,#e1e1e1 100%);background:-o-linear-gradient(top,#999 0,#e1e1e1 100%);background:-ms-linear-gradient(top,#999 0,#e1e1e1 100%);background:linear-gradient(to bottom,#999 0,#e1e1e1 100%);filter:progid:dximagetransform.microsoft.gradient( startcolorstr="#999999", endcolorstr="#e1e1e1", gradienttype=0 );border:3px solid #e5e5e5;border-radius:50%;cursor:pointer;box-sizing:content-box}.hesperiden .tp-bullet.selected,.hesperiden .tp-bullet:hover{background:#666}.hesperiden .tp-thumb{opacity:1;-webkit-perspective:600px;perspective:600px}.hesperiden .tp-thumb .tp-thumb-title{font-size:12px;position:absolute;margin-top:-10px;color:#fff;display:block;z-index:1000;background-color:#000;padding:5px 10px;bottom:0;left:0;width:100%;box-sizing:border-box;text-align:center;overflow:hidden;white-space:nowrap;transition:all .3s;-webkit-transition:all .3s;transform:rotatex(90deg) translatez(0);transform-origin:50% 100%;-webkit-transform:rotatex(90deg) translatez(0);-webkit-transform-origin:50% 100%;opacity:0}.hesperiden .tp-thumb:hover .tp-thumb-title{transform:rotatex(0);-webkit-transform:rotatex(0);opacity:1}.hesperiden .tp-tab{opacity:1;padding:10px;box-sizing:border-box;font-family:Roboto,sans-serif;border-bottom:1px solid #e5e5e5}.hesperiden .tp-tab-image{width:60px;height:60px;position:relative;display:inline-block}.hesperiden .tp-tab-content{background:rgba(0,0,0,0);padding:15px 15px 15px 85px;left:0;overflow:hidden;margin-top:-15px;box-sizing:border-box;color:#333;display:inline-block;width:100%;height:100%;position:absolute}.hesperiden .tp-tab-date{display:block;color:#aaa;font-weight:500;font-size:12px;margin-bottom:0}.hesperiden .tp-tab-title{display:block;text-align:left;color:#333;font-size:14px;font-weight:500;text-transform:none;line-height:17px}.metis .tp-tab-number,.metis .tp-tab-title{font-weight:400;font-family:"Playfair Display"}.hesperiden .tp-tab.selected,.hesperiden .tp-tab:hover{background:#eee}.metis.tparrows{background:#fff;padding:10px;transition:all .3s;-webkit-transition:all .3s;width:60px;height:60px;box-sizing:border-box}.metis.tparrows:hover{background:#fff;background:rgba(255,255,255,.75)}.metis.tparrows:before{color:#000;transition:all .3s;-webkit-transition:all .3s}.metis.tparrows:hover:before{transform:scale(1.5)}.metis .tp-bullet{opacity:1;width:50px;height:50px;padding:3px;background:#000;background-color:rgba(0,0,0,.25);margin:0;box-sizing:border-box;transition:all .3s;-webkit-transition:all .3s;border-radius:50%}.metis .tp-bullet-image{border-radius:50%;display:block;box-sizing:border-box;position:relative;-webkit-box-shadow:inset 5px 5px 10px 0 rgba(0,0,0,.25);-moz-box-shadow:inset 5px 5px 10px 0 rgba(0,0,0,.25);box-shadow:inset 5px 5px 10px 0 rgba(0,0,0,.25);width:44px;height:44px;background-size:cover;background-position:center center}.metis .tp-bullet-title{position:absolute;bottom:65px;display:inline-block;left:50%;background:#000;background:rgba(0,0,0,.75);color:#fff;padding:10px 30px;border-radius:4px;-webkit-border-radius:4px;transition:all .3s;-webkit-transition:all .3s;transform:translateZ(0) translateX(-50%) translateY(14px);transform-origin:50% 100%;-webkit-transform:translateZ(0) translateX(-50%) translateY(14px);-webkit-transform-origin:50% 100%;opacity:0;white-space:nowrap}.metis .tp-bullet:hover .tp-bullet-title{transform:rotateX(0) translateX(-50%);-webkit-transform:rotateX(0) translateX(-50%);opacity:1}.metis .tp-bullet.selected,.metis .tp-bullet:hover{background:rgba(255,255,255,1);background:-moz-linear-gradient(top,rgba(255,255,255,1) 0,rgba(119,119,119,1) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0,rgba(255,255,255,1)),color-stop(100%,rgba(119,119,119,1)));background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0,rgba(119,119,119,1) 100%);background:-o-linear-gradient(top,rgba(255,255,255,1) 0,rgba(119,119,119,1) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,1) 0,rgba(119,119,119,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,1) 0,rgba(119,119,119,1) 100%)}.metis .tp-bullet-title:after{position:absolute;left:50%;margin-left:-8px;width:0;height:0;border-style:solid;border-width:8px 8px 0;border-color:rgba(0,0,0,.75) transparent transparent;bottom:-8px}.metis .tp-tab-number{color:#fff;font-size:40px;line-height:30px;width:50px;margin-right:17px;display:inline-block;float:left}.metis .tp-tab-mask{padding-left:20px;left:0;max-width:90px!important;transition:.4s padding-left,.4s left,.4s max-width}.metis:hover .tp-tab-mask{padding-left:0;left:50px;max-width:500px!important}.metis .tp-tab-divider{border-right:1px solid transparent;height:30px;width:1px;margin-top:5px;display:inline-block;float:left}.metis .tp-tab-title{color:#fff;font-size:20px;line-height:20px;position:relative;padding-top:10px;padding-left:30px;display:inline-block;transform:translateX(-100%);transition:.4s all}.persephone.tparrows:before,.zeus .tp-thumb-more:before,.zeus.tparrows:before{font-family:revicons}.metis .tp-tab-title-mask{position:absolute;overflow:hidden;left:67px}.metis:hover .tp-tab-title{transform:translateX(0)}.metis .tp-tab{opacity:.15;transition:.4s all}.metis .tp-tab.selected,.metis .tp-tab:hover{opacity:1}.metis .tp-tab.selected .tp-tab-divider{border-right:1px solid #cdb083}.metis.tp-tabs{max-width:118px!important;padding-left:50px}.metis.tp-tabs:before{height:100%;width:88px;background:rgba(0,0,0,.15);border-right:1px solid rgba(255,255,255,.1);left:0;top:0;position:absolute;transition:.4s all}.metis.tp-tabs:hover:before{width:118px}@media (max-width:499px){.metis.tp-tabs:before{background:rgba(0,0,0,.75)}}.persephone.tparrows{cursor:pointer;background:#aaa;background:rgba(200,200,200,.5);width:40px;height:40px;position:absolute;display:block;z-index:100;border:1px solid #f5f5f5}.persephone.tparrows:hover{background:#333}.persephone.tparrows:before{font-size:15px;color:#fff;display:block;line-height:40px;text-align:center}.persephone.tparrows.tp-leftarrow:before{content:"\e824"}.persephone.tparrows.tp-rightarrow:before{content:"\e825"}.persephone.tp-bullets:before{content:" ";position:absolute;width:100%;height:100%;background:0 0;padding:10px;margin-left:-10px;margin-top:-10px;box-sizing:content-box}.persephone .tp-bullet{width:12px;height:12px;position:absolute;background:#aaa;border:1px solid #e5e5e5;cursor:pointer;box-sizing:content-box}.persephone .tp-bullet.selected,.persephone .tp-bullet:hover{background:#222}.uranus.tparrows{width:50px;height:50px;background:0 0}.uranus.tparrows:before{width:50px;height:50px;line-height:50px;font-size:40px;transition:all .3s;-webkit-transition:all .3s}.uranus .tp-bullet-inner,.zeus .tp-arr-imgholder,.zeus .tp-title-wrap{width:100%;height:100%;left:0;top:0}.uranus.tparrows:hover:before{opacity:.75}.uranus .tp-bullet{border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,0);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;background:0 0}.uranus .tp-bullet.selected,.uranus .tp-bullet:hover{box-shadow:0 0 0 2px #FFF;border:none;border-radius:50%;background:0 0}.uranus .tp-bullet-inner{-webkit-transition:background-color .3s ease,-webkit-transform .3s ease;transition:background-color .3s ease,transform .3s ease;outline:0;border-radius:50%;background-color:#FFF;background-color:rgba(255,255,255,.3);text-indent:-999em;cursor:pointer;position:absolute}.uranus .tp-bullet.selected .tp-bullet-inner,.uranus .tp-bullet:hover .tp-bullet-inner{transform:scale(.4);-webkit-transform:scale(.4);background-color:#fff}.zeus.tparrows{cursor:pointer;min-width:70px;min-height:70px;position:absolute;display:block;z-index:100;border-radius:35px;overflow:hidden;background:rgba(0,0,0,.1)}.zeus.tparrows:before{font-size:20px;color:#fff;display:block;line-height:70px;text-align:center;z-index:2;position:relative}.zeus.tparrows.tp-leftarrow:before{content:"\e824"}.zeus.tparrows.tp-rightarrow:before{content:"\e825"}.zeus .tp-title-wrap{background:#000;background:rgba(0,0,0,.5);position:absolute;opacity:0;transform:scale(0);-webkit-transform:scale(0);transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;border-radius:50%}.zeus .tp-arr-imgholder{position:absolute;background-position:center center;background-size:cover;border-radius:50%;transform:translateX(-100%);-webkit-transform:translateX(-100%);transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s}.zeus.tp-rightarrow .tp-arr-imgholder{transform:translateX(100%);-webkit-transform:translateX(100%)}.zeus.tparrows:hover .tp-arr-imgholder{transform:translateX(0);-webkit-transform:translateX(0);opacity:1}.zeus.tparrows:hover .tp-title-wrap{transform:scale(1);-webkit-transform:scale(1);opacity:1}.zeus .tp-bullet{box-sizing:content-box;-webkit-box-sizing:content-box;border-radius:50%;background-color:rgba(0,0,0,0);-webkit-transition:opacity .3s ease;transition:opacity .3s ease;width:13px;height:13px;border:2px solid #fff}.zeus .tp-bullet:after{content:"";position:absolute;width:100%;height:100%;left:0;border-radius:50%;background-color:#FFF;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:-webkit-transform .3s ease;transition:transform .3s ease}.zeus .tp-bullet.selected:after,.zeus .tp-bullet:hover:after{-webkit-transform:scale(1.2);transform:scale(1.2)}.zeus .tp-bullet-image,.zeus .tp-bullet-imageoverlay{width:135px;height:60px;position:absolute;background:#000;background:rgba(0,0,0,.5);bottom:25px;left:50%;margin-left:-65px;box-sizing:border-box;background-size:cover;background-position:center center;visibility:hidden;opacity:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:all .3s ease;transition:all .3s ease;border-radius:4px}.zeus .tp-bullet-imageoverlay,.zeus .tp-bullet-title{z-index:2;-webkit-transition:all .5s ease;transition:all .5s ease}.zeus .tp-bullet-title{color:#fff;text-align:center;line-height:15px;font-size:13px;font-weight:600;z-index:3;visibility:hidden;opacity:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:all .3s ease;transition:all .3s ease;position:absolute;bottom:45px;width:135px;vertical-align:middle;left:-57px}.post-tabs .tp-thumb,.zeus .tp-tab,.zeus .tp-thumb{opacity:1}.zeus .tp-bullet:hover .tp-bullet-image,.zeus .tp-bullet:hover .tp-bullet-imageoverlay,.zeus .tp-bullet:hover .tp-bullet-title{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}.zeus .tp-thumb-over{background:#000;background:rgba(0,0,0,.25);width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;-webkit-transition:all .3s;transition:all .3s}.zeus .tp-thumb-more:before,.zeus .tp-thumb-title{font-size:12px;text-align:left;z-index:2;display:block}.zeus .tp-thumb-more:before{color:#aaa;color:rgba(255,255,255,.75);line-height:12px;position:absolute;top:20px;right:20px;content:"\e825"}.post-tabs .tp-thumb-over,.zeus .tp-thumb-title{position:absolute;top:0;left:0;width:100%;height:100%}.zeus .tp-thumb-title{font-family:Raleway;letter-spacing:1px;color:#fff;line-height:15px;padding:20px 35px 20px 20px;box-sizing:border-box;transition:all .3s;-webkit-transition:all .3s;font-weight:500}.zeus .tp-thumb.selected .tp-thumb-more:before,.zeus .tp-thumb:hover .tp-thumb-more:before{color:#aaa}.zeus .tp-thumb.selected .tp-thumb-over,.zeus .tp-thumb:hover .tp-thumb-over{background:#000}.zeus .tp-thumb.selected .tp-thumb-title,.zeus .tp-thumb:hover .tp-thumb-title{color:#fff}.zeus .tp-tab{box-sizing:border-box}.zeus .tp-tab-title{display:block;text-align:center;background:rgba(0,0,0,.25);font-family:"Roboto Slab",serif;font-weight:700;font-size:13px;line-height:13px;color:#fff;padding:9px 10px}.zeus .tp-tab.selected .tp-tab-title,.zeus .tp-tab:hover .tp-tab-title{color:#000;background:rgba(255,255,255,1)}.post-tabs .tp-thumb-over{background:#252525;z-index:1;-webkit-transition:all .3s;transition:all .3s}.post-tabs .tp-thumb-more:before,.post-tabs .tp-thumb-title{font-size:12px;display:block;text-align:left;position:absolute;z-index:2}.post-tabs .tp-thumb-more:before{font-family:revicons;color:#aaa;color:rgba(255,255,255,.75);line-height:12px;top:15px;right:15px;content:"\e825"}.post-tabs .tp-thumb-title{font-family:raleway;letter-spacing:1px;color:#fff;line-height:15px;top:0;left:0;padding:15px 30px 15px 15px;width:100%;height:100%;box-sizing:border-box;transition:all .3s;-webkit-transition:all .3s;font-weight:500}.post-tabs .tp-thumb.selected .tp-thumb-more:before,.post-tabs .tp-thumb:hover .tp-thumb-more:before{color:#aaa}.post-tabs .tp-thumb.selected .tp-thumb-over,.post-tabs .tp-thumb:hover .tp-thumb-over{background:#fff}.post-tabs .tp-thumb.selected .tp-thumb-title,.post-tabs .tp-thumb:hover .tp-thumb-title{color:#000} /* * Style settings of LayerSlider * * (c) 2011-2017 George Krupa, John Gera & Kreatura Media * * Plugin web: https://layerslider.kreaturamedia.com/ * Licenses: http://codecanyon.net/licenses/ */ /* Slider structure z-index cheat sheet _____ YourLogo z.index: 50; _____ _____ _____ Most GUI elements z-index: 40; ______________________ .ls-inner wrapper z-index: 30; ______________________ .ls-hidden wrapper z-index: 20; ___________________________ .ls-shadow z-index: 10; ________________________________ slider element z-index: default; ------------------------------------- Document */ /* Slider */ .ls-container { visibility: hidden; position: relative; max-width: 100%; } .ls-inner { position: relative; width: 100%; height: 100%; background-position: center center; z-index: 30; } .ls-wp-fullwidth-container { width: 100%; position: relative; } .ls-wp-fullwidth-helper { position: absolute; } /* Layers */ .ls-layers, .ls-slide-backgrounds, .ls-background-videos, .ls-bg-video-overlay { width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; -o-transform: translateZ(0); -ms-transform: translateZ(0); -moz-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); } .ls-wrapper { padding: 0 !important; visibility: visible !important; border: 0 !important; z-index: 1; } .ls-background-videos { z-index: 31; } .ls-bg-video-overlay { z-index: 32; background-repeat: repeat; background-position: center center; } .ls-slide-backgrounds { z-index: 33; } .ls-layers { z-index: 35; } .ls-parallax, .ls-in-out, .ls-z { position: absolute !important; } .ls-parallax, .ls-z { width: 0 !important; height: 0 !important; top: 0 !important; left: 0 !important; bottom: auto !important; right: auto !important; display: block !important; overflow: visible !important; } .ls-in-out { display: none; } .ls-loop, .ls-clip { position: absolute !important; display: block !important; } .ls-parallax, .ls-in-out, .ls-loop, .ls-z { background: none !important; } .ls-parallax, .ls-bg-wrap, .ls-loop { margin: 0 !important; } .ls-wrapper > .ls-layer, .ls-wrapper > a > .ls-layer .ls-wrapper > .ls-bg { line-height: normal; white-space: nowrap; margin-right: 0 !important; margin-bottom: 0 !important; } .ls-wrapper > .ls-layer, .ls-wrapper > a > .ls-layer { position: static !important; display: block !important; -o-transform: translateZ(1px); -ms-transform: translateZ(1px); -moz-transform: translateZ(1px); -webkit-transform: translateZ(1px); transform: translateZ(1px); } .ls-bg-wrap, .ls-bg-outer { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .ls-bg-wrap { display: none; } .ls-bg-outer { overflow: hidden !important; } .ls-wrapper > a.ls-layer-link { cursor: pointer !important; display: block !important; position: absolute !important; left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; z-index: 10; -o-transform: translateZ(100px); -ms-transform: translateZ(100px); -moz-transform: translateZ(100px); -webkit-transform: translateZ(100px); transform: translateZ(100px); background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) !important; } /* GUI */ .ls-gui-element { z-index: 40; } .ls-loading-container { position: absolute !important; display: none; left: 50% !important; top: 50% !important; } .ls-loading-indicator { margin: 0 auto; } /* Navigation */ .ls-bottom-slidebuttons { text-align: left; } .ls-bottom-nav-wrapper, .ls-below-thumbnails { height: 0; position: relative; text-align: center; margin: 0 auto; } .ls-below-thumbnails { display: none; } .ls-bottom-nav-wrapper a, .ls-nav-prev, .ls-nav-next { outline: none; } .ls-bottom-slidebuttons { position: relative; } .ls-bottom-slidebuttons, .ls-nav-start, .ls-nav-stop, .ls-nav-sides { position: relative; } .ls-nothumb { text-align: center !important; } .ls-link, .ls-link:hover { position: absolute !important; width: 100% !important; height: 100% !important; left: 0 !important; top: 0 !important; } .ls-link { display: none; } .ls-link, .ls-wrapper > a > * { background-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'); } .ls-bottom-nav-wrapper, .ls-thumbnail-wrapper, .ls-nav-prev, .ls-nav-next { visibility: hidden; } /* Timers */ .ls-bar-timer { position: absolute; width: 0; height: 2px; background: white; border-bottom: 2px solid #555; opacity: .55; top: 0; } .ls-circle-timer { width: 16px; height: 16px; position: absolute; right: 10px; top: 10px; opacity: .65; display: none; } .ls-container .ls-circle-timer, .ls-container .ls-circle-timer * { box-sizing: border-box !important; } .ls-ct-half { border: 4px solid white; } .ls-ct-left, .ls-ct-right { width: 50%; height: 100%; overflow: hidden; } .ls-ct-left, .ls-ct-right { position: absolute; } .ls-ct-left { left: 0; } .ls-ct-right { left: 50%; } .ls-ct-rotate { width: 200%; height: 100%; position: absolute; top: 0; } .ls-ct-left .ls-ct-rotate, .ls-ct-right .ls-ct-hider, .ls-ct-right .ls-ct-half { left: 0; } .ls-ct-right .ls-ct-rotate, .ls-ct-left .ls-ct-hider, .ls-ct-left .ls-ct-half { right: 0; } .ls-ct-hider, .ls-ct-half { position: absolute; top: 0; } .ls-ct-hider { width: 50%; height: 100%; overflow: hidden; } .ls-ct-half { width: 200%; height: 100%; } .ls-ct-center { width: 100%; height: 100%; left: 0; top: 0; position: absolute; border: 4px solid black; opacity: 0.2; } .ls-ct-half, .ls-ct-center { border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; } .ls-slidebar-container { margin: 10px auto; } .ls-slidebar-container, .ls-slidebar { position: relative; } .ls-progressbar, .ls-slidebar-slider-container { position: absolute; left: 0; top: 0; } .ls-progressbar { width: 0; height: 100%; z-index: 1; } .ls-slidebar-slider-container { z-index: 2; } .ls-slidebar-slider { position: static !important; cursor: pointer; } /* slidebar default dark skin */ .ls-slidebar { height: 10px; background-color: #ddd; } .ls-slidebar, .ls-progressbar { border-radius: 10px; } .ls-progressbar { background-color: #bbb; } .ls-slidebar-slider-container { top: 50%; } .ls-slidebar-slider { width: 20px; height: 20px; border-radius: 20px; background-color: #999; } /* slidebar default light skin */ .ls-slidebar-light .ls-slidebar { height: 8px; background-color: white; border: 1px solid #ddd; border-top: 1px solid #ccc; } .ls-slidebar-light .ls-slidebar, .ls-slidebar-light .ls-progressbar { border-radius: 10px; } .ls-slidebar-light .ls-progressbar { background-color: #eee; } .ls-slidebar-light .ls-slidebar-slider-container { top: 50%; } .ls-slidebar-light .ls-slidebar-slider { width: 18px; height: 18px; border-radius: 20px; background-color: #eee; border: 1px solid #bbb; border-top: 1px solid #ccc; border-bottom: 1px solid #999; } /* Thumbnails */ .ls-tn { display: none !important; } .ls-thumbnail-hover { display: none; position: absolute; left: 0; } .ls-thumbnail-hover-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: none; } .ls-thumbnail-hover-bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .ls-thumbnail-hover-img { position: absolute; overflow: hidden; } .ls-thumbnail-hover img { max-width: none !important; position: absolute; display: inline-block; visibility: visible !important; left: 50%; top: 0; } .ls-thumbnail-hover span { left: 50%; top: 100%; width: 0; height: 0; display: block; position: absolute; border-left-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; } .ls-thumbnail-wrapper { position: relative; width: 100%; margin: 0 auto; } .ls-thumbnail { position: relative; margin: 0 auto; } .ls-thumbnail-inner, .ls-thumbnail-slide-container { width: 100%; } .ls-thumbnail-slide-container { overflow: hidden !important; position: relative; } .ls-thumbnail-slide { text-align: center; white-space: nowrap; float: left; position: relative; } .ls-thumbnail-slide a { overflow: hidden; display: inline-block; width: 0; height: 0; position: relative; } .ls-thumbnail-slide img { max-width: none !important; max-height: 100% !important; height: 100%; visibility: visible !important; } .ls-touchscroll { overflow-x: auto !important; } /* Shadow */ .ls-shadow { display: none; position: absolute; z-index: 10 !important; top: 100%; width: 100%; left: 0; overflow: hidden !important; visibility: hidden; } .ls-shadow img { width: 100% !important; height: auto !important; position: absolute !important; left: 0 !important; bottom: 0 !important; } /* Media */ .ls-media-layer { overflow: hidden; } .ls-vpcontainer, .ls-videopreview { width : 100%; height : 100%; position : absolute; left : 0; top : 0; cursor : pointer; } .ls-videopreview { background-size: cover; background-position: center center; } .ls-videopreview { z-index: 1; } .ls-playvideo { position: absolute; left: 50%; top: 50%; cursor: pointer; z-index: 2; } /* Mobile features */ .ls-forcehide { display: none !important; } /* YourLogo */ .ls-yourlogo { position: absolute; z-index: 50; } /* Slide transitions */ /* .ls-lt-container */ .ls-slide-transition-wrapper { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 34; } .ls-slide-transition-wrapper, .ls-slide-transition-wrapper * { text-align: left !important; } .ls-slide-transition-tile { position: relative; float: left; } .ls-slide-transition-tile img { visibility: visible; margin: 0 !important; } .ls-curtiles { overflow: hidden; } .ls-curtiles, .ls-nexttiles { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .ls-curtile, .ls-nexttile { overflow: hidden; width: 100% !important; height: 100% !important; -o-transform: translateZ(0); -ms-transform: translateZ(0); -moz-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); } .ls-nexttile { display: none; } .ls-3d-container { position: relative; overflow: visible !important; -ms-perspective: none !important; -moz-perspective: none !important; -webkit-perspective: none !important; perspective: none !important; } .ls-3d-box { position: absolute; } .ls-3d-box div { overflow: hidden; margin: 0; padding: 0; position: absolute; background-color: #888; } .ls-3d-box .ls-3d-top, .ls-3d-box .ls-3d-bottom { background-color: #555; } .ls-slide-transition-wrapper, .ls-slide-transition-tile { -ms-perspective: 1500px; -moz-perspective: 1500px; -webkit-perspective: 1500px; perspective: 1500px; } .ls-slide-transition-tile, .ls-3d-box, .ls-curtiles, .ls-nexttiles { -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .ls-curtile, .ls-nexttile, .ls-3d-box, .ls-3d-box div { -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Misc. */ .ls-visible { overflow: visible !important; } .ls-unselectable { user-select: none; -o-user-select: none; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; } .ls-overflow-hidden { overflow: hidden; } .ls-overflowx-hidden { overflow-x: hidden; } .ls-overflow-visible { overflow: visible !important; } .ls-overflowy-hidden { overflow-y: hidden; } .ls-hidden { width: 0px !important; height: 0px !important; position: absolute; left: -5000px; top: -5000px; z-index: -1; overflow: hidden !important; visibility: hidden !important; display: block !important; } .ls-slide { display: block !important; visibility: hidden !important; position: absolute !important; overflow: hidden; top: 0 !important; left: 0 !important; bottom: auto !important; right: auto !important; background: none; border: none !important; margin: 0 !important; padding: 0 !important; } .ls-slide > .ls-layer, .ls-slide > .ls-l, .ls-slide > .ls-bg, .ls-slide > a > .ls-layer, .ls-slide > a > .ls-l, .ls-slide > a > .ls-bg { position: absolute !important; white-space: nowrap; } .ls-fullscreen { margin: 0 !important; padding: 0 !important; width: auto !important; height: auto !important; } .ls-fullscreen .ls-container { background-color: black; margin: 0 !important; } .ls-layer .split-item { font-weight: inherit !important; font-family: inherit !important; font-size: inherit; color: inherit; } /* Removing all default global styles of WordPress themes */ html .ls-nav-prev, body .ls-nav-prev, #ls-global .ls-nav-prev, html .ls-nav-next, body .ls-nav-next, #ls-global .ls-nav-next, html .ls-container img, body .ls-container img, #ls-global .ls-container img, html .ls-bottom-nav-wrapper a, body .ls-bottom-nav-wrapper a, #ls-global .ls-bottom-nav-wrapper a, html .ls-container .ls-fullscreen, body .ls-container .ls-fullscreen, #ls-global .ls-container .ls-fullscreen, html .ls-thumbnail a, body .ls-thumbnail a, #ls-global .ls-thumbnail a { transition: none; -ms-transition: none; -webkit-transition: none; line-height: normal; outline: none; padding: 0; border: 0; } html .ls-wrapper > a, body .ls-wrapper > a, #ls-global .ls-wrapper > a, html .ls-wrapper > p, body .ls-wrapper > p, #ls-global .ls-wrapper > p, html .ls-wrapper > h1, body .ls-wrapper > h1, #ls-global .ls-wrapper > h1, html .ls-wrapper > h2, body .ls-wrapper > h2, #ls-global .ls-wrapper > h2, html .ls-wrapper > h3, body .ls-wrapper > h3, #ls-global .ls-wrapper > h3, html .ls-wrapper > h4, body .ls-wrapper > h4, #ls-global .ls-wrapper > h4, html .ls-wrapper > h5, body .ls-wrapper > h5, #ls-global .ls-wrapper > h5, html .ls-wrapper > img, body .ls-wrapper > img, #ls-global .ls-wrapper > img, html .ls-wrapper > div, body .ls-wrapper > div, #ls-global .ls-wrapper > div, html .ls-wrapper > span, body .ls-wrapper > span, #ls-global .ls-wrapper > span, html .ls-wrapper .ls-bg, body .ls-wrapper .ls-bg, #ls-global .ls-wrapper .ls-bg, html .ls-wrapper .ls-layer, body .ls-wrapper .ls-layer, #ls-global .ls-wrapper .ls-layer, html .ls-slide .ls-layer, body .ls-slide .ls-layer, #ls-global .ls-slide .ls-layer, html .ls-slide a .ls-layer, body .ls-slide a .ls-layer, #ls-global .ls-slide a .ls-layer { transition: none; -ms-transition: none; -webkit-transition: none; line-height: normal; outline: none; padding: 0; margin: 0; border-width: 0; } html .ls-container img, body .ls-container img, #ls-global .ls-container img { background: none !important; min-width: 0 !important; max-width: none !important; border-radius: 0; box-shadow: none; border: 0; padding: 0; } html .ls-wp-container .ls-wrapper > a > *, body .ls-wp-container .ls-wrapper > a > *, #ls-global .ls-wp-container .ls-wrapper > a > * { margin: 0; } html .ls-wp-container .ls-wrapper > a, body .ls-wp-container .ls-wrapper > a, #ls-global .ls-wp-container .ls-wrapper > a { text-decoration: none; } .ls-wp-fullwidth-container, .ls-wp-fullwidth-helper, .ls-gui-element *, .ls-gui-element, .ls-container, .ls-slide > *, .ls-slide, .ls-wrapper, .ls-layer { box-sizing: content-box !important; } html .ls-yourlogo, body .ls-yourlogo, #ls-global .ls-yourlogo { margin: 0; } html .ls-tn, body .ls-tn, #ls-global .ls-tn { display: none; } .ls-bottom-nav-wrapper, .ls-bottom-nav-wrapper span, .ls-bottom-nav-wrapper a { line-height: 0; font-size: 0; } /* direction: ltr */ html .ls-container, body .ls-container, #ls-global .ls-container, html .ls-container .ls-slide-transition-wrapper, body .ls-container .ls-slide-transition-wrapper, #ls-global .ls-container .ls-slide-transition-wrapper, html .ls-container .ls-slide-transition-wrapper *, body .ls-container .ls-slide-transition-wrapper *, #ls-global .ls-container .ls-slide-transition-wrapper *, html .ls-container .ls-bottom-nav-wrapper, body .ls-container .ls-bottom-nav-wrapper, #ls-global .ls-container .ls-bottom-nav-wrapper, html .ls-container .ls-bottom-nav-wrapper *, body .ls-container .ls-bottom-nav-wrapper *, #ls-global .ls-container .ls-bottom-nav-wrapper *, html .ls-container .ls-bottom-nav-wrapper span *, body .ls-container .ls-bottom-nav-wrapper span *, #ls-global .ls-container .ls-bottom-nav-wrapper span *, html .ls-direction-fix, body .ls-direction-fix, #ls-global .ls-direction-fix { direction: ltr !important; } /* float: none */ html .ls-container, body .ls-container, #ls-global .ls-container { float: none !important; } /* Notification */ .ls-notification { position: relative; margin: 10px auto; padding: 10px 10px 15px 88px; border-radius: 5px; background: #de4528; color: white !important; font-family: 'Open Sans', arial, sans-serif !important; } .ls-notification a { color: white !important; text-decoration: underline !important; } .ls-notification-logo { position: absolute; top: 16px; left: 17px; width: 56px; height: 56px; font-size: 49px; line-height: 53px; border-radius: 56px; background-color: white; color: #de4528; font-style: normal; font-weight: 800; text-align: center; } .ls-notification strong { color: white !important; display: block; font-size: 20px; line-height: 26px; font-weight: normal !important; } .ls-notification span { display: block; font-size: 13px; line-height: 16px; text-align: justify !important; } /* Device Responsiveness */ @media screen and (max-width: 767px) { .ls-container .ls-layers .ls-hide-on-phone { display: none !important; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .ls-container .ls-layers .ls-hide-on-tablet { display: none !important; } } @media screen and (min-width: 1025px) { .ls-container .ls-layers .ls-hide-on-desktop { display: none !important; } } /* Hacks */ @media (transform-3d), (-ms-transform-3d), (-webkit-transform-3d) { #ls-test3d { position: absolute; left: 9px; height: 3px; } } /** Globals **************************************************************** **/ html, body { height: 100%; } body { color: #666666; background-color: #ffffff; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased; font-size: 16px; line-height: 1.5; margin: 0; padding: 0; } /* example usage: index-onepage-youtube.html */ body.has-image-bg section, body.has-video-bg section { background-color: #fff; } body #wrapper { /* used by RTL*/ overflow: hidden; min-height: 100%; /* because short page hide long menus */ } body.bg-grey, body.bg-grey #wrapper { background-color: #f1f2f7; } section { display: block; position: relative; padding: 40px 0; border-bottom: rgba(0, 0, 0, 0.1) 1px solid; background-color: #fff; -webkit-transition: all .400s; -moz-transition: all .400s; -o-transition: all .400s; transition: all .400s; /*background-attachment: fixed; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; */ -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; background-repeat: no-repeat; background-position: center center; -webkit-background-size: auto 100% !important; -moz-background-size: auto 100% !important; -o-background-size: auto 100% !important; background-size: auto 100% !important; } section:after, section:before { content: " "; display: table; } /* remove effect on parallax */ section.parallax { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } /** Static background image add to HTML: background-image:url(); **/ section.static-bg, div.static-bg { background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } section header.section-header { margin-bottom: 80px; } div.alternate, section.alternate { background-color: rgba(0, 0, 0, 0.02); } section.dark { background-color: #212121; border-bottom: rgba(255, 255, 255, 0.1) 1px solid; } section.dark.alternate { background-color: #151515; } div.alternate-2, section.alternate-2, section.alternate-2 div.heading-title h1, section.alternate-2 div.heading-title h2, section.alternate-2 div.heading-title h3, section.alternate-2 div.heading-title h4, section.alternate-2 div.heading-title h5, section.alternate-2 div.heading-title h6 { background-color: #f4f4f4; } div.alternate-3, section.alternate-3, section.alternate-3 div.heading-title h1, section.alternate-3 div.heading-title h2, section.alternate-3 div.heading-title h3, section.alternate-3 div.heading-title h4, section.alternate-3 div.heading-title h5, section.alternate-3 div.heading-title h6 { background-color: #eae7e2; } div.lightgreen, section.lightgreen, section.lightgreen div.heading-title h1, section.lightgreen div.heading-title h2, section.lightgreen div.heading-title h3, section.lightgreen div.heading-title h4, section.lightgreen div.heading-title h5, section.lightgreen div.heading-title h6 { background-color: #eef4f2; } div.lightblue, section.lightblue, section.lightblue div.heading-title h1, section.lightblue div.heading-title h2, section.lightblue div.heading-title h3, section.lightblue div.heading-title h4, section.lightblue div.heading-title h5, section.lightblue div.heading-title h6 { background-color: #dfe5ea; } /* different dark color */ div.dark-2, section.dark-2, section.dark-2 div.heading-title h1, section.dark-2 div.heading-title h2, section.dark-2 div.heading-title h3, section.dark-2 div.heading-title h4, section.dark-2 div.heading-title h5, section.dark-2 div.heading-title h6 { color: #fff; background-color: #333a3f; } .dark-2 a, .dark-2 label, .dark-2 h1, .dark-2 h2, .dark-2 h3, .dark-2 h4, .dark-2 h5, .dark-2 h6 { color: #fff; } section.theme-color, section.theme-color h1, section.theme-color h2, section.theme-color h3, section.theme-color h4, section.theme-color h5, section.theme-color h6, section.theme- p, section.dark, section.dark p, section.dark h1, section.dark h2, section.dark h3, section.dark h4, section.dark h5, section.dark h6 { color: #fff; } section.padding-xxs { padding: 30px 0; } section.padding-xs { padding: 60px 0; } section.padding-md { padding: 80px 0; } section.padding-lg { padding: 120px 0; } section.padding-xlg { padding: 140px 0; } section.dark a { color: #999; } section.parallax { border: 0; } body.bg-grey, body.bg-grey #wrapper { background-color: #f1f2f7; } .container { position: relative; } a:active, a:focus, a:hover { color: #212121; text-decoration: none; } /* black link color - override theme color link */ a.href-reset, .href-reset a { color: #121212; } section.dark a.href-reset, section.dark .href-reset a { color: #eee; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #121212; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #888; } section.dark h1 a, section.dark h2 a, section.dark h3 a, section.dark h4 a, section.dark h5 a, section.dark h6 a { color: #eee; } section.dark h1 a:hover, section.dark h2 a:hover, section.dark h3 a:hover, section.dark h4 a:hover, section.dark h5 a:hover, section.dark h6 a:hover { color: #fff; } section header > h1, section header > h2, section header > h3, section header > h4, section header > h5, section header > h6 { margin: 0; } small { font-family: 'Lato', sans-serif; } label { display: block; } /* form control: inputs, textarea, etc */ .btn { position: relative; } .btn-default { border-width: 2px; } .btn > .label-absolute { position: absolute; right: -6px; top: -8px; } .input-group-addon { border: #ddd 2px solid; border-right: 0; } section.dark .input-group-addon { background-color: #212121; border-color: #666; color: #eaeaea; } .form-control { border: #ddd 2px solid; box-shadow: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } section .input-group-btn .btn.btn-default, section .input-group-btn button.btn-default { border-width: 2px; border-color: #ddd; } .form-control:focus { border-color: #c6c6c6; } section.dark .form-control { border-color: #666; background-color: rgba(255, 255, 255, 0.05); } section.dark .form-control:focus { border-color: #999; } .nav-tabs > li > a { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .label { padding: .4em .6em .4em; } /* DARK PRESETS */ section.dark input, section.dark select, section.dark textarea { color: #fff; } section.dark .btn { color: #fff; } section.dark .thumbnail { border-color: #444; background-color: transparent; } section.dark h1.page-header, section.dark h2.page-header, section.dark h3.page-header, section.dark h4.page-header, section.dark h5.page-header, section.dark h6.page-header { border-bottom-color: #666; } /* fonts */ .font-open-sans { font-family: 'Open Sans', Arial, Helvetica, sans-serif !important; } .font-lato { font-weight: 300; font-family: 'Lato', Arial, Helvetica, sans-serif !important; } .font-raleway { font-family: 'Raleway', Arial, Helvetica, sans-serif !important; } /* GLOBAL RADIUS Add here all needed bootstrap elements */ pre, .alert, .panel, .navbar-toggle, .btn { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* bootstrap rewrite */ img.img-responsive { display: inline-block; } /* cover video */ /** Boxed **************************************************************** **/ body.boxed { background-color: #f1f2f7; } body.boxed section { background-color: #fff; } body.boxed #wrapper { max-width: 1170px; margin-left: auto; margin-right: auto; margin-top: 50px; margin-bottom: 50px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } @media only screen and (max-width: 992px) { body.boxed #wrapper { margin-top: 0; margin-bottom: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } } /** Color Background **************************************************************** **/ /* GRAIN BLUE BACKGROUND */ body.grain-blue, body.grain-blue #wrapper, body.grain-blue #topBar, body.grain-blue #header.fixed, body.grain-blue #header li.search .search-box, body.grain-blue #header li.quick-cart .quick-cart-box, body.grain-blue #header li.quick-user .quick-user-box, body.grain-blue div.heading-title h1, body.grain-blue div.heading-title h2, body.grain-blue div.heading-title h3, body.grain-blue div.heading-title h4, body.grain-blue div.heading-title h5, body.grain-blue div.heading-title h6 { background: #dce4e9 url("../images/_smarty/grain_bg.png") repeat; } /* GRAIN GREY BACKGROUND */ body.grain-grey, body.grain-grey #wrapper, body.grain-grey #topBar, body.grain-grey #header.fixed, body.grain-grey #header li.search .search-box, body.grain-grey #header li.quick-cart .quick-cart-box, body.grain-grey #header li.quick-user .quick-user-box, body.grain-grey div.heading-title h1, body.grain-grey div.heading-title h2, body.grain-grey div.heading-title h3, body.grain-grey div.heading-title h4, body.grain-grey div.heading-title h5, body.grain-grey div.heading-title h6 { background: #f1f2f7 url("../images/_smarty/grain_bg.png") repeat; } /* GRAIN GREEN BACKGROUND */ body.grain-green, body.grain-green #wrapper, body.grain-green #topBar, body.grain-green #header.fixed, body.grain-green #header li.search .search-box, body.grain-green #header li.quick-cart .quick-cart-box, body.grain-green #header li.quick-user .quick-user-box, body.grain-green div.heading-title h1, body.grain-green div.heading-title h2, body.grain-green div.heading-title h3, body.grain-green div.heading-title h4, body.grain-green div.heading-title h5, body.grain-green div.heading-title h6 { background: #e6eeea url("../images/_smarty/grain_bg.png") repeat; } /* GRAIN ORANGE BACKGROUND */ body.grain-orange, body.grain-orange #wrapper, body.grain-orange #topBar, body.grain-orange #header.fixed, body.grain-orange #header li.search .search-box, body.grain-orange #header li.quick-cart .quick-cart-box, body.grain-orange #header li.quick-user .quick-user-box, body.grain-orange div.heading-title h1, body.grain-orange div.heading-title h2, body.grain-orange div.heading-title h3, body.grain-orange div.heading-title h4, body.grain-orange div.heading-title h5, body.grain-orange div.heading-title h6 { background: #fff4ea url("../images/_smarty/grain_bg.png") repeat; } /* GRAIN YELLOW BACKGROUND */ body.grain-yellow, body.grain-yellow #wrapper, body.grain-yellow #topBar, body.grain-yellow #header.fixed, body.grain-yellow #header li.search .search-box, body.grain-yellow #header li.quick-cart .quick-cart-box, body.grain-yellow #header li.quick-user .quick-user-box, body.grain-yellow div.heading-title h1, body.grain-yellow div.heading-title h2, body.grain-yellow div.heading-title h3, body.grain-yellow div.heading-title h4, body.grain-yellow div.heading-title h5, body.grain-yellow div.heading-title h6 { background: #ffffe6 url("../images/_smarty/grain_bg.png") repeat; } /* essentials.css rewrite : heading shortcode */ body.grain-blue div.heading-title.heading-line-single:before, body.grain-grey div.heading-title.heading-line-single:before, body.grain-green div.heading-title.heading-line-single:before, body.grain-orange div.heading-title.heading-line-single:before, body.grain-yellow div.heading-title.heading-line-single:before, body.grain-blue div.heading-title.heading-line-double:before, body.grain-grey div.heading-title.heading-line-double:before, body.grain-green div.heading-title.heading-line-double:before body.grain-orange div.heading-title.heading-line-double:before, body.grain-yellow div.heading-title.heading-line-double:before { border-top: 3px double #ccc; } /* color header */ body.grain-blue #header, body.grain-grey #header, body.grain-green #header, body.grain-orange #header, body.grain-yellow #header { background-color: rgba(0, 0, 0, 0.16); } body.grain-blue #header.dark, body.grain-grey #header.dark, body.grain-green #header.dark, body.grain-orange #header.dark, body.grain-yellow #header.dark { background-color: rgba(33, 33, 33, 0.8); } body.grain-blue #header.dark.fixed, body.grain-grey #header.dark.fixed, body.grain-green #header.dark.fixed, body.grain-orange #header.dark.fixed, body.grain-yellow #header.dark .fixed { background-color: #333; } body.grain-blue section.page-header, body.grain-grey section.page-header, body.grain-green section.page-header, body.grain-orange section.page-header, body.grain-yellow section.page-header { border: 0; } /** Slide Top **************************************************************** **/ #slidetop { color: #888; font-size: 13px; background-color: #363839; z-index: 1500; position: absolute; top: 0; right: 0; left: 0; width: 100%; margin-left: auto; margin-right: auto; } #slidetop h1, #slidetop h2, #slidetop h3, #slidetop h4, #slidetop h5, #slidetop h6 { font-size: 13px; line-height: 20px; color: #fff; } #slidetop ul { margin: 0; } #slidetop a { color: #ccc; text-decoration: none; } #slidetop ul > li > a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } #slidetop ul > li > a > i { margin-right: 6px; } #slidetop h1 > i, #slidetop h2 > i, #slidetop h3 > i, #slidetop h4 > i, #slidetop h5 > i, #slidetop h6 > i { margin-right: 8px; } #slidetop a:hover { color: #fff; } #slidetop .container { display: none; height: auto; padding: 30px 0; } #slidetop a.slidetop-toggle { height: 35px; position: absolute; right: 0; bottom: -35px; border-top: 35px solid #363839; border-left: 35px solid transparent; display: inline-block; text-decoration: none; color: #fff; text-align: center; } #slidetop a.slidetop-toggle:after { font-family: FontAwesome; content: "\f067"; height: 18px; color: #fff; position: absolute; top: -34px; left: -16px; } #slidetop.active a.slidetop-toggle:after { content: "\f068"; } @media only screen and (max-width: 768px) { #slidetop { display: none !important; } } /** Side PAnel **************************************************************** **/ #sidepanel { color: #888; font-size: 13px; position: fixed; top: 0; right: -280px; bottom: 0; width: 280px; z-index: 3000; background-color: #363839; overflow: hidden; display: none; -webkit-transition: right .4s ease; -o-transition: right .4s ease; transition: right .4s ease; } #sidepanel_overlay { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 2999; -webkit-transition: all .400s; -moz-transition: all .400s; -o-transition: all .400s; transition: all .400s; } #sidepanel_close { color: #999; background-color: rgba(0, 0, 0, 0.2); display: block; position: absolute; top: 0; right: 0; width: 40px; height: 40px; font-size: 18px; line-height: 40px; text-align: center; } #sidepanel_close:hover { color: #fff; } #sidepanel.sidepanel-light #sidepanel_close { color: #777; background-color: rgba(0, 0, 0, 0.1); } #sidepanel.sidepanel-light #sidepanel_close:hover { color: #333; } #sidepanel.sidepanel-theme-color #sidepanel_close { color: #ccc; background-color: rgba(0, 0, 0, 0.1); } #sidepanel.sidepanel-theme-color #sidepanel_close:hover { color: #fff; } /* position */ #sidepanel.sidepanel-inverse { right: auto; left: -280px; } /* colors */ #sidepanel.sidepanel-dark { color: #ddd; background-color: #363839; } #sidepanel.sidepanel-light { color: #111; background-color: #ffffff; } #sidepanel.sidepanel-theme-color { color: #fff; background-color: #333; } /* sidepanel content */ #sidepanel h1, #sidepanel h2, #sidepanel h3, #sidepanel h4, #sidepanel h5, #sidepanel h6 { color: #ddd; } #sidepanel .sidepanel-content { margin: 50px 30px; overflow-y: auto; } #sidepanel .sidepanel-title { font-size: 18px; line-height: 23px; } /* sidepanel menu */ #sidepanel ul > li > a { font-size: 14px; } #sidepanel ul ul > li > a { font-size: 11px; } #sidepanel ul { border-bottom: rgba(0, 0, 0, 0.2) 1px solid; padding-bottom: 30px; } #sidepanel ul ul { margin-top: 6px; border-bottom: 0; padding-bottom: 0; } #sidepanel ul ul > li { padding: 5px 0 5px 32px; } #sidepanel .list-group-item { background-color: transparent; border: 0; padding: 8px 0; } #sidepanel .list-group-item a { color: #ddd; display: block; text-decoration: none; } #sidepanel ul li a[data-toggle="collapse"] { /* font-weight:bold; */ } #sidepanel ul li a[data-toggle="collapse"].collapsed { color: #ddd; font-weight: normal; } #sidepanel ul li a > i.ico-dd { float: right; } #sidepanel ul li a > i.ico-category { width: 20px; } #sidepanel .list-group-item a > i { margin-right: 6px; } #sidepanel .list-group-item .badge { float: right; } /* light */ #sidepanel.sidepanel-light ul a, #sidepanel.sidepanel-light ul li a[data-toggle="collapse"].collapsed, #sidepanel.sidepanel-light .list-group-item ul li a[data-toggle="collapse"].collapsed { color: #777 !important; } #sidepanel.sidepanel-light, #sidepanel.sidepanel-light h1, #sidepanel.sidepanel-light h2, #sidepanel.sidepanel-light h3, #sidepanel.sidepanel-light h4, #sidepanel.sidepanel-light h5, #sidepanel.sidepanel-light h6, #sidepanel.sidepanel-light ul li a[data-toggle="collapse"], #sidepanel.sidepanel-light ul a:hover { color: #111 !important; } /* theme color */ #sidepanel.sidepanel-theme-color ul a, #sidepanel.sidepanel-theme-color ul li a[data-toggle="collapse"].collapsed, #sidepanel.sidepanel-theme-color .list-group-item ul li a[data-toggle="collapse"].collapsed { color: #eee !important; } #sidepanel.sidepanel-theme-color, #sidepanel.sidepanel-theme-color h1, #sidepanel.sidepanel-theme-color h2, #sidepanel.sidepanel-theme-color h3, #sidepanel.sidepanel-theme-color h4, #sidepanel.sidepanel-theme-color h5, #sidepanel.sidepanel-theme-color h6, #sidepanel.sidepanel-theme-color ul li a[data-toggle="collapse"], #sidepanel.sidepanel-theme-color ul a:hover { color: #fff !important; } /** Page Header **************************************************************** **/ section.page-header { position: relative; padding: 50px 0 50px 0; border-top: 0; margin-top: 0; margin-bottom: 0 !important; background-color: rgba(0, 0, 0, 0.05); border-bottom: rgba(0, 0, 0, 0.05) 1px solid; -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; transition: all 0s; } @media only screen and (max-width: 1024px) { section.page-header { background-position: center !important; background-attachment: inherit; -webkit-background-size: auto 100% !important; -moz-background-size: auto 100% !important; -o-background-size: auto 100% !important; background-size: auto 100% !important; -webkit-box-sizing: inherit !important; -moz-box-sizing: inherit !important; box-sizing: inherit !important; } } /* shadows */ section.page-header.shadow-after-1:before { content: ' '; position: absolute; left: 0; right: 0; width: 100%; height: 60px; bottom: -60px; background-image: url("../images/_smarty/misc/shadow1.png"); background-size: 100% 100%; } section.page-header.shadow-after-2:before { content: ' '; position: absolute; left: 0; right: 0; width: 100%; height: 60px; bottom: -60px; background-image: url("../images/_smarty/misc/shadow2.png"); background-size: 100% 100%; } section.page-header.shadow-after-3:before { content: ' '; position: absolute; left: 0; right: 0; width: 100%; height: 60px; bottom: -60px; background-image: url("../images/_smarty/misc/shadow3.png"); background-size: 100% 100%; } section.dark.page-header { color: #fff; background-color: #151515; } section.light.page-header { color: #151515; background-color: transparent; border-top: rgba(0, 0, 0, 0.05) 1px solid; } section.page-header.page-header-xs { padding: 20px 0 20px 0; } section.page-header.page-header-md { padding: 50px 0 50px 0; } section.page-header.page-header-lg { padding: 80px 0 80px 0; } section.page-header.page-header-xlg { padding: 130px 0 130px 0; } section.page-header.page-header-2xlg { padding: 250px 0 250px 0; } @media only screen and (max-width: 482px) { section.page-header.page-header-2xlg { padding: 130px 0 130px 0; } } /* page header tabs */ .page-header.page-header-xs ul.page-header-tabs { display: block; text-align: left; margin-bottom: -21px; margin-top: 40px; } .page-header.page-header-md ul.page-header-tabs { display: block; text-align: left; margin-bottom: -51px; margin-top: 70px; } .page-header.page-header-lg ul.page-header-tabs { display: block; text-align: left; margin-bottom: -81px; margin-top: 80px; } .page-header.page-header-2xlg ul.page-header-tabs { display: block; text-align: left; margin-bottom: -250px; margin-top: 143px; } .page-header ul.page-header-tabs > li { background-color: rgba(0, 0, 0, 0.02); padding: 0; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-top-left-radius: 3px; -moz-border-top-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .page-header ul.page-header-tabs > li > a { display: inline-block; padding: 6px 20px; color: #111; text-decoration: none; } .page-header.page-header-xs ul.page-header-tabs li a > span.label { padding: 1px 5px; } .page-header.dark ul.page-header-tabs > li { background-color: rgba(255, 255, 255, 0.1); -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } .page-header.dark ul.page-header-tabs > li:hover { background-color: rgba(255, 255, 255, 0.2); } .page-header.dark ul.page-header-tabs > li > a { color: #fff; } .page-header ul.page-header-tabs > li:hover { background-color: rgba(0, 0, 0, 0.03); } .page-header ul.page-header-tabs.dark > li:hover { background-color: rgba(0, 0, 0, 0.1); } .page-header ul.page-header-tabs > li.active > a { color: #000; } .page-header.dark ul.page-header-tabs > li.active:hover, .page-header ul.page-header-tabs > li.active { font-weight: bold; background-color: #fff; } .page-header ul.page-header-tabs.dark > li.active > a { color: #fff; } .page-header ul.page-header-tabs.dark > li.active { background-color: #212121; } @media only screen and (max-width: 767px) { .page-header ul.page-header-tabs { background-color: rgba(0, 0, 0, 0.03); padding: 6px; margin-left: -15px; margin-right: -15px; } .page-header.page-header-2xlg ul.page-header-tabs { margin-top: 143px; margin-bottom: -135px; } .page-header ul.page-header-tabs.dark { background-color: rgba(0, 0, 0, 0.1); } .page-header ul.page-header-tabs > li, .page-header ul.page-header-tabs > li > a { display: block; float: none !important; text-align: center; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .page-header ul.page-header-tabs.dark > li { border: 0; } } section.page-header h1 { margin: 0; padding: 0; font-size: 26px; font-weight: 300; } section.page-header .breadcrumb { position: absolute; font-size: 12px; top: 50%; left: 0; margin-top: -15px; background: transparent; margin-bottom: 0; z-index: 10; } section.page-header .breadcrumb > li + li:before { content: "•"; } section.page-header .breadcrumb a { color: #333; } section.page-header.parallax .breadcrumb li.active, section.page-header.parallax .breadcrumb a { color: #fff; } section.page-header .breadcrumb { right: 0; left: auto; } section.page-header .breadcrumb.breadcrumb-inverse { left: 0; right: auto; } section.page-header .breadcrumb.breadcrumb-center { left: auto; right: auto; position: relative; margin-top: 20px; } section.dark.page-header .breadcrumb a { color: #ccc; } @media only screen and (max-width: 767px) { section.page-header { text-align: center; } section.page-header .breadcrumb { position: relative; display: block; margin: 0; } section.page-header .container.text-right, section.page-header .container.text-left { text-align: center; } } /* options - like buttons */ section.page-header ul.page-options { position: absolute; font-size: 24px; top: 50%; left: 0; margin-top: -15px; background: transparent; margin-bottom: 0; z-index: 10; } section.page-header ul.page-options a { color: #333; text-decoration: none; } section.page-header.parallax ul.page-options li.active, section.page-header.parallax ul.page-options a { color: #fff; } section.page-header ul.page-options { right: 0; left: auto; } section.page-header ul.page-options.page-options-inverse { left: 0; right: auto; } section.page-header ul.page-options.page-options-center { left: auto; right: auto; position: relative; margin-top: 20px; } section.dark.page-header ul.page-options a { color: #ccc; } @media only screen and (max-width: 767px) { section.page-header ul.page-options { position: relative; display: block; margin: 0; margin-top: 20px; font-size: 28px; } } /** Top Nav **************************************************************** **/ #header { position: relative; left: 0; top: 0; right: 0; z-index: 1000; font-size: 14px; background-color: #fff; border-bottom: rgba(0, 0, 0, 0.05) 1px solid; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) !important; -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) !important; box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) !important; -webkit-transition: all .800s; -moz-transition: all .800s; -o-transition: all .800s; transition: all .800s; } #header a.logo > img { height: 80px; -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } #header a.logo.logo-responsive > img { height: 100%; /* used on center - example: page-coming-soon-1.html */ } /* two logo images : light & dark */ #header a.logo > img:last-child { display: none; } #header a.logo > img:first-child { display: inline-block; } #header.fixed a.logo > img:first-child { display: none; } #header.fixed a.logo > img:last-child { display: inline-block; } /* shadows */ #header.shadow-after-1:before { content: ' '; position: absolute; left: 0; right: 0; width: 100%; height: 60px; bottom: -60px; background-image: url("../images/_smarty/misc/shadow1.png"); background-size: 100% 100%; } #header.shadow-before-1:before { content: ' '; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 60px; background-image: url("../images/_smarty/misc/shadow1.png"); background-size: 100% 100%; } #header.shadow-after-2:before { content: ' '; position: absolute; left: 0; right: 0; width: 100%; height: 60px; bottom: -60px; background-image: url("../images/_smarty/misc/shadow2.png"); background-size: 100% 100%; } #header.shadow-before-2:before { content: ' '; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 60px; background-image: url("../images/_smarty/misc/shadow2.png"); background-size: 100% 100%; } #header.shadow-after-3:before { content: ' '; position: absolute; left: 0; right: 0; width: 100%; height: 60px; bottom: -60px; background-image: url("../images/_smarty/misc/shadow3.png"); background-size: 100% 100%; } #header.shadow-before-3:before { content: ' '; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 60px; background-image: url("../images/_smarty/misc/shadow3.png"); background-size: 100% 100%; } /** Search - Default ********************** **/ #header li.search { display: inline-block; } #header li.search .search-box { display: none; right: 0; left: auto; top: 100%; padding: 15px; background-color: #fff; position: absolute; box-shadow: 5px 5px rgba(91, 91, 91, 0.2); width: 274px; margin-top: 36px; z-index: 22; } #header.header-md li.search .search-box { margin-top: 25px; } #header.header-sm li.search .search-box { margin-top: 19px; } #header.fixed li.search .search-box { margin-top: 18px; } #header.fixed.header-sm li.search .search-box { margin-top: 18px; } #header.fixed.header-md li.search .search-box { margin-top: 15px; } #header li.search i.fa { color: #333; cursor: pointer; position: relative; } form.mobile-search { display: none; } /** Search - Fullscreen ********************** **/ #header li.search.fullscreen > .search-box { text-align: center; position: fixed; padding: 30px; background-color: rgba(255, 255, 255, 0.95) !important; left: 0; top: 0 !important; right: 0; bottom: 0; width: 100%; height: 100%; margin: 0 !important; z-index: 2000; } #header li.search.fullscreen > .search-box > form { max-width: 800px; display: inline-block; margin: auto; margin-top: 20%; } #header li.search.fullscreen > .search-box > form input { border: 0; background-color: rgba(0, 0, 0, 0.1); padding-top: 15px; padding-bottom: 15px; height: 65px; font-size: 24px; font-weight: 300; color: #121212; border-right: rgba(0, 0, 0, 0.2) 1px solid; } #header li.search.fullscreen > .search-box > form button { border: 0; font-size: 24px; padding: 15px 20px !important; height: 65px; background-color: rgba(0, 0, 0, 0.1); color: #888; } #header li.search.fullscreen > .search-box > form button > i { color: #999; font-size: 22px; } #header li.search.fullscreen > .search-box > form button:hover > i { color: #121212; } #header li.search.fullscreen #closeSearch { background-color: rgba(0, 0, 0, 0.05); text-decoration: none; text-align: center; width: 60px; height: 60px; line-height: 60px; position: absolute; top: -3px; left: 50%; margin-left: -30px; color: #888; font-size: 40px; z-index: 1000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #header li.search.fullscreen #closeSearch:hover { color: #111; } /* Dark */ #header li.search.fullscreen.dark > .search-box { background-color: rgba(0, 0, 0, 0.95) !important; } #header li.search.fullscreen.dark > .search-box > form input { color: #ddd; background-color: rgba(255, 255, 255, 0.1); border-right-color: rgba(255, 255, 255, 0.2); } #header li.search.fullscreen.dark > .search-box > form button { background-color: rgba(255, 255, 255, 0.1); } #header li.search.fullscreen.dark > .search-box > form button > i { color: #999; } #header li.search.fullscreen.dark > .search-box > form button:hover > i { color: #fff; } #header li.search.fullscreen.dark #closeSearch { background-color: rgba(255, 255, 255, 0.2); color: #888; } #header li.search.fullscreen.dark #closeSearch:hover { color: #fff; } @media only screen and (max-width: 480px) { #header li.search.fullscreen > .search-box > form { margin-top: 30%; } } @media only screen and (max-height: 400px) { #header li.search.fullscreen > .search-box > form { margin-top: 60px; } } /** Search - Header ********************** **/ #header .search-box.over-header { text-align: center; position: absolute; padding: 0; background-color: #fff !important; left: 0; top: 0 !important; right: 0; bottom: 0; width: 100%; height: 100%; margin: 0 !important; z-index: 2000; border: 0; display: none; } #header .search-box.over-header > form { display: block; z-index: 0; } #header .search-box.over-header > form > input { font-size: 32px; font-weight: bold; background-color: transparent; height: inherit; position: absolute; top: 50%; left: 0; width: 100%; margin-top: -30px; padding-left: 40px; padding-right: 60px; border: 0; box-shadow: none; } #header .search-box.over-header > form > input::-webkit-input-placeholder { /* WebKit browsers */ color: #666; text-transform: uppercase; } #header .search-box.over-header > form > input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #666; text-transform: uppercase; } #header .search-box.over-header > form > input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #666; text-transform: uppercase; } #header .search-box.over-header > form > input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #666; text-transform: uppercase; } #header .search-box.over-header #closeSearch { position: absolute; right: 0; color: #333; background: transparent; top: 50%; right: 30px; font-size: 20px; margin-top: -10px; z-index: 1; } /* dark */ #header.dark .search-box.over-header { background-color: #333 !important; } #header.dark .search-box.over-header > form > input { color: #fff; } #header.dark .search-box.over-header > form > input::-webkit-input-placeholder { /* WebKit browsers */ color: #ddd; text-transform: uppercase; } #header.dark .search-box.over-header > form > input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ddd; text-transform: uppercase; } #header.dark .search-box.over-header > form > input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ddd; text-transform: uppercase; } #header.dark .search-box.over-header > form > input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ddd; text-transform: uppercase; } #header.dark .search-box.over-header #closeSearch { color: #fff; } #header.translucent #topMain, #header.dark.transparent #topMain { background-color: transparent; } @media only screen and (max-height: 760px) { #header .search-box.over-header > form > input { font-size: 20px; margin-top: -20px; font-weight: 300; } } /** Quick Shop Cart ********************** **/ #header li.quick-cart .quick-cart-box, #header li.quick-user .quick-user-box { display: none; right: 0; left: auto; top: 100%; padding: 10px 0; background-color: #fff; position: absolute; box-shadow: 5px 5px rgba(91, 91, 91, 0.2); width: 274px; margin-top: 36px; z-index: 22; } #header.fixed li.quick-cart .quick-cart-box { /*margin-top:18px;*/ } #header.fixed.header-sm li.quick-cart .quick-cart-box { /*margin-top:18px;*/ } #header.fixed.header-md li.quick-cart .quick-cart-box { /*margin-top:15px;*/ } #header li.quick-cart .quick-cart-wrapper { max-height: 400px; overflow-y: auto; } #header li.quick-cart .quick-cart-box h4, #header li.quick-user .quick-user-box h4 { font-size: 17px; margin: 0; padding: 0 10px 10px 10px; border-bottom: rgba(0, 0, 0, 0.1) 1px solid; } #header li.quick-cart .quick-cart-box a, #header li.quick-user .quick-user-box a { display: block; padding: 15px 10px; border-bottom: rgba(0, 0, 0, 0.04) 1px solid; } #header li.quick-cart .quick-cart-box a:hover, #header li.quick-user .quick-user-box a:hover { background-color: rgba(0, 0, 0, 0.03); } #header li.quick-cart .quick-cart-box a > img, #header li.quick-user .quick-user-box a > img { float: left; margin-right: 10px; } #header li.quick-cart .quick-cart-box a h6, #header li.quick-user .quick-user-box a h6 { margin: 0; padding: 4px 0 0 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #header li.quick-cart .quick-cart-box a.btn, #header li.quick-user .quick-user-box a.btn { background-color: #151515; border: 0; margin: 0; padding-top: 6px; padding-bottom: 4px; } #header li.quick-cart .quick-cart-footer, #header li.quick-user .quick-user-footer { padding: 10px 10px 0 10px; } #header li.quick-cart .quick-cart-footer > span, #header li.quick-user .quick-user-footer > span { display: inline-block; padding-top: 3px; background-color: rgba(0, 0, 0, 0.05); padding: 4px 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } @media only screen and (min-width: 992px) { /* min-width */ #header li.quick-cart .quick-cart-box, #header li.quick-user .quick-user-box { top: 21px; } #header.header-sm li.quick-cart .quick-cart-box, #header.header-sm li.quick-user .quick-user-box { margin-top: 19px; } #header.header-md li.quick-cart .quick-cart-box, #header.header-md li.quick-user .quick-user-box { margin-top: 26px; } #header li.quick-cart .quick-cart-wrapper { max-height: 300px; overflow-y: auto; } } @media only screen and (max-width: 992px) { /* max-width */ #header li.quick-cart .quick-cart-box, #header li.quick-user .quick-user-box { margin-top: 18px; } #header.header-sm li.quick-cart .quick-cart-box, #header.header-sm li.quick-user .quick-user-box { margin-top: 19px; } #header.header-md li.quick-cart .quick-cart-box, #header.header-md li.quick-user .quick-user-box { margin-top: 26px; } #header.dark li.search .search-box { margin-top: 38px !important; } } @media only screen and (max-width: 769px) { #header li.quick-cart .quick-cart-box, #header li.quick-user .quick-user-box { position: fixed; width: 100%; left: 0; right: 0; top: 60px; margin-top: 0; border: rgba(0, 0, 0, 0.08) 1px solid !important; } #header.dark li.quick-cart .quick-cart-box, #header.dark li.quick-user .quick-user-box { border: rgba(255, 255, 255, 0.08) 1px solid; } #header li.quick-cart .quick-cart-wrapper, #header li.quick-user .quick-user-box-wrapper { max-height: 200px; overflow-y: auto; } /** Quick Cart & top Search Fix (if #topBar exists). .has-topBar - added by Javascript **/ #header ul.has-topBar > li.quick-cart .quick-cart-box, #header ul.has-topBar > li.quick-user .quick-user-box, #header ul.has-topBar > li.search .search-box { top: 98px !important; } } /** Menu Vertical ********************** **/ body.menu-vertical.menu-vertical #wrapper .container { width: 100%; } body.menu-vertical.menu-vertical #wrapper { margin-left: 263px; } body.menu-vertical.menu-vertical.menu-inverse #wrapper { margin-right: 263px; margin-left: 0; } body.menu-vertical #mainMenu.sidebar-vertical { position: fixed; left: 0; top: 0; bottom: 0; width: 263px; background-color: #fff; z-index: 100; } body.menu-vertical.menu-inverse #mainMenu.sidebar-vertical { left: auto; right: 0; } body.menu-vertical #mainMenu .navbar-collapse { background-color: #transparent; border-color: transparent; } body.menu-vertical #mainMenu .navbar-default { background-color: transparent !important; border: 0; } body.menu-vertical #mainMenu .logo { display: block; margin: 30px 0 30px 0; padding: 30px 0; } /* Aside Vertical */ body.menu-vertical #mainMenu.sidebar-vertical .navbar-default .navbar-nav > li > a { border-bottom: #eee 1px solid; text-align: left; font-size: 12px; text-transform: uppercase; } body.menu-vertical #mainMenu.sidebar-vertical .navbar-default .navbar-nav > li > a.dropdown-toggle { background-image: url("../images/_smarty/submenu_light.png"); background-position: center right; background-repeat: no-repeat; } body.menu-vertical #mainMenu.sidebar-vertical .navbar-default .navbar-nav > li > a > i { margin-right: 13px; color: #666; float: left; width: 20px; text-align: center; line-height: 22px; } body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu { top: -1px; left: auto; right: -230px; padding: 0; width: 230px; overflow: hidden; } body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu > li > a { border-bottom: #eee 1px solid; font-size: 12px; text-transform: uppercase; } body.menu-vertical #mainMenu.sidebar-vertical li.dropdown.open > a { background-color: transparent !important; color: #111; } body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar { width: 100%; } body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu > .active > a, body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu > .active > a:focus, body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu > .active > a:hover, body.menu-vertical #mainMenu.sidebar-vertical .navbar-default .navbar-nav > .active > a, body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar li:hover > a { background-color: rgba(0, 0, 0, 0.01); } body.menu-vertical #mainMenu.sidebar-vertical .social-icons { padding: 30px 15px; } body.menu-vertical #mainMenu .social-icon { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } /* Inline Search */ body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .inline-search form input.serch-input { background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.1); } body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .inline-search form button { border-left-color: rgba(255, 255, 255, 0.1); } /* Column Menu / Mega Menu */ body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu { min-width: 600px; width: auto !important; left: 262px; right: auto; background-position: top right; background-repeat: no-repeat; } body.menu-vertical.menu-inverse #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu { min-width: 600px; width: auto !important; left: auto !important; right: 262px !important; } body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu ul li { list-style: none; } body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu ul { background-color: transparent; } body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu .row > div { padding: 10px; min-width: 100px; } body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu li.divider { border: 0; background: none; margin-bottom: 20px; } body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a { font-size: 11px; } body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu, body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu ul, body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a, body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu li { border: 0 !important; } body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a h3, body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a h4, body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a h5, body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a h6 { font-size: 15px; line-height: 15px; margin: 0 0 8px 0; } body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark ul.nav ul.dropdown-menu.column-menu a h3, body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark ul.nav ul.dropdown-menu.column-menu a h4, body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark ul.nav ul.dropdown-menu.column-menu a h5, body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark ul.nav ul.dropdown-menu.column-menu a h6 { color: #fff; } body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a:hover h3, body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu li.active a h3, body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a:hover h4, body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu li.active a h4, body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a:hover h5, body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu li.active a h5, body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a:hover h6, body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu li.active a h6 { text-decoration: underline; } @media only screen and (max-width: 768px) { body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu { background-image: none !important; } } /* Top Options */ body.menu-vertical #mainMenu.sidebar-vertical ul.top-links { margin: 10px; border: 0 !important; } body.menu-vertical #mainMenu.sidebar-vertical ul.top-links .dropdown-menu { top: auto; left: auto; right: auto; width: auto; min-width: 10px; border: 0 !important; background-color: #fff !important; } body.menu-vertical #mainMenu.sidebar-vertical ul.top-links .dropdown-menu li, body.menu-vertical #mainMenu.sidebar-vertical ul.top-links .dropdown-menu li a { border: 0 !important; color: #333 !important; } body.menu-vertical #mainMenu.sidebar-vertical ul.top-links .dropdown-menu li.divider { margin: 0; background-color: rgba(255, 255, 255, 0.1); } body.menu-vertical #mainMenu.sidebar-vertical ul.top-links .dropdown-menu > li > a { padding: 3px 6px; font-size: 12px; } body.menu-vertical #mainMenu.sidebar-vertical ul.top-links a.dropdown-toggle { background-color: rgba(0, 0, 0, 0.1) !important; padding: 3px 6px !important; margin-bottom: 3px; font-size: 12px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark ul.top-links a.dropdown-toggle { background-color: rgba(0, 0, 0, 0.5) !important; } body.menu-vertical #mainMenu.sidebar-vertical ul.top-links a.dropdown-toggle > i { padding: 0 6px 0 0; } body.menu-vertical #mainMenu.sidebar-vertical ul.top-links > li { margin: 0; padding: 0; } /* DARK */ body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .sidebar-nav .navbar ul, body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark { background-color: #333; color: #ccc; } body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .sidebar-nav .navbar ul { border-top-color: rgba(255, 255, 255, 0.1); } body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .dropdown-menu > li > a, body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .navbar-default .navbar-nav > li > a { border-bottom-color: rgba(255, 255, 255, 0.1); } body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .navbar-default .navbar-nav > li > a.dropdown-toggle { background-image: url("../images/_smarty/submenu_dark.png"); } body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .sidebar-nav .navbar li a { color: #ccc; } body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .navbar-default .navbar-nav > li > a > i { color: #ccc; } body.menu-vertical #mainMenu.sidebar-dark { border-color: rgba(255, 255, 255, 0.08); } /* OPEN ON CLICK */ body.menu-vertical.menu-vertical-hide #wrapper { margin-left: 0 !important; margin-right: 0 !important; } body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical { right: auto; left: -263px; } body.menu-vertical.menu-vertical-hide.menu-inverse #mainMenu.sidebar-vertical { left: auto; right: -263px; } .fancy_big_btn, body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical #sidebar_vertical_btn { position: absolute; right: -80px; top: 15px; display: inline-block; background: rgba(255, 255, 255, 0.2); padding: 6px; z-index: 100; -webkit-transition: background 600ms; -moz-transition: background 600ms; -o-transition: background 600ms; transition: background 600ms; } .fancy_big_btn, body.menu-vertical.menu-vertical-hide.menu-inverse #mainMenu.sidebar-vertical #sidebar_vertical_btn { right: auto; left: -80px; } .fancy_big_btn:hover, .fancy_big_btn:active, body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical #sidebar_vertical_btn:hover, body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical #sidebar_vertical_btn:active { background: #fff; } .fancy_big_btn i, body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical #sidebar_vertical_btn i { display: block; width: 54px; height: 54px; background-image: url("data:image/gif;base64,R0lGODlhNwA3AJEAAAAAAP///////wAAACH5BAEAAAIALAAAAAA3ADcAAAJUlI+py+0Po5y02ouz3rz7D4biSJbmiabqyrZhAMfyTNc1Zue6je/+7goKh8Si8dj6KXmXpVPWezqR1Kr1is2apM8o9+f9ArXksvmMTqvX7Lb7DS8AADs="); background-repeat: no-repeat; background-position: center; background-color: #000; -webkit-transition: background 300ms; -moz-transition: background 300ms; -o-transition: background 300ms; transition: background 300ms; } .fancy_big_btn:hover i, body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical #sidebar_vertical_btn:hover i { background-color: #f6f6f6; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA3CAYAAACo29JGAAAARklEQVRoge3WsQ0AIAwDsML/P8MLdECoxZ4zJFsiAAAAqGgksutai7yj3vN2i5dajwPgex5KVa3HAfA9D6Wq1uMAAACoaQMxSAMQNhNmmQAAAABJRU5ErkJggg=="); } /* for anywhere use */ .fancy_big_btn { right: auto; left: 0; top: 20px; } .fancy_big_btn.inverse { left: auto; right: 0; } /* custom icon */ .fancy_big_btn i.fa, .fancy_big_btn i.et, .fancy_big_btn i.glyphicon, .fancy_big_btn i.icon, .fancy_big_btn i.ico { background-image: none; color: #fff; font-size: 30px; line-height: 50px; margin: 0; padding: 0; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; } .fancy_big_btn:hover i.fa, .fancy_big_btn:hover i.et, .fancy_big_btn:hover i.glyphicon, .fancy_big_btn:hover i.icon, .fancy_big_btn:hover i.ico { color: #000; } /* Responsive */ @media (min-width: 768px) { body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar .navbar-collapse { padding: 0; max-height: none; } body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar ul { float: none; border-top: #eee 1px solid; } body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar ul:not { display: block; } body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar .navbar-collapse li { float: none; display: block; } body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar li a { padding-top: 8px; padding-bottom: 8px; color: #000; -webkit-transition: all .10s; -moz-transition: all .10s; -o-transition: all .10s; transition: all .10s; } body.menu-vertical #mainMenu.sidebar-vertical li.dropdown:hover > ul.dropdown-menu { display: block; } body.menu-vertical.menu-inverse #mainMenu.sidebar-vertical li.dropdown:hover > ul.dropdown-menu { left: -230px; right: auto; } /* uncomment if you would like the menu to be fixed */ /* .navbar { position: fixed; width: 170px; z-index: 2; } */ } @media (min-width: 992px) { body.menu-vertical #mainMenu.sidebar-vertical .navbar { width: 212px; } } @media only screen and (max-width: 1216px) { body.menu-vertical .container { width: 100%; } } @media (min-width: 1200px) { body.menu-vertical #mainMenu.sidebar-vertical .navbar { width: 262px; } } @media (min-width: 768px) { body.menu-vertical #mainMenu .navbar-default { border: 0; } body.menu-vertical #mainMenu { border-right: #d6d6d6 1px solid; -webkit-box-shadow: 10px 0px 30px -2px rgba(0, 0, 0, 0.14); -moz-box-shadow: 10px 0px 30px -2px rgba(0, 0, 0, 0.14); box-shadow: 10px 0px 30px -2px rgba(0, 0, 0, 0.14); } } @media (max-width: 768px) { body.menu-vertical #mainMenu { position: relative; width: 100%; } body.menu-vertical #mainMenu .navbar-nav { margin-bottom: 0; margin-top: 0; } body.menu-vertical #mainMenu .navbar-header { background-color: #fafafa; } body.menu-vertical #middle { padding: 15px !important; } body.menu-vertical #mainMenu .logo { padding: 0; margin: 15px 0; } body.menu-vertical #wrapper { margin-left: 0 !important; margin-right: 0 !important; } body.menu-vertical #mainMenu.sidebar-vertical { position: relative; width: 100%; } body.menu-vertical .navbar { margin-bottom: 0; } body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu { width: 100%; } body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical { left: 0 !important; right: 0; } body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical #sidebar_vertical_btn { display: none; } body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical { width: 100% !important; } } .sidebar-vertical .sidebar-nav .navbar-header { float: none; } /** Mobile Button ********************** **/ #topNav button.btn-mobile { display: none; } #topNav button.btn-mobile { color: #333; display: none; padding: 6px 10px; float: right; margin-top: 13px; margin-right: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #topNav button.btn-mobile i { padding: 0; margin: 0; font-size: 21px; } @media only screen and (max-width: 992px) { #topNav button.btn-mobile { display: inline-block; } } #header li.search .search-box, #header li.quick-cart .quick-cart-box, #header li.quick-user .quick-user-box { border: rgba(0, 0, 0, 0.07) 1px solid; border-top: 0; } /* Dark & Color Header */ #header.dark { background-color: #333; } #header.dark #topMain.nav-pills > li > a { color: #ccc; } #header.dark #topMain.nav-pills > li.active > a, #header.dark #topMain.nav-pills > li > a:hover { color: #fff; } /* DARK CART & SEARCH */ #header.dark li.search .search-box, #header.dark li.quick-cart .quick-cart-box, #header.dark li.quick-user .quick-user-box { background-color: #333; } #header.translucent li.search .search-box, #header.translucent li.quick-cart .quick-cart-box { background-color: rgba(33, 33, 33, 0.8); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } #header.translucent li.search .search-box:hover, #header.translucent li.quick-cart .quick-cart-box:hover, #header.translucent li.quick-user .quick-user-box:hover , #header.translucent ul.nav-second-main li i, #header.translucent li.search i.fa, #header.dark li.quick-cart .quick-cart-box a, #header.dark li.quick-user .quick-user-box a, #header.dark li.quick-cart .quick-cart-box a h6, #header.dark li.quick-user .quick-user-box a h6, #header.dark li.quick-cart .quick-cart-footer, #header.dark li.quick-user .quick-user-footer, #header.dark li.quick-cart .quick-cart-box h4, #header.dark li.quick-user .quick-user-box h4 { color: #fff !important; } #header.dark li.quick-cart .quick-cart-box h4, #header.dark li.quick-user .quick-user-box h4, #header.dark li.quick-cart .quick-cart-box a, #header.dark li.quick-user .quick-user-box a { border-bottom: rgba(255, 255, 255, 0.08) 1px solid; } #header.dark li.quick-cart .quick-cart-box a:hover, #header.dark li.quick-user .quick-user-box a:hover { background-color: rgba(255, 255, 255, 0.06); } #header.dark li.search .search-box input { color: #999; background-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.25); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } #header.dark li.search .search-box input:focus, #header.dark li.quick-user .quick-user-box input:focus, #header.dark li.search .search-box textarea:focus { background-color: rgba(0, 0, 0, 0.3); } /* Transparent Header */ #header.transparent { position: absolute; background-color: transparent; border-bottom: rgba(255, 255, 255, 0.3) 1px solid; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #header.transparent.color, #header.transparent.dark { border: 0; } #header.transparent #topMain.nav-pills > li > a { color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #header.transparent #topMain.nav-pills > li.active > a, #header.transparent #topMain.nav-pills > li > a:hover { background-color: rgba(0, 0, 0, 0.03); } #header.transparent + section.page-header.page-header-lg, #header.transparent + section.page-header { /*margin-top:-100px;*/ padding: 180px 0; } #header.transparent + section.page-header.page-header-xlg { padding: 280px 0; padding-top: 350px; } #header.transparent + section.page-header.page-header-lg { padding-top: 250px; } #header.transparent a.social-icon { background-color: rgba(0, 0, 0, 0.2); } #header.transparent a.social-icon > i { color: #eaeaea; } /* on scroll */ #header.fixed.transparent { background-color: #fff; } #header.fixed.dark, #header.fixed.dark.transparent { background-color: #333; border: 0; } #header.fixed.transparent ul.nav-second-main li a, #header.fixed.transparent ul.nav-second-main li a > i, #header.fixed.transparent #topMain.nav-pills > li > a { color: #151515; } #header.fixed.dark.transparent ul.nav-second-main li a, #header.fixed.dark.transparent ul.nav-second-main li a > i, #header.fixed.dark.transparent #topMain.nav-pills > li > a { color: #fff; } @media only screen and (max-width: 992px) { #header.transparent.fixed #topNav button.btn-mobile { color: #333 !important; } #header.transparent.dark.fixed #topNav button.btn-mobile { color: #fff !important; } #header.transparent #topMain.nav-pills > li > a { color: #fff; } #header.transparent.dark #topMain.nav-pills > li > a { color: #fff; } } @media only screen and (max-width: 768px) { #header.transparent + section.page-header { margin-top: 0; } /* force dark submenu */ #header.transparent #topMain { background-color: #333 !important; } #header.transparent #topMain li.active > a { color: #fff !important; } } /* Transparent Header */ #header.translucent { position: absolute; background-color: rgba(0, 0, 0, 0.2); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #header.translucent #topMain.nav-pills > li > a { color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #header.translucent #topMain.nav-pills > li.active > a, #header.translucent #topMain.nav-pills > li > a:hover { color: #fff; background-color: rgba(0, 0, 0, 0.1); } #header.translucent + section.page-header { margin-top: -100px; padding: 180px 0; } #header.translucent + section.page-header.page-header-xlg { padding: 280px 0; padding-top: 420px; } #header.translucent + section.page-header.page-header-lg { padding-top: 350px; } /* on scroll */ #header.fixed.translucent { background-color: #fff; } #header.fixed.dark, #header.fixed.dark.translucent { background-color: #333; border: 0; } #header.fixed.translucent ul.nav-second-main li a, #header.fixed.translucent ul.nav-second-main li a > i, #header.fixed.translucent #topMain.nav-pills > li > a { color: #151515; } #header.fixed.dark.translucent ul.nav-second-main li a, #header.fixed.dark.translucent ul.nav-second-main li a > i, #header.fixed.dark.translucent #topMain.nav-pills > li > a { color: #fff; } @media only screen and (max-width: 768px) { #header.transparent + section.page-header { margin-top: 0; } } /* BOTTOM HEADER */ #header.bottom { position: absolute; top: auto; bottom: 0; border-bottom: rgba(0, 0, 0, 0.05) 1px solid; } #header.bottom.fixed { top: 0; bottom: auto; } #header.bottom.sticky { position: absolute; } #header.bottom.fixed.sticky { position: fixed; } #header.bottom.dropup #topMain > li > ul.dropdown-menu ul.dropdown-menu { bottom: auto; box-shadow: none; } #header.bottom.dropup ul.dropdown-menu { bottom: 94px; } #header.header-md.bottom.dropup ul.dropdown-menu { bottom: 68px; } #header.header-sm.bottom.dropup ul.dropdown-menu { bottom: 58px; } #header.bottom.dropup.slim ul.dropdown-menu { bottom: 53px; } #header.bottom.dropup .nav-second-main .quick-cart-box, #header.bottom.dropup .nav-second-main .search-box, #header.bottom.dropup .nav-second-main .quick-user-box { top: auto; bottom: 100%; margin-bottom: 39px; box-shadow: 5px -5px rgba(91, 91, 91, 0.2); border-bottom: 0; } #header.bottom.header-md.dropup .nav-second-main .quick-cart-box, #header.bottom.header-md.dropup .nav-second-main .search-box, #header.bottom.header-md.dropup .nav-second-main .quick-user-box { margin-bottom: 23px; } #header.bottom.header-sm.dropup .nav-second-main .quick-cart-box, #header.bottom.header-sm.dropup .nav-second-main .search-box, #header.bottom.header-sm.dropup .nav-second-main .quick-user-box { margin-bottom: 20px; } #header.bottom.dropup ul.dropdown-menu:before { top: auto; bottom: -10px !important; border-bottom: 0 !important; border-top: #ffffff 10px solid; } #header.bottom.dropup.dark ul.dropdown-menu:before { border-top: rgba(33, 33, 33, 0.95) 10px solid !important; } #header.bottom + #slider { margin-bottom: 94px; } #header.header-md.bottom + #slider { margin-bottom: 70px; } #header.header-sm.bottom + #slider { margin-bottom: 60px; } #header.header-sm.bottom.transparent + #slider, #header.header-sm.bottom.translucent + #slider { margin-bottom: 0; } #header.bottom + #slider > .swiper-container .swiper-pagination { top: 0 !important; bottom: auto; } @media only screen and (max-width: 992px) { #header.bottom { top: 0; bottom: auto; } #header.bottom.sticky { position: relative !important; } #header.bottom.transparent ul.nav-second-main li a, #header.bottom.transparent ul.nav-second-main li a > i, #header.bottom.transparent #topNav button.btn-mobile { color: #212121; } #header.bottom + #slider > .swiper-container .swiper-pagination { top: auto !important; bottom: 10px; } #header.bottom.dropup .nav-second-main .quick-cart-box, #header.bottom.dropup .nav-second-main .quick-user-box, #header.bottom.dropup .nav-second-main .search-box { bottom: auto; } } /* STATIC HEADER */ #header.bottom.static + #slider { margin-bottom: 0; } #header.bottom.static { border-top: rgba(0, 0, 0, 0.15) 1px solid; } #header.bottom.static.dark { border-top: rgba(255, 255, 255, 0.15) 1px solid; } #header.bottom.static .nav-second-main .quick-cart-box, #header.bottom.static .nav-second-main .search-box, #header.bottom.static .nav-second-main .quick-user-box, #header.bottom.static .nav-second-main .search-box { border: rgba(0, 0, 0, 0.15) 1px solid; border-bottom: 0; } #header.bottom.static.dark .nav-second-main .quick-cart-box, #header.bottom.static.dark .nav-second-main .search-box, #header.bottom.static.dark .nav-second-main .quick-user-box, #header.bottom.static.dark .nav-second-main .search-box { border: rgba(255, 255, 255, 0.15) 1px solid; border-bottom: 0; } @media only screen and (max-width: 992px) { #header.static { /*position:relative !important;*/ } } #header.static + section.page-header { margin-top: 60px; } /* fullwidth container */ #topNav .full-container { display: block; margin: 0 15px; } /* remove bootstrap issue */ #topNav ul.dropdown-menu > li, #topNav ul.dropdown-menu > li a { background-color: transparent; } #topNav .nav-pills > li + li { margin-left: 0; } /* search */ #header li.search .search-box form { margin: 0; } /* Medium Height : 70 */ #header.header-md #topNav a.logo { height: 70px; line-height: 50px; } #header.header-md #topNav a.logo > img { height: 70px; } #header.header-md #topNav #topMain > li > a { height: 70px; line-height: 50px; } @media only screen and (max-width: 992px) { #header.header-md #topMain.nav-pills > li > a { color: #212121; } #header.header-md #topMain.nav-pills > li.active > a, #header.header-md #topMain.nav-pills > li > a:hover { color: #212121; background-color: rgba(0, 0, 0, 0.02); } } /* Small Height : 60px */ #header.header-sm #topNav a.logo { height: 60px; line-height: 50px; } #header.header-sm #topNav a.logo > img { height: 60px; } #header.header-sm #topNav #topMain > li > a { height: 60px; line-height: 40px; } @media only screen and (max-width: 992px) { #header.header-sm #topMain.nav-pills > li > a { color: #212121; } #header.header-sm #topMain.nav-pills > li.active > a, #header.header-sm #topMain.nav-pills > li > a:hover { color: #212121; background-color: rgba(0, 0, 0, 0.02); } } /* Sticky 60px */ #header.fixed { position: fixed; border-bottom: rgba(0, 0, 0, 0.08) 1px solid; } #header.fixed #topNav a.logo { height: 60px; line-height: 50px; } #header.fixed #topNav a.logo > img { height: 60px; } #header.fixed #topNav #topMain > li > a { height: 60px; line-height: 40px; } /* Static */ #header.static { position: fixed; border-bottom: rgba(0, 0, 0, 0.08) 1px solid; } @media only screen and (max-width: 992px) { #header.header-sm #topMain.nav-pills > li > a, #header.header-md #topMain.nav-pills > li > a { color: #212121; } #header.header-sm #topMain.nav-pills > li.active > a, #header.header-sm #topMain.nav-pills > li > a:hover, #header.header-md #topMain.nav-pills > li.active > a, #header.header-md #topMain.nav-pills > li > a:hover { color: #212121; background-color: rgba(0, 0, 0, 0.02); } #header.transparent.header-sm #topMain.nav-pills > li > a, #header.transparent.header-md #topMain.nav-pills > li > a, #header.transparent.header-sm #topMain.nav-pills > li.active > a, #header.transparent.header-sm #topMain.nav-pills > li > a:hover, #header.transparent.header-md #topMain.nav-pills > li.active > a, #header.transparent.header-md #topMain.nav-pills > li > a:hover { color: #fff; } #header.dark .submenu-dark #topMain { background-color: #333; } #header.dark #topMain.nav-pills > li.active > a, #header.dark #topMain.nav-pills > li:hover > a, #header.dark #topMain.nav-pills > li > a { color: #fff; } #header.dark #topMain.nav-pills > li.active > a { background-color: rgba(0, 0, 0, 0.1); } } /* Top Bar */ #topBar { display: block; background-color: #fff; border-bottom: rgba(0, 0, 0, 0.05) 1px solid; } #topBar > .border-bottom { border-bottom: rgba(0, 0, 0, 0.05) 1px solid; } #topBar > .border-top { border-top: rgba(0, 0, 0, 0.05) 1px solid; } #topBar.dark { color: #ccc; background-color: #363839; border-bottom-color: rgba(255, 255, 255, 0.1); } #topBar.dark .dropdown-menu a, #topBar.dark ul.top-links > li > a { color: #fff; } #topBar.dark .dropdown-menu a:hover { color: #fff !important; background-color: #333; } #topBar.dark ul.top-links > li { border-right: rgba(255, 255, 255, 0.1) 1px solid; } body.boxed #topBar.dark ul.top-links > li { border-right: 0; } #topBar.dark .dropdown-menu { background-color: #363839; } #topBar.dark .dropdown-menu .divider { background-color: #444; } #topBar.dark > .border-bottom { border-bottom-color: rgba(255, 255, 255, 0.1); } #topBar.dark > .border-top { border-top-color: rgba(255, 255, 255, 0.1); } /* Logo */ #topBar .logo { display: inline-block; } #topBar .logo img { -webkit-transition: width .4s ease, height .4s ease; -o-transition: width .4s ease, height .4s ease; transition: width .4s ease, height .4s ease; } #topBar .logo.has-banner { height: 100px; line-height: 100px; } /* banner */ #topBar .banner { margin: 5px 0; display: inline-block; padding-left: 5px; border-left: rgba(0, 0, 0, 0.05) 1px solid; } #topBar.dark .banner { border-left-color: rgba(255, 255, 255, 0.05) 1px solid; } /* social Icon */ #topBar .social-icon { margin: 3px 0 0 0; } /* Links */ #topBar ul.top-links { float: left; margin: 0; } #topBar ul.top-links > li { padding: 0; display: inline-block; margin-left: -3px; position: relative; border-right: rgba(0, 0, 0, 0.1) 1px solid; } #topBar ul.top-links > li:hover > .dropdown-menu, #mainMenu ul.top-links > li:hover > .dropdown-menu { display: block !important; } #topBar ul.top-links > li .dropdown-menu { z-index: 3000; } #topBar ul.top-links > li > a { padding: 10px; font-size: 12px; color: #151515; display: block; text-decoration: none; } #topBar ul.top-links > li > a:hover { background-color: rgba(0, 0, 0, 0.01); } #topBar ul.top-links > li > a > i { margin-right: 5px; filter: alpha(opacity=30); opacity: 0.3; } @media only screen and (max-width: 768px) { #topBar { text-align: center; } #topBar ul.top-links { display: inline-block; float: none; margin: 0 auto; } #topBar ul.top-links > li:last-child > a { border-right: 0; } } #topBar ul.top-links li.text-welcome { padding: 0 15px; font-size: 12px; } /* Drop Downs & Lang */ #topBar ul.dropdown-menu { min-width: 50px; margin: 0; padding: 0; margin-left: -1px; } #topBar ul.dropdown-menu > li > a { padding: 10px 6px; font-size: 12px; } #topBar ul.dropdown-langs > li > a { padding: 3px 6px; font-size: 12px; } #topBar ul.top-links > li > a > img.flag-lang { float: left; margin-top: 3px; margin-right: 6px; } #topBar ul.dropdown-menu > li > a > i { margin-right: 6px; } #topBar ul.dropdown-langs > li:hover > a { color: #000 !important; background-color: #eee; } #topBar ul.dropdown-menu > li.divider { margin: 0; padding: 0; border-bottom: 0; height: 1px; } /* Nav Second Main - search, etc */ #header ul.nav-second-main { border-left: rgba(0, 0, 0, 0.1) 1px solid; padding-left: 15px; margin-top: 39px; -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } #header.fixed ul.nav-second-main { margin-top: 20px; } #header.header-sm ul.nav-second-main { margin-top: 20px; } #header.header-md ul.nav-second-main { margin-top: 23px; } #header.fixed.header-sm ul.nav-second-main.nav-social, #header.fixed.header-md ul.nav-second-main.nav-social { margin-top: 18px; } #header.fixed.header-sm ul.nav-second-main.nav-social a > i:hover, #header.fixed.header-md ul.nav-second-main.nav-social a > i:hover { color: #fff !important; } #header ul.nav-second-main li { padding-top: 33px; padding: 0 5px 0px 5px; } #header ul.nav-second-main li > a { background-color: transparent; color: #666; padding: 0 3px; display: block; } #header ul.nav-second-main li i { font-size: 18px; width: 20px; height: 20px; margin: 0; padding: 0; opacity: 0.6; filter: alpha(opacity=60); -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } #header ul.nav-second-main li:hover i { opacity: 1; filter: alpha(opacity=100); } #header ul.nav-second-main li .badge { padding: 3px 6px; } /* dark & color menu */ #header.transparent ul.nav-second-main li a, #header.transparent ul.nav-second-main li a > i, #header.color ul.nav-second-main li a, #header.color ul.nav-second-main li a > i, #header.dark ul.nav-second-main li a, #header.dark ul.nav-second-main li a > i { color: #fff; opacity: 1; filter: alpha(opacity=100); } @media only screen and (max-width: 992px) { #header ul.nav-second-main { margin: 15px 15px 0 0; border: 0; } #header ul.nav-second-main li { padding-top: 6px; } #header ul.nav-second-main { -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; transition: all 0s; } #header.fixed ul.nav-second-main li { padding-top: 0; } #header.header-md ul.nav-second-main li > a, #header.header-sm ul.nav-second-main li > a { margin-top: -6px; } } /** ************************************************************* **/ /* submenu */ #topNav ul.dropdown-menu { text-align: left; margin-top: 0; box-shadow: none; border: #eee 1px solid; border-top: #eee 1px solid; list-style: none; background: #fff; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.2) 0 6px 12px; min-width: 200px; padding: 0; border-color: #1ABC9C #fff #fff; -webkit-transition: top .4s ease; -o-transition: top .4s ease; transition: top .4s ease; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #topNav ul.dropdown-menu ul.dropdown-menu { margin-top: -1px !important; /* -1px required for border-top menu */ } #topNav ul.dropdown-menu li { position: relative; border-bottom: rgba(0, 0, 0, 0.06) 1px solid; } /* #topNav .submenu-dark ul.dropdown-menu li { border-bottom-color: rgba(0,0,0,0.2); } */ #topNav ul.dropdown-menu li:last-child { border-bottom: 0; } #topNav ul.dropdown-menu li a { margin: 0; padding: 7px 15px; font-weight: 400; line-height: 23px; color: #666; font-size: 12px; display: block; text-decoration: none; } #topNav ul.dropdown-menu > li a i { margin-right: 6px; font-size: 12px; } #topNav ul.dropdown-menu a.dropdown-toggle { background-position: right center; background-repeat: no-repeat; } #topNav ul.dropdown-menu li.active > a, #topNav ul.dropdown-menu li.active:hover > a, #topNav ul.dropdown-menu li.active:focus > a, #topNav ul.dropdown-menu li:hover > a, #topNav ul.dropdown-menu li:focus > a, #topNav ul.dropdown-menu li:focus > a { color: #000; background-color: rgba(0, 0, 0, 0.05); } #topNav ul.dropdown-menu li.divider { margin: -1px 0 0 0; padding: 0; border: 0; background-color: rgba(0, 0, 0, 0.1); } #topNav .nav li:hover > ul.dropdown-menu { padding: 0; display: block; z-index: 100; } #topNav ul.dropdown-menu li .label { margin-top: 4px; } /* sub-submenu */ #topNav ul.dropdown-menu > li:hover > ul.dropdown-menu { display: block; position: absolute; left: 100%; top: 0; padding: 0; margin: 0; border-left: 0 !important; border-right: 0 !important; border-bottom: 0 !important; } /** ************************************************************* **/ /* onepage active link */ #topMain.nav-onepage > li.active > a { font-weight: bold; } /** Responsive Top Nav ********************* **/ @media only screen and (max-width: 992px) { .navbar-collapse { height: 100%; } form.mobile-search { display: block; } #topNav div.nav-main-collapse { padding: 0; margin: 0; } #topNav button.btn-mobile { display: block; float: right; margin-right: 0; } #header.dark #topNav button.btn-mobile, #header.transparent #topNav button.btn-mobile, #header.theme-color #topNav button.btn-mobile { color: #fff; } #topNav nav.nav-main { background-color: #fff; } #topNav div.nav-main-collapse, #topNav div.nav-main-collapse.in { width: 100%; margin: -1px 0 0 0; } #topNav div.nav-main-collapse { float: none; overflow-x: hidden; max-height: 350px; } /* ======================== MOBILE MENU V2 ===================== */ html.noscroll, html.noscroll body { overflow: hidden !important; } #header.fixed #topNav div.nav-main-collapse, #topNav div.nav-main-collapse { max-height: 100% !important; height: 100%; width: 100%; position: fixed !important; left: 0 !important; right: 0; bottom: 0; top: 0; z-index: 9999 !important; overflow-y: scroll !important; padding-top: 58px !important; margin: 0 !important; } #topNav div.nav-main-collapse { -webkit-animation: flipInX .7s !important; animation: flipInX .7s !important; } #header.fixed #topNav button.btn-mobile-active, #topNav button.btn-mobile-active { position: fixed !important; z-index: 999999 !important; background-color: #232323 !important; height: 60px !important; top: 0 !important; width: 100%; left: 0; right: 0; margin: 0 !important; opacity: 0.9; } #topNav button.btn-mobile-active > i { float: right; margin-right: 10px; margin-left: 10px; color: #fff !important; font-size: 30px; } #topNav button.btn-mobile-active > i:before { content: "\f00d" !important; } #menu-overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 10 !important; } /* dropdown background color */ #topMain, #topNav ul.dropdown-menu { color: #fff; background-color: #333; } #topNav ul.dropdown-menu { border: 0; } #topMain > li > a { color: #fff !important; } #topNav ul.dropdown-menu li > a { color: #fbfbfb !important; } #topMain > li > a, #topNav ul.dropdown-menu li > a { font-size: 15px !important; } /* ====================== END MOBILE MENU V2 ==================== */ #topNav div.nav-main-collapse.collapse { display: none !important; } #topNav div.nav-main-collapse.in { display: block !important; } #topNav div.nav-main-collapse { position: relative; } #topMain > li > a > span { display: none !important; } #topMain li { display: block !important; float: none; text-align: left; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #topMain li a { text-align: left; border: 0; height: auto; line-height: 15px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #topMain > li:hover, #topMain > li:hover > a { border-top: 0 !important; } #topMain > li > a { height: auto; line-height: auto; } /* submenu */ #topMain ul.dropdown-menu { position: static; clear: both; float: none; display: none !important; border-left: 0 !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #topNav nav.nav-main li.resp-active > ul.dropdown-menu { display: block !important; margin-left: 30px; margin-right: 30px; padding: 20px 0; border-right: 0; } #topNav nav.nav-main li.resp-active > ul.dropdown-menu li { border-left: 0; } #topNav ul.nav > li:hover > a:before, #topNav ul.nav > li.active > a:before { background-color: transparent; } #topNav ul.dropdown-menu > li:hover > ul.dropdown-menu { position: static; } #topNav div.submenu-dark ul.dropdown-menu { border-top: 0; } /** sub menu */ #topNav nav.nav-main li.resp-active > ul.dropdown-menu { margin: 0; padding: 0; } #topNav nav.nav-main li > ul.dropdown-menu li a { padding-left: 40px; } #topNav .dropdown-menu.pull-right, #topNav .dropdown-menu.pull-left { float: none !important; } } @media only screen and (max-width: 500px) { #topNav div.nav-main-collapse { max-height: 290px; overflow-y: auto; } } /* Mega Menu */ #topNav #topMain > li.mega-menu { position: inherit; color: #fff; } #topNav #topMain > li.mega-menu > ul { max-width: 100%; width: 100%; } #topNav #topMain > li.mega-menu div.row { display: table; margin: 0; padding: 0; width: 100%; } #topNav #topMain > li.mega-menu div.row div { border-left: rgba(0, 0, 0, 0.1) 1px solid; margin-left: -1px; display: table-cell; vertical-align: top; float: none; margin: 0; padding: 15px 0 0 0; } #topNav #topMain > li.mega-menu div.row > div:first-child { border-left: 0 !important; } #topNav #topMain > li.mega-menu div.row div > ul > li > span { color: #111; font-weight: bold; display: block; padding: 6px 15px 15px 15px; } #topNav #topMain > li.mega-menu div.row div:first-child { border-left: 0; } #topNav #topMain > li.mega-menu div.row div > ul > li + li > span { margin-top: 25px; } /* LIGHT SUBMENU */ #topNav ul.dropdown-menu a.dropdown-toggle { background-image: url("../images/_smarty/submenu_light.png"); } /* DARK SUBMENU */ #topNav div.submenu-dark ul.dropdown-menu { background: #333; background-color: #333; } #topNav div.submenu-dark ul.dropdown-menu a.dropdown-toggle { background-image: url("../images/_smarty/submenu_dark.png"); } #topNav div.submenu-dark ul.dropdown-menu li.active > a, #topNav div.submenu-dark ul.dropdown-menu li.active:hover > a, #topNav div.submenu-dark ul.dropdown-menu li.active:focus > a, #topNav div.submenu-dark ul.dropdown-menu li:hover > a, #topNav div.submenu-dark ul.dropdown-menu li:focus > a, #topNav div.submenu-dark ul.dropdown-menu li:focus > a { color: #fff; background-color: rgba(0, 0, 0, 0.15); } #topNav div.submenu-dark ul.dropdown-menu li.divider { background-color: rgba(255, 255, 255, 0.1); } #topNav div.submenu-dark ul.dropdown-menu > li a { color: #ccc; } #topNav div.submenu-dark #topMain > li.mega-menu div.row div > ul > li > span { color: #fff; } #topNav div.submenu-dark #topMain > li.mega-menu div.row div { border-left: rgba(0, 0, 0, 0.2) 1px solid; } @media only screen and (max-width: 960px) { #topNav div.submenu-dark li > a { color: #fff !important; } #header.translucent #topMain, #header.dark.transparent #topMain { background-color: #333 !important; } } /** Page Menu **************************************************************** **/ #page-menu { position: relative; height: 44px; line-height: 46px; background-color: #333; color: #fff; text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px; z-index: 100; overflow: hidden; } #page-menu ul { margin: 0; line-height: 44px; } #page-menu ul > li { line-height: 44px; float: left; } #page-menu ul > li > a { color: #fff; height: 44px; padding: 0 10px; display: inline-block; text-decoration: none; -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } #page-menu ul > li > a > i { margin-right: 5px; } #page-menu ul > li:hover, #page-menu ul > li.active { background-color: rgba(0, 0, 0, 0.3); } #page-menu nav { position: relative; } #page-menu ul.list-inline.dropdown-menu { display: block; } #page-menu-mobile { display: none; font-size: 21px; background-color: rgba(0, 0, 0, 0.2); height: 44px; width: 44px; } @media only screen and (min-width: 990px) { #page-menu ul { display: block !important; } } @media only screen and (max-width: 992px) { #page-menu { overflow: visible; } #page-menu ul > li { float: none !important; } #page-menu-mobile { display: inline-block; } #page-menu ul { display: none; position: absolute; min-width: 200px; } #page-menu nav.pull-right ul { right: -15px; top: 44px; } #page-menu nav.pull-left ul { left: -15px; top: 44px; } #page-menu nav.pull-right #page-menu-mobile { margin-right: -15px; } #page-menu nav.pull-left #page-menu-mobile { margin-left: -15px; } #page-menu ul > li, #page-menu ul > li > a { color: #fff !important; display: block; float: none; } #page-menu ul > li > a { color: #ccc; } } /* page menu light */ #page-menu.page-menu-light { color: #151515; text-shadow: rgba(255, 255, 255, 0.1) 1px 1px 1px; background-color: rgba(0, 0, 0, 0.1); } #page-menu.page-menu-light ul { background-color: rgba(0, 0, 0, 0.02) !important; } #page-menu.page-menu-light ul li { border-left: rgba(0, 0, 0, 0.05) 1px solid; } #page-menu.page-menu-light ul li:hover { background-color: rgba(0, 0, 0, 0.02); } #page-menu.page-menu-light ul li a { color: #151515; } #page-menu.page-menu-light ul li.active a { color: #fff; } /* page menu dark */ #page-menu.page-menu-dark { background-color: #444; } #page-menu.page-menu-dark ul { background-color: #666 !important; } #page-menu.page-menu-dark ul li { border-left: #444 1px solid; } /* page menu color */ #page-menu.page-menu-color ul li { border-left: rgba(0, 0, 0, 0.1) 1px solid; } /* page menu transparent */ #page-menu.page-menu-transparent { color: #151515; border-top: rgba(0, 0, 0, 0.05) 1px solid; border-bottom: rgba(0, 0, 0, 0.05) 1px solid; text-shadow: rgba(255, 255, 255, 0.1) 1px 1px 1px; background-color: transparent; } #page-menu.page-menu-transparent ul { background-color: transparent !important; } #page-menu.page-menu-transparent ul li { border-left: #fafafa 1px solid; } #page-menu.page-menu-transparent ul li a { color: #212121; } #page-menu.page-menu-transparent ul li:hover { background-color: rgba(0, 0, 0, 0.01); } #page-menu.page-menu-transparent ul li.active { background-color: rgba(0, 0, 0, 0.05); margin-bottom: -1px; } @media only screen and (max-width: 992px) { #page-menu.page-menu-light ul { background-color: #777 !important; } #page-menu.page-menu-transparent ul { background-color: #777 !important; } #page-menu.page-menu-transparent ul li.active { margin-bottom: 0; } #page-menu ul li { border-left: 0; } } /** BULLET NAV ********************* */ #nav-bullet { position: fixed; padding: 0; top: 50%; transform: translateY(-50%); right: 1em; z-index: 100; } #nav-bullet ul { list-style: none; display: inline-block; padding: 0.92857143em; background: rgba(0, 0, 0, 0.4); border-radius: 1.85714286em; transition: all .2s ease; } #nav-bullet ul:hover { background: rgba(0, 0, 0, 0.6); } #nav-bullet ul li:not(:last-child) { margin-bottom: 1.85714286em; } @media all and (max-width: 767px) { #nav-bullet { right: 0; } #nav-bullet ul { border-radius: 1.85714286em 0 0 1.85714286em; padding: 1.85714286em 0.92857143em; } } #nav-bullet li a { width: 8px; height: 8px; background: #fff; border-radius: 50%; transition: all .2s ease; display: block; position: relative; } #nav-bullet li a:not(:hover) { opacity: .5; } #nav-bullet li.active a { opacity: 1; animation: bulge .5s ease; -webkit-animation: bulge .5s ease; } @keyframes bulge { 0% { transform: scale(1); } 50% { transform: scale(1.3); } 100% { transform: scale(1); } } @-webkit-keyframes bulge { 0% { transform: scale(1); } 50% { transform: scale(1.3); } 100% { transform: scale(1); } } #nav-bullet li a[data-title]:before { content: attr(data-title); position: absolute; right: 12px; top: -14px; background: #222; color: #fff; border-radius: 6px; padding: 4px 8px; display: inline-block; transition: all .2s ease; white-space: nowrap; } #nav-bullet li a[data-title]:not(:hover):before { opacity: 0; transform: translateX(-20px); } /** Scroll To Top **************************************************************** **/ #toTop { font-size: 38px; line-height: 33px; background-color: rgba(0, 0, 0, 0.3); color: #FFF; position: fixed; height: 35px; width: 40px; right: 6px; bottom: 6px; text-align: center; text-transform: uppercase; opacity: 0.9; filter: alpha(opacity=90); text-decoration: none; display: none; z-index: 1000; -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; border-radius: 2px !important; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } #toTop:hover { background-color: rgba(0, 0, 0, 0.7); } #toTop:before { font-family: "fontawesome"; content: "\f102"; } /** Preloader **************************************************************** **/ #preloader { position: fixed; z-index: 9999999; top: 0; bottom: 0; right: 0; left: 0; background: #fff; } .inner { position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 54px; height: 54px; margin: auto; } .page-loader { display: block; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #fefefe; z-index: 100000; } #preloader span.loader { width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; font-size: 10px; text-indent: -12345px; border-top: 1px solid rgba(0, 0, 0, 0.08); border-right: 1px solid rgba(0, 0, 0, 0.08); border-bottom: 1px solid rgba(0, 0, 0, 0.08); border-left: 1px solid rgba(0, 0, 0, 0.5); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-animation: spinner 700ms infinite linear; -moz-animation: spinner 700ms infinite linear; -ms-animation: spinner 700ms infinite linear; -o-animation: spinner 700ms infinite linear; animation: spinner 700ms infinite linear; z-index: 100001; } @-webkit-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } /** Misc **************************************************************** **/ .img-hover img { -webkit-transition: all .400s; -moz-transition: all .400s; -o-transition: all .400s; transition: all .400s; } .img-hover:hover img { opacity: 0.8; filter: alpha(opacity=80); } .img-hover > .label-absolute { position: absolute; border-radius: 0 !important; padding: 8px; z-index: 100; } ul.list-inline.list-separator > li:before { content: '/'; display: inline-block; margin-right: 10px; opacity: .5; } ul.list-inline.list-separator > li:first-child:before { margin: 0; content: ''; } .dropdown-menu { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .navbar-toggle { border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .navbar-default .navbar-toggle .icon-bar { background-color: #111; } /* infinite scroll */ #infscr-loading { position: fixed; top: 50%; left: 50%; width: 68px; height: 68px; line-height: 68px; font-size: 30px; text-align: center; color: #fff; margin: -34px 0 0 -34px; background-color: rgba(0, 0, 0, 0.8); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } form .row { margin-bottom: 20px; } form label { font-weight: bold; } table a { color: #666; } section.dark table a { color: #ddd; } /* Featured OWL Carousel */ .owl-carousel.featured .thumbnail.pull-left { margin-right: 20px; } .owl-carousel.featured .thumbnail.pull-right { margin-left: 20px; } .owl-carousel.featured a { color: #333; } section.dark .owl-carousel.featured a { color: #999; } /* increment / decrement - quantity shop like - + */ .incrdcr .incr, .incrdcr .decr { color: #000; display: block; float: left; cursor: pointer; border: 0 transparent; padding: 0; width: 36px; height: 40px; line-height: 40px; text-align: center; background-color: rgba(0, 0, 0, 0.07); font-size: 16px; font-weight: 700; text-decoration: none; -webkit-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; transition: background-color 0.2s linear; } .incrdcr .incr:hover, .incrdcr .decr:hover { background-color: rgba(0, 0, 0, 0.1); } .incrdcr > input { float: left; width: 50px; height: 40px; line-height: 40px; border: 0; border-left: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.07); text-align: center; margin-bottom: 0; } /* Link List - example: page-faq-4.html */ ul.list-links > li > a { color: #111; font-weight: 700; display: inline-block; padding: 3px 0; font-size: 16px; } ul.list-links > li > a > i { margin-right: 6px; } section.dark ul.list-links > li > a { color: #fff; } /* Slimscroll */ .slimScrollBar { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } /* Canvas Particles */ #canvas-particle { position: absolute; } #slider #canvas-particle { z-index: 10; } /* Youtube Background */ #video-volume { bottom: 85px; left: 50%; margin: 0 0 0 -15px; position: absolute; z-index: 100; width: 30px; height: 30px; line-height: 26px; font-size: 20px; text-align: center; border-radius: 50%; border: 1px solid #fff; color: #FFFFFF; cursor: pointer; } /* Text Rotator */ h1 > span.rotate, h2 > span.rotate, h3 > span.rotate, h4 > span.rotate, h5 > span.rotate, h6 > span.rotate { color: inherit !important; } /** EVENT LIST Example Usage: index-thematics-music.html
02 April

Columbia, SC

Colonial Life Arena w/ Aloe Blacc
**/ .event-item { margin-bottom: 25px; padding: 10px; display: block; background-color: rgba(0, 0, 0, 0.04); } section.dark .event-item { background-color: rgba(0, 0, 0, 0.06); } .event-item .event-date-wrapper { float: left; text-align: center; width: 55px; margin-right: 20px; } .event-item .event-date-wrapper .event-date-day { font-size: 43px; font-weight: bold; display: block; line-height: 1; margin-bottom: 4px; } .event-item .event-date-wrapper .event-date-month { font-size: 14px; font-weight: bold; display: block; } .event-item .event-content-wrapper { padding-top: 6px; overflow: hidden; position: relative; } .event-item .event-content-wrapper .event-content-inner-wrapper { padding-right: 105px; } .event-item .event-content-wrapper .event-content-inner-wrapper .event-title { font-size: 15px; font-weight: bold; margin-bottom: 5px; } .event-item .event-content-wrapper .event-location { font-size: 13px; } .event-item .event-content-wrapper .event-status-wrapper { position: absolute; top: 10px; right: 0px; text-align: center; letter-spacing: 1px; } @media only screen and (max-width: 600px) { .event-item .event-content-wrapper .event-content-inner-wrapper { padding-right: 0; } .event-item .event-content-wrapper .event-status-wrapper { position: relative; top: auto; right: auto; left: auto; text-align: left; } } /** INLINE NEWS Example Usage: index-thematics-music.html
STICKY POST image
29 June 2015

Lorem Upsum Dolor

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Idque Caesaris facere voluntate liceret: sese habere....

**/ .inews-item { clear: both; margin-bottom: 30px; min-height: 132px; position: relative; } .inews-item:after, .inews-item:before { display: table; content: " "; } .inews-item:after { clear: both; } .inews-item .inews-thumbnail { border: 0; padding: 0; width: 35%; max-width: 350px; margin: 0 20px 0 0; float: left; position: relative; } .inews-item .inews-thumbnail .inews-sticky { position: absolute; left: 0; bottom: -1px; background-color: #74c6de; color: #fff; font-size: 11px; font-weight: bold; padding: 5px 12px; text-shadow: #333 0 0 1px; } .inews-item .inews-thumbnail .inews-sticky > i { font-size: 14px; margin-right: 8px; } .inews-item .inews-date-wrapper { text-align: center; position: absolute; left: 0; margin-right: 20px; width: 65px; padding-bottom: 20px; background-color: rgba(0, 0, 0, 0.1); } .inews-item .inews-date-wrapper:before { content: ' '; position: absolute; right: -10px; top: 6px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid rgba(0, 0, 0, 0.1); } .inews-item .inews-date-wrapper .inews-date-day { display: block; font-size: 50px; line-height: 1; margin-bottom: 16px; } .inews-item .inews-date-wrapper .inews-date-month { display: block; font-size: 14px; line-height: 1; margin-bottom: 14px; } .inews-item .inews-date-wrapper .inews-date-year { display: block; font-size: 17px; line-height: 1; } .inews-item .inews-item-content { overflow: hidden; padding-left: 85px; position: relative; } .inews-content-inner h3 { margin-bottom: 8px; display: block; margin-top: 3px; } .inews-content-inner .list-inline > li { padding: 0; } @media only screen and (max-width: 768px) { .inews-item { max-width: 380px; margin-left: auto; margin-right: auto; } .inews-item .inews-thumbnail { float: none; display: block; margin-bottom: 20px; width: 100%; } } /** TEAM ITEM example usage: index-thematics-wedding.html
wedding

MIKE BAKER

Groom

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi, pariatur, magni! Omnis reiciendis architecto, cupiditate fuga dolores nam accusamus iste molestias quos mollitia totam eius porro culpa incidunt, sunt rerum molestiae aliquid non hic.


********************** **/ .team-item { position: relative; } .team-item .team-item-image { position: absolute; left: 0; top: 0; } .team-item .team-item-desc { padding-left: 180px; } @media only screen and (max-width: 482px) { .team-item { text-align: center; } .team-item .team-item-desc { padding-left: 0; margin-top: 20px; } .team-item a.social-icon { float: none !important; } .team-item .team-item-image { position: relative; } } /* flot chart */ .flot-chart .legendLabel { padding: 0 8px; } /* Vectorial Map */ svg { touch-action: none; } .jvectormap-container { width: 100%; height: 100%; position: relative; overflow: hidden; touch-action: none; } .jvectormap-tip { position: absolute; display: none; border: solid 1px #CDCDCD; border-radius: 3px; background: #292929; color: white; font-family: sans-serif, Verdana; font-size: smaller; padding: 3px; } .jvectormap-zoomin, .jvectormap-zoomout, .jvectormap-goback { position: absolute; left: 10px; border-radius: 3px; background: #292929; padding: 3px; color: white; cursor: pointer; line-height: 10px; text-align: center; box-sizing: content-box; } .jvectormap-zoomin, .jvectormap-zoomout { width: 10px; height: 10px; } .jvectormap-zoomin { top: 10px; } .jvectormap-zoomout { top: 30px; } .jvectormap-goback { bottom: 10px; z-index: 1000; padding: 6px; } .jvectormap-spinner { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: center no-repeat url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==); } .jvectormap-legend-title { font-weight: bold; font-size: 14px; text-align: center; } .jvectormap-legend-cnt { position: absolute; } .jvectormap-legend-cnt-h { bottom: 0; right: 0; } .jvectormap-legend-cnt-v { top: 0; right: 0; } .jvectormap-legend { background: black; color: white; border-radius: 3px; } .jvectormap-legend-cnt-h .jvectormap-legend { float: left; margin: 0 10px 10px 0; padding: 3px 3px 1px 3px; } .jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick { float: left; } .jvectormap-legend-cnt-v .jvectormap-legend { margin: 10px 10px 0 0; padding: 3px; } .jvectormap-legend-cnt-h .jvectormap-legend-tick { width: 40px; } .jvectormap-legend-cnt-h .jvectormap-legend-tick-sample { height: 15px; } .jvectormap-legend-cnt-v .jvectormap-legend-tick-sample { height: 20px; width: 20px; display: inline-block; vertical-align: middle; } .jvectormap-legend-tick-text { font-size: 12px; } .jvectormap-legend-cnt-h .jvectormap-legend-tick-text { text-align: center; } .jvectormap-legend-cnt-v .jvectormap-legend-tick-text { display: inline-block; vertical-align: middle; line-height: 20px; padding-left: 3px; } .jvectormap-zoomin, .jvectormap-zoomout { position: absolute; left: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #333; padding: 4px 0; color: white; width: 40px; height: 40px; padding: 0; cursor: pointer; line-height: 40px; font-size: 24px; text-align: center; -webkit-border-bottom-right-radius: 15px; -webkit-border-top-left-radius: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; border-bottom-right-radius: 15px; border-top-left-radius: 15px; } .jvectormap-zoomin:hover, .jvectormap-zoomout:hover { background-color: #444; } .jvectormap-zoomin { top: 0; } .jvectormap-zoomout { top: 50px; } div.vector-map { background-color: rgba(0, 0, 0, 0.06); border: rgba(0, 0, 0, 0.06) 1px solid; padding: 20px 10px; position: relative; } /** Landing Page **************************************************************** **/ form.landing-form { padding: 30px; border-radius: 3px; background: rgba(0, 0, 0, 0.3); } /** Featured Grid **************************************************************** **/ section.featured-grid div.row > div { padding-left: 4px; padding-right: 4px; overflow: hidden; position: relative; } section.featured-grid div.row > div img { width: 100%; } section.featured-grid div.row > div .absolute { z-index: 10; margin: 20px; } section.featured-grid div.row > div .absolute p { margin: 0; } section.featured-grid div.row > div div.relative { margin-bottom: 10px; } section.featured-grid div.row > div h1, section.featured-grid div.row > div h2, section.featured-grid div.row > div h3, section.featured-grid div.row > div h4, section.featured-grid div.row > div h5, section.featured-grid div.row > div h6 { margin: 0; color: #000; line-height: 1.1; } section.featured-grid div.row > div h1 { font-size: 70px; } section.featured-grid div.row > div a:hover { color: #fff; } section.featured-grid div.row > div .absolute.top-right { top: 0; bottom: auto; right: 0; left: auto; } section.featured-grid div.row > div .absolute.top-left { top: 0; bottom: auto; left: 0; right: auto; } section.featured-grid div.row > div .absolute.bottom-right { bottom: 0; top: auto; right: 0; left: auto; } section.featured-grid div.row > div .absolute.bottom-left { bottom: 0; top: auto; left: 0; right: auto; } section.featured-grid div.row > div .absolute.top-center { bottom: auto; top: 0; left: auto; right: auto; } section.featured-grid div.row > div .absolute.bottom-center { bottom: 0; top: auto; left: auto; right: auto; } /* ribbon */ section.featured-grid div.row > div .ribbon { position: absolute; right: 4px; top: -3px; color: #fff; text-align: right; width: 33.5%; height: 33.5%; } section.featured-grid div.row > div .ribbon:before { content: ""; position: absolute; right: 0; top: 0; border: 150px solid #333; border-right: 0; border-bottom: 0; border-left: 150px solid transparent; } section.featured-grid div.row > div .ribbon h2, section.featured-grid div.row > div .ribbon h3, section.featured-grid div.row > div .ribbon h4 { color: #fff; } @media only screen and (max-width: 480px) { section.featured-grid div.row > div { margin: 15px 0; } } @media only screen and (max-width: 600px) { section.featured-grid div.row > div h1 { font-size: 40px; } section.featured-grid div.row > div h2 { font-size: 25px; } } /* breathing background zoom in - zoom out */ @keyframes breath { 0% { background-size: 100% auto; } 50% { background-size: 110% auto; } 100% { background-size: 100% auto; } } .bg-breath { width: 100%; height: 100%; animation: breath 30s linear infinite; } /* menu title */ #topNav #topMain li > h4 { display: block; padding: 10px 15px 10px 15px; margin: 0; color: #111; font-weight: 600; font-size: 14px; background-color: rgba(0, 0, 0, 0.05); } #topNav .submenu-dark #topMain li > h4 { color: #fff; background-color: rgba(0, 0, 0, 0.15); } #header #topNav #topMain li > h4 > i { margin-right: 8px; } /* menu caption */ #header p.menu-caption { color: #404040; margin: 8px 0; padding: 8px 8px; font-size: 13px; font-weight: 300; } #header .submenu-dark p.menu-caption { color: #888; } #header p.menu-caption > i { margin-left: 8px; margin-right: 8px; } /* no topmain dropdown icon */ #topMain.nav-pills > li > a.dropdown-toggle.noicon { padding-right: 15px !important; } #topMain.nav-pills > li > a.dropdown-toggle.noicon:after { display: none !important; } #topMain .dropdown-toggle > .label { padding: .0em .4em .2em; } /* no menu lines */ #topNav ul.dropdown-menu.dropdown-menu-clean li { border-bottom: 0 !important; } /* DROPDOWN ANIMATE Dependency: animate.css */ /* FADE IN */ #topMain.nav-animate-fadeIn li.dropdown:hover > ul.dropdown-menu, #topMain .nav-animate-fadeIn:hover > ul.dropdown-menu { -webkit-animation: fadeIn .6s; animation: fadeIn .6s; } /* FADE IN UP */ #topMain.nav-animate-fadeInUp li.dropdown:hover > ul.dropdown-menu, #topMain .nav-animate-fadeInUp:hover > ul.dropdown-menu { -webkit-animation: fadeInUp .2s; animation: fadeInUp .2s; } /* BOUNCE IN */ #topMain.nav-animate-bounceIn li.dropdown:hover > ul.dropdown-menu, #topMain .nav-animate-bounceIn:hover > ul.dropdown-menu { -webkit-animation: bounceIn .6s; animation: bounceIn .6s; } /* BOUNCE IN UP */ #topMain.nav-animate-bounceInUp li.dropdown:hover > ul.dropdown-menu, #topMain .nav-animate-bounceInUp:hover > ul.dropdown-menu { -webkit-animation: bounceInUp .2s; animation: bounceInUp .2s; } /* FLIP IN X */ #topMain.nav-animate-flipInX li.dropdown:hover > ul.dropdown-menu, #topMain .nav-animate-flipInX:hover > ul.dropdown-menu { -webkit-animation: flipInX .5s; animation: flipInX .4s; } /* FLIP IN Y */ #topMain.nav-animate-flipInY li.dropdown:hover > ul.dropdown-menu, #topMain .nav-animate-flipInY:hover > ul.dropdown-menu { -webkit-animation: flipInY .5s; animation: flipInY .4s; } /* ZOOM IN */ #topMain.nav-animate-zoomIn li.dropdown:hover > ul.dropdown-menu, #topMain .nav-animate-zoomIn:hover > ul.dropdown-menu { -webkit-animation: zoomIn .5s; animation: zoomIn .5s; } /* SLIDE IN UP */ #topMain.nav-animate-slideInUp li.dropdown:hover > ul.dropdown-menu, #topMain .nav-animate-slideInUp:hover > ul.dropdown-menu { -webkit-animation: slideInUp .1s; animation: slideInUp .1s; } /* TOPMAIN TEXT HOVER ANIMATED */ #topMain.nav-hover-animate ul.dropdown-menu li a, #topMain .nav-hover-animate ul.dropdown-menu li a { -webkit-transition: all .300s; transition: all .300s; } #topMain.nav-hover-animate ul.dropdown-menu li:hover > a, #topMain .nav-hover-animate ul.dropdown-menu li:hover > a { padding-left: 23px; } /* topmain hover bounce in */ @media only screen and (min-width: 768px) { #topMain li.hover-animate-bounceIn:hover > a.dropdown-toggle, #topMain li.hover-animate-bounceIn:hover > a.dropdown-toggle { animation: bounceIn 1s; } } /* side nav mobile max height - essentials rewrite */ @media only screen and (max-width: 768px) { div.side-nav ul { max-height: 650px; } } /* gradient bg */ .gradient-bg { background: -webkit-linear-gradient(left, #9357cc 0%, #2989d8 50%, #2cc99d 100%) !important; } /* sizes */ ul.portfolio-detail-list { font-size: 14px; } /* fix page title */ section.page-header * { z-index: 10; } /* disable uppercase text transformation */ #header.disable-uppercase #topBar ul li a, #header.disable-uppercase #mainMenu ul li a, #header.disable-uppercase #topMain ul li a { text-transform: none; } /* cookie alert */ #cookie-alert { position: fixed; left: 0; right: 0; top: -50px; bottom: auto; width: 100%; padding: 10px; margin: 0; border-radius: 0; -moz-border-radius: 0; border: 0; z-index: 999999; } #cookie-alert.alert-position-bottom { top: auto; bottom: -50px; } #cookie-alert p { margin: 0; padding: 6px 0 0 0; } #cookie-alert .fa { margin: 0 8px; font-size: 16px; } #cookie-alert > .container { padding: 0; margin-top: 0; margin-bottom: 0; } #cookie-alert .cookie-close-btn { font-size: 30px; } /** FULLSCREEN GOOGLE MAP *************************** **/ #map-fullscreen { height: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: #fff; z-index: 9999999; display: none; } #gmap-init { height: 100% !important; width: 100% !important; } #map-fullscreen button { position: absolute; top: 13px; right: 13px; z-index: 99999; border: 0; margin: 0; width: 50px; height: 50px; text-align: center; line-height: 50px; background-color: #fff; font-size: 20px; -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; -moz-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; } /** BACKSTRETCH NAVIGATION *************************** **/ .bs-next, .bs-prev { display: block; position: absolute; width: 60px; height: 60px; top: 50%; margin-top: -30px; text-align: center; opacity: 0.5; border-radius: 3px; line-height: 60px; z-index: 100; } .bs-next:hover, .bs-prev:hover { background-color: rgba(0, 0, 0, 0.2); opacity: 1; } .bs-next { right: 15px; } .bs-prev { left: 15px; } .bs-next:before, .bs-prev:before { content: "\f104"; font-family: 'FontAwesome'; display: block; font-size: 50px; color: #fff; padding: 0; margin: 0; } .bs-next:before { content: "\f105"; } @media only screen and (max-width: 768px) { .bs-next, .bs-prev { top: auto; bottom: 15px; margin-top: 0; } } /** ROUNDED LOGO Usage: for sliders Example: feature-slider-backstretch.html *************************** **/ .rounded-logo { display: inline-block; width: 350px; height: 350px; text-align: center; padding: 30px; background: rgba(0, 0, 0, 0.2); border: rgba(0, 0, 0, 0.1) 20px solid; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 100px rgba(0, 0, 0, 0.5) inset; -moz-box-shadow: 0 0 100px rgba(0, 0, 0, 0.5) inset; box-shadow: 0 0 100px rgba(0, 0, 0, 0.5) inset; } .rounded-logo > img { width: 100%; height: auto; } .rounded-logo.rounded-logo-sm { width: 250px !important; height: 250px !important; } .rounded-logo.rounded-logo-xs { width: 200px !important; height: 200px !important; padding: 10px !important; } @media only screen and (max-width: 768px) { .rounded-logo { width: 250px; height: 250px; } } /** Premium Circles Example: shortcode-thumbnails.html *************************** **/ .premium-thumbnail-circle { position: relative; width: 240px; height: 240px; border-radius: 50%; } .premium-thumbnail-circle figure { position: relative; width: 240px; height: 240px; border-radius: 50%; } .premium-thumbnail-circle figure:before { position: absolute; display: block; content: ''; width: 100%; height: 100%; border-radius: 50%; box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .premium-thumbnail-circle figure img { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; width: 100%; height: auto; } .premium-thumbnail-circle .info { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; border-radius: 50%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .premium-thumbnail.premium-thumbnail-square { position: relative; width: 336px; height: 236px; border: 8px solid #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); } .premium-thumbnail.premium-thumbnail-square .info { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .premium-thumbnail-circle .spinner { width: 250px; height: 250px; border: 10px solid; border-radius: 50%; -webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; transition: all 1.2s ease-in-out; } .premium-thumbnail-circle figure { position: absolute; top: 10px; bottom: 0; left: 10px; right: 0; width: auto; height: auto; } .premium-thumbnail-circle figure:before { display: none; } .premium-thumbnail-circle.color .info { background: #1a4a72; background: rgba(26, 74, 114, 0.6); } .premium-thumbnail-circle .info { width: 230px; height: 230px; top: 10px; bottom: 0; left: 10px; right: 0; background: #333333; background: rgba(50, 50, 50, 0.8); opacity: 0; -webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; transition: all 1.2s ease-in-out; } .premium-thumbnail-circle .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 1px; font-size: 20px !important; margin: 0 10px; padding: 60px 0 15px 0; } .premium-thumbnail-circle .info p { color: #fff; padding: 10px 5px; padding-top: 14px; margin: 0px 10px; font-size: 14px; border-top: 1px solid #ffffff; line-height: 20px; } .premium-thumbnail-circle a:hover .spinner { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } .premium-thumbnail-circle a:hover .info { opacity: 1; } .premium-thumbnail-circle .spinner { border-color: #222; border-right-color: #ccc; border-bottom-color: #ccc; } /** Captions **************************************************************** **/ .caption-default, .caption-light, .caption-dark, .caption-color, .caption-primary, .caption-warning, .caption-info, .caption-danger { color: #fff; padding: 10px; font-size: 13px; background-color: rgba(0, 0, 0, 0.9); } .caption-default { color: inherit; border: #666 1px solid; background-color: transparent; } .caption-light { color: #333; background-color: #eaeaea; } .caption-dark { color: #eee; background-color: #666; } .caption-primary, .caption-warning, .caption-info, .caption-danger { color: #fff; background-color: #333; } .caption-warning { background-color: #f0ad4e; } .caption-info { background-color: #5bc0de; } .caption-danger { background-color: #d9534f; } /* Slider Default Caption Example usage: shop-4col-left.html (top banner) */ .caption-slider-default { position: absolute !important; left: 0; right: 0; top: 0; bottom: 0; color: #000 !important; } .caption-slider-default .caption-container { margin: 0 50px; } .caption-slider-default h1, .caption-slider-default h2, .caption-slider-default h3, .caption-slider-default h4, .caption-slider-default p { margin: 0; color: #000 !important; } @media only screen and (max-width: 480px) { .caption-slider-default .caption-container { margin: 0 30px; } .caption-slider-default h2 { font-size: 16px; } .caption-slider-default p { display: none; } } /** Aside **************************************************************** **/ .tab-post { padding-bottom: 20px; margin: 0 0 20px 0; border-bottom: rgba(0, 0, 0, 0.06) 1px solid; } .tab-post a { color: #666; text-decoration: none; } section.dark .tab-post a { color: #ddd; } .tab-post small { display: block; font-size: 12px; } /** Aside Navigation ********************* **/ ul.side-nav span.badge { float: right; margin-top: 3px; font-weight: 400; } ul.side-nav > li > span.badge { margin-top: 12px; margin-right: 6px; } ul.side-nav li.list-group-item > a > .label { margin-right: 20px; } ul.side-nav li { list-style: none; } ul.side-nav ul { margin: 0 0 20px 0; padding: 0; } ul.side-nav ul li { padding: 0 15px; } ul.side-nav ul li:last-child { border-bottom: 0; } ul.side-nav a { display: block; text-decoration: none; color: #333; font-size: 13px; letter-spacing: 1px; } ul.side-nav a i.fa { width: 10px; } ul.side-nav ul li a { padding: 3px; font-size: 12px; } ul.side-nav > li { padding: 0; } ul.side-nav > li > a { padding: 7px 10px; } ul.side-nav > li.list-group-item.active { border: 0; background-color: transparent; } ul.side-nav > li.active > a { background-color: transparent; } ul.side-nav li.list-toggle.active:after, ul.side-nav > li.active > a { font-weight: 700; } ul.side-nav li.list-toggle:after { content: "\f104"; font-family: FontAwesome; position: absolute; font-size: 15px; right: 10px; top: 7px; font-weight: normal; color: #999; } ul.side-nav li.list-toggle.active:after { content: "\f107"; } ul.side-nav .list-group-item { background-color: rgba(0, 0, 0, 0); border-left: 0; border-right: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } section.dark ul.side-nav .list-group-item { border-bottom-color: #333; border-top-color: #333; } /** Masonry Gallery **************************************************************** **/ .masonry-gallery { position: relative; } .masonry-gallery a, .masonry-gallery img { display: block; height: auto!important; } .masonry-gallery a { position: relative; float: left; width: 25%; overflow: hidden; } .masonry-gallery img { width: 100%; border-radius: 0!important; padding: 0 1px 1px 0; } /* columns */ .masonry-gallery.columns-2 a { width: 50%; } .masonry-gallery.columns-3 a { width: 33.30%; } .masonry-gallery.columns-4 a { width: 25%; } .masonry-gallery.columns-5 a { width: 20%; } .masonry-gallery.columns-6 a { width: 16.60%; } /** Simple Gallery [CSS ONLY] **************************************************************** **/ .gallery-simple { margin: 1rem 0; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-width: 33.33333333333333%; -moz-column-width: 33.33333333333333%; column-width: 33.33333333333333%; } .gallery-simple.gallery-simple-columns-5 { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; -webkit-column-width: 20%; -moz-column-width: 20%; column-width: 20%; } .gallery-simple.gallery-simple-columns-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-width: 25%; -moz-column-width: 25%; column-width: 25%; } .gallery-simple.gallery-simple-columns-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-width: 33.33333333333333%; -moz-column-width: 33.33333333333333%; column-width: 33.33333333333333%; } .gallery-simple.gallery-simple-columns-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-width: 50%; -moz-column-width: 50%; column-width: 50%; } .gallery-simple.gallery-simple-columns-1 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-width: 100%; -moz-column-width: 100%; column-width: 100%; } .gallery-simple img { width: 100% !important; height: auto !important; margin-bottom: 1rem; } .gallery-simple > a > img { margin-bottom: 0; } .gallery-simple > a { position: relative; display: block; margin-bottom: 1rem; } .gallery-simple .image-hover-overlay::before { bottom: 10px; } @media only screen and (max-width: 768px) { .gallery-simple { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-width: 33.33333333333333%; -moz-column-width: 33.33333333333333%; column-width: 33.33333333333333%; } } @media only screen and (max-width: 482px) { .gallery-simple { -webkit-column-count: 2 !important; -moz-column-count: 2 !important; column-count: 2 !important; -webkit-column-width: 50% !important; -moz-column-width: 50% !important; column-width: 50% !important; } } /** Image Hover **************************************************************** **/ .image-hover { position: relative; display: table; } .image-hover > img { -webkit-transition: all 0.2s cubic-bezier(0.31, 0.1, 0.57, 1); -moz-transition: all 0.2s cubic-bezier(0.31, 0.1, 0.57, 1); -ms-transition: all 0.2s cubic-bezier(0.31, 0.1, 0.57, 1); -o-transition: all 0.2s cubic-bezier(0.31, 0.1, 0.57, 1); transition: all 0.2s cubic-bezier(0.31, 0.1, 0.57, 1); } .image-hover:hover > img { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE 5-7 */ filter: alpha(opacity=90); /* Netscape */ -moz-opacity: 0.9; /* Safari 1.x */ -khtml-opacity: 0.9; /* Good browsers */ opacity: 0.9; } .image-hover-icon { position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 3; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 5-7 */ filter: alpha(opacity=0); /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; -webkit-transition: all 0.2s cubic-bezier(0.31, 0.1, 0.57, 1); -moz-transition: all 0.2s cubic-bezier(0.31, 0.1, 0.57, 1); -ms-transition: all 0.2s cubic-bezier(0.31, 0.1, 0.57, 1); -o-transition: all 0.2s cubic-bezier(0.31, 0.1, 0.57, 1); transition: all 0.2s cubic-bezier(0.31, 0.1, 0.57, 1); } .image-hover-icon.image-hover-dark { background-color: rgba(0, 0, 0, 0.3); } .image-hover-icon.image-hover-light { background-color: rgba(255, 255, 255, 0.3); } .image-hover-icon.image-hover-light > i { color: #111; } .image-hover-icon > i { font-size: 40px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; z-index: 2; color: #fff; } .image-hover:hover > .image-hover-icon { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 5-7 */ filter: alpha(opacity=100); /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; } /** Sticky Side **************************************************************** **/ .sticky-side { position: fixed; top: 50%; left: 6px; width: 36px; z-index: 1; } .sticky-side .social-icon { margin: 0; } /** Parallax Social icons **************************************************************** **/ ul.social-icons { display: inline-block; list-style: none; padding: 0; } ul.social-icons li { text-align: center; display: inline-block; padding: 15px 40px; } ul.social-icons a h4 { font-size: 15px; letter-spacing: 1px; margin-top: 0; margin-bottom: 0; } ul.social-icons a { color: #fff; text-decoration: none; } ul.social-icons a > span { font-size: 13px; color: #999; } ul.social-icons a > i.fa { line-height: 1!important; } ul.social-icons a h4, ul.social-icons a span { -webkit-transition: 0.2s all linear; -moz-transition: 0.2s all linear; -ms-transition: 0.2s all linear; -o-transition: 0.2s all linear; transition: 0.2s all linear; } ul.social-icons a > i.fa { border-radius: 50% !important; width: 100px; height: 100px; line-height: 100px !important; margin: 0 auto 0 auto; font-size: 60px; -webkit-transition: 0.16s all linear; -moz-transition: 0.16s all linear; -ms-transition: 0.16s all linear; -o-transition: 0.16s all linear; transition: 0.16s all linear; } ul.social-icons a:hover > i.fa { background: rgba(255, 255, 255, 0.1); font-size: 50px; line-height: 100px !important; } @media (max-width: 482px) { ul.social-icons li { padding: 15px 10px; } } /** Word Rotator **************************************************************** **/ .word-rotator { visibility: hidden; width: 100px; height: 0; margin-bottom: -11px; display: inline-block; overflow: hidden; text-align: left; position: relative; } h1 .word-rotator { bottom: -3px; height: 54px !important; } section.page-header h1 .word-rotator { bottom: 1px; height: 39px !important; } h2 .word-rotator { bottom: 0; height: 45px !important; } h3 .word-rotator { bottom: 2px; height: 36px !important; } h4 .word-rotator { bottom: 4px; height: 27px !important; } h5 .word-rotator { bottom: 6px; height: 21px !important; } a .word-rotator { bottom: 5px; height: 24px; } p.lead .word-rotator { height: 29px; bottom: 4px; } .word-rotator.active { visibility: visible; width: auto; } .word-rotator .items { position: relative; width: 100%; } .word-rotator .items span { display: block; margin-bottom: 0; } /* Rotator Plugin */ .rotating { display: inline-block; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(0) rotateY(0) rotateZ(0); -moz-transform: rotateX(0) rotateY(0) rotateZ(0); -ms-transform: rotateX(0) rotateY(0) rotateZ(0); -o-transform: rotateX(0) rotateY(0) rotateZ(0); transform: rotateX(0) rotateY(0) rotateZ(0); -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-transform-origin-x: 50%; } .rotating.flip { position: relative; } .rotating .front, .rotating .back { left: 0; top: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .rotating .front { position: absolute; display: inline-block; -webkit-transform: translate3d(0, 0, 1px); -moz-transform: translate3d(0, 0, 1px); -ms-transform: translate3d(0, 0, 1px); -o-transform: translate3d(0, 0, 1px); transform: translate3d(0, 0, 1px); } .rotating.flip .front { z-index: 1; } .rotating .back { display: block; opacity: 0; } .rotating.spin { -webkit-transform: rotate(360deg) scale(0); -moz-transform: rotate(360deg) scale(0); -ms-transform: rotate(360deg) scale(0); -o-transform: rotate(360deg) scale(0); transform: rotate(360deg) scale(0); } .rotating.flip .back { z-index: 2; display: block; opacity: 1; -webkit-transform: rotateY(180deg) translate3d(0, 0, 0); -moz-transform: rotateY(180deg) translate3d(0, 0, 0); -ms-transform: rotateY(180deg) translate3d(0, 0, 0); -o-transform: rotateY(180deg) translate3d(0, 0, 0); transform: rotateY(180deg) translate3d(0, 0, 0); } .rotating.flip.up .back { -webkit-transform: rotateX(180deg) translate3d(0, 0, 0); -moz-transform: rotateX(180deg) translate3d(0, 0, 0); -ms-transform: rotateX(180deg) translate3d(0, 0, 0); -o-transform: rotateX(180deg) translate3d(0, 0, 0); transform: rotateX(180deg) translate3d(0, 0, 0); } .rotating.flip.cube .front { -webkit-transform: translate3d(0, 0, 100px) scale(0.9, 0.9); -moz-transform: translate3d(0, 0, 100px) scale(0.85, 0.85); -ms-transform: translate3d(0, 0, 100px) scale(0.85, 0.85); -o-transform: translate3d(0, 0, 100px) scale(0.85, 0.85); transform: translate3d(0, 0, 100px) scale(0.85, 0.85); } .rotating.flip.cube .back { -webkit-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.9, 0.9); -moz-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85); -ms-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85); -o-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85); transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85); } .rotating.flip.cube.up .back { -webkit-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.9, 0.9); -moz-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85); -ms-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85); -o-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85); transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85); } /** Sliders **************************************************************** **/ section#slider { display: block; padding: 0; margin: 0; box-shadow: none; background-color: #151515; overflow: hidden !important; border-bottom: 0; z-index: 0; -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; transition: all 0s; } section#slider.mobile-fullheight { -webkit-transition: all .400s; -moz-transition: all .400s; -o-transition: all .400s; transition: all .400s; } section#slider.transparent { background-color: transparent; } section#slider.parallax-slider:before { background-color: rgba(0, 0, 0, 0.3); position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; } section#slider .slider-video { position: absolute; width: 100%; height: 100%; z-index: 0; top: 0; left: 0; } section#slider .slider-video video { position: absolute; top: 0; bottom: 0; left: 0; right: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; overflow: hidden; } section#slider canvas { width: auto !important; height: auto !important; } section#slider a:hover { color: #fff; } /* slider form */ section#slider form .btn { margin: 0; } section#slider input { color: #fff; background-color: rgba(0, 0, 0, 0.7); border-color: rgba(255, 255, 255, 0.3); } section#slider .input-group-addon:first-child { color: #ccc; background-color: rgba(0, 0, 0, 0.7); border-color: rgba(255, 255, 255, 0.3); } section#slider form.validate input.error { color: #333; } section#slider input:focus { border-color: rgba(255, 255, 255, 0.3); } section#slider .btn-default { background-color: rgba(0, 0, 0, 0.2); border-color: rgba(255, 255, 255, 0.5); } #slider h1, .slider h1, #slider h2, .slider h2, #slider h3, .slider h3, #slider h4, .slider h4, #slider h5, .slider h5, #slider h6, .slider h6 { color: #fff; } /* slider top links */ #slider .slider-links, .slider .slider-links { position: absolute; z-index: 100; color: #fff; } #slider .slider-links li, .slider .slider-links li { vertical-align: top; text-align: left; font-size: 22px; color: #ddd; font-style: italic; } #slider .slider-links li a, .slider .slider-links li a { color: #fff; font-size: 12px; font-style: normal; font-weight: bold; border-left: 1px solid rgba(255, 255, 255, 0.15); margin-left: 15px; overflow: hidden; padding: 6px 0; padding-left: 15px; text-transform: uppercase; max-width: 220px; display: inline-block; text-align: left; max-height: 62px; text-shadow: none; opacity: 1; filter: alpha(opacity=100); } #slider .slider-links li:hover a, .slider .slider-links li:hover a { opacity: 0.8; filter: alpha(opacity=80); } /* shadows - over image */ #slider .top-shadow, .slider .top-shadow { padding: 50px 30px; min-height: 150px; position: absolute; top: 0; left: 0; text-align: center; width: 100%; z-index: 80; background-image: -moz-linear-gradient(to top, rgba(51, 51, 51, 0) 0, rgba(51, 51, 51, 0.4) 50%, rgba(51, 51, 51, 0.6) 100%); background-image: -ms-linear-gradient(to top, rgba(51, 51, 51, 0) 0, rgba(51, 51, 51, 0.4) 50%, rgba(51, 51, 51, 0.6) 100%); background-image: -o-linear-gradient(to top, rgba(51, 51, 51, 0) 0, rgba(51, 51, 51, 0.4) 50%, rgba(51, 51, 51, 0.6) 100%); background-image: -webkit-linear-gradient(to top, rgba(51, 51, 51, 0) 0, rgba(51, 51, 51, 0.4) 50%, rgba(51, 51, 51, 0.6) 100%); background-image: -webkit-gradient(linear, center top, center top, from(rgba(51, 51, 51, 0)), to(rgba(51, 51, 51, 0.6))); background-image: linear-gradient(to top, rgba(51, 51, 51, 0) 0, rgba(51, 51, 51, 0.4) 50%, rgba(51, 51, 51, 0.6) 100%); } #slider .bottom-shadow, .slider .bottom-shadow { padding: 50px 30px; min-height: 150px; position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; z-index: 80; background-image: -moz-linear-gradient(to bottom, rgba(51, 51, 51, 0) 0, rgba(51, 51, 51, 0.4) 50%, rgba(51, 51, 51, 0.6) 100%); background-image: -ms-linear-gradient(to bottom, rgba(51, 51, 51, 0) 0, rgba(51, 51, 51, 0.4) 50%, rgba(51, 51, 51, 0.6) 100%); background-image: -o-linear-gradient(to bottom, rgba(51, 51, 51, 0) 0, rgba(51, 51, 51, 0.4) 50%, rgba(51, 51, 51, 0.6) 100%); background-image: -webkit-linear-gradient(to bottom, rgba(51, 51, 51, 0) 0, rgba(51, 51, 51, 0.4) 50%, rgba(51, 51, 51, 0.6) 100%); background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(51, 51, 51, 0)), to(rgba(51, 51, 51, 0.6))); background-image: linear-gradient(to bottom, rgba(51, 51, 51, 0) 0, rgba(51, 51, 51, 0.4) 50%, rgba(51, 51, 51, 0.6) 100%); } /** Next | Prev ************************* **/ .tparrows.round, .tp-leftarrow.round, .tp-rightarrow.round, .flex-prev, .flex-next, .camera_next, .camera_prev, .nivo-nextNav, .nivo-prevNav, .owl-prev, .owl-next, .swiper-button-next, .swiper-button-prev { background-image: none !important; border: 0; color: #ccc; font-size: 34px; line-height: 55px; height: auto !important; width: 56px !important; text-align: center; background-color: rgba(0, 0, 0, 0.2); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all .400s; -moz-transition: all .400s; -o-transition: all .400s; transition: all .400s; } .tp-rightarrow.round, .flex-next, .owl-next, .camera_next, .nivo-nextNav, .swiper-button-next { right: -3px; } .tp-leftarrow.round, .flex-prev, .owl-prev, .camera_prev, .nivo-prevNav, .swiper-button-prev { left: -3px; } .tp-leftarrow.round:hover, .tp-rightarrow.round:hover, .flex-next:hover, .owl-prev:hover, .owl-next:hover, .flex-prev:hover, .camera_next:hover, .camera_prev:hover, .nivo-nextNav:hover, .nivo-prevNav:hover, .swiper-button-next:hover, .swiper-button-prev:hover { color: #fff; background-color: rgba(0, 0, 0, 0.5); } /** Flex Slider **/ .flexslider[data-arrowNav="false"] ul.flex-direction-nav { display: none !important; } /** Swiper Slider ************************* **/ .swiper-container { width: 100%; height: 100%; position: relative; } .swiper-slide { color: #fff; font-size: 18px; background: #fff; position: relative; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background-size: cover; box-sizing: border-box; } .swiper-pagination-bullet { width: 20px !important; height: 5px !important; background: #fff !important; opacity: 0.5 !important; filter: alpha(opacity=50) !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .swiper-pagination-bullet:hover, .swiper-pagination-bullet-active { -webkit-transition: all .200s; -moz-transition: all .200s; -o-transition: all .200s; transition: all .200s; opacity: 1 !important; filter: alpha(opacity=100) !important; } .swiper-caption { color: #fff; position: absolute; opacity: .85; bottom: 0; left: 0; right: 0; height: 80px; line-height: 20px; padding: 30px 15px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.85) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.85))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.85) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.85) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.85) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0); } @media only screen and (max-width: 480px) { .swiper-caption { font-size: 15px; } } .swiper-container.has-fixed-footer .swiper-button-next, .swiper-container.has-fixed-footer .swiper-button-prev { margin-top: -80px; } /** Nivo Slider ************************* **/ .nivo-controlNav { display: none1; } .nivo-caption { left: 20px; bottom: 20px; display: inline-block; color: #fff; background-color: rgba(0, 0, 0, 0.7); font-family: 'Lato', Arial, Helvetica, sans-serif; font-weight: 300; padding: 6px 15px 8px 15px; opacity: 1; width: auto; max-width: 500px; font-size: 21px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .nivo-controlNav { text-align: center; padding: 20px 0; } .nivo-controlNav a { display: inline-block; width: 22px; height: 22px; background: url("../images/_smarty/plugins/slider.nivo/bullets.png") no-repeat; text-indent: -9999px; border: 0; margin: 0 2px; } .nivo-controlNav a.active { background-position: 0 -22px; } @media only screen and (max-width: 768px) { .nivo-caption { display: none; } } /** Camera Slider ************************* **/ .camera_wrap { overflow: hidden; } .camera_wrap .camera_pag .camera_pag_ul { padding: 0; position: absolute; right: 20px; bottom: -8px; list-style: none; } .camera_caption { font-family: 'Lato', Arial, Helvetica, sans-serif; font-size: 22px; font-weight: 300; } .camera_commands { display: none !important; } .camera_pie canvas { margin: 10px; } @media only screen and (max-width: 768px) { .camera_caption { display: none !important; } } /** Elastic Slider ************************* **/ .ei-title h2 { font-size: 40px; line-height: 50px; color: #fff; font-weight: 300; margin: 0; } .ei-title h3 { font-size: 60px; line-height: 60px; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-weight: 300; color: #fff; margin: 0; } .ei-slider-thumbs { margin: 0 auto; padding: 0; top: -30px; position: relative; z-index: 10; height: 4px; } .ei-slider-thumbs li:hover img { bottom: 4px; } .ei-container-thumbs { display: block; } .ei-slider-thumbs li { border-left: transparent 6px solid; } .ei-slider-thumbs li a { background-color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .ei-slider-thumbs li img { -webkit-box-reflect: none; -ms-filter: none; } @media only screen and (max-width: 768px) { .ei-title { display: none; } } /** Revolution Slider ************************* **/ .tp-caption { text-shadow: #000 1px 1px 1px; } .tp-caption.text_white, .tp-caption.text_black, .tp-caption.block_white, .tp-caption.block_theme_color, .tp-caption.block_black { white-space: nowrap; line-height: 34px; border-width: 0px; margin: 0px; padding: 1px 10px; letter-spacing: 0px; font-size: 22px; color: #fff; text-shadow: none; } .tp-caption.block_white { background-color: #fff; } .tp-caption.block_black { background-color: #000; } .tp-caption.text_white { color: #fff; } .tp-caption.text_black { color: #111; } .tp-bannertimer { background: rgba(0, 0, 0, 0.5) !important; height: 2px !important; } .tparrows.round:before { font-family: 'revicons'; } .tparrows { top: 50% !important; margin-top: -25px; } .tparrows.preview1 { margin-top: -50px !important; } .tparrows.preview4 { margin-top: -50px !important; } .tparrows.preview2 { line-height: 1; } .tparrows:hover { color: #fff; } .tp-leftarrow.round:before { content: '\e824'; } .tp-rightarrow.round:before { content: '\e825'; } .tparrows.tp-rightarrow:before { margin-left: 1px; } /* bullets */ .tp-bullets.simplebullets.round { bottom: 20px !important; } .tp-bullets.simplebullets.round .bullet { background: none; background-color: #fff; height: 5px; } .tp-bullets.simplebullets.round .bullet.selected { background-color: #000; } /* revslider 5+ */ .rev_slider_wrapper.arrows-bottom .tparrows { top: 100% !important; } .rev_slider_wrapper .tp-caption { text-shadow: none; } .rev_slider_wrapper .inner { bottom: inherit !important; right: auto !important; width: auto !important; height: auto !important; } .rev_slider_wrapper.bottom-noinherit .inner { bottom: 0 !important; } .tp-tabs, .tp-tab-mask, .tp-thumb-mask { z-index: 1001; } .tp-thumbs { width: auto; } .rev_slider_wrapper.bottom-noinherit .tp-tab-mask { transform: matrix(1, 0, 0, 1, 0, 100) !important; height: 100% !important; max-height: 100% !important; } .rev_slider_wrapper.tparrows-bottom .tparrows { top: auto !important; bottom: -80px !important; margin-top: 0 !important; } /* centerig fix */ .Dining-Social, .tp-caption.Dining-Social, .VideoControls-Play, .tp-caption.VideoControls-Play { text-align: center !important; } /* rs-55.html arrows fix */ .tparrows.gyges { top: 100% !important; } /* rs-57.html */ .rs-57 .bullet-bar.tp-bullets:before { content: " "; position: absolute; width: 100%; height: 100%; background: transparent; padding: 10px; margin-left: -10px; margin-top: -10px; box-sizing: content-box; } .rs-57 .bullet-bar .tp-bullet { width: 60px; height: 3px; position: absolute; background: #aaa; background: rgba(204, 204, 204, 0.5); cursor: pointer; box-sizing: content-box; } .rs-57 .bullet-bar .tp-bullet:hover, .rs-57 .bullet-bar .tp-bullet.selected { background: #cccccc; } /** Layer Slider ************************* **/ .ls-borderlessdark .ls-thumbnail-inner, div.ls-thumbnail-slide-container { background-color: rgba(0, 0, 0, 0.1) !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .ls-thumbnail-slide img { width: 100%; } .ls-container .ls-thumbnail-wrapper { margin-bottom: 100px; } /** Slider Featured Text ************************ **/ #slider div.slider-featured-text { padding: 30px; } #slider div.slider-featured-text h1 { text-shadow: rgba(33, 33, 33, 0.5) 1px 1px 3px; font-size: 90px; line-height: 90px; margin: 0; font-family: Arial, Helvetica, sans-serif; } #slider div.slider-featured-text h2 { text-shadow: #333 1px 1px 3px; font-size: 30px; line-height: 30px; } #slider div.slider-featured-text h1 em, #slider div.slider-featured-text h2 em { font-style: normal; } #slider div.slider-featured-text .btn { color: #333 !important; background-color: #fff !important; border: 0 !important; } #slider div.slider-featured-text .btn:hover, #slider div.slider-featured-text .btn:active { opacity: 0.9; } @media only screen and (max-width: 768px) { #slider div.slider-featured-text { text-align: center !important; width: 100%; } #slider div.slider-featured-text h1 { font-size: 30px; line-height: 35px; text-align: center; } #slider div.slider-featured-text h2 { font-size: 27px; line-height: 27px; text-align: center; } } /** **/ #slider img.img-responsive { display: inline-block; } #slider h1, #slider h2, #slider h3, #slider h4, #slider h5, #slider h6, #slider p { color: #fff; text-shadow: rgba(0, 0, 0, 0.16) 1px 1px 1px; } #slider h1 { font-size: 60px; line-height: 60px; } #slider h2 { font-size: 40px; line-height: 40px; } #slider h3 { font-size: 30px; line-height: 30px; } #slider .btn { margin-top: 30px; } #slider .btn-default, .slider .btn-default { color: #fff; background-color: transparent; border-color: #fff; border-width: 2px; } #slider .btn-default:hover, .slider .btn-default:hover { background-color: rgba(255, 255, 255, 0.1); } #slider .btn, .slider .btn { color: #fff !important; } @media only screen and (max-width: 768px) { #slider h1 { font-size: 30px; line-height: 35px; text-align: center; } #slider h2 { font-size: 27px; line-height: 27px; text-align: center; } #slider h3 { font-size: 20px; line-height: 20px; text-align: center; } } /** Standard Forms Messages USAGE:

Message sent! Thank You!

**************************************************************** **/ #alert_newsletter, #alert_mandatory, #alert_success, #alert_failed { display: none; } /** Portfolio **************************************************************** **/ /* do not move from here - we rewrite this below */ .item-box-desc h2, .item-box-desc h3, .item-box-desc h4, .item-box-desc h5 { font-size: 18px; line-height: 21px; margin: 0; padding: 0; } .item-box .owl-carousel { margin-top: 0px !important; } #portfolio { overflow: hidden; } #portfolio h2, #portfolio h3 { font-size: 18px; line-height: 20px; margin: 0; color: #111; } #portfolio .portfolio-item h2, #portfolio .portfolio-item h3 { text-overflow: ellipsis; white-space: nowrap; } #portfolio div.col-md-3 h2, #portfolio div.col-md-3 h3 { font-size: 18px; line-height: 18px; } #portfolio div.col-md-5th h2, #portfolio div.col-md-5th h3 { font-size: 15px; line-height: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #portfolio div.col-md-2 h2, #portfolio div.col-md-2 h3 { font-size: 13px; line-height: 13px; } #portfolio div.col-md-2 .item-box-desc, #portfolio div.col-md-2 .item-box-desc { padding: 20px 6px 0 15px !important; } section.dark #portfolio h2, section.dark #portfolio h3 { color: #fff; } #portfolio.portfolio-title-over div.col-md-2 .item-box .item-hover .inner { margin-top: -20px !important; } #portfolio div.col-md-2 ul.categories > li > a, #portfolio div.col-md-5th ul.categories > li > a { font-size: 11px; line-height: 11px; } /* dark section */ section.dark#portfolio h2, section.dark #portfolio h2, section.dark#portfolio h3, section.dark #portfolio h3 { color: #fff !important; } #portfolio .mix-grid > .row.mix { border-bottom: rgba(0, 0, 0, 0.1) 1px solid; margin-bottom: 60px; padding-bottom: 60px; } #portfolio .mix-grid > .row.mix:last-child { border-bottom: 0; } #portfolio .mix-grid > .row > div:last-child { margin-bottom: 0 !important; } #portfolio .item-box-desc h2, #portfolio .item-box-desc h3 { font-size: 18px; line-height: 20px; } #portfolio .item-box-overlay-title { display: block; position: absolute; left: 0; right: 0; bottom: 0; padding: 8px; background-color: rgba(0, 0, 0, 0.6); color: #fff; z-index: 100; } #portfolio .item-box-overlay-title h2, #portfolio .item-box-overlay-title h3, #portfolio .item-box-overlay-title h4, #portfolio .item-box-overlay-title a { color: #fff; } #portfolio .item-box-overlay-title a:hover { color: #fff !important; } #portfolio .controlls-over .owl-pagination { bottom: auto; top: 10px; right: 10px; left: auto; width: auto; } @media only screen and (max-width: 992px) { #portfolio div.col-md-5 > h2, #portfolio div.col-md-5 > h3 { margin-top: 30px; } } @media only screen and (max-width: 480px) { #portfolio.portfolio-title-over .item-box .item-hover .inner { margin-top: -40px !important; } } /** Gutter ****************** **/ #portfolio.portfolio-gutter .item-box { margin-bottom: 30px; } #portfolio.portfolio-nogutter .row > div, #portfolio.portfolio-nogutter .item-box { padding: 0 !important; margin: 0 !important; } #portfolio.portfolio-gutter .item-box .item-box-desc { margin-bottom: 0 !important; padding-bottom: 0 !important; } /** Isotope Portfolio ****************** **/ #portfolio.portfolio-isotope { display: block; margin: auto; width: 100%; } #portfolio.portfolio-isotope .item-box-desc { margin-bottom: 0; } #portfolio.portfolio-isotope-3 .portfolio-item.has-title .inner, #portfolio.portfolio-isotope-4 .portfolio-item.has-title .inner, #portfolio.portfolio-isotope-5 .portfolio-item.has-title .inner { margin-top: -36px !important; } #portfolio.portfolio-isotope-6 .portfolio-item.has-title .inner { margin-top: -26px !important; } /* 2 columns */ #portfolio.portfolio-isotope-2 .portfolio-item { margin: 0 20px 20px 0; float: left; } #portfolio.portfolio-isotope-2 .item-box-desc { padding: 20px; } /* 3 columns */ #portfolio.portfolio-isotope-3 .portfolio-item { margin: 0 15px 15px 0; } #portfolio.portfolio-isotope-3 .item-box-desc { padding: 20px; } /* 4 columns */ #portfolio.portfolio-isotope-4 .portfolio-item { margin: 0 12px 12px 0; } #portfolio.portfolio-isotope-4 .portfolio-item h3, #portfolio.portfolio-isotope-4 .portfolio-item h4 { font-size: 17px; line-height: 17px; } #portfolio.portfolio-isotope-4 .item-box-desc { padding: 20px 10px 20px 10px; } /* 5 columns */ #portfolio.portfolio-isotope-5 .portfolio-item { margin: 0 10px 10px 0; } #portfolio.portfolio-isotope-5 .portfolio-item h3, #portfolio.portfolio-isotope-5 .portfolio-item h4 { font-size: 16px; line-height: 16px; } #portfolio.portfolio-isotope-5 .item-box-desc { padding: 20px 10px 20px 10px; } /* 6 columns */ #portfolio.portfolio-isotope-6 .portfolio-item { margin: 0 6px 6px 0; } #portfolio.portfolio-isotope-6 .portfolio-item h3, #portfolio.portfolio-isotope-6 .portfolio-item h4 { font-size: 15px; line-height: 15px; } #portfolio.portfolio-isotope-6 .item-box-desc { padding: 20px 10px 20px 10px; } #portfolio.portfolio-isotope.portfolio-nogutter .portfolio-item { margin: 0; } /** Ajax Portfolio ****************** **/ #portfolio_ajax_container { position: relative; } #portfolio_ajax_container .overlay > span { position: absolute; top: 50%; left: 50%; width: 68px; height: 68px; line-height: 76px; text-align: center; margin: -34px 0 0 -34px; background-color: rgba(0, 0, 0, 0.8); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #portfolio_ajax_container .overlay > span > i { color: #fff; font-size: 30px; } div.portfolio-ajax-page { margin-bottom: 80px; padding: 10px 0; } div.portfolio-ajax-page header { position: relative; } div.portfolio-ajax-page header > ul { margin: 0; position: absolute; right: 0; top: 50%; margin-top: -10px; } div.portfolio-ajax-page header > ul a { font-size: 18px; } div.portfolio-ajax-page header > ul a.portfolio-ajax-close { margin-left: 20px; } div.portfolio-ajax-page header a { color: #888; text-decoration: none; } div.portfolio-ajax-page header a:hover { color: #000; } div.portfolio-ajax-page header h2, div.portfolio-ajax-page header h3 { margin: 0; } section.dark .portfolio-ajax-page header a:hover { color: #fff; } @media only screen and (max-width: 768px) { div.portfolio-ajax-page header { text-align: center; } div.portfolio-ajax-page header > ul { position: relative; margin-top: 30px; } div.portfolio-ajax-page header h2, div.portfolio-ajax-page header h3 { font-size: 24px; line-height: 24px; } } /** Portfolio Single ****************** **/ ul.portfolio-detail-list span { display: inline-block; font-weight: bold; width: 150px; } ul.portfolio-detail-list span > i { position: relative; top: 1px; width: 14px; text-align: center; margin-right: 7px; } /** Item Box **************************************************************** **/ .item-box { overflow: hidden; margin: 0; position: relative; box-shadow: rgba(0, 0, 0, 0.1) 0 0 5px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mix-grid .item-box, #portfolio .item-box { box-shadow: none; } .item-box.fullwidth { max-width: 100%; } section.alternate .item-box { background-color: rgba(0, 0, 0, 0.05); } .item-box figure { width: 100%; display: block; margin-bottom: 0; overflow: hidden; position: relative; text-align: center; } .item-box.fixed-box figure img { width: 100%; height: auto; } .item-box-desc { padding: 30px 20px 20px 20px; overflow: hidden; margin-bottom: 10px; text-align: left !important; } .item-box-desc p { margin-top: 20px; display: block; overflow: hidden; text-overflow: ellipsis; /*white-space: nowrap;*/ } .item-box.fixed-box .item-box-desc p { height: 98px; } .item-box-desc h2, .item-box-desc h3, .item-box-desc h4, .item-box-desc h5 { padding: 0; margin: 0; } .item-box .item-box-desc small { display: block; } .item-box.fixed-box .item-box-desc { height: 256px; } .item-box.fixed-box figure { max-height: 263px; } .item-box .socials { border-top: #eee 1px solid; text-align: center; display: block; } /* hover */ .item-box .item-hover { opacity: 0; filter: alpha(opacity=0); position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-align: center; color: #fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .item-box .item-hover, .item-box .item-hover button, .item-box .item-hover a { color: #fff; } .item-box .item-hover .inner { position: absolute; display: block; left: 0; right: 0; top: 50%; margin-top: -10px; margin-bottom: 0; width: 100%; z-index: 100; line-height: 23px; } .item-box:hover .item-hover { opacity: 1; filter: alpha(opacity=100); } .item-box .item-hover .inner .ico-rounded > span { color: #666; background-color: #fff; width: 50px; height: 50px; line-height: 50px !important; margin: -20px 5px 0 5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-border-bottom-right-radius: 20px; -webkit-border-top-left-radius: 20px; -moz-border-radius-bottomright: 20px; -moz-border-radius-topleft: 20px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #333; background-color: rgba(0, 0, 0, 0.07); } /** Mixitup **************************************************************** **/ .mix-grid .mix { opacity: 0; display: none; } .mix.nogutter, .mix.nogutter > .item-box { padding: 0 !important; margin: 0 !important; line-height: 0; } /** Blog **************************************************************** **/ .blog-post-item { display: block; margin-bottom: 80px; padding-bottom: 60px; border-bottom: #eee 1px solid; position: relative; } section.dark .blog-post-item { border-bottom: #444 1px solid; } h1.blog-post-title, .blog-post-item h2 { letter-spacing: 0; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 22px; margin-bottom: 10px; } ul.blog-post-info { display: block; border-bottom: #eaeaea 1px dotted; padding-bottom: 20px; } section.dark ul.blog-post-info { border-bottom-color: #444; } ul.blog-post-info li { margin-right: 20px; } ul.blog-post-info li > a { color: #888; } ul.blog-post-info li i { color: #888; margin-right: 5px; } ul.blog-post-info li a:after { content: ' , '; } ul.blog-post-info li a:last-child:after { content: ''; } /* blog misc */ .blog-post-item .flexslider { margin-bottom: 20px; } h1.blog-post-title { font-size: 24px; margin-bottom: 0; } /** Blog Small Image ****************** **/ .blog-post-item .blog-item-small-image { width: 300px; float: left; } .blog-post-item .blog-item-small-image + .blog-item-small-content { padding-left: 330px; } .blog-post-item.blog-post-item-inverse .blog-item-small-image { width: 300px; float: right; } .blog-post-item.blog-post-item-inverse .blog-item-small-image + .blog-item-small-content { padding-left: 0; padding-right: 330px; } .blog-both-sidebar .blog-post-item .blog-item-small-image { width: 200px; } .blog-both-sidebar .blog-post-item .blog-item-small-image + .blog-item-small-content { padding-left: 230px; } .blog-both-sidebar .blog-post-item.blog-post-item-inverse .blog-item-small-image { width: 200px; float: right; } .blog-both-sidebar .blog-post-item.blog-post-item-inverse .blog-item-small-image + .blog-item-small-content { padding-left: 0; padding-right: 230px; } @media only screen and (max-width: 768px) { .blog-post-item .blog-item-small-image, .blog-post-item.blog-post-item-inverse .blog-item-small-image, .blog-both-sidebar .blog-post-item .blog-item-small-image, .blog-both-sidebar .blog-post-item .blog-item-small-image + .blog-item-small-content { width: 100%; display: block; float: none; } .blog-post-item .blog-item-small-image + .blog-item-small-content, .blog-post-item.blog-post-item-inverse .blog-item-small-image + .blog-item-small-content, .blog-both-sidebar .blog-post-item.blog-post-item-inverse .blog-item-small-image, .blog-both-sidebar .blog-post-item.blog-post-item-inverse .blog-item-small-image + .blog-item-small-content { padding: 0; } } /** Isotope Blog ****************** **/ #blog.blog-isotope { display: block; margin: auto; width: 100%; } #blog.blog-isotope-3 .blog-post-item .flexslider, #blog.blog-isotope-4 .blog-post-item .flexslider, #blog.blog-isotope-5 .blog-post-item .flexslider, #blog.blog-isotope-6 .blog-post-item .flexslider { margin-bottom: 20px; } /* 2 columns */ #blog.blog-isotope-2 .blog-post-item { margin: 0 20px 20px 0; float: left; border: 0; } #blog.blog-isotope-2.blog-post-item h2 { font-size: 17px; line-height: 17px; } /* 3 columns */ #blog.blog-isotope-3 .blog-post-item { margin: 0 15px 15px 0; border: 0; } #blog.blog-isotope-3 .blog-post-item h2 { font-size: 17px; line-height: 17px; } /* 4 columns */ #blog.blog-isotope-4 .blog-post-item { margin: 0; padding: 0 15px 60px 15px; border: 0; } #blog.blog-isotope-4 .blog-post-item h2 { font-size: 17px; line-height: 17px; } /* 5 columns */ #blog.blog-isotope-5 .blog-post-item { margin: 0 10px 10px 0; border: 0; } #blog.blog-isotope-5 .blog-post-item h2 { font-size: 16px; line-height: 16px; } /* 6 columns */ #blog.blog-isotope-6 .blog-post-item { margin: 0 6px 6px 0; border: 0; } #blog.blog-isotope-6 .blog-post-item h2 { font-size: 15px; line-height: 15px; } /** Blog Single ****************** **/ .blog-single-small-media { width: 350px; float: left; margin-right: 30px; margin-bottom: 20px; } .blog-single-small-media.inverse { float: right; margin-right: 0; margin-left: 30px; } /** Comments **************************************************************** **/ .comments { margin-top: 60px; } .comments .comment-item { margin: 40px 0; } .comments a.comment-reply { float: right; font-size: 11px; text-transform: uppercase; } .comments span.user-avatar { background: #eee; width: 64px; height: 64px; float: left; margin-right: 10px; } section.dark .comments span.user-avatar { background: transparent; } .comments small { font-size: 12px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; color: #aaa; } .comments h4 { font-size: 15px; } section.dark .comments small { color: #666; } /* BORDERED COMMENTS */ .comment-list p, .comment-list .row { margin-bottom: 0px; } .comment-list .panel .panel-heading { padding: 4px 15px; position: absolute; border: none; border-top-right-radius: 0px; top: 1px; } .comment-list .panel .panel-heading.right { border-right-width: 0px; border-top-left-radius: 0px; right: 16px; } .comment-list .panel .panel-heading .panel-body { padding-top: 6px; } .comment-list figcaption { /*For wrapping text in thumbnail*/ word-wrap: break-word; } /* Portrait tablets and medium desktops */ @media (min-width: 768px) { .comment-list .arrow:after, .comment-list .arrow:before { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; } .comment-list .panel.arrow.left:after, .comment-list .panel.arrow.left:before { border-left: 0; } /*****Left Arrow*****/ .comment-list .panel.arrow.left:before { left: 0px; top: 30px; border-right-color: inherit; border-width: 16px; } /*Background color effect*/ .comment-list .panel.arrow.left:after { left: 1px; top: 31px; border-right-color: #FFFFFF; border-width: 15px; } /*****Right Arrow*****/ .comment-list .panel.arrow.right:before { right: -16px; top: 30px; border-left-color: inherit; border-width: 16px; } /*Background color effect*/ .comment-list .panel.arrow.right:after { right: -14px; top: 31px; border-left-color: #FFFFFF; border-width: 15px; } section.dark .comment-list .thumbnail { border-color: #666; background-color: #666; } section.dark .comment-list .panel.arrow.left:after { border-right-color: #212121; } section.dark .comment-list .panel.arrow.right:after { border-left-color: #212121; } } .comment-list .comment-post { margin-top: 6px; } /* article default comments usage example: page-profile-comments.html */ ul.comment { margin-bottom: 30px; } li.comment { position: relative; margin-bottom: 25px; font-size: 13px; } li.comment p { margin: 0; padding: 0; } li.comment img.avatar { position: absolute; left: 0; top: 0; display: inline-block; } li.comment.comment-reply img.avatar { left: 6px; top: 6px; } li.comment .comment-body { position: relative; padding-left: 60px; } li.comment.comment-reply { margin-left: 60px; background-color: rgba(0, 0, 0, 0.04); padding: 6px; margin-bottom: 6px; } li.comment a.comment-author { margin-bottom: 6px; display: block; } li.comment a.comment-author span { font-size: 15px; } /** Timeline **************************************************************** **/ .timeline { position: relative; padding-left: 100px; } .timeline.timeline-inverse { padding-left: 0; padding-right: 100px; } .timeline .timeline-item { position: relative; min-height: 150px; display: block; margin-bottom: 30px; } .timeline .timeline-item-bordered { border-left: #ccc 1px dashed; padding-left: 20px; } section.dark .timeline .timeline-item-bordered { border-left: rgba(255, 255, 255, 0.2) 1px dashed; } .timeline.timeline-inverse .timeline-item-bordered { border-right: #ccc 1px dashed; border-left: 0; padding-right: 20px; padding-left: 0; } /* horizontal line [left|center|right] */ .timeline > .timeline-hline { position: absolute; top: 0; left: 0; bottom: 0; margin-left: 30px; width: 1px; border-left: rgba(0, 0, 0, 0.1) 1px dashed; height: 100%; } section.dark .timeline > .timeline-hline { border-left-color: rgba(255, 255, 255, 0.2); } .timeline.timeline-inverse > .timeline-hline { left: auto; right: 0; margin-left: 0; margin-right: 30px; border-left: 0; border-right: rgba(0, 0, 0, 0.1) 1px dashed; } section.dark .timeline.timeline-inverse > .timeline-hline { border-right-color: rgba(255, 255, 255, 0.2); } /* timeline entry */ .timeline .timeline-entry { display: block; border: rgba(0, 0, 0, 0.1) 3px solid; background-color: #fff; padding-top: 10px; top: 20px; z-index: 10; position: absolute; left: -102px; right: auto; width: 64px; height: 64px; font-size: 26px; text-align: center; line-height: 1; color: #ccc; font-weight: bold; font-family: 'Lato', 'Open Sans', Arial, Helvetica, sans-serif; } .timeline .timeline-entry > .timeline-vline { position: absolute; top: 50%; margin-top: -1px; right: -40px; width: 40px; height: 0; border-top: 1px dashed #CCC; } .timeline.timeline-inverse .timeline-entry { right: -102px; left: auto; } .timeline.timeline-inverse .timeline-entry > .timeline-vline { right: auto; left: -40px; } .timeline .timeline-entry > span { display: block; font-size: 13px; text-transform: uppercase; font-weight: 300; font-family: 'Open Sans', Arial, Helvetica, sans-serif; } section.alternate .timeline .timeline-entry { background-color: #F9F9F9; } section.dark .timeline .timeline-entry { color: #666; background-color: #212121; border-color: rgba(255, 255, 255, 0.2); } section.dark .timeline .timeline-entry > .timeline-vline { border-top-color: rgba(255, 255, 255, 0.2); } section.dark.alternate .timeline .timeline-entry { background-color: #151515; } /* timeline center */ .timeline_center { margin: 0; position: relative; background: url("../images/_smarty/timeline/timeline_top.png") no-repeat top center; padding-top: 9px; } .timeline_center:after { content: ""; width: 0px; height: 0px; border-width: 3px; border-style: solid; position: absolute; left: 50%; bottom: -10px; margin-left: -3px; display: block; z-index: 1; -webkit-border-radius: 100%; border-radius: 100%; } .timeline_center li { padding: 0 0 25px 55%; position: relative; background: url("../images/_smarty/timeline/timeline_right.png") no-repeat top center; } .timeline_center li:nth-child(even) { padding: 0 55% 25px 0; background: url("../images/_smarty/timeline/timeline_left.png") no-repeat top center; text-align: right; } .timeline_center li h3 { font-size: 30px; line-height: 35px; } .timeline_center li h3 span { position: absolute; right: 55%; top: 0px; font-size: 13px; } .timeline_center li h3:before { content: ""; width: 15px; height: 15px; border-width: 4px; border-style: solid; position: absolute; left: 50%; top: 11px; margin-left: -7px; display: block; z-index: 1; -webkit-border-radius: 100%; border-radius: 100%; } .timeline_center li:nth-child(even) h3 { text-align: right; } .timeline_center li:nth-child(even) h3 span { left: 55%; right: auto; } .timeline_center li .timeline-desc { position: relative; font-size: 15px; line-height: 31px; } .timeline_center li .timeline-desc:before { content: ""; width: 100%; height: 100%; position: absolute; left: -122%; top: 0; } .timeline_center li .timeline-desc.timeline-desc-line { background: url("../images/_smarty/timeline/textline.png") repeat-y; } .timeline_center li:nth-child(even) .timeline-desc:before { left: auto; right: -122%; } .timeline_center li:nth-child(even) .timeline-desc { text-align: right; } .timeline_center li h3:before, .timeline_center:after { border-color: #333; } @media only screen and (max-width: 650px) { .timeline_center { background-position: 11px top; } .timeline_center li { padding: 0 0 25px 70px !important; background: url("../images/_smarty/timeline/timeline_right.png") no-repeat !important; background-position: -30px top !important; width: auto; } .timeline_center li h3 span { position: relative; display: block; right: auto; left: auto; padding: 5px 0 !important; margin: 0; } .timeline_center li:nth-child(even) h3 span { position: relative; display: block; right: auto; left: auto; padding: 0; margin: 0; } .timeline_center li h3 { font-size: 24px; line-height: 24px; } .timeline_center li h3, .timeline_center li:nth-child(even) h3 { text-align: left; } .timeline_center li h3:before { left: 13px; } .timeline_center li .timeline-desc, .timeline_center li:nth-child(even) .timeline-desc { text-align: left; } .timeline_center li .timeline-desc:before { display: none; } .timeline_center:after { left: 13px; } } /** Contact **************************************************************** **/ .contact-over-map { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; height: 100%; } .contact-over-box { position: relative; z-index: 5; background-color: #fff; width: 100%; max-width: 380px; min-height: 300px; padding: 20px; box-shadow: #888 0 0 16px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } section.dark .contact-over-box { background-color: #212121; } /** Error 404 **************************************************************** **/ .error-404 { content: '404'; font-size: 200px; line-height: 200px; font-weight: bold; color: #ddd; text-align: center; left: 0; right: 0; top: 0; bottom: 0; } section.dark .error-404 { color: #666; } .inline-search-404 { margin-top: 60px; } @media only screen and (max-width: 482px) { .inline-search-404 { margin-top: 20px; } footer.footer-err-404 { display: none; } .err-404-row > div { margin-bottom: 15px !important; } } /** Maintenance **************************************************************** **/ .maintenance { padding: 20px; margin-top: 10%; background-color: rgba(0, 0, 0, 0.05); font-family: 'Open Sans'; font-size: 14px; line-height: 23px; text-align: center; font-weight: 300; } .maintenance h1 { font-size: 50px; line-height: 50px; font-weight: 300; margin-bottom: 6px; } @media only screen and (max-width: 480px) { .maintenance h1 { font-size: 40px; line-height: 40px; } } /** Login & Register **************************************************************** **/ ul.login-features > li { content: ' '; clear: both; padding: 8px 0; font-size: 16px; font-weight: 300; line-height: 30px; } ul.login-features > li > i { font-size: 30px; float: left; padding-right: 20px; } .login-forgot-password { display: inline-block; margin-top: 8px; } .modal-short { max-height: 400px; overflow: auto; } @media only screen and (max-width: 992px) { form div.col-xs-6 > button { margin: 0 !important; } } /** Search Page **************************************************************** **/ div.search-result { padding: 20px 0; border-bottom: #eee 1px solid; } div.search-result p { margin: 0; padding: 0; } div.search-result img { float: left; margin-right: 10px; margin-top: 6px; } .search-title-aside { margin-top: 20px; font-size: 17px; line-height: 20px; color: #888; font-weight: 400; } ul.search-history { border-bottom: #eee 1px solid; margin-bottom: 0; padding-bottom: 6px; } /** Block Review example usage: page-forum-post.html **************************************************************** **/ .block-review-content div.block-review-body { position: relative; padding: 20px 0 20px 150px; } .block-review-content div.block-review-avatar { width: 130px; float: left; margin-left: -140px; } @media only screen and (max-width: 482px) { .block-review-content div.block-review-body { padding: 20px 0 20px 100px; } .block-review-content div.block-review-avatar { width: 80px; margin-left: -90px; } .block-review-content div.block-review-avatar img { width: 70px; } } /** Footer **************************************************************** **/ #footer { color: #000; font-size: 16px; background: #fff; /*background: -moz-linear-gradient(top, #555555 0%, #313131 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1a1d2b), color-stop(100%, #313131)); background: -webkit-linear-gradient(top, #555555 0%, #313131 100%); background: -o-linear-gradient(top, #555555 0%, #313131 100%); background: -ms-linear-gradient(top, #555555 0%, #313131 100%); background: linear-gradient(to bottom, #555555 0%,#313131 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#313131',GradientType=0 );*/ } #footer > .container { padding-top: 60px; margin-bottom: 60px; } #footer > .copyright { background-color: #dff0d8; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); padding: 25px 0; font-size: 13px; display: block; } #footer > .copyright.has-social { padding: 8px; } #footer > .copyright.has-social .social-icon { margin-top: 8px; margin-bottom: 0; line-height: 0; } #footer > .copyright .copyright-text { margin-top: 14px; } #footer canvas { width: auto !important; height: auto !important; } /* Footer Logo */ #footer img.footer-logo { margin-bottom: 20px; display: block; } #footer .footer-logo.footer-2 { float: left; margin: 0 20px 10px 0; border-right: rgba(255, 255, 255, 0.1) 1px solid; padding-right: 20px; } /* Footer Typography */ #footer h2 { font-size: 26px; text-shadow: rgba(0, 0, 0, 0.3) 3px 3px 5px; } #footer h3 { font-size: 18px; margin-bottom: 25px; } #footer h4 { font-size: 15px; margin-bottom: 25px; } #footer a { color: #000; text-decoration: underline; } #footer a:hover { color: #000; text-decoration: none; } #footer a > i.fa { padding-left: 6px; } #footer p { margin-top: 0; } #footer ul { margin-bottom: 0; } #footer hr { border: 0; margin: 20px 0; border-bottom: rgba(255, 255, 255, 0.1) 1px solid; border-top: rgba(0, 0, 0, 0.4) 1px solid; } #footer address { margin-bottom: 0; } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { color: #000; font-weight: 600; } /* footer form */ #footer form input, #footer form textarea { color: #999; background-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.25); margin-bottom: 6px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } #footer form input[type="submit"]:hover, #footer form input:focus, #footer form textarea:focus { background-color: rgba(0, 0, 0, 0.3); } #footer form .input-group-addon { color: #999; background-color: rgba(0, 0, 0, 0.4); border-color: rgba(0, 0, 0, 0.25); } #footer form .input-group input, #footer form .input-group textarea { margin-bottom: 0; } @media only screen and (max-width: 480px) { #footer h4 { margin-top: 60px; display: block; } #footer .mobile-block { margin-bottom: 25px !important; } #footer.footer-fixed .mobile-block { margin-bottom: 0 !important; } #footer .copyright { text-align: center; } } /* footer list links */ #footer ul.footer-links > li { padding-bottom: 10px; font-weight: 300; } #footer ul.footer-links > li > a { color: rgba(0, 0, 0, 0.8); } #footer ul.footer-links > li > a:hover { color: #000000; } #footer ul.footer-links > li > a:before { content: "\f105"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; padding-right: 10px; } /* footer news list */ #footer ul.footer-list li { padding: 10px 0; border-bottom: rgba(0, 0, 0, 0.2) 1px solid; } #footer ul.footer-list li small { display: block; font-family: 'Open Sans', Arial, Helvetica, sans-serif; color: #ddd; } #footer.footer-light ul.footer-list li small { color: #999; } #footer ul.footer-list.half-paddings li { padding: 6px 0; } #footer ul.footer-list.half-paddings.noborder li { border: 0; } /* footer posts */ #footer ul.footer-posts > li { padding: 15px 0; border-bottom: rgba(255, 255, 255, 0.07) 1px solid; } #footer ul.footer-posts > li:first-child { padding-top: 0; } #footer ul.footer-posts > li:last-child { border-bottom: 0; } #footer ul.footer-posts > li > small { display: block; } /* footer contact text */ #footer address { background: url('../images/_smarty/world-map.png') no-repeat center; } #footer address .footer-sprite { margin-bottom: 20px; padding-left: 30px; background: url('../images/_smarty/footer_sprite.png') no-repeat 0 0; } #footer address .footer-sprite:last-child { margin-bottom: 0; } #footer p { line-height: 18px; } #footer p.contact-desc { margin: 0 0 30px 0; padding: 0 0 10px 0; border-bottom: #403E44 1px dashed; } #footer address .footer-sprite.address { background-position: 0 0; } #footer address .footer-sprite.phone { background-position: 0 -138px; line-height: 30px; } #footer address .footer-sprite.email { background-position: 0 -247px; } /* footer links - breadcrumbs like */ #footer ul.inline-links > li + li:before { padding: 0 5px 0 0; content: "/\00a0"; color: rgba(255, 255, 255, 0.3); } /* footer images gallery */ #footer .footer-gallery > a { display: inline-block; margin-bottom: 3px; margin-right: 3px; float: left; } #footer .footer-gallery > a:hover { opacity: 0.8; } @media only screen and (max-width: 768px) { #footer .footer-gallery { text-align: center; } #footer .footer-gallery > a, #footer .footer-gallery > img { float: none; margin-right: 0; } #footer .row > div { margin-bottom: 60px; } } /* sticky footer */ footer.sticky { width: 100%; } @media only screen and (max-width: 768px) { footer.sticky { top: auto !important; position: relative !important; } } #footer .btn, #footer .form-control { height: 36px; } #footer .btn-sm, #footer .btn-xs, #footer .btn-lg, #footer .btn-xlg { height: auto; } #footer .copyright ul.list-social-icons { height: 30px; } #footer .copyright ul.list-social-icons a.social-icon { margin: 0; } /* footer social icons */ #footer a.social-icon { color: #999 !important; } /** Footer Light ** ************************ **/ #footer.footer-light { color: #666; background-color: #fbfbfb; background-image: none; } #footer.footer-light form input, #footer.footer-light form textarea, #footer.footer-light form .input-group-addon { color: #eaeaea; } #footer.footer-light .copyright { background-color: rgba(0, 0, 0, 0.04); } #footer.footer-light .copyright, #footer.footer-light .copyright a { color: #414141; } #footer.footer-light h1, #footer.footer-light h2, #footer.footer-light h3, #footer.footer-light h4, #footer.footer-light h5, #footer.footer-light h6 { color: #414141; } #footer.footer-light p, #footer.footer-light a, #footer.footer-light ul.footer-links > li > a { color: #666; } #footer.footer-light a:hover, #footer.footer-light ul.footer-links > li > a:hover { color: #000; } #footer.footer-light ul.footer-posts > li { border-bottom-color: rgba(0, 0, 0, 0.07); } #footer.footer-light form textarea::-webkit-input-placeholder, #footer.footer-light form input::-webkit-input-placeholder { color: #eaeaea; /* WebKit browsers */ } #footer.footer-light form textarea:-moz-placeholder, #footer.footer-light form input:-moz-placeholder { color: #eaeaea; /* Mozilla Firefox 4 to 18 */ } #footer.footer-light form textarea::-moz-placeholder, #footer.footer-light form input::-moz-placeholder { color: #eaeaea; /* Mozilla Firefox 19+ */ } #footer.footer-light form textarea:-ms-input-placeholder, #footer.footer-light form input:-ms-input-placeholder { color: #eaeaea; /* Internet Explorer 10+ */ } /* footer social icons */ #footer.footer-light a.social-icon { color: #666 !important; } /** Fixed Footer ** ************************ **/ #footer.footer-fixed { position: fixed; left: 0; right: 0; bottom: 0; width: 100%; z-index: 30; padding: 10px 0; filter: alpha(opacity=95); opacity: 0.95; } #footer.footer-fixed .social-icon { margin-top: 0; margin-bottom: 0; } #footer.footer-fixed .footer-links > span, #footer.footer-fixed .footer-links > a { line-height: 30px; font-size: 13px; padding: 6px 10px; border-right: rgba(255, 255, 255, 0.1) 1px solid; } #footer.footer-fixed.footer-light .footer-links > a { border-right: rgba(0, 0, 0, 0.1) 1px solid; } /** Responsive **************************************************************** **/ @media only screen and (max-width: 992px) { #header.header-sm #topNav button.btn-mobile { margin-top: 16px; } #header.header-sm #topNav button.btn-mobile { margin-top: 11px; } #topNav #topMain > li.mega-menu div.row div { display: block !important; border: 0 !important; } .block-md { display: block; } .text-center-md { text-align: center !important; float: none !important; } #header .nav-second-main .quick-cart-box, #header .nav-second-main .quick-user-box, #header .nav-second-main .search-box { box-shadow: none !important; } /* fullwidth button fix */ body > .btn.fullwidth, #wrapper > .btn.fullwidth { padding-top: 0!important; padding-bottom: 20px!important; white-space: pre; /* CSS 2.0 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3.0 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -moz-pre-wrap; /* Mozilla */ white-space: -hp-pre-wrap; /* HP Printers */ word-wrap: break-word; /* IE 5+ */ } body > .btn.fullwidth > span, #wrapper > .btn.fullwidth > span { line-height: 30px !important; } } @media only screen and (max-width: 768px) { img.img-responsive { float: none !important; } #header.fixed { position: fixed; } #header.transparent + #slider h1 { margin-top: 80px !important; } section div.row > div { margin-bottom: 60px; } section div.row.lightbox > div { margin-bottom: 0; } section form div.row > div.form-group > div, section form div.row > div { margin-bottom: 15px; } section form div.row > div.form-group > div:last-child, section form div.row > div:last-child { margin-bottom: 0; } .block-sm { display: block; } .text-center-md { text-align: center !important; } form.landing-form > div { margin-bottom: 5px !important; } } @media only screen and (max-width: 480px) { .mobile-block { display: block; float: none !important; position: relative; } .mobile-block > .social-icon { float: none !important; } .block-xs { display: block; } .text-center-xs { text-align: center !important; float: none !important; } .modal-short { max-height: 320px; overflow: auto; } .size-50 { font-size: 30px !important; line-height: 36px !important; } .size-40 { font-size: 30px !important; line-height: 36px !important; } .size-30 { font-size: 23px !important; line-height: 26px !important; } } /** Material Design ******************** **/ div.side-nav[class*=" mdl-shadow--"] { padding: 15px 15px 1px 15px; } @media only screen and (max-width: 768px) { div.side-nav[class*=" mdl-shadow--"] { padding: 0 !important; } div.side-nav[class*=" mdl-shadow--"] ul > li { margin: 5px 15px !important; border: 0 !important; font-size: 16px; } } .mdl-badge.mdl-badge--no-background[data-badge]:after { background: transparent; } /* WIDE CARD */ .mdl-card-wide.mdl-card { width: 100%; } /* IMAGE CARD */ .mdl-card-image > .mdl-card__actions { height: 52px; padding: 16px; background: rgba(0, 0, 0, 0.2); } .mdl-card-image__filename { color: #fff; font-size: 14px; font-weight: 500; } /* EVENT CARD */ .mdl-card-event > .mdl-card__actions { border-color: rgba(255, 255, 255, 0.2); } .mdl-card-event > .mdl-card__title { align-items: flex-start; } .mdl-card-event > .mdl-card__title > h4 { margin-top: 0; } .mdl-card-event > .mdl-card__actions { display: flex; box-sizing: border-box; align-items: center; } .mdl-card-event > .mdl-card__actions > .material-icons { padding-right: 10px; } .mdl-card-event > .mdl-card__title, .mdl-card-event > .mdl-card__actions, .mdl-card-event > .mdl-card__actions > .mdl-button { color: #fff; } /* checkbox fix */ .mdl-checkbox__tick-outline { width: 101%; height: 101%; } /* table fix */ table.mdl-data-table { width: 100%; } .mdl-data-table td:first-of-type, .mdl-data-table th:first-of-type { padding-left: 20px; width: 50px; } /* text fields fix */ label.mdl-textfield__label { margin-bottom: 0; text-indent: 1; } /* RESPONSIVE CARDS */ @media only screen and (max-width: 768px) { .mdl-mobile-fullwidth, .mdl-card-image.mdl-card, .mdl-card-square.mdl-card, .mdl-card-event.mdl-card, .mdl-card-wide.mdl-card { width: 100% !important; } } /** HOME - MODAL ON LOAD **************************************************************** **/ #shopLoadModal { max-width: 740px; margin: auto !important; height: 400px; margin-right: 30px; } #shopLoadModal .modal-content { height: 320px; background-color: #fff; background-repeat: no-repeat; background-position: left top; } #shopLoadModal .modal-dialog { left: 10px; right: 10px; width: auto !important; max-width: 700px; margin-right: 30px; } #shopLoadModal .block-content { float: left; max-width: 312px; text-align: center; } #shopLoadModal .modal-header .close { margin-top: -5px; font-size: 24px; } /** ASIDE **************************************************************** **/ .tag.shop-color { width: 23px !important; height: 23px !important; border: #666 1px solid; } .tag.shop-color:hover { border-color: #000; } section.dark .tag.shop-color:hover { border-color: #fff; } @media only screen and (max-width: 760px) { .tag.shop-color { width: 30px; height: 30px; } } /** SHOP ITEM LIST **************************************************************** **/ /* Fix for owl-carousel or flexslider on responsive */ @media only screen and (max-width: 769px) { ul.shop-item-list > li { width: 49%; } } @media only screen and (max-width: 480px) { ul.shop-item-list > li { width: 100%; } } /* 6 COLUMNS - RECALIBRATE FOR LONG TITLES */ ul.shop-item-list > li.col-lg-2:nth-child(6n+1), ul.shop-item-list > li.col-md-2:nth-child(6n+1) { clear: both; } /* 5 COLUMNS - RECALIBRATE FOR LONG TITLES */ ul.shop-item-list > li.col-lg-5th:nth-child(5n+1), ul.shop-item-list > li.col-md-5th:nth-child(5n+1) { clear: both; } /* 4 COLUMNS - RECALIBRATE FOR LONG TITLES */ ul.shop-item-list > li.col-lg-3:nth-child(4n+1), ul.shop-item-list > li.col-md-3:nth-child(4n+1) { clear: both; } /* 3 COLUMNS - RECALIBRATE FOR LONG TITLES */ ul.shop-item-list > li.col-lg-4:nth-child(3n+1), ul.shop-item-list > li.col-md-4:nth-child(3n+1) { clear: both; } /* 2 COLUMNS - RECALIBRATE FOR LONG TITLES */ ul.shop-item-list > li.col-lg-6:nth-child(2n+1), ul.shop-item-list > li.col-md-6:nth-child(2n+1) { clear: both; } div.shop-item { margin-bottom: 60px; } div.shop-item .shop-item-buttons a.btn-default { border: 0; background-color: rgba(0, 0, 0, 0.1); } div.shop-item .shop-item-buttons a.btn-default:hover { border: 0; background-color: rgba(0, 0, 0, 0.18); } div.shop-item > .thumbnail { background-color: transparent !important; border-color: #ddd !important; margin-bottom: 6px; position: relative; } section.dark div.shop-item > .thumbnail { border-color: #444 !important; } div.shop-item > .thumbnail > a.shop-item-image > img { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* double image transition effect */ div.shop-item > .thumbnail > a.shop-item-image { display: block; position: relative; } div.shop-item > .thumbnail > a.shop-item-image > img:last-child { position: absolute; left: 0; top: 0; z-index: 10; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .500s; -moz-transition: all .500s; -o-transition: all .500s; transition: all .500s; } div.shop-item > .thumbnail:hover > a.shop-item-image > img:last-child { opacity: 1; filter: alpha(opacity=100); } div.shop-item > .thumbnail > a.shop-item-image > img:first-child { position: relative; opacity: 1; filter: alpha(opacity=100); } /* buttons over image */ div.shop-item > .thumbnail > .shop-option-over { position: absolute; top: 8px; right: 2px; z-index: 20; width: 50px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } div.shop-item > .thumbnail > .shop-option-over > a { width: 44px; text-align: center; margin: 0 0 3px 0; -webkit-border-bottom-right-radius: 15px; -webkit-border-top-left-radius: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; border-bottom-right-radius: 15px; border-top-left-radius: 15px; } div.shop-item:hover > .thumbnail > .shop-option-over { opacity: 1; filter: alpha(opacity=100); } /* info over image */ div.shop-item > .thumbnail > .shop-item-info { position: absolute; top: 8px; left: 8px; z-index: 20; width: 70px; } div.shop-item > .thumbnail > .shop-item-info > .label { min-width: 50px; text-align: center; font-size: 13px; margin-bottom: 3px; display: inline-block; } /* summary */ div.shop-item-summary { padding: 15px 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } div.shop-item-summary h2 { font-size: 15px; color: #666; margin: 0 0 4px 0; } div.shop-item-rating-line { display: block; position: relative; } div.shop-item-rating-line:before { left: 0 !important; right: 50%; margin-right: 50px; content: ''; position: absolute; top: 10px; padding: 1px; height: 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } div.shop-item-rating-line:after { right: 0 !important; left: 50%; margin-left: 50px; content: ''; position: absolute; top: 10px; padding: 1px; height: 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } /* list item price */ div.shop-item-price { font-size: 20px; margin-top: 6px; font-weight: bold; } div.shop-item-price > span { color: #999; font-size: 15px; display: inline-block; padding: 0 10px; font-weight: 400; } /* list item buttons */ div.shop-item-buttons { margin-top: 6px; } div.shop-item-buttons a.btn-default:hover { color: #333; } section.dark div.shop-item-buttons a.btn-default:hover { color: #fff; } /* out of stock */ span.out-of-stock { display: block; margin-top: 15px; } span.out-of-stock:before { content: '–x– '; } span.out-of-stock:after { content: ' –x–'; } span.out-of-stock.clean:before, span.out-of-stock.clean:after { content: ''; } /* list item countdown */ div.shop-item > .thumbnail > .shop-item-counter { position: relative; position: absolute; bottom: 4px; left: 4px; right: 4px; z-index: 20; background-color: rgba(33, 33, 33, 0.5); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; } div.shop-item > .thumbnail > .shop-item-counter:before { position: absolute; left: 0; top: -20px; padding: 0 6px; height: 20px; color: #fff; font: normal normal normal 14px/1 FontAwesome; content: "\f017 \20 limited offer"; text-align: center; line-height: 20px; background-color: rgba(33, 33, 33, 0.5); -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; } div.shop-item > .thumbnail > .shop-item-counter > .countdown .countdown-section { display: inline-block; font-size: 11px; color: #fff; line-height: 1; text-align: center; width: 20%; margin: 0 3px !important; padding: 8px !important; text-align: center !important; margin: 0; padding: 0; text-transform: capitalize; overflow: hidden; -webkit-transition: all .500s; -moz-transition: all .500s; -o-transition: all .500s; transition: all .500s; } div.shop-item > .thumbnail > .shop-item-counter > .countdown .countdown-amount { color: #fff; display: block; font-size: 13px; font-weight: bold; margin: 0; padding: 0; } div.shop-item > .thumbnail > .shop-item-counter > .countdown .countdown-period { font-size: 10px !important; text-transform: lowercase !important; margin-top: 5px; display: block !important; margin-bottom: -18px !important; -webkit-transition: all .500s; -moz-transition: all .500s; -o-transition: all .500s; transition: all .500s; } div.shop-item:hover > .thumbnail > .shop-item-counter > .countdown .countdown-period { margin-bottom: 0 !important; } .thumbnail > .shop-limited-offer { position: absolute !important; left: 5px; top: 5px; z-index: 20; color: #fff; font-size: 18px; text-align: center; } .thumbnail > .shop-limited-offer > i { margin-left: 8px; margin-top: 6px; } .thumbnail > .shop-limited-offer:before { content: ""; display: block; width: 40px; height: 40px; position: absolute; border: 26px solid transparent; border-left-color: #333; border-top-color: #333; left: 0; top: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* list item options */ .shop-list-options label { margin: 0 6px; } .shop-list-options select, .shop-list-options input { height: 35px; padding: 6px; border-width: 1px; cursor: pointer; } .shop-list-options .btn { height: 35px; line-height: 22px; color: #ccc; border: #E5E7E9 1px solid; display: inline-block; margin-top: -4px; margin-right: 0; } .shop-list-options .btn.active { color: #fff; background-color: #333; } @media only screen and (max-width: 768px) { .shop-list-options { text-align: center; } .shop-list-options ul, .shop-list-options select, .shop-list-options a { margin-bottom: 3px; float: none !important; } .shop-list-options .options-left { display: block; margin-top: 20px; } } /* 1 Column */ .shop-item-list > .col-lg-12 > .shop-item { position: relative; min-height: 230px; } .shop-item-list > .col-lg-12 { margin-bottom: 30px; width: 100%; } .shop-item-list > .col-lg-12 > .shop-item h2 { font-size: 20px; } .shop-item-list > .col-lg-12 > .shop-item > .thumbnail, .shop-item-list > .col-md-12 > .shop-item > .thumbnail { float: left; width: 200px; } .shop-item-list > .col-lg-12 > .shop-item > .shop-item-summary, .shop-item-list > .col-md-12 > .shop-item > .shop-item-summary { text-align: left !important; position: absolute; left: 230px; } .shop-item-list > .col-lg-12 > .shop-item > .shop-item-buttons, .shop-item-list > .col-md-12 > .shop-item > .shop-item-buttons { text-align: left; } .shop-item-list > .col-lg-12 > .shop-item > .shop-item-summary > .shop-item-price > span, .shop-item-list > .col-md-12 > .shop-item > .shop-item-summary > .shop-item-price > span { padding-left: 0; } .shop-item-list > .col-lg-12 > .shop-item p { margin: 15px 0; display: inline-block; } @media only screen and (max-width: 480px) { .shop-item-list > .col-lg-12 > .shop-item { min-height: 100px; } .shop-item-list > .col-lg-12 > .shop-item > .thumbnail, .shop-item-list > .col-md-12 > .shop-item > .thumbnail { float: none; width: 100%; } .shop-item-list > .col-lg-12 > .shop-item > .shop-item-summary, .shop-item-list > .col-md-12 > .shop-item > .shop-item-summary { position: relative; left: 0; } .shop-item-list > .col-lg-12 > .shop-item > .shop-item-buttons, .shop-item-list > .col-md-12 > .shop-item > .shop-item-buttons, .shop-item-list > .col-lg-12 > .shop-item > .shop-item-summary, .shop-item-list > .col-md-12 > .shop-item > .shop-item-summary { float: none; text-align: center !important; } .shop-item-list > .col-lg-12 > .shop-item > .shop-item-summary > .shop-item-price > span, .shop-item-list > .col-md-12 > .shop-item > .shop-item-summary > .shop-item-price > span { padding: 0 10px; } } /* SHOP COMPARE TABLE */ .shop-compare-title { background-color: rgba(0, 0, 0, 0.05); } section.dark .shop-compare-title { background-color: rgba(255, 255, 255, 0.1); } .shop-compare > tbody > tr > td:first-child { font-weight: bold; } .shop-compare a.shop-compare-item > img { margin-bottom: 10px; } /* SHOP CART */ .cartContent { padding: 0; } .cartContent .item { position: relative; background: rgba(0, 0, 0, 0.01); } .cartContent .item { margin-top: -1px; border: rgba(0, 0, 0, 0.05) 1px solid; } .cartContent .sky-form.boxed { border: rgba(0, 0, 0, 0.1) 1px solid; } .cartContent .item.head { border-bottom: 0; } .cartContent .product_name { float: left; width: 35%; padding: 10px; text-decoration: none; min-height: 60px; } .cartContent .product_name:hover > span { text-decoration: underline; } .cartContent .product_name > small { display: block; font-size: 12px; line-height: 12px; color: rgba(0, 0, 0, 0.5); font-family: 'Open Sans', Arial, Helvetica, sans-serif; } .cartContent .qty { float: right; width: 160px; font-size: 15px; padding: 10px; text-align: center; } .cartContent .qty input { padding: 3px; margin: 0; border: #ccc 1px solid; width: 50px; margin-right: 3px; text-align: center; } .cartContent .total_price { float: right; width: 150px; font-size: 15px; padding: 10px; line-height: 30px; text-align: center; font-weight: bold; } .cartContent .remove_item { float: right; padding: 5px 5px 5px 7px; width: 30px; margin-right: 8px; } .cartContent a.remove_item { background: rgba(0, 0, 0, 0.1); border: rgba(0, 0, 0, 0.1) 1px solid; padding-top: 0; margin-top: 10px; height: 30px; line-height: 26px; font-size: 18px; text-decoration: none; color: rgba(0, 0, 0, 0.5); border-radius: 3px; } .cartContent .btn_update { margin-top: 20px; } @media only screen and (max-width: 992px) { .cartContent .item.head { display: none; } .cartContent .product_name { font-size: 11px; line-height: 15px; } .cartContent .item .qty { float: left; text-align: left; } .cartContent .product_name { width: 50%; } } /* dark */ section.dark .cartContent .item { background: rgba(255, 255, 255, 0.04); } section.dark .cartContent .item { border: rgba(255, 255, 255, 0.05) 1px solid; } section.dark .cartContent .sky-form.boxed { border: rgba(255, 255, 255, 0.1) 1px solid; } section.dark .cartContent .qty input { color: #000; } section.dark .cartContent .product_name > small { color: rgba(255, 255, 255, 0.5); } section.dark .cartContent a.remove_item { color: #eee; background: rgba(255, 255, 255, 0.1); } /** SHOP PRODUCT **/ .product-opt-color, .product-opt-size, .product-opt-qty { margin-right: 10px; } /* QTY DROP DOWN */ ul#product-qty-dd { padding: 1px 0 0 1px; min-width: 115px; margin-top: -1px; } ul#product-qty-dd li { float: left; width: 49.1%; margin-right: 1px; margin-bottom: 1px; background-color: rgba(0, 0, 0, 0.05); text-align: center; cursor: pointer; } button.product-qty-dd .caret { float: right; margin-top: 8px; } button.product-qty-dd { width: 100px; text-align: left; } /* SIZE DROP DOWN */ ul#product-size-dd { margin-top: -1px; min-width: 159px; padding: 1px 0 0 1px; } ul#product-size-dd li { float: left; width: 51px; margin-right: 1px; margin-bottom: 1px; background-color: rgba(0, 0, 0, 0.05); text-align: center; cursor: pointer; } ul#product-size-dd li > a { padding: 3px 0; } button.product-size-dd { width: 100px; text-align: left; } button.product-size-dd .caret { float: right; margin-top: 8px; } /* COLOR DROP DOWN */ ul#product-color-dd { margin-top: -1px; min-width: 50px; padding: 1px 0 0 1px; } ul#product-color-dd li { float: left; width: 25px !important; margin-right: 1px; margin-bottom: 1px; background-color: rgba(0, 0, 0, 0.05); text-align: center; cursor: pointer; } ul#product-color-dd li > a { padding: 3px 0; } ul#product-color-dd .tag.shop-color { width: 24px !important; height: 24px !important; } button.product-color-dd { width: 55px; text-align: left; position: relative; } button.product-color-dd .caret { float: right; margin-top: 8px; } button.product-color-dd > .tag { height: 17px; width: 20px; margin: 0; position: absolute; top: 7px; left: 7px; } .product-opt-color > ul > li { padding: 0 1px !important; } @media only screen and (max-width: 480px) { ul#product-size-dd, ul#product-qty-dd { margin-top: -21px; } .product-size-dd, .product-qty-dd, .product-add-cart { min-width: 90px; width: 100% !important; display: block !important; float: none !important; margin-bottom: 20px !important; } } .product-star-vote label { margin: 0 15px 30px 0 !important; font-weight: 300; } #topMain > li > a { height: 96px; line-height: 76px; } #topMain.nav-pills > li > a { color: #1F262D; font-weight: 400; background-color: transparent; } #topMain.nav-pills > li:hover > a, #topMain.nav-pills > li:focus > a { color: #1F262D; background-color: #e4eadb; } #topMain.nav-pills > li.active > a { color: #859d5c; } #topMain.nav-pills > li > a.dropdown-toggle { padding-right: 25px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #topMain.nav-pills > li > a.dropdown-toggle:after { display: block; content: "\f107"; position: absolute; top: 50%; right: 10px; margin: -5px 0 0; font-family: FontAwesome; font-size: 12px; opacity: .3; line-height: 1em; -webkit-transition: -webkit-transform 0.2s ease-in; -moz-transition: -moz-transform 0.2s ease-in; -ms-transition: -ms-transform 0.2s ease-in; -o-transition: -o-transform 0.2s ease-in; transition: transform 0.2s ease-in; } #header.bottom.dropup #topMain.nav-pills > li > a.dropdown-toggle:after { content: "\f106"; } #topNav .navbar-collapse { float: right; } #topNav a.logo { height: 96px; line-height: 96px; overflow: hidden; display: inline-block; } @media only screen and (max-width: 1215px) { #topMain.nav-pills > li > a { font-size: 13px; } } @media only screen and (max-width: 992px) { /* Force 60px */ #header { height: 60px !important; } #header #topNav a.logo { height: 60px !important; line-height: 50px !important; } #header #topNav a.logo > img { max-height: 60px !important; } #header #topNav #topMain > li > a { height: 40px !important; line-height: 40px !important; padding-top: 0; } #topMain > li { border-bottom: rgba(0, 0, 0, 0.1) 1px solid; } #topMain > li:last-child { border-bottom: 0; } #header li.search .search-box { margin: 0 !important; position: fixed; left: 0; right: 0; top: 60px !important; width: 100%; background-color: #fff; border-top: rgba(0, 0, 0, 0.1) 1px solid; } } /* header-0.less, header-1.less, header-2.less, header-3.less , header-4.less, header-5.less */ /** Color Scheme **************************************************************** **/ ::selection { background: #b5c49b; } ::-moz-selection { background: #b5c49b; /* Firefox */ } ::-webkit-selection { background: #b5c49b; /* Safari */ } a, a:focus:not(.btn), section.dark a, #slidetop a:hover, h1 > span, h2 > span, h3 > span, h4 > span, h5 > span, h6 > span, .pagination > li > a, .pagination > li > a:hover, .pagination > li > span, ul.list-links > li > a:hover, #sidepanel ul li a[data-toggle="collapse"], #sidepanel ul li a[data-toggle="collapse"]:hover, #sidepanel ul li a:hover, .menu-list ul li a:hover, .menu-list ul li.active a, #menu_overlay_close:hover, #topMain.nav-pills > li.active > a > span.topMain-icon, #page-menu.page-menu-light ul > li:hover > a > i, #page-menu.page-menu-dark ul > li:hover > a > i, #page-menu.page-menu-transparent ul > li:hover > a > i, #page-menu.page-menu-light ul > li.active > a > i, #page-menu.page-menu-dark ul > li.active > a > i, #page-menu.page-menu-transparent ul > li.active > a > i, .tp-caption.block_white, section span.theme-color, section em.theme-color, section i.theme-color, section b.theme-color, section div.theme-color, section p.theme-color, .owl-carousel.featured a.figure > span > i, .owl-carousel.featured a:hover, figure.zoom > a.lightbox:hover, #portfolio h2 > a:hover, #portfolio h3 > a:hover, #portfolio h4 > a:hover, #portfolio h5 > a:hover, #portfolio h6 > a:hover, .tab-post a:hover, .tag:hover > span.txt, section.dark .tag:hover > span.txt, ul.widget-twitter li > small > a:hover, .blog-post-item h2 > a:hover, .blog-post-item h3 > a:hover, .blog-post-item h4 > a:hover, .blog-post-item h5 > a:hover, .item-box .item-hover .inner .ico-rounded:hover > span, ul.side-nav > li:hover > a, ul.side-nav > li a:hover, ul.side-nav > li.active > a, a.href-reset:hover, a.href-reset.active, .href-reset a.active, .href-reset a:hover, .href-reset a.active, .price-clean-popular h4, .box-icon.box-icon-color i, .switch-primary.switch-round > input:checked + .switch-label:after, .mdl-badge.mdl-badge--no-background[data-badge]:after, section.dark .nav-tabs.nav-clean > li.active > a { color: #b5c49b; } #sidepanel.sidepanel-theme-color, div.alert.alert-theme-color, div.alert.alert-primary, span.badge-default, span.label-default, .list-group-item.active > .badge.badge-default, .nav-tabs.nav-alternate > li.active > a, .datepicker table tr td.active.active, .callout-theme-color, .progress-bar-primary, .toast-primary, .owl-theme .owl-controls .owl-page span, .open > .dropdown-toggle.btn-primary, .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .pagination > .active > a, .pagination > .active > a:hover, #header li.quick-user .quick-user-box a.btn, #header li.quick-user .quick-user-box a.btn:hover, #header li.quick-cart .quick-cart-box a.btn, #header li.quick-cart .quick-cart-box a.btn:hover, #topMain.nav-pills > li.active > a > span.theme-color, .ei-slider-thumbs li.ei-slider-element, .flex-control-paging li a.flex-active, .tp-caption.block_theme_color, .tp-bullets.simplebullets.round .bullet.selected, i.ico-color, .caption-primary, .shop-list-options .btn.active, .box-static.box-color, .switch.switch-primary > input:checked + .switch-label, .fancy-file-upload.fancy-file-primary > span.button, .primary-slider .ui-slider .ui-slider-handle:before, .primary-slider .ui-slider .ui-slider-range, .ribbon-inner, .info-bar.info-bar-color, .music-album-title:hover, .inews-item .inews-thumbnail .inews-sticky, #progressBar #bar, .mdl-badge[data-badge]:after, #page-menu, #page-menu ul { background-color: #b5c49b; } /* !important required */ #music-player .mejs-controls .mejs-time-rail .mejs-time-current, #music-player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, section .theme-background, .swiper-pagination-bullet-active { background-color: #b5c49b !important; } .inews-content-inner h3 > a, div.side-nav ul > li:hover > a, div.side-nav ul > li.active > a, .pagination.pagination-simple > li.active > a, div.side-nav ul.list-group-bordered > li > a:hover, section .theme-color { color: #b5c49b !important; } .primary-slider .ui-slider .ui-slider-handle, .switch.switch-primary > input:checked + .switch-label, .timeline_center li h3:before, .timeline_center:after, a.thumbnail.active, a.thumbnail:hover, .hvr-reveal:before, .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus { border-color: #b5c49b; } .open > .dropdown-toggle.btn-primary, .btn-primary, .btn-primary:active, .btn-primary:focus, .btn-primary:hover .pagination > .active > a, .pagination > .active > a:hover { border-color: #b5c49b; } #topNav ul.dropdown-menu { /* submenu border top color */ border-top-color: #b5c49b; } section.featured-grid div.row > div .ribbon:before, .modal-content { border-top-color: #b5c49b; } #topNav ul.dropdown-menu { border-color: #b5c49b #fff #fff; } #topNav div.submenu-dark ul.dropdown-menu { border-color: #b5c49b #3F3F3F #3F3F3F; } #topNav div.submenu-color ul.dropdown-menu { border-color: #b5c49b #3F3F3F #3F3F3F; } #topMain li.search .search-box { border-top: #b5c49b 2px solid; } /* COLOR DROP DOWN MENU */ #topNav div.submenu-color ul.dropdown-menu { background-color: #b5c49b; } #topNav div.submenu-color ul.dropdown-menu { border-color: #888 #b5c49b #b5c49b; } #topNav div.submenu-color ul.dropdown-menu a.dropdown-toggle { background-image: url('../../images/_smarty/submenu_light.png'); } #topNav div.submenu-color ul.dropdown-menu li.active > a, #topNav div.submenu-color ul.dropdown-menu li.active:hover > a, #topNav div.submenu-color ul.dropdown-menu li.active:focus > a, #topNav div.submenu-color ul.dropdown-menu li:hover > a, #topNav div.submenu-color ul.dropdown-menu li:focus > a, #topNav div.submenu-color ul.dropdown-menu li:focus > a { color: #fff; background-color: rgba(0, 0, 0, 0.15); } #topNav div.submenu-color ul.dropdown-menu li.divider { background-color: rgba(255, 255, 255, 0.3); } #topNav div.submenu-color ul.dropdown-menu > li a { color: #fff; } #topNav div.submenu-color #topMain > li.mega-menu div.row div > ul > li > span { color: #fff; } #topNav div.submenu-color #topMain > li.mega-menu div.row div { border-left: rgba(0, 0, 0, 0.2) 1px solid; } /* Theme Color Section */ section.theme-color, section.theme-color div.heading-title.heading-dotted h1, section.theme-color div.heading-title.heading-dotted h2, section.theme-color div.heading-title.heading-dotted h3, section.theme-color div.heading-title.heading-dotted h4, section.theme-color div.heading-title.heading-dotted h5, section.theme-color div.heading-title.heading-dotted h6 { color: #fff; background-color: #b5c49b; } section.theme-color div.heading-title h1, section.theme-color div.heading-title h2, section.theme-color div.heading-title h3, section.theme-color div.heading-title h4, section.theme-color div.heading-title h5, section.theme-color div.heading-title h6 { background-color: #b5c49b; } section.theme-color div.heading-title h1 span, section.theme-color div.heading-title h2 span, section.theme-color div.heading-title h3 span, section.theme-color div.heading-title h4 span, section.theme-color div.heading-title h5 span, section.theme-color div.heading-title h6 span { color: #fff; } section.theme-color a { color: #fff; text-decoration: none; } section.theme-color a:hover { color: #111; } section.theme-color pre { background-color: rgba(0, 0, 0, 0.1); } section.theme-color div.heading-border-bottom.heading-color { border-bottom-color: rgba(255, 255, 255, 0.5); } /** Vertical Menu *************************************************** **/ body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar li:hover > a, body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu > .active > a, body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu > .active > a:focus, body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu > .active > a:hover, body.menu-vertical #mainMenu.sidebar-vertical .navbar-default .navbar-nav > .active > a, body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar li:hover > a { color: #b5c49b !important; } /** [Shortcode] Buttons *************************************************** **/ section.dark .btn-default:hover { color: #b5c49b; background-color: rgba(0, 0, 0, 0.3); } /** [Shortcode] Page Header *************************************************** **/ section.page-header .breadcrumb a:hover { color: #b5c49b !important; text-decoration: none; } /** [Shortcode] Dividers *************************************************** **/ div.divider.divider-color i { color: #fff; } div.divider.divider-color:before, div.divider.divider-color:after { border-top: #b5c49b 1px solid; } div.divider.divider-color i { color: #b5c49b; } div.divider.divider-circle.divider-color i { color: #fff; background-color: #b5c49b; } div.divider.divider-border > a:hover > i { color: #b5c49b; } /** [Shortcode] Headings *************************************************** **/ div.heading-title.heading-line-single.heading-color:before, div.heading-title.heading-line-double.heading-color:before { border-color: #b5c49b; } div.heading-border-bottom.heading-color { border-bottom-color: #b5c49b; } div.heading-title.heading-border.heading-color, div.heading-title.heading-border.heading-inverse.heading-color { border-color: #b5c49b; } section.dark div.heading-title.heading-border-bottom { border-bottom-color: #b5c49b; } /** [Shortcode] Icon Boxes *************************************************** **/ .box-icon a.box-icon-title:hover > h2 { color: #b5c49b; } .box-icon a.box-icon-title:hover > i { color: #fff; background-color: #b5c49b; } .box-icon a.box-icon-more { color: #111; } .box-icon a.box-icon-more:hover, section.dark .box-icon a.box-icon-more:hover { color: #b5c49b; } .box-video a.box-video-title:hover h2, .box-video a.box-image-title:hover h2 { color: #b5c49b; } .box-flip .box2 { color: #fff; background-color: #b5c49b; } .box-flip .box2 h1, .box-flip .box2 h2, .box-flip .box2 h3, .box-flip .box2 h4, .box-flip .box2 h5, .box-flip .box2 h6 { color: #fff; } .box-static.box-border-top { border-color: #b5c49b; } /** [Shortcode] Navigations *************************************************** **/ .navbar-primary { border-color: #b5c49b !important; background-color: #b5c49b !important; } /** [Shortcode] Paginations *************************************************** **/ section.dark .pagination > li.active > a, .pagination > li.active > a { border-color: #b5c49b; background-color: #b5c49b; } /** [Shortcode] Process Steps *************************************************** **/ .process-wizard-primary > .process-wizard-step > .process-wizard-dot, .process-wizard-primary > .process-wizard-step > .progress > .progress-bar { background: #b5c49b; } .process-wizard-primary > .process-wizard-step > .process-wizard-dot:after { background-color: rgba(0, 0, 0, 0.4); } ul.process-steps li.active a, ul.process-steps li.active a:focus, ul.process-steps li.active:hover > a { background-color: #b5c49b !important; border-color: #b5c49b !important; } ul.process-steps li.active h1, ul.process-steps li.active h2, ul.process-steps li.active h3, ul.process-steps li.active h4, ul.process-steps li.active h5, ul.process-steps li.active h6 { color: #b5c49b; } /** [Shortcode] Process Steps *************************************************** **/ div.mega-price-table .pricing-title, div.mega-price-table .pricing-head, div.mega-price-table .pricing.popular { background-color: #b5c49b; } div.mega-price-table .pricing:hover h4, div.mega-price-table .pricing-table i.fa { color: #b5c49b; } /** Styled Icons **************************************************************** **/ section.dark i.ico-hover:hover, i.ico-hover:hover { background-color: #b5c49b; border-color: #b5c49b; } /** [Shortcode] Tabs **************************************************************** **/ .nav-tabs.nav-top-border > li.active > a, .nav-tabs.nav-top-border > li.active > a:hover { border-top-color: #b5c49b !important; } .nav-tabs.nav-bottom-border > li.active > a, .nav-tabs.nav-bottom-border > li.active > a:hover { border-bottom-color: #b5c49b !important; } .nav-tabs.nav-alternate > li.active > a { background-color: #b5c49b !important; } .nav-tabs > li.active > a { color: #b5c49b !important; } /** Sky Forms **************************************************************** **/ /**/ /* normal state */ /**/ .sky-form .toggle i:before { background-color: #b5c49b; } .sky-form .button { background-color: #b5c49b; } /**/ /* checked state */ /**/ .sky-form .radio input + i:after { background-color: #b5c49b; } .sky-form .checkbox input + i:after { color: #b5c49b; } .sky-form .radio input:checked + i, .sky-form .checkbox input:checked + i, .sky-form .toggle input:checked + i { border-color: #b5c49b; } .sky-form .rating input:checked ~ label { color: #b5c49b; } /** Hover Buttons **************************************************************** **/ .hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active { box-shadow: inset 0 0 0 4px #b5c49b, 0 0 1px rgba(0, 0, 0, 0); } .hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active, .hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active, .hvr-sweep-to-right:before, .hvr-sweep-to-left:before, .hvr-sweep-to-bottom:before, .hvr-sweep-to-top:before, .hvr-bounce-to-right:before, .hvr-bounce-to-left:before, .hvr-bounce-to-bottom:before, .hvr-bounce-to-top:before, .hvr-radial-out:before, .hvr-radial-in, .hvr-rectangle-inm .hvr-rectangle-out:before, .hvr-shutter-in-horizontal, .hvr-shutter-out-horizontal:before, .hvr-shutter-in-vertical, .hvr-shutter-out-vertical:before, .hvr-underline-from-left:before, .hvr-underline-from-center:before, .hvr-underline-from-right:before, .hvr-overline-from-left:before, .hvr-overline-from-center:before, .hvr-overline-from-right:before, .hvr-underline-reveal:before, .hvr-overline-reveal:before { background-color: #b5c49b; } /*# sourceMappingURL=mystyle.css.map */