@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}@font-face {
font-family: 'FontAwesome';
src: url(//vaishya.ru/wp-content/themes/microjobengine/assets/fonts/fontawesome/fontawesome-webfont.eot?v=4.5.0);
src: url(//vaishya.ru/wp-content/themes/microjobengine/assets/fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.5.0) format('embedded-opentype'), url(//vaishya.ru/wp-content/themes/microjobengine/assets/fonts/fontawesome/fontawesome-webfont.woff2?v=4.5.0) format('woff2'), url(//vaishya.ru/wp-content/themes/microjobengine/assets/fonts/fontawesome/fontawesome-webfont.woff?v=4.5.0) format('woff'), url(//vaishya.ru/wp-content/themes/microjobengine/assets/fonts/fontawesome/fontawesome-webfont.ttf?v=4.5.0) format('truetype'), url(//vaishya.ru/wp-content/themes/microjobengine/assets/fonts/fontawesome/fontawesome-webfont.svg?v=4.5.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: 0.75em;
vertical-align: -15%;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-fw {
width: 1.28571429em;
text-align: center;
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.fa-ul > li {
position: relative;
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center;
}
.fa-li.fa-lg {
left: -1.85714286em;
}
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eeeeee;
border-radius: .1em;
}
.fa-pull-left {
float: left;
}
.fa-pull-right {
float: right;
}
.fa.fa-pull-left {
margin-right: .3em;
}
.fa.fa-pull-right {
margin-left: .3em;
} .pull-right {
float: right;
}
.pull-left {
float: left;
}
.fa.pull-left {
margin-right: .3em;
}
.fa.pull-right {
margin-left: .3em;
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.fa-rotate-90 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.fa-flip-vertical {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none;
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: #ffffff;
} .fa-glass:before {
content: "\f000";
}
.fa-music:before {
content: "\f001";
}
.fa-search:before {
content: "\f002";
}
.fa-envelope-o:before {
content: "\f003";
}
.fa-heart:before {
content: "\f004";
}
.fa-star:before {
content: "\f005";
}
.fa-star-o:before {
content: "\f006";
}
.fa-user:before {
content: "\f007";
}
.fa-film:before {
content: "\f008";
}
.fa-th-large:before {
content: "\f009";
}
.fa-th:before {
content: "\f00a";
}
.fa-th-list:before {
content: "\f00b";
}
.fa-check:before {
content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: "\f00d";
}
.fa-search-plus:before {
content: "\f00e";
}
.fa-search-minus:before {
content: "\f010";
}
.fa-power-off:before {
content: "\f011";
}
.fa-signal:before {
content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
content: "\f013";
}
.fa-trash-o:before {
content: "\f014";
}
.fa-home:before {
content: "\f015";
}
.fa-file-o:before {
content: "\f016";
}
.fa-clock-o:before {
content: "\f017";
}
.fa-road:before {
content: "\f018";
}
.fa-download:before {
content: "\f019";
}
.fa-arrow-circle-o-down:before {
content: "\f01a";
}
.fa-arrow-circle-o-up:before {
content: "\f01b";
}
.fa-inbox:before {
content: "\f01c";
}
.fa-play-circle-o:before {
content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
content: "\f01e";
}
.fa-refresh:before {
content: "\f021";
}
.fa-list-alt:before {
content: "\f022";
}
.fa-lock:before {
content: "\f023";
}
.fa-flag:before {
content: "\f024";
}
.fa-headphones:before {
content: "\f025";
}
.fa-volume-off:before {
content: "\f026";
}
.fa-volume-down:before {
content: "\f027";
}
.fa-volume-up:before {
content: "\f028";
}
.fa-qrcode:before {
content: "\f029";
}
.fa-barcode:before {
content: "\f02a";
}
.fa-tag:before {
content: "\f02b";
}
.fa-tags:before {
content: "\f02c";
}
.fa-book:before {
content: "\f02d";
}
.fa-bookmark:before {
content: "\f02e";
}
.fa-print:before {
content: "\f02f";
}
.fa-camera:before {
content: "\f030";
}
.fa-font:before {
content: "\f031";
}
.fa-bold:before {
content: "\f032";
}
.fa-italic:before {
content: "\f033";
}
.fa-text-height:before {
content: "\f034";
}
.fa-text-width:before {
content: "\f035";
}
.fa-align-left:before {
content: "\f036";
}
.fa-align-center:before {
content: "\f037";
}
.fa-align-right:before {
content: "\f038";
}
.fa-align-justify:before {
content: "\f039";
}
.fa-list:before {
content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
content: "\f03b";
}
.fa-indent:before {
content: "\f03c";
}
.fa-video-camera:before {
content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: "\f03e";
}
.fa-pencil:before {
content: "\f040";
}
.fa-map-marker:before {
content: "\f041";
}
.fa-adjust:before {
content: "\f042";
}
.fa-tint:before {
content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: "\f044";
}
.fa-share-square-o:before {
content: "\f045";
}
.fa-check-square-o:before {
content: "\f046";
}
.fa-arrows:before {
content: "\f047";
}
.fa-step-backward:before {
content: "\f048";
}
.fa-fast-backward:before {
content: "\f049";
}
.fa-backward:before {
content: "\f04a";
}
.fa-play:before {
content: "\f04b";
}
.fa-pause:before {
content: "\f04c";
}
.fa-stop:before {
content: "\f04d";
}
.fa-forward:before {
content: "\f04e";
}
.fa-fast-forward:before {
content: "\f050";
}
.fa-step-forward:before {
content: "\f051";
}
.fa-eject:before {
content: "\f052";
}
.fa-chevron-left:before {
content: "\f053";
}
.fa-chevron-right:before {
content: "\f054";
}
.fa-plus-circle:before {
content: "\f055";
}
.fa-minus-circle:before {
content: "\f056";
}
.fa-times-circle:before {
content: "\f057";
}
.fa-check-circle:before {
content: "\f058";
}
.fa-question-circle:before {
content: "\f059";
}
.fa-info-circle:before {
content: "\f05a";
}
.fa-crosshairs:before {
content: "\f05b";
}
.fa-times-circle-o:before {
content: "\f05c";
}
.fa-check-circle-o:before {
content: "\f05d";
}
.fa-ban:before {
content: "\f05e";
}
.fa-arrow-left:before {
content: "\f060";
}
.fa-arrow-right:before {
content: "\f061";
}
.fa-arrow-up:before {
content: "\f062";
}
.fa-arrow-down:before {
content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
content: "\f064";
}
.fa-expand:before {
content: "\f065";
}
.fa-compress:before {
content: "\f066";
}
.fa-plus:before {
content: "\f067";
}
.fa-minus:before {
content: "\f068";
}
.fa-asterisk:before {
content: "\f069";
}
.fa-exclamation-circle:before {
content: "\f06a";
}
.fa-gift:before {
content: "\f06b";
}
.fa-leaf:before {
content: "\f06c";
}
.fa-fire:before {
content: "\f06d";
}
.fa-eye:before {
content: "\f06e";
}
.fa-eye-slash:before {
content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content: "\f071";
}
.fa-plane:before {
content: "\f072";
}
.fa-calendar:before {
content: "\f073";
}
.fa-random:before {
content: "\f074";
}
.fa-comment:before {
content: "\f075";
}
.fa-magnet:before {
content: "\f076";
}
.fa-chevron-up:before {
content: "\f077";
}
.fa-chevron-down:before {
content: "\f078";
}
.fa-retweet:before {
content: "\f079";
}
.fa-shopping-cart:before {
content: "\f07a";
}
.fa-folder:before {
content: "\f07b";
}
.fa-folder-open:before {
content: "\f07c";
}
.fa-arrows-v:before {
content: "\f07d";
}
.fa-arrows-h:before {
content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: "\f080";
}
.fa-twitter-square:before {
content: "\f081";
}
.fa-facebook-square:before {
content: "\f082";
}
.fa-camera-retro:before {
content: "\f083";
}
.fa-key:before {
content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
content: "\f085";
}
.fa-comments:before {
content: "\f086";
}
.fa-thumbs-o-up:before {
content: "\f087";
}
.fa-thumbs-o-down:before {
content: "\f088";
}
.fa-star-half:before {
content: "\f089";
}
.fa-heart-o:before {
content: "\f08a";
}
.fa-sign-out:before {
content: "\f08b";
}
.fa-linkedin-square:before {
content: "\f08c";
}
.fa-thumb-tack:before {
content: "\f08d";
}
.fa-external-link:before {
content: "\f08e";
}
.fa-sign-in:before {
content: "\f090";
}
.fa-trophy:before {
content: "\f091";
}
.fa-github-square:before {
content: "\f092";
}
.fa-upload:before {
content: "\f093";
}
.fa-lemon-o:before {
content: "\f094";
}
.fa-phone:before {
content: "\f095";
}
.fa-square-o:before {
content: "\f096";
}
.fa-bookmark-o:before {
content: "\f097";
}
.fa-phone-square:before {
content: "\f098";
}
.fa-twitter:before {
content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
content: "\f09a";
}
.fa-github:before {
content: "\f09b";
}
.fa-unlock:before {
content: "\f09c";
}
.fa-credit-card:before {
content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
content: "\f09e";
}
.fa-hdd-o:before {
content: "\f0a0";
}
.fa-bullhorn:before {
content: "\f0a1";
}
.fa-bell:before {
content: "\f0f3";
}
.fa-certificate:before {
content: "\f0a3";
}
.fa-hand-o-right:before {
content: "\f0a4";
}
.fa-hand-o-left:before {
content: "\f0a5";
}
.fa-hand-o-up:before {
content: "\f0a6";
}
.fa-hand-o-down:before {
content: "\f0a7";
}
.fa-arrow-circle-left:before {
content: "\f0a8";
}
.fa-arrow-circle-right:before {
content: "\f0a9";
}
.fa-arrow-circle-up:before {
content: "\f0aa";
}
.fa-arrow-circle-down:before {
content: "\f0ab";
}
.fa-globe:before {
content: "\f0ac";
}
.fa-wrench:before {
content: "\f0ad";
}
.fa-tasks:before {
content: "\f0ae";
}
.fa-filter:before {
content: "\f0b0";
}
.fa-briefcase:before {
content: "\f0b1";
}
.fa-arrows-alt:before {
content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
content: "\f0c1";
}
.fa-cloud:before {
content: "\f0c2";
}
.fa-flask:before {
content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
content: "\f0c5";
}
.fa-paperclip:before {
content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
content: "\f0c7";
}
.fa-square:before {
content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: "\f0c9";
}
.fa-list-ul:before {
content: "\f0ca";
}
.fa-list-ol:before {
content: "\f0cb";
}
.fa-strikethrough:before {
content: "\f0cc";
}
.fa-underline:before {
content: "\f0cd";
}
.fa-table:before {
content: "\f0ce";
}
.fa-magic:before {
content: "\f0d0";
}
.fa-truck:before {
content: "\f0d1";
}
.fa-pinterest:before {
content: "\f0d2";
}
.fa-pinterest-square:before {
content: "\f0d3";
}
.fa-google-plus-square:before {
content: "\f0d4";
}
.fa-google-plus:before {
content: "\f0d5";
}
.fa-money:before {
content: "\f0d6";
}
.fa-caret-down:before {
content: "\f0d7";
}
.fa-caret-up:before {
content: "\f0d8";
}
.fa-caret-left:before {
content: "\f0d9";
}
.fa-caret-right:before {
content: "\f0da";
}
.fa-columns:before {
content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
content: "\f0de";
}
.fa-envelope:before {
content: "\f0e0";
}
.fa-linkedin:before {
content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
content: "\f0e4";
}
.fa-comment-o:before {
content: "\f0e5";
}
.fa-comments-o:before {
content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
content: "\f0e7";
}
.fa-sitemap:before {
content: "\f0e8";
}
.fa-umbrella:before {
content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
content: "\f0ea";
}
.fa-lightbulb-o:before {
content: "\f0eb";
}
.fa-exchange:before {
content: "\f0ec";
}
.fa-cloud-download:before {
content: "\f0ed";
}
.fa-cloud-upload:before {
content: "\f0ee";
}
.fa-user-md:before {
content: "\f0f0";
}
.fa-stethoscope:before {
content: "\f0f1";
}
.fa-suitcase:before {
content: "\f0f2";
}
.fa-bell-o:before {
content: "\f0a2";
}
.fa-coffee:before {
content: "\f0f4";
}
.fa-cutlery:before {
content: "\f0f5";
}
.fa-file-text-o:before {
content: "\f0f6";
}
.fa-building-o:before {
content: "\f0f7";
}
.fa-hospital-o:before {
content: "\f0f8";
}
.fa-ambulance:before {
content: "\f0f9";
}
.fa-medkit:before {
content: "\f0fa";
}
.fa-fighter-jet:before {
content: "\f0fb";
}
.fa-beer:before {
content: "\f0fc";
}
.fa-h-square:before {
content: "\f0fd";
}
.fa-plus-square:before {
content: "\f0fe";
}
.fa-angle-double-left:before {
content: "\f100";
}
.fa-angle-double-right:before {
content: "\f101";
}
.fa-angle-double-up:before {
content: "\f102";
}
.fa-angle-double-down:before {
content: "\f103";
}
.fa-angle-left:before {
content: "\f104";
}
.fa-angle-right:before {
content: "\f105";
}
.fa-angle-up:before {
content: "\f106";
}
.fa-angle-down:before {
content: "\f107";
}
.fa-desktop:before {
content: "\f108";
}
.fa-laptop:before {
content: "\f109";
}
.fa-tablet:before {
content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\f10b";
}
.fa-circle-o:before {
content: "\f10c";
}
.fa-quote-left:before {
content: "\f10d";
}
.fa-quote-right:before {
content: "\f10e";
}
.fa-spinner:before {
content: "\f110";
}
.fa-circle:before {
content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
content: "\f112";
}
.fa-github-alt:before {
content: "\f113";
}
.fa-folder-o:before {
content: "\f114";
}
.fa-folder-open-o:before {
content: "\f115";
}
.fa-smile-o:before {
content: "\f118";
}
.fa-frown-o:before {
content: "\f119";
}
.fa-meh-o:before {
content: "\f11a";
}
.fa-gamepad:before {
content: "\f11b";
}
.fa-keyboard-o:before {
content: "\f11c";
}
.fa-flag-o:before {
content: "\f11d";
}
.fa-flag-checkered:before {
content: "\f11e";
}
.fa-terminal:before {
content: "\f120";
}
.fa-code:before {
content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "\f123";
}
.fa-location-arrow:before {
content: "\f124";
}
.fa-crop:before {
content: "\f125";
}
.fa-code-fork:before {
content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
content: "\f127";
}
.fa-question:before {
content: "\f128";
}
.fa-info:before {
content: "\f129";
}
.fa-exclamation:before {
content: "\f12a";
}
.fa-superscript:before {
content: "\f12b";
}
.fa-subscript:before {
content: "\f12c";
}
.fa-eraser:before {
content: "\f12d";
}
.fa-puzzle-piece:before {
content: "\f12e";
}
.fa-microphone:before {
content: "\f130";
}
.fa-microphone-slash:before {
content: "\f131";
}
.fa-shield:before {
content: "\f132";
}
.fa-calendar-o:before {
content: "\f133";
}
.fa-fire-extinguisher:before {
content: "\f134";
}
.fa-rocket:before {
content: "\f135";
}
.fa-maxcdn:before {
content: "\f136";
}
.fa-chevron-circle-left:before {
content: "\f137";
}
.fa-chevron-circle-right:before {
content: "\f138";
}
.fa-chevron-circle-up:before {
content: "\f139";
}
.fa-chevron-circle-down:before {
content: "\f13a";
}
.fa-html5:before {
content: "\f13b";
}
.fa-css3:before {
content: "\f13c";
}
.fa-anchor:before {
content: "\f13d";
}
.fa-unlock-alt:before {
content: "\f13e";
}
.fa-bullseye:before {
content: "\f140";
}
.fa-ellipsis-h:before {
content: "\f141";
}
.fa-ellipsis-v:before {
content: "\f142";
}
.fa-rss-square:before {
content: "\f143";
}
.fa-play-circle:before {
content: "\f144";
}
.fa-ticket:before {
content: "\f145";
}
.fa-minus-square:before {
content: "\f146";
}
.fa-minus-square-o:before {
content: "\f147";
}
.fa-level-up:before {
content: "\f148";
}
.fa-level-down:before {
content: "\f149";
}
.fa-check-square:before {
content: "\f14a";
}
.fa-pencil-square:before {
content: "\f14b";
}
.fa-external-link-square:before {
content: "\f14c";
}
.fa-share-square:before {
content: "\f14d";
}
.fa-compass:before {
content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
content: "\f153";
}
.fa-gbp:before {
content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: "\f158";
}
.fa-won:before,
.fa-krw:before {
content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
content: "\f15a";
}
.fa-file:before {
content: "\f15b";
}
.fa-file-text:before {
content: "\f15c";
}
.fa-sort-alpha-asc:before {
content: "\f15d";
}
.fa-sort-alpha-desc:before {
content: "\f15e";
}
.fa-sort-amount-asc:before {
content: "\f160";
}
.fa-sort-amount-desc:before {
content: "\f161";
}
.fa-sort-numeric-asc:before {
content: "\f162";
}
.fa-sort-numeric-desc:before {
content: "\f163";
}
.fa-thumbs-up:before {
content: "\f164";
}
.fa-thumbs-down:before {
content: "\f165";
}
.fa-youtube-square:before {
content: "\f166";
}
.fa-youtube:before {
content: "\f167";
}
.fa-xing:before {
content: "\f168";
}
.fa-xing-square:before {
content: "\f169";
}
.fa-youtube-play:before {
content: "\f16a";
}
.fa-dropbox:before {
content: "\f16b";
}
.fa-stack-overflow:before {
content: "\f16c";
}
.fa-instagram:before {
content: "\f16d";
}
.fa-flickr:before {
content: "\f16e";
}
.fa-adn:before {
content: "\f170";
}
.fa-bitbucket:before {
content: "\f171";
}
.fa-bitbucket-square:before {
content: "\f172";
}
.fa-tumblr:before {
content: "\f173";
}
.fa-tumblr-square:before {
content: "\f174";
}
.fa-long-arrow-down:before {
content: "\f175";
}
.fa-long-arrow-up:before {
content: "\f176";
}
.fa-long-arrow-left:before {
content: "\f177";
}
.fa-long-arrow-right:before {
content: "\f178";
}
.fa-apple:before {
content: "\f179";
}
.fa-windows:before {
content: "\f17a";
}
.fa-android:before {
content: "\f17b";
}
.fa-linux:before {
content: "\f17c";
}
.fa-dribbble:before {
content: "\f17d";
}
.fa-skype:before {
content: "\f17e";
}
.fa-foursquare:before {
content: "\f180";
}
.fa-trello:before {
content: "\f181";
}
.fa-female:before {
content: "\f182";
}
.fa-male:before {
content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
content: "\f184";
}
.fa-sun-o:before {
content: "\f185";
}
.fa-moon-o:before {
content: "\f186";
}
.fa-archive:before {
content: "\f187";
}
.fa-bug:before {
content: "\f188";
}
.fa-vk:before {
content: "\f189";
}
.fa-weibo:before {
content: "\f18a";
}
.fa-renren:before {
content: "\f18b";
}
.fa-pagelines:before {
content: "\f18c";
}
.fa-stack-exchange:before {
content: "\f18d";
}
.fa-arrow-circle-o-right:before {
content: "\f18e";
}
.fa-arrow-circle-o-left:before {
content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: "\f191";
}
.fa-dot-circle-o:before {
content: "\f192";
}
.fa-wheelchair:before {
content: "\f193";
}
.fa-vimeo-square:before {
content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
content: "\f195";
}
.fa-plus-square-o:before {
content: "\f196";
}
.fa-space-shuttle:before {
content: "\f197";
}
.fa-slack:before {
content: "\f198";
}
.fa-envelope-square:before {
content: "\f199";
}
.fa-wordpress:before {
content: "\f19a";
}
.fa-openid:before {
content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: "\f19d";
}
.fa-yahoo:before {
content: "\f19e";
}
.fa-google:before {
content: "\f1a0";
}
.fa-reddit:before {
content: "\f1a1";
}
.fa-reddit-square:before {
content: "\f1a2";
}
.fa-stumbleupon-circle:before {
content: "\f1a3";
}
.fa-stumbleupon:before {
content: "\f1a4";
}
.fa-delicious:before {
content: "\f1a5";
}
.fa-digg:before {
content: "\f1a6";
}
.fa-pied-piper:before {
content: "\f1a7";
}
.fa-pied-piper-alt:before {
content: "\f1a8";
}
.fa-drupal:before {
content: "\f1a9";
}
.fa-joomla:before {
content: "\f1aa";
}
.fa-language:before {
content: "\f1ab";
}
.fa-fax:before {
content: "\f1ac";
}
.fa-building:before {
content: "\f1ad";
}
.fa-child:before {
content: "\f1ae";
}
.fa-paw:before {
content: "\f1b0";
}
.fa-spoon:before {
content: "\f1b1";
}
.fa-cube:before {
content: "\f1b2";
}
.fa-cubes:before {
content: "\f1b3";
}
.fa-behance:before {
content: "\f1b4";
}
.fa-behance-square:before {
content: "\f1b5";
}
.fa-steam:before {
content: "\f1b6";
}
.fa-steam-square:before {
content: "\f1b7";
}
.fa-recycle:before {
content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
content: "\f1ba";
}
.fa-tree:before {
content: "\f1bb";
}
.fa-spotify:before {
content: "\f1bc";
}
.fa-deviantart:before {
content: "\f1bd";
}
.fa-soundcloud:before {
content: "\f1be";
}
.fa-database:before {
content: "\f1c0";
}
.fa-file-pdf-o:before {
content: "\f1c1";
}
.fa-file-word-o:before {
content: "\f1c2";
}
.fa-file-excel-o:before {
content: "\f1c3";
}
.fa-file-powerpoint-o:before {
content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: "\f1c8";
}
.fa-file-code-o:before {
content: "\f1c9";
}
.fa-vine:before {
content: "\f1ca";
}
.fa-codepen:before {
content: "\f1cb";
}
.fa-jsfiddle:before {
content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: "\f1cd";
}
.fa-circle-o-notch:before {
content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
content: "\f1d1";
}
.fa-git-square:before {
content: "\f1d2";
}
.fa-git:before {
content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: "\f1d4";
}
.fa-tencent-weibo:before {
content: "\f1d5";
}
.fa-qq:before {
content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
content: "\f1d9";
}
.fa-history:before {
content: "\f1da";
}
.fa-circle-thin:before {
content: "\f1db";
}
.fa-header:before {
content: "\f1dc";
}
.fa-paragraph:before {
content: "\f1dd";
}
.fa-sliders:before {
content: "\f1de";
}
.fa-share-alt:before {
content: "\f1e0";
}
.fa-share-alt-square:before {
content: "\f1e1";
}
.fa-bomb:before {
content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: "\f1e3";
}
.fa-tty:before {
content: "\f1e4";
}
.fa-binoculars:before {
content: "\f1e5";
}
.fa-plug:before {
content: "\f1e6";
}
.fa-slideshare:before {
content: "\f1e7";
}
.fa-twitch:before {
content: "\f1e8";
}
.fa-yelp:before {
content: "\f1e9";
}
.fa-newspaper-o:before {
content: "\f1ea";
}
.fa-wifi:before {
content: "\f1eb";
}
.fa-calculator:before {
content: "\f1ec";
}
.fa-paypal:before {
content: "\f1ed";
}
.fa-google-wallet:before {
content: "\f1ee";
}
.fa-cc-visa:before {
content: "\f1f0";
}
.fa-cc-mastercard:before {
content: "\f1f1";
}
.fa-cc-discover:before {
content: "\f1f2";
}
.fa-cc-amex:before {
content: "\f1f3";
}
.fa-cc-paypal:before {
content: "\f1f4";
}
.fa-cc-stripe:before {
content: "\f1f5";
}
.fa-bell-slash:before {
content: "\f1f6";
}
.fa-bell-slash-o:before {
content: "\f1f7";
}
.fa-trash:before {
content: "\f1f8";
}
.fa-copyright:before {
content: "\f1f9";
}
.fa-at:before {
content: "\f1fa";
}
.fa-eyedropper:before {
content: "\f1fb";
}
.fa-paint-brush:before {
content: "\f1fc";
}
.fa-birthday-cake:before {
content: "\f1fd";
}
.fa-area-chart:before {
content: "\f1fe";
}
.fa-pie-chart:before {
content: "\f200";
}
.fa-line-chart:before {
content: "\f201";
}
.fa-lastfm:before {
content: "\f202";
}
.fa-lastfm-square:before {
content: "\f203";
}
.fa-toggle-off:before {
content: "\f204";
}
.fa-toggle-on:before {
content: "\f205";
}
.fa-bicycle:before {
content: "\f206";
}
.fa-bus:before {
content: "\f207";
}
.fa-ioxhost:before {
content: "\f208";
}
.fa-angellist:before {
content: "\f209";
}
.fa-cc:before {
content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: "\f20b";
}
.fa-meanpath:before {
content: "\f20c";
}
.fa-buysellads:before {
content: "\f20d";
}
.fa-connectdevelop:before {
content: "\f20e";
}
.fa-dashcube:before {
content: "\f210";
}
.fa-forumbee:before {
content: "\f211";
}
.fa-leanpub:before {
content: "\f212";
}
.fa-sellsy:before {
content: "\f213";
}
.fa-shirtsinbulk:before {
content: "\f214";
}
.fa-simplybuilt:before {
content: "\f215";
}
.fa-skyatlas:before {
content: "\f216";
}
.fa-cart-plus:before {
content: "\f217";
}
.fa-cart-arrow-down:before {
content: "\f218";
}
.fa-diamond:before {
content: "\f219";
}
.fa-ship:before {
content: "\f21a";
}
.fa-user-secret:before {
content: "\f21b";
}
.fa-motorcycle:before {
content: "\f21c";
}
.fa-street-view:before {
content: "\f21d";
}
.fa-heartbeat:before {
content: "\f21e";
}
.fa-venus:before {
content: "\f221";
}
.fa-mars:before {
content: "\f222";
}
.fa-mercury:before {
content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
content: "\f224";
}
.fa-transgender-alt:before {
content: "\f225";
}
.fa-venus-double:before {
content: "\f226";
}
.fa-mars-double:before {
content: "\f227";
}
.fa-venus-mars:before {
content: "\f228";
}
.fa-mars-stroke:before {
content: "\f229";
}
.fa-mars-stroke-v:before {
content: "\f22a";
}
.fa-mars-stroke-h:before {
content: "\f22b";
}
.fa-neuter:before {
content: "\f22c";
}
.fa-genderless:before {
content: "\f22d";
}
.fa-facebook-official:before {
content: "\f230";
}
.fa-pinterest-p:before {
content: "\f231";
}
.fa-whatsapp:before {
content: "\f232";
}
.fa-server:before {
content: "\f233";
}
.fa-user-plus:before {
content: "\f234";
}
.fa-user-times:before {
content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
content: "\f236";
}
.fa-viacoin:before {
content: "\f237";
}
.fa-train:before {
content: "\f238";
}
.fa-subway:before {
content: "\f239";
}
.fa-medium:before {
content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
content: "\f23b";
}
.fa-optin-monster:before {
content: "\f23c";
}
.fa-opencart:before {
content: "\f23d";
}
.fa-expeditedssl:before {
content: "\f23e";
}
.fa-battery-4:before,
.fa-battery-full:before {
content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
content: "\f244";
}
.fa-mouse-pointer:before {
content: "\f245";
}
.fa-i-cursor:before {
content: "\f246";
}
.fa-object-group:before {
content: "\f247";
}
.fa-object-ungroup:before {
content: "\f248";
}
.fa-sticky-note:before {
content: "\f249";
}
.fa-sticky-note-o:before {
content: "\f24a";
}
.fa-cc-jcb:before {
content: "\f24b";
}
.fa-cc-diners-club:before {
content: "\f24c";
}
.fa-clone:before {
content: "\f24d";
}
.fa-balance-scale:before {
content: "\f24e";
}
.fa-hourglass-o:before {
content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: "\f253";
}
.fa-hourglass:before {
content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: "\f256";
}
.fa-hand-scissors-o:before {
content: "\f257";
}
.fa-hand-lizard-o:before {
content: "\f258";
}
.fa-hand-spock-o:before {
content: "\f259";
}
.fa-hand-pointer-o:before {
content: "\f25a";
}
.fa-hand-peace-o:before {
content: "\f25b";
}
.fa-trademark:before {
content: "\f25c";
}
.fa-registered:before {
content: "\f25d";
}
.fa-creative-commons:before {
content: "\f25e";
}
.fa-gg:before {
content: "\f260";
}
.fa-gg-circle:before {
content: "\f261";
}
.fa-tripadvisor:before {
content: "\f262";
}
.fa-odnoklassniki:before {
content: "\f263";
}
.fa-odnoklassniki-square:before {
content: "\f264";
}
.fa-get-pocket:before {
content: "\f265";
}
.fa-wikipedia-w:before {
content: "\f266";
}
.fa-safari:before {
content: "\f267";
}
.fa-chrome:before {
content: "\f268";
}
.fa-firefox:before {
content: "\f269";
}
.fa-opera:before {
content: "\f26a";
}
.fa-internet-explorer:before {
content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
content: "\f26c";
}
.fa-contao:before {
content: "\f26d";
}
.fa-500px:before {
content: "\f26e";
}
.fa-amazon:before {
content: "\f270";
}
.fa-calendar-plus-o:before {
content: "\f271";
}
.fa-calendar-minus-o:before {
content: "\f272";
}
.fa-calendar-times-o:before {
content: "\f273";
}
.fa-calendar-check-o:before {
content: "\f274";
}
.fa-industry:before {
content: "\f275";
}
.fa-map-pin:before {
content: "\f276";
}
.fa-map-signs:before {
content: "\f277";
}
.fa-map-o:before {
content: "\f278";
}
.fa-map:before {
content: "\f279";
}
.fa-commenting:before {
content: "\f27a";
}
.fa-commenting-o:before {
content: "\f27b";
}
.fa-houzz:before {
content: "\f27c";
}
.fa-vimeo:before {
content: "\f27d";
}
.fa-black-tie:before {
content: "\f27e";
}
.fa-fonticons:before {
content: "\f280";
}
.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";
}.chosen-container {
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 13px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.chosen-container * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.chosen-container .chosen-drop {
position: absolute;
top: 100%;
left: -9999px;
z-index: 1010;
width: 100%;
border: 1px solid #aaa;
border-top: 0;
background: #fff;
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chosen-container.chosen-with-drop .chosen-drop {
left: 0;
}
.chosen-container a {
cursor: pointer;
}
.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
margin-right: 4px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: normal;
color: #999999;
}
.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
content: ":";
padding-left: 2px;
vertical-align: top;
}  .chosen-container-single .chosen-single {
position: relative;
display: block;
overflow: hidden;
padding: 0 0 0 8px;
height: 25px;
border: 1px solid #aaa;
border-radius: 5px;
background-color: #fff;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
background: -webkit-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background: -moz-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background: -o-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background-clip: padding-box;
box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
color: #444;
text-decoration: none;
white-space: nowrap;
line-height: 24px;
}
.chosen-container-single .chosen-default {
color: #999;
}
.chosen-container-single .chosen-single span {
display: block;
overflow: hidden;
margin-right: 26px;
text-overflow: ellipsis;
white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
position: absolute;
top: 6px;
right: 26px;
display: block;
width: 12px;
height: 12px;
background: url(//vaishya.ru/wp-content/themes/microjobengine/assets/img/chosen-sprite.png) -42px 1px no-repeat;
font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
position: absolute;
top: 0;
right: 0;
display: block;
width: 18px;
height: 100%;
}
.chosen-container-single .chosen-single div b {
display: block;
width: 100%;
height: 100%;
background: url(//vaishya.ru/wp-content/themes/microjobengine/assets/img/chosen-sprite.png) no-repeat 0px 2px;
}
.chosen-container-single .chosen-search {
position: relative;
z-index: 1010;
margin: 0;
padding: 3px 4px;
white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
margin: 1px 0;
padding: 4px 20px 4px 5px;
width: 100%;
height: auto;
outline: 0;
border: 1px solid #aaa;
background: white url(//vaishya.ru/wp-content/themes/microjobengine/assets/img/chosen-sprite.png) no-repeat 100% -20px;
background: url(//vaishya.ru/wp-content/themes/microjobengine/assets/img/chosen-sprite.png) no-repeat 100% -20px;
font-size: 1em;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
}
.chosen-container-single .chosen-drop {
margin-top: -1px;
border-radius: 0 0 4px 4px;
background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
position: absolute;
left: -9999px;
}  .chosen-container .chosen-results {
color: #444;
position: relative;
overflow-x: hidden;
overflow-y: auto;
margin: 0 4px 4px 0;
padding: 0 0 0 4px;
max-height: 240px;
-webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
display: none;
margin: 0;
padding: 5px 6px;
list-style: none;
line-height: 15px;
word-wrap: break-word;
-webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
display: list-item;
cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
display: list-item;
color: #ccc;
cursor: default;
}
.chosen-container .chosen-results li.highlighted {
background-color: #3875d7;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
color: #fff;
}
.chosen-container .chosen-results li.no-results {
color: #777;
display: list-item;
background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
display: list-item;
font-weight: bold;
cursor: default;
}
.chosen-container .chosen-results li.group-option {
padding-left: 15px;
}
.chosen-container .chosen-results li em {
font-style: normal;
text-decoration: underline;
}  .chosen-container-multi .chosen-choices {
position: relative;
overflow: hidden;
margin: 0;
padding: 0 5px;
width: 100%;
height: auto !important;
height: 1%;
border: 1px solid #aaa;
background-color: #fff;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
cursor: text;
}
.chosen-container-multi .chosen-choices li {
float: left;
list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
margin: 0;
padding: 0;
white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
margin: 1px 0;
padding: 0;
height: 25px;
outline: 0;
border: 0 !important;
background: transparent !important;
box-shadow: none;
color: #999;
font-size: 100%;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-choice {
position: relative;
margin: 3px 5px 3px 0;
padding: 3px 20px 3px 5px;
border: 1px solid #aaa;
max-width: 100%;
border-radius: 3px;
background-color: #eeeeee;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-size: 100% 19px;
background-repeat: repeat-x;
background-clip: padding-box;
box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
color: #333;
line-height: 13px;
cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice span {
word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
position: absolute;
top: 4px;
right: 3px;
display: block;
width: 12px;
height: 12px;
background: url(//vaishya.ru/wp-content/themes/microjobengine/assets/img/chosen-sprite.png) -42px 1px no-repeat;
font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
padding-right: 5px;
border: 1px solid #ccc;
background-color: #e4e4e4;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
margin: 0;
padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
display: list-item;
color: #ccc;
cursor: default;
}  .chosen-container-active .chosen-single {
border: 1px solid #5897fb;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active.chosen-with-drop .chosen-single {
border: 1px solid #aaa;
-moz-border-radius-bottomright: 0;
border-bottom-right-radius: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
box-shadow: 0 1px 0 #fff inset;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
border-left: none;
background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
border: 1px solid #5897fb;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
color: #222 !important;
}  .chosen-disabled {
opacity: 0.5 !important;
cursor: default;
}
.chosen-disabled .chosen-single {
cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
cursor: default;
}  .chosen-rtl {
text-align: right;
}
.chosen-rtl .chosen-single {
overflow: visible;
padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
margin-right: 0;
margin-left: 26px;
direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
margin-left: 38px;
}
.chosen-rtl .chosen-single div {
right: auto;
left: 3px;
}
.chosen-rtl .chosen-single abbr {
right: auto;
left: 26px;
}
.chosen-rtl .chosen-choices li {
float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
margin: 3px 5px 3px 0;
padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
right: auto;
left: 4px;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
margin: 0 0 4px 4px;
padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
padding-right: 15px;
padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
padding: 4px 5px 4px 20px;
background: white url(//vaishya.ru/wp-content/themes/microjobengine/assets/img/chosen-sprite.png) no-repeat -30px -20px;
background: url(//vaishya.ru/wp-content/themes/microjobengine/assets/img/chosen-sprite.png) no-repeat -30px -20px;
direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
background-position: -12px 2px;
}  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
.chosen-rtl .chosen-search input[type="text"],
.chosen-container-single .chosen-single abbr,
.chosen-container-single .chosen-single div b,
.chosen-container-single .chosen-search input[type="text"],
.chosen-container-multi .chosen-choices .search-choice .search-choice-close,
.chosen-container .chosen-results-scroll-down span,
.chosen-container .chosen-results-scroll-up span { background-size: 52px 37px !important;
background-repeat: no-repeat !important;
}
}  .cropper-container{font-size:0;line-height:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;direction:ltr!important;-ms-touch-action:none;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.cropper-container img{display:block;width:100%;min-width:0!important;max-width:none!important;height:100%;min-height:0!important;max-height:none!important;image-orientation:0deg!important}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{position:absolute;top:0;right:0;bottom:0;left:0}.cropper-wrap-box{overflow:hidden}.cropper-drag-box{opacity:0;background-color:#fff;filter:alpha(opacity=0)}.cropper-dashed,.cropper-modal{opacity:.5;filter:alpha(opacity=50)}.cropper-modal{background-color:#000}.cropper-view-box{display:block;overflow:hidden;width:100%;height:100%;outline:#39f solid 1px;outline-color:rgba(51,153,255,.75)}.cropper-dashed{position:absolute;display:block;border:0 dashed #eee}.cropper-dashed.dashed-h{top:33.33333%;left:0;width:100%;height:33.33333%;border-top-width:1px;border-bottom-width:1px}.cropper-dashed.dashed-v{top:0;left:33.33333%;width:33.33333%;height:100%;border-right-width:1px;border-left-width:1px}.cropper-center{position:absolute;top:50%;left:50%;display:block;width:0;height:0;opacity:.75;filter:alpha(opacity=75)}.cropper-center:after,.cropper-center:before{position:absolute;display:block;content:' ';background-color:#eee}.cropper-center:before{top:0;left:-3px;width:7px;height:1px}.cropper-center:after{top:-3px;left:0;width:1px;height:7px}.cropper-face,.cropper-line,.cropper-point{position:absolute;display:block;width:100%;height:100%;opacity:.1;filter:alpha(opacity=10)}.cropper-face{top:0;left:0;background-color:#fff}.cropper-line,.cropper-point{background-color:#39f}.cropper-line.line-e{top:0;right:-3px;width:5px;cursor:e-resize}.cropper-line.line-n{top:-3px;left:0;height:5px;cursor:n-resize}.cropper-line.line-w{top:0;left:-3px;width:5px;cursor:w-resize}.cropper-line.line-s{bottom:-3px;left:0;height:5px;cursor:s-resize}.cropper-point{width:5px;height:5px;opacity:.75;filter:alpha(opacity=75)}.cropper-point.point-e{top:50%;right:-3px;margin-top:-3px;cursor:e-resize}.cropper-point.point-n{top:-3px;left:50%;margin-left:-3px;cursor:n-resize}.cropper-point.point-w{top:50%;left:-3px;margin-top:-3px;cursor:w-resize}.cropper-point.point-s{bottom:-3px;left:50%;margin-left:-3px;cursor:s-resize}.cropper-point.point-ne{top:-3px;right:-3px;cursor:ne-resize}.cropper-point.point-nw{top:-3px;left:-3px;cursor:nw-resize}.cropper-point.point-sw{bottom:-3px;left:-3px;cursor:sw-resize}.cropper-point.point-se{right:-3px;bottom:-3px;width:20px;height:20px;cursor:se-resize;opacity:1;filter:alpha(opacity=100)}.cropper-point.point-se:before{position:absolute;right:-50%;bottom:-50%;display:block;width:200%;height:200%;content:' ';opacity:0;background-color:#39f;filter:alpha(opacity=0)}@media (min-width:768px){.cropper-point.point-se{width:15px;height:15px}}@media (min-width:992px){.cropper-point.point-se{width:10px;height:10px}}@media (min-width:1200px){.cropper-point.point-se{width:5px;height:5px;opacity:.75;filter:alpha(opacity=75)}}.cropper-invisible{opacity:0;filter:alpha(opacity=0)}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{position:absolute;display:block;width:0;height:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}   .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
.mCustomScrollBox{ position: relative;
overflow: hidden;
height: 100%;
max-width: 100%;
outline: none;
direction: ltr;
}
.mCSB_container{ overflow: hidden;
width: auto;
height: auto;
} .mCSB_inside > .mCSB_container{ margin-right: 30px; }
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ margin-right: 0;
margin-left: 30px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } .mCSB_scrollTools{ position: absolute;
width: 16px;
height: auto;
left: auto;
top: 0;
right: 0;
bottom: 0;
}
.mCSB_outside + .mCSB_scrollTools{ right: -26px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ right: auto;
left: 0;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } .mCSB_scrollTools .mCSB_draggerContainer{ position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0; 
height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }
.mCSB_scrollTools .mCSB_draggerRail{
width: 2px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
}
.mCSB_scrollTools .mCSB_dragger{ cursor: pointer;
width: 100%;
height: 30px; z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ position: relative;
width: 4px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
text-align: center;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; }
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
display: block;
position: absolute;
height: 20px;
width: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } .mCSB_horizontal.mCSB_inside > .mCSB_container{
margin-right: 0;
margin-bottom: 30px;
}
.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal{
width: auto;
height: 16px;
top: auto;
right: 0;
bottom: 0;
left: 0;
}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 2px;
margin: 7px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
width: 30px; height: 100%;
left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 4px;
margin: 6px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
height: 12px; margin: 2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 8px; margin: 4px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
display: block;
position: absolute;
width: 20px;
height: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } .mCSB_container_wrapper{
position: absolute;
height: auto;
width: auto;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin-right: 30px;
margin-bottom: 30px;
}
.mCSB_container_wrapper > .mCSB_container{
padding-right: 30px;
padding-bottom: 30px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ margin-right: 0;
margin-left: 30px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
margin-right: 0; margin-left: 0;
} .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } .mCSB_scrollTools, 
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out; 
-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out; 
-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out; 
transition: width .2s ease-out .2s, height .2s ease-out .2s, 
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out; 
}   .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }
.mCSB_scrollTools .mCSB_draggerRail{
background-color: #e9eaeb;
filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #10a2ef;
filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.85);
filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.9);
filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
background-image: url(//vaishya.ru/wp-content/themes/microjobengine/assets/css/mCSB_buttons.png); background-repeat: no-repeat;
opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
}
.mCSB_scrollTools .mCSB_buttonUp{
background-position: 0 0; }
.mCSB_scrollTools .mCSB_buttonDown{
background-position: 0 -20px; }
.mCSB_scrollTools .mCSB_buttonLeft{
background-position: 0 -40px; }
.mCSB_scrollTools .mCSB_buttonRight{
background-position: 0 -56px; }
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }  .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.1);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.75);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 4px;
margin: 6px auto;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.75);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }  .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.1);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 6px;
background-color: #fff; background-color: rgba(255,255,255,0.75);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 4px;
margin: 6px 0;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 6px;
margin: 5px auto;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.75);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }  .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 2px;
margin: 7px auto;
} .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }  .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 14px;
margin: 0 1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 14px;
margin: 1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
width: 16px; height: 16px;
margin: -1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; }
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
height: 16px; width: 16px;
margin: 0 -1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 4px; margin: 6px 0;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
background-color: transparent;
background-position: center;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
background-repeat: repeat-y;
opacity: 0.3;
filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
}
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
height: 4px;
margin: 6px 0;
background-repeat: repeat-x;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=);
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }  .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-repeat: repeat-y;
background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
} .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
.mCS-3d.mCSB_scrollTools, 
.mCS-3d-dark.mCSB_scrollTools{
opacity: 1;
filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
width: 8px;
background-color: #000; background-color: rgba(0,0,0,0.2);
box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 8px;
margin: 4px 0;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 8px;
margin: 4px auto;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1);
box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }  .mCS-3d-thick.mCSB_scrollTools, 
.mCS-3d-thick-dark.mCSB_scrollTools{
opacity: 1;
filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
}
.mCS-3d-thick.mCSB_scrollTools, 
.mCS-3d-thick-dark.mCSB_scrollTools, 
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
.mCS-3d-thick.mCSB_scrollTools_vertical, 
.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
.mCS-3d-thick.mCSB_scrollTools_horizontal, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
bottom: 1px;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
width: 12px;
margin: 2px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 12px;
width: auto;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
background-color: #000; background-color: rgba(0,0,0,0.05);
box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; } .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
background-color: #fff; background-color: rgba(0,0,0,0.05);
box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }  .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
right: -32px;
margin: 12px 0; 
}
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
bottom: 0; 
margin: 0 12px; 
} .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
left: 0; 
right: auto;
}
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #10a2ef; background-color: #10a2ef;
filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #10a2ef; background-color: ##10a2ef);
filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
} .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.2);
filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.5);
filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
}  .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
width: 6px;
background-color: #000; background-color: rgba(0,0,0,0.2);
}
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 6px;
margin: 5px 0;
}
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
width: 12px;
}
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 12px;
margin: 2px 0;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }  .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
width: 12px;
background-color: #000; background-color: rgba(0,0,0,0.2);
}
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
width: 6px;
margin: 3px 5px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 6px;
margin: 5px 3px;
position: absolute;
width: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 12px;
margin: 2px 0;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; } .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
background-color: transparent;
border-width: 1px;
border-style: solid;
border-color: #fff;
border-color: rgba(255,255,255,0.2);
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:0 0;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;pointer-events:none}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;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-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303}.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:4px;background-color:#000;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-.2em;top:-.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:-.2em;top:-.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}
   @import url("https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,500i&subset=vietnamese");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700italic,700,800,800italic");
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; } @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; } } * {
box-sizing: border-box; }
*:before,
*:after {
box-sizing: border-box; }
html {
font-size: 10px;
-webkit-tap-highlight-color: transparent; }
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857;
color: #333333;
background-color: #fff; }
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit; }
a {
color: #337ab7;
text-decoration: none; }
a:hover, a:focus {
color: #23527c;
text-decoration: underline; }
a:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; }
figure {
margin: 0; }
img {
vertical-align: middle; }
.img-responsive {
display: block;
max-width: 100%;
height: auto; }
.img-rounded {
border-radius: 6px; }
.img-thumbnail {
padding: 4px;
line-height: 1.42857;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto; }
.img-circle {
border-radius: 50%; }
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eeeeee; }
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto; }
[role="button"] {
cursor: pointer; }
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit; }
h1 small,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small,
.h1 small,
.h1 .small, .h2 small,
.h2 .small, .h3 small,
.h3 .small, .h4 small,
.h4 .small, .h5 small,
.h5 .small, .h6 small,
.h6 .small {
font-weight: normal;
line-height: 1;
color: #777777; }
h1, .h1,
h2, .h2,
h3, .h3 {
margin-top: 20px;
margin-bottom: 10px; }
h1 small,
h1 .small, .h1 small,
.h1 .small,
h2 small,
h2 .small, .h2 small,
.h2 .small,
h3 small,
h3 .small, .h3 small,
.h3 .small {
font-size: 65%; }
h4, .h4,
h5, .h5,
h6, .h6 {
margin-top: 10px;
margin-bottom: 10px; }
h4 small,
h4 .small, .h4 small,
.h4 .small,
h5 small,
h5 .small, .h5 small,
.h5 .small,
h6 small,
h6 .small, .h6 small,
.h6 .small {
font-size: 75%; }
h1, .h1 {
font-size: 36px; }
h2, .h2 {
font-size: 30px; }
h3, .h3 {
font-size: 24px; }
h4, .h4 {
font-size: 18px; }
h5, .h5 {
font-size: 14px; }
h6, .h6 {
font-size: 12px; }
p {
margin: 0 0 10px; }
.lead {
margin-bottom: 20px;
font-size: 16px;
font-weight: 300;
line-height: 1.4; }
@media (min-width: 768px) {
.lead {
font-size: 21px; } }
small,
.small {
font-size: 85%; }
mark,
.mark {
background-color: #fcf8e3;
padding: .2em; }
.text-left {
text-align: left; }
.text-right {
text-align: right; }
.text-center {
text-align: center; }
.text-justify {
text-align: justify; }
.text-nowrap {
white-space: nowrap; }
.text-lowercase {
text-transform: lowercase; }
.text-uppercase, .initialism {
text-transform: uppercase; }
.text-capitalize {
text-transform: capitalize; }
.text-muted {
color: #777777; }
.text-primary {
color: #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; }
.bg-primary {
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,
ul ol,
ol ul,
ol ol {
margin-bottom: 0; }
.list-unstyled {
padding-left: 0;
list-style: none; }
.list-inline {
padding-left: 0;
list-style: none;
margin-left: -5px; }
.list-inline > li {
display: inline-block;
padding-left: 5px;
padding-right: 5px; }
dl {
margin-top: 0;
margin-bottom: 20px; }
dt,
dd {
line-height: 1.42857; }
dt {
font-weight: bold; }
dd {
margin-left: 0; }
.dl-horizontal dd:before, .dl-horizontal dd:after {
content: " ";
display: table; }
.dl-horizontal dd:after {
clear: both; }
@media (min-width: 768px) {
.dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.dl-horizontal dd {
margin-left: 180px; } }
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #777777; }
.initialism {
font-size: 90%; }
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #eeeeee; }
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
margin-bottom: 0; }
blockquote footer,
blockquote small,
blockquote .small {
display: block;
font-size: 80%;
line-height: 1.42857;
color: #777777; }
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
content: '\2014 \00A0'; }
.blockquote-reverse,
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #eeeeee;
border-left: 0;
text-align: right; }
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
content: ''; }
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
content: '\00A0 \2014'; }
address {
margin-bottom: 20px;
font-style: normal;
line-height: 1.42857; }
code,
kbd,
pre,
samp {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }
code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px; }
kbd {
padding: 2px 4px;
font-size: 90%;
color: #fff;
background-color: #333;
border-radius: 3px;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: bold;
box-shadow: none; }
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.42857;
word-break: break-all;
word-wrap: break-word;
color: #333333;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px; }
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0; }
.pre-scrollable {
max-height: 340px;
overflow-y: scroll; }
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px; }
.container:before, .container:after {
content: " ";
display: table; }
.container:after {
clear: both; }
@media (min-width: 768px) {
.container {
width: 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; }
.container-fluid:before, .container-fluid:after {
content: " ";
display: table; }
.container-fluid:after {
clear: both; }
.row {
margin-left: -15px;
margin-right: -15px; }
.row:before, .row:after {
content: " ";
display: table; }
.row:after {
clear: both; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left; }
.col-xs-1 {
width: 8.33333%; }
.col-xs-2 {
width: 16.66667%; }
.col-xs-3 {
width: 25%; }
.col-xs-4 {
width: 33.33333%; }
.col-xs-5 {
width: 41.66667%; }
.col-xs-6 {
width: 50%; }
.col-xs-7 {
width: 58.33333%; }
.col-xs-8 {
width: 66.66667%; }
.col-xs-9 {
width: 75%; }
.col-xs-10 {
width: 83.33333%; }
.col-xs-11 {
width: 91.66667%; }
.col-xs-12 {
width: 100%; }
.col-xs-pull-0 {
right: auto; }
.col-xs-pull-1 {
right: 8.33333%; }
.col-xs-pull-2 {
right: 16.66667%; }
.col-xs-pull-3 {
right: 25%; }
.col-xs-pull-4 {
right: 33.33333%; }
.col-xs-pull-5 {
right: 41.66667%; }
.col-xs-pull-6 {
right: 50%; }
.col-xs-pull-7 {
right: 58.33333%; }
.col-xs-pull-8 {
right: 66.66667%; }
.col-xs-pull-9 {
right: 75%; }
.col-xs-pull-10 {
right: 83.33333%; }
.col-xs-pull-11 {
right: 91.66667%; }
.col-xs-pull-12 {
right: 100%; }
.col-xs-push-0 {
left: auto; }
.col-xs-push-1 {
left: 8.33333%; }
.col-xs-push-2 {
left: 16.66667%; }
.col-xs-push-3 {
left: 25%; }
.col-xs-push-4 {
left: 33.33333%; }
.col-xs-push-5 {
left: 41.66667%; }
.col-xs-push-6 {
left: 50%; }
.col-xs-push-7 {
left: 58.33333%; }
.col-xs-push-8 {
left: 66.66667%; }
.col-xs-push-9 {
left: 75%; }
.col-xs-push-10 {
left: 83.33333%; }
.col-xs-push-11 {
left: 91.66667%; }
.col-xs-push-12 {
left: 100%; }
.col-xs-offset-0 {
margin-left: 0%; }
.col-xs-offset-1 {
margin-left: 8.33333%; }
.col-xs-offset-2 {
margin-left: 16.66667%; }
.col-xs-offset-3 {
margin-left: 25%; }
.col-xs-offset-4 {
margin-left: 33.33333%; }
.col-xs-offset-5 {
margin-left: 41.66667%; }
.col-xs-offset-6 {
margin-left: 50%; }
.col-xs-offset-7 {
margin-left: 58.33333%; }
.col-xs-offset-8 {
margin-left: 66.66667%; }
.col-xs-offset-9 {
margin-left: 75%; }
.col-xs-offset-10 {
margin-left: 83.33333%; }
.col-xs-offset-11 {
margin-left: 91.66667%; }
.col-xs-offset-12 {
margin-left: 100%; }
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left; }
.col-sm-1 {
width: 8.33333%; }
.col-sm-2 {
width: 16.66667%; }
.col-sm-3 {
width: 25%; }
.col-sm-4 {
width: 33.33333%; }
.col-sm-5 {
width: 41.66667%; }
.col-sm-6 {
width: 50%; }
.col-sm-7 {
width: 58.33333%; }
.col-sm-8 {
width: 66.66667%; }
.col-sm-9 {
width: 75%; }
.col-sm-10 {
width: 83.33333%; }
.col-sm-11 {
width: 91.66667%; }
.col-sm-12 {
width: 100%; }
.col-sm-pull-0 {
right: auto; }
.col-sm-pull-1 {
right: 8.33333%; }
.col-sm-pull-2 {
right: 16.66667%; }
.col-sm-pull-3 {
right: 25%; }
.col-sm-pull-4 {
right: 33.33333%; }
.col-sm-pull-5 {
right: 41.66667%; }
.col-sm-pull-6 {
right: 50%; }
.col-sm-pull-7 {
right: 58.33333%; }
.col-sm-pull-8 {
right: 66.66667%; }
.col-sm-pull-9 {
right: 75%; }
.col-sm-pull-10 {
right: 83.33333%; }
.col-sm-pull-11 {
right: 91.66667%; }
.col-sm-pull-12 {
right: 100%; }
.col-sm-push-0 {
left: auto; }
.col-sm-push-1 {
left: 8.33333%; }
.col-sm-push-2 {
left: 16.66667%; }
.col-sm-push-3 {
left: 25%; }
.col-sm-push-4 {
left: 33.33333%; }
.col-sm-push-5 {
left: 41.66667%; }
.col-sm-push-6 {
left: 50%; }
.col-sm-push-7 {
left: 58.33333%; }
.col-sm-push-8 {
left: 66.66667%; }
.col-sm-push-9 {
left: 75%; }
.col-sm-push-10 {
left: 83.33333%; }
.col-sm-push-11 {
left: 91.66667%; }
.col-sm-push-12 {
left: 100%; }
.col-sm-offset-0 {
margin-left: 0%; }
.col-sm-offset-1 {
margin-left: 8.33333%; }
.col-sm-offset-2 {
margin-left: 16.66667%; }
.col-sm-offset-3 {
margin-left: 25%; }
.col-sm-offset-4 {
margin-left: 33.33333%; }
.col-sm-offset-5 {
margin-left: 41.66667%; }
.col-sm-offset-6 {
margin-left: 50%; }
.col-sm-offset-7 {
margin-left: 58.33333%; }
.col-sm-offset-8 {
margin-left: 66.66667%; }
.col-sm-offset-9 {
margin-left: 75%; }
.col-sm-offset-10 {
margin-left: 83.33333%; }
.col-sm-offset-11 {
margin-left: 91.66667%; }
.col-sm-offset-12 {
margin-left: 100%; } }
@media (min-width: 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-1 {
width: 8.33333%; }
.col-md-2 {
width: 16.66667%; }
.col-md-3 {
width: 25%; }
.col-md-4 {
width: 33.33333%; }
.col-md-5 {
width: 41.66667%; }
.col-md-6 {
width: 50%; }
.col-md-7 {
width: 58.33333%; }
.col-md-8 {
width: 66.66667%; }
.col-md-9 {
width: 75%; }
.col-md-10 {
width: 83.33333%; }
.col-md-11 {
width: 91.66667%; }
.col-md-12 {
width: 100%; }
.col-md-pull-0 {
right: auto; }
.col-md-pull-1 {
right: 8.33333%; }
.col-md-pull-2 {
right: 16.66667%; }
.col-md-pull-3 {
right: 25%; }
.col-md-pull-4 {
right: 33.33333%; }
.col-md-pull-5 {
right: 41.66667%; }
.col-md-pull-6 {
right: 50%; }
.col-md-pull-7 {
right: 58.33333%; }
.col-md-pull-8 {
right: 66.66667%; }
.col-md-pull-9 {
right: 75%; }
.col-md-pull-10 {
right: 83.33333%; }
.col-md-pull-11 {
right: 91.66667%; }
.col-md-pull-12 {
right: 100%; }
.col-md-push-0 {
left: auto; }
.col-md-push-1 {
left: 8.33333%; }
.col-md-push-2 {
left: 16.66667%; }
.col-md-push-3 {
left: 25%; }
.col-md-push-4 {
left: 33.33333%; }
.col-md-push-5 {
left: 41.66667%; }
.col-md-push-6 {
left: 50%; }
.col-md-push-7 {
left: 58.33333%; }
.col-md-push-8 {
left: 66.66667%; }
.col-md-push-9 {
left: 75%; }
.col-md-push-10 {
left: 83.33333%; }
.col-md-push-11 {
left: 91.66667%; }
.col-md-push-12 {
left: 100%; }
.col-md-offset-0 {
margin-left: 0%; }
.col-md-offset-1 {
margin-left: 8.33333%; }
.col-md-offset-2 {
margin-left: 16.66667%; }
.col-md-offset-3 {
margin-left: 25%; }
.col-md-offset-4 {
margin-left: 33.33333%; }
.col-md-offset-5 {
margin-left: 41.66667%; }
.col-md-offset-6 {
margin-left: 50%; }
.col-md-offset-7 {
margin-left: 58.33333%; }
.col-md-offset-8 {
margin-left: 66.66667%; }
.col-md-offset-9 {
margin-left: 75%; }
.col-md-offset-10 {
margin-left: 83.33333%; }
.col-md-offset-11 {
margin-left: 91.66667%; }
.col-md-offset-12 {
margin-left: 100%; } }
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left; }
.col-lg-1 {
width: 8.33333%; }
.col-lg-2 {
width: 16.66667%; }
.col-lg-3 {
width: 25%; }
.col-lg-4 {
width: 33.33333%; }
.col-lg-5 {
width: 41.66667%; }
.col-lg-6 {
width: 50%; }
.col-lg-7 {
width: 58.33333%; }
.col-lg-8 {
width: 66.66667%; }
.col-lg-9 {
width: 75%; }
.col-lg-10 {
width: 83.33333%; }
.col-lg-11 {
width: 91.66667%; }
.col-lg-12 {
width: 100%; }
.col-lg-pull-0 {
right: auto; }
.col-lg-pull-1 {
right: 8.33333%; }
.col-lg-pull-2 {
right: 16.66667%; }
.col-lg-pull-3 {
right: 25%; }
.col-lg-pull-4 {
right: 33.33333%; }
.col-lg-pull-5 {
right: 41.66667%; }
.col-lg-pull-6 {
right: 50%; }
.col-lg-pull-7 {
right: 58.33333%; }
.col-lg-pull-8 {
right: 66.66667%; }
.col-lg-pull-9 {
right: 75%; }
.col-lg-pull-10 {
right: 83.33333%; }
.col-lg-pull-11 {
right: 91.66667%; }
.col-lg-pull-12 {
right: 100%; }
.col-lg-push-0 {
left: auto; }
.col-lg-push-1 {
left: 8.33333%; }
.col-lg-push-2 {
left: 16.66667%; }
.col-lg-push-3 {
left: 25%; }
.col-lg-push-4 {
left: 33.33333%; }
.col-lg-push-5 {
left: 41.66667%; }
.col-lg-push-6 {
left: 50%; }
.col-lg-push-7 {
left: 58.33333%; }
.col-lg-push-8 {
left: 66.66667%; }
.col-lg-push-9 {
left: 75%; }
.col-lg-push-10 {
left: 83.33333%; }
.col-lg-push-11 {
left: 91.66667%; }
.col-lg-push-12 {
left: 100%; }
.col-lg-offset-0 {
margin-left: 0%; }
.col-lg-offset-1 {
margin-left: 8.33333%; }
.col-lg-offset-2 {
margin-left: 16.66667%; }
.col-lg-offset-3 {
margin-left: 25%; }
.col-lg-offset-4 {
margin-left: 33.33333%; }
.col-lg-offset-5 {
margin-left: 41.66667%; }
.col-lg-offset-6 {
margin-left: 50%; }
.col-lg-offset-7 {
margin-left: 58.33333%; }
.col-lg-offset-8 {
margin-left: 66.66667%; }
.col-lg-offset-9 {
margin-left: 75%; }
.col-lg-offset-10 {
margin-left: 83.33333%; }
.col-lg-offset-11 {
margin-left: 91.66667%; }
.col-lg-offset-12 {
margin-left: 100%; } }
table {
background-color: transparent; }
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #777777;
text-align: left; }
th {
text-align: left; }
.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px; }
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
padding: 8px;
line-height: 1.42857;
vertical-align: top;
border-top: 1px solid #ddd; }
.table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #ddd; }
.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
border-top: 0; }
.table > tbody + tbody {
border-top: 2px solid #ddd; }
.table .table {
background-color: #fff; }
.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
padding: 5px; }
.table-bordered {
border: 1px solid #ddd; }
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
border: 1px solid #ddd; }
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 2px; }
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #f9f9f9; }
.table-hover > tbody > tr:hover {
background-color: #f5f5f5; }
table col[class*="col-"] {
position: static;
float: none;
display: table-column; }
table td[class*="col-"],
table th[class*="col-"] {
position: static;
float: none;
display: table-cell; }
.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
background-color: #f5f5f5; }
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
background-color: #e8e8e8; }
.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
background-color: #dff0d8; }
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
background-color: #d0e9c6; }
.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
background-color: #d9edf7; }
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
background-color: #c4e3f3; }
.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
background-color: #fcf8e3; }
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
background-color: #faf2cc; }
.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
background-color: #f2dede; }
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
background-color: #ebcccc; }
.table-responsive {
overflow-x: auto;
min-height: 0.01%; }
@media screen and (max-width: 767px) {
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd; }
.table-responsive > .table {
margin-bottom: 0; }
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > tfoot > tr > td {
white-space: nowrap; }
.table-responsive > .table-bordered {
border: 0; }
.table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0; }
.table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0; }
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0; } }
fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 0; }
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333333;
border: 0;
border-bottom: 1px solid #e5e5e5; }
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: bold; }
input[type="search"] {
box-sizing: border-box; }
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal; }
input[type="file"] {
display: block; }
input[type="range"] {
display: block;
width: 100%; }
select[multiple],
select[size] {
height: auto; }
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; }
output {
display: block;
padding-top: 7px;
font-size: 14px;
line-height: 1.42857;
color: #555555; }
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857;
color: #555555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
.form-control:focus {
border-color: #66afe9;
outline: 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
.form-control::-moz-placeholder {
color: #999;
opacity: 1; }
.form-control:-ms-input-placeholder {
color: #999; }
.form-control::-webkit-input-placeholder {
color: #999; }
.form-control[disabled], .form-control[readonly],
fieldset[disabled] .form-control {
background-color: #eeeeee;
opacity: 1; }
.form-control[disabled],
fieldset[disabled] .form-control {
cursor: not-allowed; }
textarea.form-control {
height: auto; }
input[type="search"] {
-webkit-appearance: none; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
line-height: 34px; }
input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control,
.input-group-sm > input[type="date"].input-group-addon,
.input-group-sm > .input-group-btn > input[type="date"].btn,
.input-group-sm input[type="date"],
input[type="time"].input-sm,
.input-group-sm > input[type="time"].form-control,
.input-group-sm > input[type="time"].input-group-addon,
.input-group-sm > .input-group-btn > input[type="time"].btn,
.input-group-sm
input[type="time"],
input[type="datetime-local"].input-sm,
.input-group-sm > input[type="datetime-local"].form-control,
.input-group-sm > input[type="datetime-local"].input-group-addon,
.input-group-sm > .input-group-btn > input[type="datetime-local"].btn,
.input-group-sm
input[type="datetime-local"],
input[type="month"].input-sm,
.input-group-sm > input[type="month"].form-control,
.input-group-sm > input[type="month"].input-group-addon,
.input-group-sm > .input-group-btn > input[type="month"].btn,
.input-group-sm
input[type="month"] {
line-height: 30px; }
input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control,
.input-group-lg > input[type="date"].input-group-addon,
.input-group-lg > .input-group-btn > input[type="date"].btn,
.input-group-lg input[type="date"],
input[type="time"].input-lg,
.input-group-lg > input[type="time"].form-control,
.input-group-lg > input[type="time"].input-group-addon,
.input-group-lg > .input-group-btn > input[type="time"].btn,
.input-group-lg
input[type="time"],
input[type="datetime-local"].input-lg,
.input-group-lg > input[type="datetime-local"].form-control,
.input-group-lg > input[type="datetime-local"].input-group-addon,
.input-group-lg > .input-group-btn > input[type="datetime-local"].btn,
.input-group-lg
input[type="datetime-local"],
input[type="month"].input-lg,
.input-group-lg > input[type="month"].form-control,
.input-group-lg > input[type="month"].input-group-addon,
.input-group-lg > .input-group-btn > input[type="month"].btn,
.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;
visibility: collapse; }
.radio + .radio,
.checkbox + .checkbox {
margin-top: -5px; }
.radio-inline,
.checkbox-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
vertical-align: middle;
font-weight: normal;
cursor: pointer; }
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
margin-top: 0;
margin-left: 10px; }
input[type="radio"][disabled], input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled]
input[type="checkbox"] {
cursor: not-allowed; }
.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled]
.checkbox-inline {
cursor: not-allowed; }
.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled]
.checkbox label {
cursor: not-allowed; }
.form-control-static {
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
min-height: 34px; }
.form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
.input-group-lg > .form-control-static.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
.input-group-sm > .form-control-static.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-static.btn {
padding-left: 0;
padding-right: 0; }
.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px; }
select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
height: 30px;
line-height: 30px; }
textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select[multiple].form-control,
.input-group-sm > select[multiple].input-group-addon,
.input-group-sm > .input-group-btn > select[multiple].btn {
height: auto; }
.form-group-sm .form-control {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px; }
.form-group-sm select.form-control {
height: 30px;
line-height: 30px; }
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
height: auto; }
.form-group-sm .form-control-static {
height: 30px;
min-height: 32px;
padding: 6px 10px;
font-size: 12px;
line-height: 1.5; }
.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.33333;
border-radius: 6px; }
select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
height: 46px;
line-height: 46px; }
textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select[multiple].form-control,
.input-group-lg > select[multiple].input-group-addon,
.input-group-lg > .input-group-btn > select[multiple].btn {
height: auto; }
.form-group-lg .form-control {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.33333;
border-radius: 6px; }
.form-group-lg select.form-control {
height: 46px;
line-height: 46px; }
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
height: auto; }
.form-group-lg .form-control-static {
height: 46px;
min-height: 38px;
padding: 11px 16px;
font-size: 18px;
line-height: 1.33333; }
.has-feedback {
position: relative; }
.has-feedback .form-control {
padding-right: 42.5px; }
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
pointer-events: none; }
.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
width: 46px;
height: 46px;
line-height: 46px; }
.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
width: 30px;
height: 30px;
line-height: 30px; }
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
color: #3c763d; }
.has-success .form-control {
border-color: #3c763d;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-success .form-control:focus {
border-color: #2b542c;
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;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-warning .form-control:focus {
border-color: #66512c;
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;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-error .form-control:focus {
border-color: #843534;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }
.has-error .input-group-addon {
color: #a94442;
border-color: #a94442;
background-color: #f2dede; }
.has-error .form-control-feedback {
color: #a94442; }
.has-feedback label ~ .form-control-feedback {
top: 25px; }
.has-feedback label.sr-only ~ .form-control-feedback {
top: 0; }
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373; }
@media (min-width: 768px) {
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle; }
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle; }
.form-inline .form-control-static {
display: inline-block; }
.form-inline .input-group {
display: inline-table;
vertical-align: middle; }
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
width: auto; }
.form-inline .input-group > .form-control {
width: 100%; }
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle; }
.form-inline .radio,
.form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle; }
.form-inline .radio label,
.form-inline .checkbox label {
padding-left: 0; }
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0; }
.form-inline .has-feedback .form-control-feedback {
top: 0; } }
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 7px; }
.form-horizontal .radio,
.form-horizontal .checkbox {
min-height: 27px; }
.form-horizontal .form-group {
margin-left: -15px;
margin-right: -15px; }
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
content: " ";
display: table; }
.form-horizontal .form-group:after {
clear: both; }
@media (min-width: 768px) {
.form-horizontal .control-label {
text-align: right;
margin-bottom: 0;
padding-top: 7px; } }
.form-horizontal .has-feedback .form-control-feedback {
right: 15px; }
@media (min-width: 768px) {
.form-horizontal .form-group-lg .control-label {
padding-top: 14.33333px;
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;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; }
.btn:hover, .btn:focus, .btn.focus {
color: #333;
text-decoration: none; }
.btn:active, .btn.active {
outline: 0;
background-image: none;
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);
box-shadow: none; }
a.btn.disabled,
fieldset[disabled] a.btn {
pointer-events: none; }
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc; }
.btn-default:focus, .btn-default.focus {
color: #333;
background-color: #e6e6e6;
border-color: #8c8c8c; }
.btn-default:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad; }
.btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
color: #333;
background-color: #e6e6e6;
border-color: #adadad; }
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
.open > .btn-default.dropdown-toggle:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle.focus {
color: #333;
background-color: #d4d4d4;
border-color: #8c8c8c; }
.btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
background-image: none; }
.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled].active,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active {
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 > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #286090;
border-color: #204d74; }
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {
color: #fff;
background-color: #204d74;
border-color: #122b40; }
.btn-primary:active, .btn-primary.active,
.open > .btn-primary.dropdown-toggle {
background-image: none; }
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
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 > .btn-success.dropdown-toggle {
color: #fff;
background-color: #449d44;
border-color: #398439; }
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
.open > .btn-success.dropdown-toggle:hover,
.open > .btn-success.dropdown-toggle:focus,
.open > .btn-success.dropdown-toggle.focus {
color: #fff;
background-color: #398439;
border-color: #255625; }
.btn-success:active, .btn-success.active,
.open > .btn-success.dropdown-toggle {
background-image: none; }
.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active {
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 > .btn-info.dropdown-toggle {
color: #fff;
background-color: #31b0d5;
border-color: #269abc; }
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
.open > .btn-info.dropdown-toggle:hover,
.open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle.focus {
color: #fff;
background-color: #269abc;
border-color: #1b6d85; }
.btn-info:active, .btn-info.active,
.open > .btn-info.dropdown-toggle {
background-image: none; }
.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
background-color: #5bc0de;
border-color: #46b8da; }
.btn-info .badge {
color: #5bc0de;
background-color: #fff; }
.btn-warning {
color: #fff;
background-color: #f0ad4e;
border-color: #eea236; }
.btn-warning:focus, .btn-warning.focus {
color: #fff;
background-color: #ec971f;
border-color: #985f0d; }
.btn-warning:hover {
color: #fff;
background-color: #ec971f;
border-color: #d58512; }
.btn-warning:active, .btn-warning.active,
.open > .btn-warning.dropdown-toggle {
color: #fff;
background-color: #ec971f;
border-color: #d58512; }
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
.open > .btn-warning.dropdown-toggle:hover,
.open > .btn-warning.dropdown-toggle:focus,
.open > .btn-warning.dropdown-toggle.focus {
color: #fff;
background-color: #d58512;
border-color: #985f0d; }
.btn-warning:active, .btn-warning.active,
.open > .btn-warning.dropdown-toggle {
background-image: none; }
.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active {
background-color: #f0ad4e;
border-color: #eea236; }
.btn-warning .badge {
color: #f0ad4e;
background-color: #fff; }
.btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a; }
.btn-danger:focus, .btn-danger.focus {
color: #fff;
background-color: #c9302c;
border-color: #761c19; }
.btn-danger:hover {
color: #fff;
background-color: #c9302c;
border-color: #ac2925; }
.btn-danger:active, .btn-danger.active,
.open > .btn-danger.dropdown-toggle {
color: #fff;
background-color: #c9302c;
border-color: #ac2925; }
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
.open > .btn-danger.dropdown-toggle:hover,
.open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle.focus {
color: #fff;
background-color: #ac2925;
border-color: #761c19; }
.btn-danger:active, .btn-danger.active,
.open > .btn-danger.dropdown-toggle {
background-image: none; }
.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {
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;
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, .btn-link[disabled]:focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus {
color: #777777;
text-decoration: none; }
.btn-lg, .btn-group-lg > .btn {
padding: 10px 16px;
font-size: 18px;
line-height: 1.33333;
border-radius: 6px; }
.btn-sm, .btn-group-sm > .btn {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px; }
.btn-xs, .btn-group-xs > .btn {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px; }
.btn-block {
display: block;
width: 100%; }
.btn-block + .btn-block {
margin-top: 5px; }
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%; }
.fade {
opacity: 0;
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;
transition-property: height, visibility;
transition-duration: 0.35s;
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;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box; }
.dropdown-menu.pull-right {
right: 0;
left: auto; }
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5; }
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857;
color: #333333;
white-space: nowrap; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
text-decoration: none;
color: #262626;
background-color: #f5f5f5; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
color: #fff;
text-decoration: none;
outline: 0;
background-color: #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.42857;
color: #777777;
white-space: nowrap; }
.dropdown-backdrop {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 990; }
.pull-right > .dropdown-menu {
right: 0;
left: auto; }
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px dashed;
border-bottom: 4px solid \9;
content: ""; }
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px; }
@media (min-width: 768px) {
.navbar-right .dropdown-menu {
right: 0;
left: auto; }
.navbar-right .dropdown-menu-left {
left: 0;
right: auto; } }
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle; }
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
float: left; }
.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
z-index: 2; }
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
margin-left: -1px; }
.btn-toolbar {
margin-left: -5px; }
.btn-toolbar:before, .btn-toolbar:after {
content: " ";
display: table; }
.btn-toolbar:after {
clear: both; }
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
float: left; }
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
margin-left: 5px; }
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0; }
.btn-group > .btn:first-child {
margin-left: 0; }
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius: 0; }
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0; }
.btn-group > .btn-group {
float: left; }
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0; }
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0;
border-top-right-radius: 0; }
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0; }
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0; }
.btn-group > .btn + .dropdown-toggle {
padding-left: 8px;
padding-right: 8px; }
.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
padding-left: 12px;
padding-right: 12px; }
.btn-group.open .dropdown-toggle {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.btn-group.open .dropdown-toggle.btn-link {
box-shadow: none; }
.btn .caret {
margin-left: 0; }
.btn-lg .caret, .btn-group-lg > .btn .caret {
border-width: 5px 5px 0;
border-bottom-width: 0; }
.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
border-width: 0 5px 5px; }
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
display: block;
float: none;
width: 100%;
max-width: 100%; }
.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
content: " ";
display: table; }
.btn-group-vertical > .btn-group:after {
clear: both; }
.btn-group-vertical > .btn-group > .btn {
float: none; }
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
margin-top: -1px;
margin-left: 0; }
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
border-radius: 0; }
.btn-group-vertical > .btn:first-child:not(:last-child) {
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.btn-group-vertical > .btn:last-child:not(:first-child) {
border-bottom-left-radius: 4px;
border-top-right-radius: 0;
border-top-left-radius: 0; }
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0; }
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0; }
.btn-group-justified {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate; }
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
float: none;
display: table-cell;
width: 1%; }
.btn-group-justified > .btn-group .btn {
width: 100%; }
.btn-group-justified > .btn-group .dropdown-menu {
left: auto; }
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none; }
.input-group {
position: relative;
display: table;
border-collapse: separate; }
.input-group[class*="col-"] {
float: none;
padding-left: 0;
padding-right: 0; }
.input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0; }
.input-group-addon,
.input-group-btn,
.input-group .form-control {
display: table-cell; }
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0; }
.input-group-addon,
.input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle; }
.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: normal;
line-height: 1;
color: #555555;
text-align: center;
background-color: #eeeeee;
border: 1px solid #ccc;
border-radius: 4px; }
.input-group-addon.input-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
padding: 5px 10px;
font-size: 12px;
border-radius: 3px; }
.input-group-addon.input-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
padding: 10px 16px;
font-size: 18px;
border-radius: 6px; }
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
margin-top: 0; }
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
border-bottom-right-radius: 0;
border-top-right-radius: 0; }
.input-group-addon:first-child {
border-right: 0; }
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
border-bottom-left-radius: 0;
border-top-left-radius: 0; }
.input-group-addon:last-child {
border-left: 0; }
.input-group-btn {
position: relative;
font-size: 0;
white-space: nowrap; }
.input-group-btn > .btn {
position: relative; }
.input-group-btn > .btn + .btn {
margin-left: -1px; }
.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
z-index: 2; }
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
margin-right: -1px; }
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
z-index: 2;
margin-left: -1px; }
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none; }
.nav:before, .nav:after {
content: " ";
display: table; }
.nav:after {
clear: both; }
.nav > li {
position: relative;
display: block; }
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px; }
.nav > li > a:hover, .nav > li > a:focus {
text-decoration: none;
background-color: #eeeeee; }
.nav > li.disabled > a {
color: #777777; }
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
color: #777777;
text-decoration: none;
background-color: transparent;
cursor: not-allowed; }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background-color: #eeeeee;
border-color: #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.42857;
border: 1px solid transparent;
border-radius: 4px 4px 0 0; }
.nav-tabs > li > a:hover {
border-color: #eeeeee #eeeeee #ddd; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
color: #555555;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
cursor: default; }
.nav-pills > li {
float: left; }
.nav-pills > li > a {
border-radius: 4px; }
.nav-pills > li + li {
margin-left: 2px; }
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
color: #fff;
background-color: #337ab7; }
.nav-stacked > li {
float: none; }
.nav-stacked > li + li {
margin-top: 2px;
margin-left: 0; }
.nav-justified, .nav-tabs.nav-justified {
width: 100%; }
.nav-justified > li, .nav-tabs.nav-justified > li {
float: none; }
.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
text-align: center;
margin-bottom: 5px; }
.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto; }
@media (min-width: 768px) {
.nav-justified > li, .nav-tabs.nav-justified > li {
display: table-cell;
width: 1%; }
.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
margin-bottom: 0; } }
.nav-tabs-justified, .nav-tabs.nav-justified {
border-bottom: 0; }
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
margin-right: 0;
border-radius: 4px; }
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
border: 1px solid #ddd; }
@media (min-width: 768px) {
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0; }
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
border-bottom-color: #fff; } }
.tab-content > .tab-pane {
display: none; }
.tab-content > .active {
display: block; }
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-right-radius: 0;
border-top-left-radius: 0; }
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 20px;
border: 1px solid transparent; }
.navbar:before, .navbar:after {
content: " ";
display: table; }
.navbar:after {
clear: both; }
@media (min-width: 768px) {
.navbar {
border-radius: 4px; } }
.navbar-header:before, .navbar-header:after {
content: " ";
display: table; }
.navbar-header:after {
clear: both; }
@media (min-width: 768px) {
.navbar-header {
float: left; } }
.navbar-collapse {
overflow-x: visible;
padding-right: 15px;
padding-left: 15px;
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
-webkit-overflow-scrolling: touch; }
.navbar-collapse:before, .navbar-collapse:after {
content: " ";
display: table; }
.navbar-collapse:after {
clear: both; }
.navbar-collapse.in {
overflow-y: auto; }
@media (min-width: 768px) {
.navbar-collapse {
width: auto;
border-top: 0;
box-shadow: none; }
.navbar-collapse.collapse {
display: block;
height: auto !important;
padding-bottom: 0;
overflow: visible !important; }
.navbar-collapse.in {
overflow-y: visible; }
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
padding-left: 0;
padding-right: 0; } }
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 340px; }
@media (max-device-width: 480px) and (orientation: landscape) {
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 200px; } }
.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
margin-right: -15px;
margin-left: -15px; }
@media (min-width: 768px) {
.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
margin-right: 0;
margin-left: 0; } }
.navbar-static-top {
z-index: 1000;
border-width: 0 0 1px; }
@media (min-width: 768px) {
.navbar-static-top {
border-radius: 0; } }
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030; }
@media (min-width: 768px) {
.navbar-fixed-top,
.navbar-fixed-bottom {
border-radius: 0; } }
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px; }
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0; }
.navbar-brand {
float: left;
padding: 15px 15px;
font-size: 18px;
line-height: 20px;
height: 50px; }
.navbar-brand:hover, .navbar-brand:focus {
text-decoration: none; }
.navbar-brand > img {
display: block; }
@media (min-width: 768px) {
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
margin-left: -15px; } }
.navbar-toggle {
position: relative;
float: right;
margin-right: 15px;
padding: 9px 10px;
margin-top: 8px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px; }
.navbar-toggle:focus {
outline: 0; }
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px; }
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px; }
@media (min-width: 768px) {
.navbar-toggle {
display: none; } }
.navbar-nav {
margin: 7.5px -15px; }
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px; }
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
box-shadow: none; }
.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px; }
.navbar-nav .open .dropdown-menu > li > a {
line-height: 20px; }
.navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
background-image: none; } }
@media (min-width: 768px) {
.navbar-nav {
float: left;
margin: 0; }
.navbar-nav > li {
float: left; }
.navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px; } }
.navbar-form {
margin-left: -15px;
margin-right: -15px;
padding: 10px 15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
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;
box-shadow: none; } }
.navbar-nav > li > .dropdown-menu {
margin-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0; }
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
margin-bottom: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.navbar-btn {
margin-top: 8px;
margin-bottom: 8px; }
.navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
margin-top: 10px;
margin-bottom: 10px; }
.navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
margin-top: 14px;
margin-bottom: 14px; }
.navbar-text {
margin-top: 15px;
margin-bottom: 15px; }
@media (min-width: 768px) {
.navbar-text {
float: left;
margin-left: 15px;
margin-right: 15px; } }
@media (min-width: 768px) {
.navbar-left {
float: left !important; }
.navbar-right {
float: right !important;
margin-right: -15px; }
.navbar-right ~ .navbar-right {
margin-right: 0; } }
.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7; }
.navbar-default .navbar-brand {
color: #777; }
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
color: #5e5e5e;
background-color: transparent; }
.navbar-default .navbar-text {
color: #777; }
.navbar-default .navbar-nav > li > a {
color: #777; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #333;
background-color: transparent; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: #555;
background-color: #e7e7e7; }
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
color: #ccc;
background-color: transparent; }
.navbar-default .navbar-toggle {
border-color: #ddd; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #ddd; }
.navbar-default .navbar-toggle .icon-bar {
background-color: #888; }
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #e7e7e7; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
background-color: #e7e7e7;
color: #555; }
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #777; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #333;
background-color: transparent; }
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #555;
background-color: #e7e7e7; }
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #ccc;
background-color: transparent; } }
.navbar-default .navbar-link {
color: #777; }
.navbar-default .navbar-link:hover {
color: #333; }
.navbar-default .btn-link {
color: #777; }
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
color: #333; }
.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:hover,
fieldset[disabled] .navbar-default .btn-link:focus {
color: #ccc; }
.navbar-inverse {
background-color: #222;
border-color: #090909; }
.navbar-inverse .navbar-brand {
color: #9d9d9d; }
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
color: #fff;
background-color: transparent; }
.navbar-inverse .navbar-text {
color: #9d9d9d; }
.navbar-inverse .navbar-nav > li > a {
color: #9d9d9d; }
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
color: #fff;
background-color: transparent; }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
color: #fff;
background-color: #090909; }
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
color: #444;
background-color: transparent; }
.navbar-inverse .navbar-toggle {
border-color: #333; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
background-color: #333; }
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff; }
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #101010; }
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
background-color: #090909;
color: #fff; }
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
border-color: #090909; }
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color: #090909; }
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #9d9d9d; }
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
color: #fff;
background-color: transparent; }
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #fff;
background-color: #090909; }
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #444;
background-color: transparent; } }
.navbar-inverse .navbar-link {
color: #9d9d9d; }
.navbar-inverse .navbar-link:hover {
color: #fff; }
.navbar-inverse .btn-link {
color: #9d9d9d; }
.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
color: #fff; }
.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus {
color: #444; }
.breadcrumb {
padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
background-color: #f5f5f5;
border-radius: 4px; }
.breadcrumb > li {
display: inline-block; }
.breadcrumb > li + li:before {
content: "/ ";
padding: 0 5px;
color: #ccc; }
.breadcrumb > .active {
color: #777777; }
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px; }
.pagination > li {
display: inline; }
.pagination > li > a,
.pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
line-height: 1.42857;
text-decoration: none;
color: #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 > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
z-index: 3;
color: #23527c;
background-color: #eeeeee;
border-color: #ddd; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
z-index: 2;
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.33333; }
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
border-bottom-left-radius: 6px;
border-top-left-radius: 6px; }
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
border-bottom-right-radius: 6px;
border-top-right-radius: 6px; }
.pagination-sm > li > a,
.pagination-sm > li > span {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5; }
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px; }
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px; }
.pager {
padding-left: 0;
margin: 20px 0;
list-style: none;
text-align: center; }
.pager:before, .pager:after {
content: " ";
display: table; }
.pager:after {
clear: both; }
.pager li {
display: inline; }
.pager li > a,
.pager li > span {
display: inline-block;
padding: 5px 14px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 15px; }
.pager li > a:hover,
.pager li > a:focus {
text-decoration: none;
background-color: #eeeeee; }
.pager .next > a,
.pager .next > span {
float: right; }
.pager .previous > a,
.pager .previous > span {
float: left; }
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
color: #777777;
background-color: #fff;
cursor: not-allowed; }
.label {
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em; }
.label:empty {
display: none; }
.btn .label {
position: relative;
top: -1px; }
a.label:hover, a.label:focus {
color: #fff;
text-decoration: none;
cursor: pointer; }
.label-default {
background-color: #777777; }
.label-default[href]:hover, .label-default[href]:focus {
background-color: #5e5e5e; }
.label-primary {
background-color: #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,
.btn-group-xs > .btn .badge {
top: 0;
padding: 1px 5px; }
.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; }
a.badge:hover, a.badge:focus {
color: #fff;
text-decoration: none;
cursor: pointer; }
.jumbotron {
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 30px;
color: inherit;
background-color: #eeeeee; }
.jumbotron h1,
.jumbotron .h1 {
color: inherit; }
.jumbotron p {
margin-bottom: 15px;
font-size: 21px;
font-weight: 200; }
.jumbotron > hr {
border-top-color: #d5d5d5; }
.container .jumbotron,
.container-fluid .jumbotron {
border-radius: 6px; }
.jumbotron .container {
max-width: 100%; }
@media screen and (min-width: 768px) {
.jumbotron {
padding-top: 48px;
padding-bottom: 48px; }
.container .jumbotron,
.container-fluid .jumbotron {
padding-left: 60px;
padding-right: 60px; }
.jumbotron h1,
.jumbotron .h1 {
font-size: 63px; } }
.thumbnail {
display: block;
padding: 4px;
margin-bottom: 20px;
line-height: 1.42857;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
transition: border 0.2s ease-in-out; }
.thumbnail > img,
.thumbnail a > img {
display: block;
max-width: 100%;
height: auto;
margin-left: auto;
margin-right: auto; }
.thumbnail .caption {
padding: 9px;
color: #333333; }
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
border-color: #337ab7; }    .panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
.panel-body {
padding: 15px; }
.panel-body:before, .panel-body:after {
content: " ";
display: table; }
.panel-body:after {
clear: both; }
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-right-radius: 3px;
border-top-left-radius: 3px; }
.panel-heading > .dropdown .dropdown-toggle {
color: inherit; }
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit; }
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
color: inherit; }
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px; }
.panel > .list-group,
.panel > .panel-collapse > .list-group {
margin-bottom: 0; }
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
border-width: 1px 0;
border-radius: 0; }
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-right-radius: 3px;
border-top-left-radius: 3px; }
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px; }
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0; }
.panel-heading + .list-group .list-group-item:first-child {
border-top-width: 0; }
.list-group + .panel-footer {
border-top-width: 0; }
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
margin-bottom: 0; }
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
padding-left: 15px;
padding-right: 15px; }
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
border-top-right-radius: 3px;
border-top-left-radius: 3px; }
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px; }
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
border-top-left-radius: 3px; }
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
border-top-right-radius: 3px; }
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px; }
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; }
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
border-bottom-left-radius: 3px; }
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
border-bottom-right-radius: 3px; }
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
border-top: 1px solid #ddd; }
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
border-top: 0; }
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
border: 0; }
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0; }
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0; }
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
border-bottom: 0; }
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
border-bottom: 0; }
.panel > .table-responsive {
border: 0;
margin-bottom: 0; }
.panel-group {
margin-bottom: 20px; }
.panel-group .panel {
margin-bottom: 0;
border-radius: 4px; }
.panel-group .panel + .panel {
margin-top: 5px; }
.panel-group .panel-heading {
border-bottom: 0; }
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
border-top: 1px solid #ddd; }
.panel-group .panel-footer {
border-top: 0; }
.panel-group .panel-footer + .panel-collapse .panel-body {
border-bottom: 1px solid #ddd; }
.panel-default {
border-color: #ddd; }
.panel-default > .panel-heading {
color: #333333;
background-color: #f5f5f5;
border-color: #ddd; }
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ddd; }
.panel-default > .panel-heading .badge {
color: #f5f5f5;
background-color: #333333; }
.panel-default > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ddd; }
.panel-primary {
border-color: #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;
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 !important; }
@media (max-width: 767px) {
.modal-open {
position: fixed !important; } }
.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%);
transform: translate(0, -25%);
transition: -webkit-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; }
.modal.in .modal-dialog {
-webkit-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;
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;
min-height: 16.42857px; }
.modal-header .close {
margin-top: -2px; }
.modal-title {
margin: 0;
line-height: 1.42857; }
.modal-body {
position: relative;
padding: 15px; }
.modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5; }
.modal-footer:before, .modal-footer:after {
content: " ";
display: table; }
.modal-footer:after {
clear: both; }
.modal-footer .btn + .btn {
margin-left: 5px;
margin-bottom: 0; }
.modal-footer .btn-group .btn + .btn {
margin-left: -1px; }
.modal-footer .btn-block + .btn-block {
margin-left: 0; }
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll; }
@media (min-width: 768px) {
.modal-dialog {
width: 600px;
margin: 30px auto; }
.modal-content {
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.42857;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
font-size: 12px;
opacity: 0;
filter: alpha(opacity=0); }
.tooltip.in {
opacity: 0.9;
filter: alpha(opacity=90); }
.tooltip.top {
margin-top: -3px;
padding: 5px 0; }
.tooltip.right {
margin-left: 3px;
padding: 0 5px; }
.tooltip.bottom {
margin-top: 3px;
padding: 5px 0; }
.tooltip.left {
margin-left: -3px;
padding: 0 5px; }
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 4px; }
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid; }
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000; }
.tooltip.top-left .tooltip-arrow {
bottom: 0;
right: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000; }
.tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000; }
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000; }
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000; }
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000; }
.tooltip.bottom-left .tooltip-arrow {
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000; }
.tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000; }
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: none;
max-width: 276px;
padding: 1px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
line-height: 1.42857;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
font-size: 14px;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
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;
transition: 0.6s ease-in-out left; }
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
max-width: 100%;
height: auto;
line-height: 1; }
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .item {
transition: -webkit-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-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); }
.carousel-control.left {
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: 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: transparent; }
.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: -15px;
font-size: 30px; }
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
margin-left: -15px; }
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
margin-right: -15px; }
.carousel-caption {
left: 20%;
right: 20%;
padding-bottom: 30px; }
.carousel-indicators {
bottom: 20px; } }
.clearfix:before, .clearfix:after {
content: " ";
display: table; }
.clearfix:after {
clear: both; }
.center-block {
display: block;
margin-left: auto;
margin-right: auto; }
.pull-right {
float: right !important; }
.pull-left {
float: left !important; }
.hide {
display: none !important; }
.show {
display: block !important; }
.invisible {
visibility: hidden; }
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0; }
.hidden {
display: none !important; }
.affix {
position: fixed; }
@-ms-viewport {
width: device-width; }
.visible-xs {
display: none !important; }
.visible-sm {
display: none !important; }
.visible-md {
display: none !important; }
.visible-lg {
display: none !important; }
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important; }
@media (max-width: 767px) {
.visible-xs {
display: block !important; }
table.visible-xs {
display: table !important; }
tr.visible-xs {
display: table-row !important; }
th.visible-xs,
td.visible-xs {
display: table-cell !important; } }
@media (max-width: 767px) {
.visible-xs-block {
display: block !important; } }
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important; } }
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important; } }
@media (min-width: 768px) and (max-width: 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; } }  a:active, a:hover, a:focus {
outline: 0 !important;
outline-offset: 0 !important; } input::-webkit-input-placeholder { color: #c1c2c7;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 16px; }
input:-moz-placeholder { color: #c1c2c7;
opacity: 1;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 16px; }
input::-moz-placeholder { color: #c1c2c7;
opacity: 1;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 16px; }
input:-ms-input-placeholder { color: #c1c2c7;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 16px; }  body {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #2a394e;
outline: none; }
body a {
text-decoration: none; }
body a:hover {
text-decoration: none; }
.float-right {
text-align: right; }
.float-center {
text-align: center; }
.float-left {
text-align: left; }
.no-padding {
padding: 0 !important; }
.no-margin {
margin: 0 !important; }
.margin-bot-15 {
margin-bottom: 15px !important; }
.bold {
font-weight: bold; }
.loading .loading-img {
width: 26px;
height: 26px;
border: solid 2px transparent;
border-radius: 50%;
border-top: solid 2px #2196f3;
box-sizing: border-box;
-webkit-animation: rotate 1s infinite;
animation: rotate 1s infinite;
left: 50%;
top: 50%;
margin: -13px 0 0 -13px;
background: none !important; }
.loading .loading-overlay {
opacity: 0.8 !important; }
@-webkit-keyframes rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } } .clearfix {
display: block; }
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
@media (max-width: 414px) {
.col-mobile-12 {
width: 100%; } }
.mje-price {
font-family: 'Montserrat', sans-serif;
font-weight: 600; 
} .tooltip {
font-family: "Open Sans", sans-serif;
font-size: 12px; }
.not-found {
text-align: center;
color: #898a90;
font-size: 28px;
font-family: 'Open Sans', sans-serif; }
.mjob-item {
margin-bottom: 30px;
background: #fff;
position: relative;
box-shadow: 2px 5px 43px rgba(188, 207, 219, 0.65);
transition: all 0.4s ease;
height: 345px;      }
@media (min-width: 992px) {
.mjob-item {
height: auto; } }
@media (min-width: 768px) {
.mjob-item {
height: auto; } }
@media (max-width: 768px) {
.mjob-item {
height: auto; } }
.mjob-item:hover {
transition: all 0.4s ease;
box-shadow: 16px 11px 56px rgba(139, 166, 183, 0.7); }
.mjob-item .status-label {
position: absolute;
right: -7px;
top: 10px;
z-index: 9; }
.mjob-item .status-label span {
display: block;
text-align: center;
padding: 5px 0;
font-size: 12px;
color: #fff;
border-radius: 45px 0 0 45px;
width: 94px; }
.mjob-item .actions {
position: absolute;
right: 0;
bottom: 0;
width: 100%; }
.mjob-item .actions ul {
padding: 0;
background: rgba(42, 57, 78, 0.76); }
.mjob-item .actions ul li {
height: auto;
margin-bottom: 0 !important;
display: inline-block;
text-align: center;
border-right: 1px solid #5f6568;
width: 32%; }
.mjob-item .actions ul li:last-child {
border: none; }
.mjob-item .actions ul li a {
color: #fff;
display: block;
padding: 7px 0;
width: 100%; }
.mjob-item .mjob-item__image {
position: relative;
min-height: 158px;
overflow: hidden; }
@media (max-width: 1199px) {
.mjob-item .mjob-item__image {
min-height: 128px;
max-height: 128px; } }
@media (max-width: 991px) {
.mjob-item .mjob-item__image {
min-height: 160px; } }
@media (max-width: 767px) {
.mjob-item .mjob-item__image {
min-height: 158px; } }
.mjob-item .mjob-item__image > a {
display: block;
width: 100%;
height: 158px; }
@media (max-width: 1199px) {
.mjob-item .mjob-item__image > a {
height: 128px; } }
@media (max-width: 991px) {
.mjob-item .mjob-item__image > a {
height: 160px; } }
@media (max-width: 767px) {
.mjob-item .mjob-item__image > a {
height: 158px; } }
.mjob-item .mjob-item__image .mjob-item__video {
display: block;
width: 100%;
height: 158px; }
@media (max-width: 1199px) {
.mjob-item .mjob-item__image .mjob-item__video {
height: 128px; } }
@media (max-width: 991px) {
.mjob-item .mjob-item__image .mjob-item__video {
height: 160px; } }
@media (max-width: 767px) {
.mjob-item .mjob-item__image .mjob-item__video {
height: 158px; } }
.mjob-item .mjob-item__image img {
max-width: 100%;
width: 100%;
height: auto; }
.mjob-item .mjob-item__entry {
padding: 15px; }
.mjob-item .mjob-item__title {
font-family: 'Montserrat', sans-serif;
margin-bottom: 15px; }
.mjob-item .mjob-item__title h2 {
margin: 0;
font-size: 14px;
font-weight: 500;
line-height: 1.5;
height: 42px;
overflow: hidden; }
.mjob-item .mjob-item__title h2 a {
color: #2c2c2c;
display: block;
transition: color .3s ease-in-out;
text-decoration: none; }
.mjob-item .mjob-item__title h2 a:hover {
color: #10a2ef; }
.mjob-item .mjob-item__author {
font-size: 13px;
color: #ADAEB2; }
.mjob-item .mjob-item__price {
color: #10a2ef;
margin: 10px 0; }
.mjob-item .mjob-item__price .mjob-item__price-inner {
padding: 10px 0;
border-top: 1px solid #f3f3f3;
border-bottom: 1px solid #f3f3f3; }
.mjob-item .mjob-item__price .starting-text {
font-size: 14px;
color: #2a394e; }
.mjob-item .mjob-item__price .starting-text i {
font-size: 16px;
color: #aaafb2;
margin-right: 5px; }
.mjob-item .mjob-item__price .price-text {
font-size: 20px;
float: right;
margin-top: -3px; }
.mjob-item .mjob-item__rating {
float: right; }
.mjob-item .mjob-item__rating i {
font-size: 13px; }
.mjob-list {
list-style: none;
padding: 0; }
.mjob-list--horizontal .mjob-item .status-label {
right: calc(100% - 272px); }
@media (max-width: 767px) {
.mjob-list--horizontal .mjob-item .status-label {
right: -7px; } }
.mjob-list--horizontal .mjob-item .mjob-item__image {
float: left;
min-width: 265px;
max-width: 265px; }
@media (max-width: 1199px) {
.mjob-list--horizontal .mjob-item .mjob-item__image {
min-height: 158px; } }
@media (max-width: 414px) {
.mjob-list--horizontal .mjob-item .mjob-item__image {
width: 100% !important;
max-width: inherit;
float: none; } }
@media (max-width: 1199px) {
.mjob-list--horizontal .mjob-item .mjob-item__image .mjob-item__video {
height: 158px; } }
.mjob-list--horizontal .mjob-item .mjob-item__entry {
margin-left: 265px;
padding-bottom: 0; }
@media (max-width: 414px) {
.mjob-list--horizontal .mjob-item .mjob-item__entry {
padding: 15px !important;
margin: 0 !important; } }
.mjob-list li.col-lg-4:nth-child(3n+1), .mjob-list li.col-md-4:nth-child(3n+1) {
clear: both; }
@media (max-width: 991px) {
.mjob-list li.col-lg-4:nth-child(3n+1), .mjob-list li.col-md-4:nth-child(3n+1) {
clear: initial; }
.mjob-list li.col-lg-4:nth-child(2n+1), .mjob-list li.col-md-4:nth-child(2n+1) {
clear: both; } }
@media (max-width: 768px) {
.mjob-list li.col-lg-4:nth-child(3n+1), .mjob-list li.col-md-4:nth-child(3n+1) {
clear: initial; }
.mjob-list li.col-lg-4:nth-child(2n+1), .mjob-list li.col-md-4:nth-child(2n+1) {
clear: both; } }
.realated-job .mjob-item .mjob-item__image a {
height: auto; }
@media (min-width: 1200px) {
.realated-job .mjob-item .mjob-item__image {
min-height: 138px; } }
@media (max-width: 1199px) {
.realated-job .mjob-item .mjob-item__image {
min-height: 112px; } }
@media (max-width: 991px) {
.realated-job .mjob-item .mjob-item__image {
min-height: 158px; } }
@media (min-width: 1200px) {
.realated-job .mjob-item .mjob-item__image .mjob-item__video {
height: 138px; } }
@media (max-width: 1199px) {
.realated-job .mjob-item .mjob-item__image .mjob-item__video {
height: 112px; } }
@media (max-width: 991px) {
.realated-job .mjob-item .mjob-item__image .mjob-item__video {
height: 158px; } }
.order-item .mjob-item {
box-shadow: none;
border-bottom: 1px solid #dfe0e6;
padding-bottom: 15px;
margin-bottom: 15px; }
.order-item .status-label { }
.order-item .mjob-item__entry {
padding: 0 0 0 15px; }
.order-item .order-item__date {
font-size: 13px;
color: #ADAEB2;
float: right; }
.order-item .mjob-item__author {
padding: 0;
float: left; }  .table-wrapper {
padding: 30px 0; }
.table-wrapper .table-filter select {
float: right;
margin-left: 15px;
height: 37px;
border: 1px solid #dfe0e5;
background: none;
border-radius: 0;
cursor: pointer; }
@media (max-width: 767px) {
.table-wrapper .table-filter select {
margin-bottom: 6px; } }
.table-wrapper .table-content {
margin-top: 30px; }
@media (max-width: 767px) {
.table-wrapper .table-content {
overflow-x: scroll; } }
.table-wrapper .table-content table {
width: 100%; }
.table-wrapper .table-content table th, .table-wrapper .table-content table tr, .table-wrapper .table-content table td {
border-bottom: 1px solid #efefef;
padding: 12px 20px; }
.table-wrapper .table-content table th {
vertical-align: top;
text-transform: uppercase; }
@media (max-width: 767px) {
.table-wrapper .table-content table th {
font-size: 14px; } }
.table-wrapper .table-content table th.sort-head {
padding-top: 0;
padding-bottom: 0; }
.table-wrapper .table-content table th .sort-icon {
float: right; }
.table-wrapper .table-content table th a, .table-wrapper .table-content table th a:hover {
color: #2a394e;
text-decoration: none;
display: block;
padding: 12px 0; }
.table-wrapper .table-content table td:first-child, .table-wrapper .table-content table th:first-child {
padding-left: 0; }
.table-wrapper .table-content table td:last-child, .table-wrapper .table-content table th:last-child {
padding-right: 0; }
.table-wrapper .table-content table .td-w-20 {
width: 20%; }
.table-wrapper .table-content table .payment-name {
margin-top: 0;
margin-bottom: 0; }
.table-wrapper .table-content table .payment-name span {
font-weight: normal;
display: none; }
.table-wrapper .table-content table .payment-name img {
width: 40px; }
.table-wrapper .table-content table .st-completed {
color: #00ccbb; }
.table-wrapper .table-content table .st-cancelled {
color: #aaafb3; }
.table-wrapper .table-content table .st-pending {
color: #fda933; }
.table-wrapper .table-footer {
margin-top: 30px; }
.table-wrapper .table-footer .paginations-wrapper {
float: left;
margin: 0; }
@media (max-width: 767px) {
.table-wrapper .table-footer .paginations-wrapper {
float: none;
text-align: left; } }
.table-wrapper .table-footer .help-text {
font-style: italic;
color: #898989;
float: right; }
@media (max-width: 767px) {
.table-wrapper .table-footer .help-text {
float: none;
display: block;
margin-top: 10px; } }
.table-wrapper .nothing-found {
display: none; }
.table-wrapper .nothing-found .no-items {
padding-top: 24% !important; } .mje-price-text {
text-transform: none !important; }
.modal textarea {
border: 1px solid #ccc;
box-shadow: none;
border-radius: 0; }
.list-item-extra {
margin-bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
@media (max-width: 1024px) {
.list-item-extra {
display: block;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
.list-item-extra .checkbox {
margin: 0; }
.list-item-extra .packge-chose label {
line-height: 22px;
color: #2a394e;
padding-left: 0;
padding-right: 10px; }
.list-item-extra .package-price {
color: #10a2ef;
font-size: 18px;
-webkit-box-flex: 10;
-ms-flex-positive: 10;
flex-grow: 10;
text-align: right; }
@media (max-width: 1199px) {
.list-item-extra .package-price {
position: relative;
top: 0;
text-align: right; } }
@media (max-width: 1024px) {
.list-item-extra .package-price {
display: block !important;
text-align: right; } }
body.stop-scroll-y {
overflow-y: hidden; }
.update-data-wrap {
padding: 20px 150px;
text-align: center; }
@media (max-width: 767px) {
.update-data-wrap {
padding: 0; } }
.update-data-wrap p {
margin: 0;
font-size: 16px;
line-height: 1.65em; }
.update-data-wrap button {
margin-top: 40px; }
@media (max-width: 767px) {
.update-data-wrap button {
margin-top: 30px; } }
#et-header #logo-site {
float: left;
padding-top: 20px; }
@media (max-width: 991px) {
#et-header #logo-site {
padding-top: 18px; } }
@media (max-width: 767px) {
#et-header #logo-site {
margin-left: 8px;
padding-top: 8px; } }
#et-header #logo-site img {
max-width: 150px;
height: auto; }
#et-header .et-pull-top {
min-height: 85px;
background: #fff;
padding: 0 30px;
z-index: 999; }
@media (max-width: 991px) {
#et-header .et-pull-top {
padding: 0 20px;
z-index: 9999;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
position: fixed;
top: 0;
left: 0;
right: 0; }
#et-header .et-pull-top .navbar-header {
float: left; }
#et-header .et-pull-top .navbar-toggle {
display: block;
border: none;
color: #2a394e;
font-size: 22px;
margin-top: 18px; } }
@media (max-width: 767px) {
#et-header .et-pull-top {
min-height: 66px;
padding-left: 5px; }
#et-header .et-pull-top .navbar-toggle {
display: block;
border: none;
color: #2a394e;
font-size: 22px;
margin-top: 8px;
margin-right: 0; } }
#et-header .et-pull-top .search-bar {
margin-left: 90px;
float: left;
margin-top: 23px; }
@media (max-width: 1199px) {
#et-header .et-pull-top .search-bar {
padding-left: 55px;
margin-left: 0; } }
@media (max-width: 767px) {
#et-header .et-pull-top .search-bar {
display: none !important; } }
#et-header .et-pull-top .search-bar .icon-search {
position: relative;
right: 30px;
color: rgba(137, 138, 144, 0.8);
font-size: 16px; }
#et-header .et-pull-top .search-bar input {
height: 30px;
padding-left: 0 !important;
width: 250px; }
@media (max-width: 767px) {
#et-header .header-left, #et-header .header-right {
padding: 0; } }
#et-header .header-right {
position: relative;
z-index: 99;
float: right; }
#et-header .list-message {
border-right: 1px solid rgba(137, 138, 144, 0.3);
padding: 4px 25px;
display: inline-block;
z-index: 2;
position: relative; }
@media (max-width: 991px) {
#et-header .list-message.message-icon {
display: none; } }
@media (max-width: 991px) {
#et-header .list-message {
border: 0;
padding: 0 12px; } }
#et-header .list-message ul {
padding: 0; }
#et-header .list-message .dropdown-menu {
width: 300px;
left: 50%;
margin-left: -150px;
border: 0;
box-shadow: 1px 0px 30px rgba(42, 57, 78, 0.3) !important;
top: 45px;
padding: 0; }
#et-header .list-message .link-message {
position: relative;
font-size: 0;
display: inline-block; }
#et-header .list-message .link-message i {
cursor: pointer;
font-size: 18px;
color: #2a394e;
padding: 0; }
@media (max-width: 991px) {
#et-header .list-message .link-message i {
font-size: 16px; } }
#et-header .list-message .link-message .alert-sign {
display: block;
position: absolute;
top: -3px;
left: 10px;
height: 14px;
background: #e52e5d;
border-radius: 3px;
z-index: 99;
font-size: 10px;
line-height: 14px;
color: #fff;
text-align: center;
padding: 0 3px;
box-sizing: initial; }
#et-header .list-message .dropdown-toggle {
padding: 0; }
#et-header .list-message .list-message-box-footer, #et-header .list-message .list-message-box-header {
padding: 0 15px; }
#et-header .list-message .list-message-box-header {
background: #10a2ef;
padding: 9px 15px;
border-radius: 4px 4px 0 0; }
#et-header .list-message .list-message-box-header:before {
content: "";
position: absolute;
width: 0;
height: 0;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-bottom: 9px solid #10a2ef;
left: 50%;
top: -9px;
margin-left: -5px; }
#et-header .list-message .list-message-box-header span {
color: #fff;
font-family: 'Open Sans', sans-serif;
font-weight: 700; }
#et-header .list-message .list-message-box-header a.mark-as-read {
float: right;
color: #fff; }
#et-header .list-message .list-message-box-body {
list-style: none;
margin-bottom: 0; }
#et-header .list-message .list-message-box-body li {
margin: 0;
padding: 13px 15px;
border: none; }
#et-header .list-message .list-message-box-body li .inner {
position: relative; }
#et-header .list-message .list-message-box-body li .inner.unread {
font-family: 'Open Sans', sans-serif;
font-weight: 700; }
#et-header .list-message .list-message-box-body li:hover {
background-color: #f2f7fa;
padding: 13px 15px; }
#et-header .list-message .list-message-box-body li:hover > a {
text-decoration: none; }
#et-header .list-message .list-message-box-body li .img-avatar {
position: absolute;
top: 0;
left: 0; }
#et-header .list-message .list-message-box-body li .img-avatar img {
bottom: 0; }
#et-header .list-message .list-message-box-body li .conversation-text {
padding-left: 60px; }
#et-header .list-message .list-message-box-body li .conversation-text .latest-reply {
display: block;
color: black;
line-height: 1.5;
overflow: hidden;
height: 20px;
text-overflow: ellipsis;
white-space: nowrap; }
#et-header .list-message .list-message-box-body li .conversation-text .latest-reply-time {
font-size: 12px;
color: #aaafb2;
font-family: 'Open Sans', sans-serif;
font-weight: 300; }
#et-header .list-message .list-message-box-footer a {
color: #10a2ef;
border-top: 1px solid #dfe0e6;
display: block;
text-align: center;
padding: 10px 0;
text-transform: capitalize; }
#et-header .et-pull-bottom {
display: none; }
@media (max-width: 991px) {
#et-header .et-pull-bottom {
background: none;
border-top: none;
position: relative;
padding: 0 15px;
z-index: 9999; } }
#et-header .link-account {
line-height: 83px;
display: inline-block; }
@media (max-width: 767px) {
#et-header .link-account {
line-height: 66px; } }
#et-header .link-account ul {
margin: 0;
padding: 0; }
#et-header .link-account ul li {
display: inline-block; }
#et-header .link-account ul li .open-signin-modal {
color: #2a394e;
font-family: 'Open Sans', sans-serif;
font-weight: bold; }
#et-header .link-account ul li .open-signup-modal {
color: #10a2ef;
font-family: 'Open Sans', sans-serif;
font-weight: bold; }
#et-header .link-account ul li .focus-signin-form {
color: #2a394e;
font-family: 'Open Sans', sans-serif; }
#et-header .list-notification, #et-header .link-post-services, #et-header .user-account {
display: inline-block;
margin-top: 15px; }
@media (max-width: 991px) {
#et-header .user-account .display-name {
display: none; }
#et-header .user-account i.fa-angle-right {
display: none; } }
@media (max-width: 767px) {
#et-header .user-account {
margin-top: 5px;
margin-right: 8px; } }
@media (max-width: 991px) {
#et-header .user-account .dropdown-menu {
position: fixed;
height: 100%;
width: 250px;
background: #2a394e !important;
top: 0;
right: 0;
z-index: 99999;
border-radius: 0;
margin-top: 0;
border: none;
overflow: auto; } }
@media (max-width: 991px) and (max-width: 991px) {
#et-header .user-account .dropdown-menu {
box-shadow: none !important; } }
@media (max-width: 991px) {
#et-header .user-account .dropdown-menu li {
border-top: 1px solid rgba(255, 255, 255, 0.1); }
#et-header .user-account .dropdown-menu a {
color: #e6e9f2; } }
#et-header .search-bar {
margin-right: 20px; }
#et-header .search-bar input {
padding-left: 10px; }
#et-header .link-post-services {
border-right: 1px solid rgba(137, 138, 144, 0.3);
padding: 0 23px;
margin-right: 12px; }
@media (max-width: 1199px) {
#et-header .link-post-services {
display: none; } }
#et-header .link-post-services a {
color: #898a90;
display: block; }
#et-header .link-post-services .plus-circle {
display: inline-block;
background: #10a2ef;
border-radius: 50%;
box-shadow: 1px 3px 9px rgba(16, 162, 239, 0.3);
margin-left: 15px;
padding: 3px 7px;
text-align: center; }
#et-header .link-post-services i {
transition: all 0.4s ease;
color: #fff;
font-size: 14px;
position: relative; }
#et-header .link-post-services:hover a {
color: #10a2ef; }
#et-header .link-post-services:hover i {
transition: all 0.4s ease;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
position: relative;
bottom: 1px; }
#et-header .list-notification {
border-left: 1px solid rgba(137, 138, 144, 0.3);
border-right: 1px solid rgba(137, 138, 144, 0.3);
padding: 0 25px;
line-height: 32px;
display: none; }
#et-header .list-notification .link-notification {
cursor: pointer;
font-size: 18px; }
#et-header .user-account {
cursor: pointer; }
#et-header .user-account .dropdown {
z-index: 5; }
body.home .search-bar {
display: none; }
body.page-template-page-profile-php .plus-circle {
padding: 5px 7px !important; }
#et-nav {
background: #ecf5fa; }
#et-nav nav ul {
margin: 0;
padding: 0; }
#et-nav nav ul li {
display: inline-block; }
#et-nav nav ul li a, #et-nav nav ul li span {
display: block;
color: #2a394e;
text-decoration: none;
cursor: pointer;
transition-duration: .3s;
padding: 0 19px;
line-height: 40px; }
#et-nav nav ul li a:hover, #et-nav nav ul li span:hover {
background: #10a2ef;
color: #fff;
padding: 0 19px;
transition: all 0.4s ease; }
@media (max-width: 991px) {
#et-nav nav ul li a:hover, #et-nav nav ul li span:hover {
padding: 10px 30px; } }
#et-nav nav ul li a i, #et-nav nav ul li span i {
padding-left: 8px; }
@media (max-width: 991px) {
#et-nav nav ul li a i, #et-nav nav ul li span i {
display: none; } }
#et-nav nav ul li.active a:before {
background: #10a2ef; }
#et-nav nav ul li.active:hover {
background: #10a2ef; }
#et-nav nav ul li.more {
display: none; }
#et-nav nav ul li.more:hover ul#overflow {
opacity: 1;
visibility: visible; }
#et-nav nav .hvr-shutter-in-vertical {
background: none; }
#et-nav nav .hvr-shutter-in-vertical:before {
background: #ecf5fa; }
@media (max-width: 991px) {
#et-nav nav .hvr-shutter-in-vertical:before {
background: none !important; } }
#et-nav nav #overflow {
opacity: 0;
visibility: hidden;
position: absolute;
text-align: left;
transition-duration: .3s;
right: -19px;
top: 40px;
min-width: 200px;
background: #2a394e;
padding: 15px 0 20px 0;
z-index: 9999; }
#et-nav nav #overflow li {
float: none;
display: block; }
#et-nav nav #overflow li a {
white-space: nowrap;
background: #2a394e;
color: #fff;
line-height: 40px; }
#et-nav nav #overflow li a:before {
background: none; }
#et-nav nav #overflow li a:hover {
color: #10a2ef; }
#et-nav nav #overflow li a i {
display: none; }
#et-nav nav #overflow li ul {
display: none; }
#et-nav .move-right ul:before {
right: 30px;
left: initial !important; }
#et-nav .navbar-default {
background: none;
border: none;
margin-bottom: 0;
min-height: 40px; }
@media (max-width: 991px) {
#et-nav .navbar-default {
position: fixed;
top: 0; } }
@media (max-width: 767px) {
#et-nav .navbar-default {
left: 0;
top: -10px; } }
#et-nav .navbar-default .navbar-toggle {
border: none;
color: #2a394e;
font-size: 22px;
margin-top: 18px; }
#et-nav .navbar-default .dropdown:hover .dropdown-menu {
display: block; }
#et-nav .navbar-default .dropdown-menu {
background: #2a394e;
color: #fff;
border-radius: 0;
border: none;
min-width: 200px;
z-index: 9999; }
#et-nav .navbar-default .dropdown-menu:before {
content: "";
position: absolute;
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #2a394e;
left: 30px;
top: -5px;
margin-left: -5px; }
#et-nav .navbar-default .dropdown-menu li {
display: block !important; }
#et-nav .nav > li > a {
line-height: 40px; }
#et-nav .div-main-sub {
display: inline-block;
vertical-align: top;
border-right: 1px solid #3f4b5b;
min-width: 200px; }
#et-nav .div-main-sub li {
display: block;
margin-bottom: 15px; }
#et-nav .div-main-sub li a {
color: #fff;
line-height: 10px;
padding: 7px 30px;
margin: 15px 0; }
#et-nav .div-main-sub li a:hover {
color: #10a2ef;
background: none;
padding: 7px 30px; }
#et-nav .div-main-sub li ul {
display: none !important; }
#et-nav .div-main-sub:last-child {
border: none; }
#et-nav .div-main-sub .hvr-shutter-in-vertical {
background: none; }
#et-nav .div-main-sub .hvr-shutter-in-vertical:before {
background: #2a394e; }
#et-nav .megamenu .nav,
#et-nav .megamenu .collapse,
#et-nav .megamenu .dropup,
#et-nav .megamenu .dropdown {
position: static;
padding-left: 0; }
#et-nav .megamenu .container {
position: relative; }
#et-nav .megamenu .dropdown-menu {
left: auto; }
#et-nav .megamenu .megamenu-content {
padding: 15px; }
#et-nav .megamenu .megamenu-content h3 {
margin-top: 0;
color: #428bca;
font-size: 18px; }
#et-nav .megamenu .dropdown.megamenu-fw .dropdown-menu {
left: 0;
right: 0; }
#et-nav .navbar-default .navbar-nav > .active > a, #et-nav .navbar-default .navbar-nav > .active > a:hover, #et-nav .navbar-default .navbar-nav > .active > a:focus {
background: #10a2ef;
color: #fff; }
#et-nav .navbar-default .navbar-nav > .open > a, #et-nav .navbar-default .navbar-nav > .open > a:hover, #et-nav .navbar-default .navbar-nav > .open > a:focus {
background: none; }
@media (max-width: 991px) {
#et-nav .navbar-default .dropdown:hover .dropdown-menu {
display: none; } }
@media (max-width: 767px) {
#et-nav .navbar-collapse.in {
overflow-y: initial; } }
@media (max-width: 991px) {
#et-nav .navbar-collapse.collapse {
display: none; } }
@media (max-width: 991px) {
#et-nav .navbar-default .navbar-nav {
position: fixed;
width: 250px;
height: 100%;
z-index: 999999;
background: #2a394e;
left: 0;
top: 0;
margin: 0;
overflow: scroll;
-webkit-overflow-scrolling: touch; }
#et-nav .navbar-default .navbar-nav li {
display: block;
border-bottom: 1px solid rgba(210, 210, 210, 0.09);
margin-right: 0;
position: relative; }
#et-nav .navbar-default .navbar-nav a {
color: #fff;
padding-left: 10px;
position: relative; }
#et-nav .navbar-default .navbar-nav .dropdown-menu {
position: inherit;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
padding-left: 0;
min-width: 100%; }
#et-nav .navbar-default .navbar-nav .dropdown-menu li {
padding: 10px 0; }
#et-nav .navbar-default .navbar-nav .div-main-sub {
border-right: none;
margin-bottom: 0;
padding: 0 0 0 30px;
min-width: 100%; }
#et-nav .navbar-default .navbar-nav .div-main-sub:last-child {
margin-bottom: 20px; } }
@media (max-width: 991px) and (max-width: 767px) {
#et-nav .navbar-default .navbar-nav .div-main-sub:last-child li:last-child {
border-bottom: none; } }
@media (max-width: 991px) {
#et-nav .navbar-default .navbar-nav .dropdown-toggle i.fa-angle-right {
transition: all 0.25s ease;
font-size: 22px;
position: absolute;
right: 15px;
margin-top: 8px; }
#et-nav .navbar-default .navbar-nav .open .dropdown-toggle i.fa-angle-right {
transition: all 0.25s ease;
-webkit-transform: rotate(90deg);
transform: rotate(90deg); } }
@media (max-width: 991px) {
#et-nav .navbar-header {
float: none; }
#et-nav .navbar-toggle {
display: block; }
#et-nav .navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }
#et-nav .navbar-nav {
float: none !important;
margin: 7.5px -15px; }
#et-nav .navbar-nav > li {
float: none; }
#et-nav .navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px; }
#et-nav .navbar-text {
float: none;
margin: 15px 0; }
#et-nav .collapsing {
overflow: hidden !important; } }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background: none; }
.overlay-nav, .overlay-user {
background: rgba(0, 0, 0, 0.7);
position: fixed;
width: 100%;
height: 100%;
top: 0;
z-index: 99;
display: none; }
@media (max-width: 991px) {
.user-account-open {
overflow: hidden; } }
.user-account .open .overlay-user {
display: block;
left: 0; }
@media (min-width: 991px) {
.user-account .open .overlay-user {
display: none; } }
@media (max-width: 991px) {
.user-account .open .overlay-user {
display: block; } }
@media (max-width: 991px) {
.menu-nav-open #et-nav .navbar-collapse.collapse {
display: block; } }
.title-aside {
color: #2a394e;
font-size: 17px;
font-family: 'Montserrat', sans-serif; }
.slider {
z-index: 0;
width: 100%;
position: relative;
display: none; }
@media (max-width: 767px) {
.slider {
height: 340px !important; } }
@media (max-width: 480px) {
.slider {
height: 340px !important; } }
.slider .backgound-under {
background: rgba(51, 54, 70, 0.8);
width: 100%;
height: 100%;
position: absolute;
z-index: 10; }
.slider .background-image {
position: relative;
z-index: 0;
text-align: center;
width: 100%;
height: 100%;
overflow: hidden; }
.slider .background-image img {
max-width: 100%;
width: 100%;
position: relative;
z-index: 5;
height: auto;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) !important;
-webkit-transform: translate(-50%, -50%) !important;
-moz-transform: translate(-50%, -50%) !important;
-o-transform: translate(-50%, -50%) !important;
-ms-transform: translate(-50%, -50%) !important; }
@media (max-width: 1199px) {
.slider .background-image img {
max-width: initial; } }
@media (max-width: 991px) {
.slider .background-image img {
max-width: initial;
width: auto !important;
height: 100%; } }
@media (max-width: 767px) {
.slider .background-image img {
height: auto; } }
.statistic-job-number {
position: absolute;
bottom: 20px;
z-index: 11;
width: 100%;
font-family: 'Open Sans', sans-serif;
font-style: italic;
font-size: 18px;
text-align: center; }
.statistic-job-number .link-last-job {
color: #fff;
margin-bottom: 0;
cursor: pointer;
display: inline-block; }
.statistic-job-number i {
font-size: 25px;
font-weight: bold;
position: relative;
top: 4px;
padding-left: 10px; }
.header-images {
min-height: 250px;
position: absolute;
z-index: 0;
width: 100%;
height: auto;
top: 0;
overflow: hidden; }
.header-images img {
width: 100%;
position: absolute;
left: 50%;
right: 50%;
transform: translate(-50%, 0%) !important;
-webkit-transform: translate(-50%, 0%) !important;
-moz-transform: translate(-50%, 0%) !important;
-o-transform: translate(-50%, 0%) !important;
-ms-transform: translate(-50%, 0%) !important; }
@media (max-width: 991px) {
.header-images img {
width: auto; } }
@media (max-width: 1199px) {
.header-images img {
width: auto; } }
.btn-post {
border: 2px solid #fff !important;
border-radius: 45px;
color: #fff;
background: none;
padding: 25px 50px !important;
font-size: 18px;
text-transform: uppercase;
position: relative;
font-family: 'Montserrat', sans-serif; }
.btn-post i {
transition: all 0.4s ease; }
.btn-post:hover {
color: #fff;
text-decoration: none; }
.btn-post:hover .cirlce-plus {
background: #fff; }
.btn-post:hover .cirlce-plus i {
transition: all 0.4s ease;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
position: relative;
bottom: 2px;
left: 1px;
color: #10a2ef; }
.btn-post .cirlce-plus {
background: #10a2ef;
border-radius: 50%;
padding: 15px 20px;
position: relative;
left: 36px; }
@media (max-width: 991px) {
.btn-post .cirlce-plus {
left: 29px; } }
.banner-title {
display: inline-block;
width: 65%;
vertical-align: top;
font-size: 36px;
font-family: 'Montserrat', sans-serif;
font-weight: bold; }
@media (max-width: 991px) {
.banner-title {
margin: 0 0 10px 0;
font-size: 30px; } }
.name-button-post {
display: inline-block;
margin-bottom: 0; }
@media (max-width: 480px) {
.name-button-post {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%; } } .owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; } .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%; }
.owl-carousel .owl-wrapper-outer.autoHeight {
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;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent; }
.grabbing {
cursor: url(//vaishya.ru/wp-content/themes/microjobengine/assets/css/grabbing.png) 8 8, move; }
.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); }
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0); }
40% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px); }
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px); } }
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0); }
40% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px); }
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px); } }
.bounce {
-webkit-animation: bounce 5s 2;
animation: bounce 5s 2;
display: inline-block;
color: #fff; }
.outer {
position: relative;
min-height: 448px; }
.form-search {
width: 700px;
margin: 0 auto; }
@media (max-width: 767px) {
.form-search {
width: 100%; } }
.banner {
min-height: 250px;
position: relative; }
.search-slider {
position: relative;
z-index: 1; }
.search-slider .function-images {
position: absolute;
right: 0;
top: 15px; }
.search-slider .function-images ul {
padding: 0; }
.search-slider .function-images ul li {
display: inline-block;
margin-right: 20px; }
.outer-form {
background: #fff;
border-radius: 45px;
padding: 10px 0;
width: 100%;
margin: 0 auto;
color: #2a394e;
font-size: 21px;
position: relative;
text-align: left; }
@media (max-width: 767px) {
.outer-form {
font-size: 18px;
text-align: left;
padding-left: 14px; }
.outer-form input::-webkit-input-placeholder { font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 18px !important;
position: relative;
bottom: 0px; }
.outer-form input:-moz-placeholder { opacity: 1;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 18px !important;
position: relative;
bottom: 0px; }
.outer-form input::-moz-placeholder { opacity: 1;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 18px !important;
position: relative;
bottom: 0px; }
.outer-form input:-ms-input-placeholder { font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 18px !important;
position: relative;
bottom: 0px; } }
@media (max-width: 480px) {
.outer-form {
font-size: 16px;
position: relative; }
.outer-form input::-webkit-input-placeholder { font-size: 16px !important;
bottom: 0px; }
.outer-form input:-moz-placeholder { opacity: 1;
font-size: 18px !important;
bottom: 0px; }
.outer-form input::-moz-placeholder { opacity: 1;
font-size: 16px !important;
bottom: 0px; }
.outer-form input:-ms-input-placeholder { font-size: 16px !important;
bottom: 0px; } }
.outer-form input {
border: none;
height: 45px;
width: 308px;
font-size: 21px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
outline: none; }
@media (max-width: 767px) {
.outer-form input {
width: 37%;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
font-weight: 300; } }
@media (max-width: 767px) {
.outer-form .search-title:before {
content: "\f002";
font-family: "FontAwesome"; } }
@media (max-width: 767px) {
.outer-form .text-search {
display: none; } }
.outer-form input::-webkit-input-placeholder { font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 21px; }
.outer-form input:-moz-placeholder { opacity: 1;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 21px; }
.outer-form input::-moz-placeholder { opacity: 1;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 21px; }
.outer-form input:-ms-input-placeholder { font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 21px; }
.outer-form .btn-submit {
padding: 18px 33px;
font-size: 18px;
position: relative;
overflow: hidden; }
@media (max-width: 767px) {
.outer-form .btn-submit {
padding: 10px 14px;
bottom: 71px;
position: absolute;
right: 26px; } }
.outer-form .text {
margin-left: 20px;
font-family: 'Open Sans', sans-serif;
font-weight: 300; }
@media (max-width: 767px) {
.outer-form .text {
margin-left: 0; } }
.search-form {
width: 100%;
text-align: center;
position: absolute;
z-index: 1;
vertical-align: middle;
color: #2a394e;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%); }
@media (max-width: 767px) {
.search-form {
padding: 15px 15px 60px 15px; }
.search-form .btn-submit {
bottom: 11px;
right: 10px; } }
.search-form h1 {
font-size: 48px;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
margin-bottom: 20px;
letter-spacing: 2px; }
@media (max-width: 767px) {
.search-form h1 {
font-size: 23px; } }
.search-form h4 {
font-size: 18px;
margin-bottom: 30px;
font-style: italic; }
@media (max-width: 767px) {
.search-form h4 {
font-size: 14px; } }
.search-form .btn-search {
height: 50px;
padding: 0px 25px;
position: absolute;
right: 9px;
bottom: 8px;
border: none;
border-radius: 45px;
background: #10a2ef;
color: #fff;
box-shadow: 1px 3px 9px rgba(16, 162, 239, 0.5);
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
font-size: 18px;
outline: none; }
@media (max-width: 767px) {
.search-form .btn-search {
padding: 0 16px; } }
@media (max-width: 480px) {
.search-form .btn-search {
right: 9px;
bottom: 8px; } }
.search-form .icon-search {
position: absolute;
margin: 15px 0 0 15px; }
.not-found-sub-text {
font-size: 14px;
font-family: 'Open Sans', sans-serif;
padding-top: 5px; }
@media (max-width: 767px) {
.not-found-sub-text {
display: none; } }
.not-found-sub-text a {
color: #10a2ef; }
.not-found-sub-text .new-search-link {
color: #10a2ef;
cursor: pointer;
font-weight: normal; }
.search-result {
margin-top: 82px; }
.search-result .block-title-text {
width: calc(100% - 250px);
margin: 0;
line-height: 1.45em; }
@media (max-width: 991px) {
.search-result .block-title-text {
width: 100%; } }
@media (max-width: 991px) {
.search-result {
margin-top: 30px; } }
.search-result .total-result {
color: #898a90;
font-size: 14px;
text-transform: none;
font-family: 'Open Sans', sans-serif;
margin-top: 30px; }
.search-result .block-title {
position: relative; }
.search-result .filter-by {
position: absolute;
top: 4px;
right: 0;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
text-transform: none;
margin: 0; }
@media (max-width: 991px) {
.search-result .filter-by {
position: relative;
bottom: 0; }
.search-result .filter-by .status-filter {
height: 44px; } }
@media (max-width: 767px) {
.search-result .filter-by {
bottom: 0;
position: relative; } }
.search-result .filter-by > span {
display: inline-block;
vertical-align: middle;
margin-right: 5px; }
.search-result .filter-by > select {
display: inline-block;
vertical-align: middle; }
.advanced-filters {
margin-bottom: 50px; }
.advanced-filters .filter-by-verified.form-group {
margin-bottom: 0; }
.advanced-filters .filter-by-verified.form-group label {
font-weight: 400;
color: #2a394e; }
.advanced-filters .chosen-choices { }
.advanced-filters-item {
margin-top: 30px;
margin-bottom: 15px; }
.advanced-filters-item .filter-title {
color: #898a90;
font-size: 14px;
padding: 0;
margin-bottom: 15px;
font-family: "Open Sans" , sans-serif; }
.advanced-filters-item .filter-budget-min {
float: left;
margin-right: 12px;
width: calc(50% - 32px); }
@media (max-width: 991px) {
.advanced-filters-item .filter-budget-min {
width: calc(50% - 65px);
height: 44px;
border: 1px solid #dfe0e5;
padding-left: 12px !important;
padding-right: 12px !important; } }
@media (max-width: 767px) {
.advanced-filters-item .filter-budget-min {
width: calc(50% - 15px); } }
.advanced-filters-item .filter-budget-max {
width: calc(50% - 32px);
margin-left: 12px; }
@media (max-width: 991px) {
.advanced-filters-item .filter-budget-max {
width: calc(50% - 65px);
height: 44px;
border: 1px solid #dfe0e5;
padding-left: 12px !important;
padding-right: 12px !important; } }
@media (max-width: 767px) {
.advanced-filters-item .filter-budget-max {
width: calc(50% - 15px); } }
.advanced-filters-item .filter-price {
padding-right: 0;
width: 32px;
border: none;
background: none;
text-align: right; }
@media (max-width: 991px) {
.advanced-filters-item .filter-price {
background: #10a2ef;
margin-left: 20px;
padding: 0;
width: 80px;
height: 44px;
color: #FFF;
line-height: 42px;
border-radius: 4px;
text-align: center;
vertical-align: top; } }
@media (max-width: 767px) {
.advanced-filters-item .filter-price {
margin: 10px 0 0; } }
.advanced-filters-item .filter-price:focus, .advanced-filters-item .filter-price:active, .advanced-filters-item .filter-price:hover {
outline: none;
box-shadow: none; }
.advanced-filters-item .advanced-filters-item {
margin-bottom: 40px; } body.filter-open {
overflow: hidden; }
@media (min-width: 992px) {
body.filter-open {
overflow: auto; } }
.filter-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999;
background-color: #000; }
.filter-backdrop.in {
opacity: 0.5; }
@media (min-width: 992px) {
.filter-backdrop {
display: none; } }
.search-result .block-title {
margin: 0 0 65px;
font-weight: 400;
padding: 0 0 22px;
border-bottom: 1px solid #dfe0e6; }
.show-filter-wrap {
margin: 40px 0 0; }
.show-filter-wrap a {
display: block;
padding: 15px 0;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
color: #898a90;
text-align: center;
border: 1px solid #dbdbdb;
border-radius: 4px;
line-height: 1em; }
.show-filter-wrap a i {
margin-left: 6px; }
@media (max-width: 991px) {
.mje-col-left-wrap {
display: none; }
.mje-col-left-wrap.active {
display: block;
background: #FFF;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10000;
padding-left: 24px;
padding-right: 24px;
overflow-x: hidden;
overflow-y: auto; } }
@media (max-width: 991px) and (max-width: 767px) {
.mje-col-left-wrap.active {
padding-left: 10px;
padding-right: 10px; } }
@media (max-width: 991px) {
.mje-col-left-wrap.active .filter-by {
display: block;
margin: 30px 0 0; }
.mje-col-left-wrap.active .filter-by > span {
display: block;
margin: 0 0 10px;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 400;
color: #2a394e;
text-transform: uppercase;
line-height: 1em; }
.mje-col-left-wrap.active .filter-by > span > span {
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 400;
color: #2a394e;
display: none; }
.mje-col-left-wrap.active .filter-by .status-filter {
width: 100%; }
.mje-col-left-wrap.active .menu-left {
width: 100%;
margin: 40px 0 0; }
.mje-col-left-wrap.active .menu-left .title-menu {
display: block;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 400;
color: #2a394e;
line-height: 1em; }
.mje-col-left-wrap.active .menu-left .button-dropdown-menu {
margin-bottom: 0;
height: 44px;
padding-left: 12px; }
.mje-col-left-wrap.active .filter-tags {
width: 100%;
margin: 40px 0 0; }
.mje-col-left-wrap.active .filter-tags .title-menu {
display: block;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 400;
color: #2a394e;
line-height: 1em; }
.mje-col-left-wrap.active .advanced-filters {
margin-top: 36px; } }
.header-filter-wrap {
padding: 30px 24px;
margin-left: -24px;
margin-right: -24px;
margin-bottom: 20px;
border-bottom: 1px solid #dfe0e6; }
@media (max-width: 767px) {
.header-filter-wrap {
margin-left: -10px;
margin-right: -10px;
padding: 16px 10px; } }
.header-filter-wrap a {
font-family: "Montserrat", sans-serif;
font-size: 14px;
color: #10a2ef; }
.header-filter-wrap a i {
margin-right: 6px; }
.clear-filter-btn {
display: block;
padding: 17px 0;
background: #f9f9f9;
font-family: "Montserrat", sans-serif;
font-size: 14px;
color: #898a90;
border: 1px solid #dbdbdb;
line-height: 1em;
text-align: center;
border-radius: 4px; }
.filter-price-mjob {
font-size: 0; }
.filter-price-mjob * {
font-size: 14px; }
.filter-price-mjob > span {
color: #c1c2c7; }
@media (max-width: 991px) {
.status-filter {
padding-left: 10px; } }
.ml-35 {
margin-left: 35px; }
.form-authentication input {
min-height: 45px; }
.form-authentication input[type="checkbox"] {
min-height: auto; }
.form-authentication .submit {
border: none;
padding: 10px 50px; }
.form-authentication .link-join {
margin-top: 10px;
min-height: 60px; }
.form-authentication .note-paragraph {
text-align: center;
margin-bottom: 55px; }
.form-authentication .check-terms {
margin-left: 35px; }
@media (max-width: 480px) {
.form-authentication .check-terms p.error {
top: 67px; } }
.signin-form {
margin-top: 30px; }
.reset-pass-active {
margin-top: 130px !important; }
.reset-pass-active .reset-title {
color: #10a2ef;
font-family: 'Montserrat', sans-serif;
font-size: 18px; }
.page-sign-in {
padding-top: 50px !important; }
.reset-pass {
margin-top: 45px; }
.social-authentication {
margin-top: 30px; }
.social-authentication ul {
margin: 0;
padding: 0; }
.social-authentication li {
list-style: none; }
.social-authentication li a {
display: block;
margin-bottom: 20px;
padding: 10px 0 10px 20px; }
.social-authentication li a.face {
border: 1px solid #3b5998;
color: #3b5998; }
.social-authentication li a.twitter {
border: 1px solid #68c5ef;
color: #68c5ef; }
.social-authentication li a.google {
border: 1px solid #ea4335;
color: #ea4335; }
.social-authentication li a.linkin {
border: 1px solid #007ab5;
color: #007ab5; }
.social-authentication li a i {
margin-right: 10px; }
.form-reset {
text-align: left;
margin: 0 auto;
width: 50%; }
@media (max-width: 991px) {
.form-reset {
width: 60%; } }
@media (max-width: 767px) {
.form-reset {
width: 100%; } }
@media (max-width: 767px) {
#forgotPasswordForm {
padding-top: 30px; } }
.open-forgot-modal {
color: #e52e5d;
position: relative;
top: 10px;
text-decoration: underline; }
@media (max-width: 991px) {
.open-forgot-modal {
padding-left: 0; } }
.open-forgot-modal:hover {
color: #10a2ef; }
.forgot-pass {
float: right; }
@media (max-width: 767px) {
.forgot-pass {
text-align: left;
margin: 20px 0;
float: none; } }
.sign-in-button {
float: left; }
@media (max-width: 767px) {
.sign-in-button {
text-align: left;
float: none; } }
.inner-form {
padding: 50px 50px 20px 50px; }
@media (max-width: 991px) {
.inner-form {
padding: 40px; } }
@media (max-width: 767px) {
.inner-form {
padding: 15px; } }
.social {
margin: 20px 0 10px 0; }
@media (max-width: 991px) {
.social {
text-align: center; } }
.socials-head, .list-social-login {
display: inline-block; }
.socials-head {
font-size: 14px;
margin: 40px 20px 0 0; }
@media (max-width: 991px) {
.socials-head {
display: block;
margin: 80px 0 35px 0; } }
.list-social-login {
padding: 0; }
@media (max-width: 991px) {
.list-social-login {
width: 100%; } }
.list-social-login li {
display: inline-block;
margin-left: 25px; }
@media (max-width: 991px) {
.list-social-login li {
font-size: 25px;
width: 24%;
text-align: center; }
.list-social-login li:first-child {
text-align: left;
margin-left: 0; }
.list-social-login li:last-child {
text-align: right; } }
.list-social-login li .fb {
color: #002993; }
.list-social-login li .gplus {
color: #d72227; }
.list-social-login li .tw {
color: #03a9f4; }
.list-social-login li .social-text {
display: none; }
.not-member {
border: 1px solid rgba(137, 138, 144, 0.2);
padding: 35px 0; }
.not-member a {
color: #10a2ef; }
.insert-email input {
width: 58% !important;
display: inline-block; }
@media (max-width: 767px) {
.insert-email input {
width: 100% !important; } }
.insert-email .btn-continue {
display: inline-block;
padding: 13px 30px;
float: right; }
.insert-email .btn-continue i {
margin-left: 20px;
font-size: 20px;
font-weight: bold;
position: relative;
top: 1px; }
@media (max-width: 767px) {
.insert-email .btn-continue {
position: absolute;
left: 35px;
top: 90px; } }
.text-choosen {
margin-left: 15px;
color: #2a394e;
font-size: 14px;
font-family: 'Open Sans', sans-serif; }
.text-choosen a {
color: #10a2ef;
text-decoration: underline; }
.text-choosen:before {
content: '';
position: absolute;
left: -35px;
top: 3px;
width: 15px;
height: 15px;
border: 1px solid #10a2ef;
background: #fff; }
.text-choosen:after {
content: '\f00c';
font-family: "FontAwesome";
position: absolute;
left: -34px;
top: 1px;
font-size: 14px;
color: #10a2ef;
transition: all .2s;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-ms-transition: all .2s;
-o-transition: all .2s; }
.checkbox .error {
margin: 0 !important;
position: absolute;
top: 43px;
left: 33px; }
.note-paragraph {
color: #898a90;
margin-bottom: 40px; }
#signUpFormStep1 p.error {
right: 188px; }
@media (max-width: 767px) {
#signUpFormStep1 p.error {
right: 0;
margin-left: 0; } }
@media (max-width: 767px) {
#signUpFormStep1 .social {
margin-top: 150px !important; } }
.mjob-post-service {
padding-top: 75px; }
@media (max-width: 991px) {
.mjob-post-service {
margin-top: 30px; } }
.progress-bar {
width: 350px;
margin: 0 auto;
padding-bottom: 70px;
position: relative; }
@media (max-width: 767px) {
.progress-bar {
width: 290px; } }
.progress-bar .mjob-progress-bar-item {
background: #d4dee6;
border-radius: 45px; }
.progress-bar .mjob-progress-bar-item .step-4-col .half {
width: 42%; }
.progress-bar ul {
margin: 0;
padding: 2px 0; }
.progress-bar ul li {
display: inline-block;
width: 24%;
position: relative;
z-index: 3; }
.progress-bar ul li:first-child {
text-align: left;
right: 7px; }
.progress-bar ul li span {
cursor: pointer; }
.progress-bar ul li.active span {
background: #fff;
color: #10a2ef;
border-radius: 45px;
padding: 2px 18px;
box-shadow: 2px 5px 30px rgba(16, 162, 239, 0.5); }
.progress-bar .step-3-col li {
width: 32% !important; }
.progress-bar .step-3-col li:nth-child(3) {
text-align: right;
padding-right: 15px; }
.progress-bar .step-3-col li:nth-child(3).active {
left: 20px; }
.progress-bar .step-4-col li:nth-child(4) {
text-align: right;
padding-right: 15px; }
.progress-bar .step-4-col li:nth-child(4).active {
left: 20px; }
.progress-bar .half {
width: 50%;
display: block !important; }
.progress-bar .full {
width: 100%;
display: block !important; }
.progress-bar .done span {
display: none; }
.progress-bar .done:before {
content: "\f00c";
font-family: "FontAwesome";
padding-left: 20px;
color: #fff; }
.progress-bar .progress-bar-success {
display: none;
background: #10a2ef;
border-radius: 45px;
position: absolute;
z-index: 1;
height: 22px;
top: 1px; }
#step4 {
display: none;
width: 100%; }
#step4 .list-price li p {
vertical-align: top;
margin-bottom: 0;
margin-top: 11px; }
#step-post {
display: none; }
#step2, #step3 {
display: none; }
#checkout-step2 {
display: none; }
#checkout-step2 li:hover:before {
border-right: none !important; }
.sc_user_role {
display: none; }
.package {
position: relative;
margin-bottom: 20px; }
.package .chose-package {
position: absolute;
right: 20px;
top: 10px; }
@media (max-width: 480px) {
.package .chose-package {
position: relative;
right: 0; } }
.package .chose-package .price {
color: #10a2ef;
font-size: 30px;
font-family: 'Montserrat', sans-serif; }
.package .chose-package .btn-chose {
border: none;
padding: 10px 20px; }
.post-job {
width: 70%;
margin: 0 auto;
text-align: left;
padding: 0;
margin-bottom: 100px; }
@media (max-width: 991px) {
.post-job {
width: 100%; } }
.post-job .attachment-image {
margin-top: 40px; }
.post-job .attachment-image.has-image .carousel_container {
margin-top: 27px; }
.post-job .input-group .text-note {
position: absolute;
right: 0; }
@media (max-width: 991px) {
.post-job .category-area {
margin-top: 40px; } }
@media (max-width: 767px) {
.post-job .category-area select {
width: 100%;
height: 35px;
border: none;
border-bottom: 1px solid rgba(137, 138, 144, 0.2);
background: none; } }
.post-job .category-area .input-group .input-group-addon {
padding-top: 15px; }
@media (max-width: 991px) {
.post-job .category-area .input-group .chosen-container {
width: 100% !important; } }
.post-job .category-area .input-group .chosen-single {
display: block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap; }
.post-job .text-currency {
width: 74% !important;
float: right; }
.post-job .select-gateway {
text-align: center;
color: #898a90; }
.post-job .note-plan {
color: #aaafb2;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
margin-bottom: 25px; }
.post-job .select-plan {
color: #2a394e;
text-decoration: none; }
.post-job #wp-post_content-editor-container {
border: 1px solid #d2d2d2; }
.post-job li {
display: block;
background: #fff;
box-shadow: 2px 5px 43px rgba(188, 207, 219, 0.65);
padding: 20px 20px 10px 20px;
cursor: pointer;
position: relative; }
.post-job li:hover:before {
content: "";
border-right: 6px solid #10a2ef;
position: absolute;
height: 100%;
right: 0;
top: 0;
transition-duration: 0.3s;
transition-timing-function: ease-out; }
.post-job .group-attachment {
position: relative; }
.post-job .btn-save {
padding: 13px 90px;
margin-top: 50px;
vertical-align: inherit; }
@media (max-width: 767px) {
.post-job .btn-save {
padding: 13px 60px; } }
.post-job .btn-discard {
color: #898a90;
margin-left: 20px; }
.post-job textarea {
min-height: 300px; }
.post-job .img-avatar {
position: relative; }
.post-job .outer-carousel-gallery {
position: relative; }
.post-job .outer-carousel-gallery label.error {
bottom: 0; }
.post-job .extra-price label.error {
bottom: 55px; }
.post-job .carousel-gallery {
padding-bottom: 20px;
border-bottom: 1px solid #d2d2d2;
width: 100%;
height: auto; }
.post-job .upload-description {
position: absolute;
z-index: 1;
text-align: center;
color: #898a90;
left: 50%;
top: 50%;
width: 100%;
transform: translate(-50%, -50%) !important;
-webkit-transform: translate(-50%, -50%) !important;
-moz-transform: translate(-50%, -50%) !important;
-o-transform: translate(-50%, -50%) !important;
-ms-transform: translate(-50%, -50%) !important; }
.post-job .upload-description i {
font-size: 50px;
margin-bottom: 10px; }
.post-job .show {
display: block; }
.post-job .hide {
display: none; }
.post-job .functions-link {
position: absolute;
right: 0;
top: 45px; }
.post-job .functions-link ul {
margin: 0;
padding: 0; }
.post-job .functions-link ul li {
display: inline-block;
margin-right: 30px;
cursor: none; }
.post-job .job-items {
position: relative; }
.post-job .job-items .remove-items {
position: absolute;
right: -28px;
top: 13px;
color: #e52e5d;
z-index: 99; }
.post-job .add-more {
margin: 0 0 30px 0; }
.post-job .add-more a {
color: #898a90; }
.post-job .add-more a .icon-plus {
background: #10a2ef;
color: #fff;
border-radius: 50%;
padding: 3px 7px;
margin-left: 10px; }
.post-job .package {
margin-bottom: 30px; }
.post-job .package .cate-package {
color: #2a394e;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
font-weight: 700; }
.post-job .package .content-package, .post-job .package .name-package {
width: 70%; }
@media (max-width: 480px) {
.post-job .package .content-package, .post-job .package .name-package {
width: 100%; } }
.post-job .package .no-free-package ul {
margin: 0 0 30px 0;
padding: 0; }
.post-job .package .no-free-package ul li {
display: inline-block;
margin-right: 20px; }
.post-job .btn-discard {
border: none;
padding: 10px 20px; }
.post-job .extra-item {
margin: 0;
border: 1px solid rgba(137, 138, 144, 0.2);
margin-bottom: 20px !important; }
@media (max-width: 991px) {
.post-job .extra-item {
width: 96%; } }
.post-job .extra-item .name-item-extra {
border-right: 1px solid rgba(137, 138, 144, 0.2); }
.post-job .extra-item input {
border: none; }
.post-job .extra-item .input-items, .post-job .extra-item .text-currency {
padding: 0 15px !important; }
.post-job .chosen-container-single .chosen-single {
border: none;
border-radius: 0;
background: none;
box-shadow: none;
border-bottom: 1px solid rgba(137, 138, 144, 0.2);
padding-bottom: 45px;
padding-left: 0; }
.post-job .chosen-container-single .chosen-single span {
padding-top: 10px;
color: #c1c2c7;
font-size: 14px; }
.post-job .chosen-container-single .chosen-single div {
top: 12px; }
.post-job .chosen-container-active.chosen-with-drop .chosen-single {
border: none;
background: none;
box-shadow: none;
border-bottom: 1px solid #d2d2d2;
border-radius: 0; }
.post-job .chosen-container .chosen-single span { font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 16px;
color: #c1c2c7; }
.post-job .chosen-container .chosen-results li {
line-height: 30px;
background: none;
box-shadow: none;
font-size: 14px;
font-family: 'Open Sans', sans-serif; }
.post-job .chosen-container .chosen-results li:before {
border-right: none !important; }
.post-job .skill-control input {
width: 100% !important;
line-height: 25px !important; }
.post-job .skill-control span {
display: block;
color: rgba(137, 138, 144, 0.6);
font-family: 'Open Sans', sans-serif;
font-weight: 700; }
.post-job .skill-control .skills-list {
padding-left: 0; }
.post-job .skill-control .skills-list li {
display: inline-block;
background: #dae0e6;
box-shadow: none;
padding: 8px 20px;
margin: 30px 20px 0 0;
border-radius: 45px; }
.post-job .skill-control .skills-list li:hover {
border-right: 0; }
.post-job .skill-control .skills-list li:hover:before {
border-right: none !important; }
.post-job .skill-control .skills-list li .delete {
color: #2a394e; }
.post-job .skill-control .skills-list li .text-ellipsis {
color: #2a394e;
display: inline-block;
margin-right: 10px;
font-size: 12px;
font-family: 'Open Sans', sans-serif; }
.list-price {
text-align: center; }
@media (max-width: 991px) {
.list-price {
padding: 0 15px;
margin-top: 50px; } }
.list-price li {
text-align: center;
padding-top: 40px;
background: none;
box-shadow: none;
display: inline-block; }
@media (max-width: 767px) {
.list-price li {
width: 100%; } }
.list-price li:hover:before {
border-right: none; }
.list-price li .outer-payment-items {
background: #fff;
box-shadow: 1px 3px 9px #d2d2d2;
height: 200px;
width: 210px; }
.list-price li .outer-payment-items.hvr-underline-from-left {
display: inherit; }
.list-price li .outer-payment-items.hvr-underline-from-left:before {
background: #10a2ef;
height: 6px; }
@media (max-width: 767px) {
.list-price li .outer-payment-items {
height: auto;
padding: 20px 0 20px 30px;
width: 100%; } }
@media (max-width: 991px) {
.list-price li {
padding: 0 15px;
margin-bottom: 30px; } }
@media (max-width: 767px) {
.list-price li {
vertical-align: middle;
text-align: left;
margin-bottom: 20px; } }
.list-price li a {
display: block;
padding-top: 50px; }
@media (max-width: 767px) {
.list-price li a {
text-align: left;
padding-top: 0; } }
@media (max-width: 767px) {
.list-price li p {
display: inline-block;
padding-left: 20px; } }
.list-price li img {
margin: 0 auto;
padding-bottom: 20px; }
@media (max-width: 767px) {
.list-price li img {
display: inline-block;
padding-bottom: 0; } }
.list-price li:hover {
border-right: 0; }
.list-price li .btn-submit-price-plan {
color: #2a394e;
font-size: 18px;
font-family: 'Montserrat', sans-serif; }
.list-price li .btn-submit-price-plan .text-cash {
text-transform: uppercase; }
@media (max-width: 767px) {
.attachment-image {
margin-top: 0; } }
.attachment-image .add-img {
cursor: pointer; }
.attachment-image ul {
margin: 0;
padding: 0;
float: left; }
.attachment-image ul:after {
content: '';
display: table;
clear: both; }
@media (max-width: 767px) {
.attachment-image ul {
margin-top: 20px; width: 100%; } }
.attachment-image ul li {
display: inline-block;
margin: 0 20px 20px 0;
position: relative;
cursor: pointer;
background: none;
box-shadow: none;
padding: 0;
vertical-align: middle;   }
@media (max-width: 767px) {
.attachment-image ul li {
padding-left: 10px;
padding-right: 10px;
width: calc(50% - 2px);
margin-right: 0; } }
.attachment-image ul li:hover:before {
border-right: none; }
.attachment-image ul li .img-gallery {
position: relative;
display: block;
width: 100%;
height: 100%; }
.attachment-image ul li .delete-img {
position: absolute;
left: -11px;
top: -10px;
font-size: 14px;
background: #fff;
border-radius: 50%;
padding: 2px 6px;
box-shadow: 1px 3px 9px #dfe0e5;
color: #898a90; }
.attachment-image ul li input[type="radio"] {
display: block;
height: 15px;
width: 15px;
margin-right: 10px;
margin-bottom: 20px;
top: 10px; }
.attachment-image ul li input[type="radio"]:not(:checked),
.attachment-image ul li input[type="radio"]:checked {
position: absolute; }
.attachment-image ul li input[type="radio"]:not(:checked),
.attachment-image ul li input[type="radio"]:checked {
position: relative;
cursor: pointer;
margin: 0 auto; }
.attachment-image ul li input[type="radio"]:not(:checked):before,
.attachment-image ul li input[type="radio"]:checked:before {
content: '';
position: absolute;
left: 0px;
top: -1px;
width: 15px;
height: 15px;
border: 1px solid #10a2ef;
background: #fff;
border-radius: 50%; }
.attachment-image ul li input[type="radio"]:not(:checked):after,
.attachment-image ul li input[type="radio"]:checked:after {
content: '\f111';
font-family: "FontAwesome";
position: absolute;
left: 4px;
top: 2px;
font-size: 8px;
color: #10a2ef;
transition: all .2s;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-ms-transition: all .2s;
-o-transition: all .2s; }
.attachment-image ul li input[type="radio"]:not(:checked):after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
width: 15px;
height: 15px; }
.attachment-image ul li input[type="radio"]:checked:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
width: 15px;
height: 15px; }
.attachment-image ul li img {
width: 160px;
height: 90px;
border-radius: 4px; }
@media (max-width: 767px) {
.attachment-image ul li img {
width: 100%;
height: auto; } }
.attachment-image ul li img:hover {
border: 2px solid #10a2ef; }
.attachment-image ul li .remove-link {
position: absolute;
top: 42%;
left: 46%;
display: none; }
.attachment-image ul li:hover .remove-link {
display: block; }
.attachment-image ul li .image-upload label {
cursor: pointer; }
.attachment-image ul li .image-upload input {
display: none; }
.attachment-image ul li .image-upload .add-img img {
position: relative;
bottom: 10px;
width: auto;
height: auto; }
.attachment-image ul li .image-upload .add-img img:hover {
border: none; }
#authentication-page #signUpForm {
display: none; }
#authentication-page .not-member {
border: none; }
#authentication-page .list-social-login {
padding: 0; }
#authentication-page .list-social-login li {
display: inline-block;
background: none;
box-shadow: none;
padding: 0; }
#authentication-page .list-social-login li:hover {
border-right: 0; }
#authentication-page .list-social-login li:before {
content: "";
border-right: 0 !important; }
#authentication-page .btn-back-sign {
margin-left: 50px;
padding-top: 30px; }
#authentication-page .btn-back-sign i {
padding-right: 10px; }
#authentication-page .focus-signin-form {
color: #aaafb3; }
@media (max-width: 767px) {
.size-package {
display: block;
margin-top: 5px; } }
@media (max-width: 767px) {
.text-cash, .text-checkout, .text-bank, .img-logo {
display: inline-block; } }
@media (max-width: 767px) {
.text-cash, .text-checkout, .text-bank {
padding-left: 40px; } }
@media (max-width: 480px) {
.text-cash, .text-checkout, .text-bank {
padding-left: 10px; } }
#link-modal-title {
background: #10a2ef !important;
color: #fff;
text-align: center;
padding: 25px 0 !important;
height: auto !important;
text-shadow: none;
font-weight: inherit !important; }
#wp-link-close {
color: #fff !important;
left: 16px;
top: 27px !important;
outline: none; }
#wp-link-close .screen-reader-text {
display: none; }
#wp-link #link-options {
padding: 30px 30px 0 30px !important; }
#wp-link #link-options .howto {
margin: 0 0 10px 0 !important; }
#link-selector {
top: 84px !important; }
#link-selector div {
margin-bottom: 15px; }
#link-selector div input[type="text"] {
height: 35px;
width: 100% !important;
padding: 0 15px; }
#link-selector div label {
display: block !important; }
#wp-link #link-options label span, #wp-link #search-panel label span.search-label {
display: block !important;
width: auto !important;
text-align: left !important;
margin-bottom: 8px; }
#wp-link p.howto {
margin: 27px 29px !important; }
#wp-link-submit {
background: #10a2ef;
color: #fff;
border-radius: 45px;
padding: 10px 40px;
border: none; }
#wp-link-cancel a {
color: #10a2ef;
position: relative;
top: 9px; }
.moxie-shim {
width: 100% !important;
height: 100% !important;
z-index: 99999999;
left: 0; }
.moxie-shim input {
display: block !important; }
#most-recent-results, .howto, #search-panel {
display: none !important; }
.post-job.edit-mjob-form .category-area .input-group .chosen-container {
width: 322px; }
.has-price-field .category-area {
margin-top: 40px; }
@media (max-width: 991px) {
.has-price-field .category-area {
width: 100%; }
.has-price-field .category-area .chosen-container {
width: 100% !important; } }
@media (max-width: 767px) {
.has-price-field .delivery-area {
margin-top: 25px; } }
.title-opening-message i {
margin-left: 8px;
cursor: pointer; }
textarea.input-opening-message {
border: 1px solid rgba(137, 138, 144, 0.2) !important;
margin-top: 5px;
min-height: 200px !important; }
.step-post .popover {
max-width: 50%; }
@media (max-width: 767px) {
.step-post .popover {
max-width: 100%;
left: 0 !important;
top: -270px !important; } }
.step-post .popover .popover-title span {
color: #2a394e;
font-style: italic;
font-weight: 500; }
.step-post .popover .popover-title .icon-message {
width: 7%;
padding-top: 5px; }
.step-post .popover .popover-title .icon-message i {
margin-left: 0;
cursor: default; }
.step-post .popover .popover-title .text-message {
width: 93%;
line-height: 25px; }
.step-post .carousel_container {
display: inline-block; }
.mjob-extras-wrapper {
clear: both; }
.mjob-extras-wrapper label.error {
display: none !important; }
.mjob-extras-wrapper .label-currency {
padding: 0 10px;
position: absolute;
top: 13px; }
.mjob-extras-wrapper .text-currency {
text-align: right; }
.redirect-content {
margin-top: 80px; }
@media (max-width: 991px) {
.admin-bar #content {
padding-top: 39px; } }
@media (max-width: 767px) {
.admin-bar #content {
padding-top: 20px; } }
#content {
min-height: 700px; }
@media (max-width: 991px) {
#content {
padding-top: 85px; } }
@media (max-width: 767px) {
#content {
padding-top: 65px; } }
#content .main-content {
margin-top: 50px; }
#content .list-page {
margin-top: 50px; }
@media (max-width: 991px) {
body.home #content {
padding-top: 0; } }
.tags .chosen-container-multi .chosen-choices {
height: 35px;
line-height: 30px;
background: none;
border: none;
border-bottom: 1px solid #dfe0e6;
box-shadow: none;
border-radius: 0; }
@media (max-width: 991px) {
.tags .chosen-container-multi .chosen-choices {
border: 1px solid #dfe0e6;
padding-left: 12px;
padding-right: 12px; } }
.tags .chosen-container-multi .chosen-choices li.search-choice {
background: #dae0e6;
color: #2a394e;
font-size: 12px;
border: none;
box-shadow: none;
border-radius: 50px;
padding: 6px 25px 6px 15px; }
@media (max-width: 991px) {
.tags .chosen-container-multi .chosen-choices li.search-choice {
margin-top: 8px; } }
.tags .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
top: 8px;
right: 9px; }
.tags .chosen-container .chosen-drop {
top: 100% !important; }
@media (max-width: 991px) {
.tags .search-field input[type="text"] {
min-height: 40px; } }
.line-distance {
width: 30px;
padding-top: 10px; }
.line-distance:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 2px;
background-color: rgba(16, 162, 239, 0.5); }
.line-distance:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
margin: 0 auto;
width: 50%;
height: 2px;
background-color: #10a2ef;
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
zoom: 1; }
.rate-it {
display: inline-block; }
.fa-star-o:before {
content: "\f005" !important;
color: #e5e5e5; }
.fa-star, .fa-star-half-o {
color: #10a2ef; }
.how-it-work {
margin: 80px 0;
text-align: center; }
.how-it-work h2 {
font-size: 18px; }
.featured-job .mjob-item:nth-child(4n+1) {
clear: both; }
@media (max-width: 991px) {
.featured-job .mjob-item:nth-child(4n+1) {
clear: none; }
.featured-job .mjob-item:nth-child(3n+1) {
clear: both; } }
@media (max-width: 767px) {
.featured-job .mjob-item:nth-child(3n+1) {
clear: none; } }
.block-intro {
background: url(//vaishya.ru/wp-content/themes/microjobengine/assets/img/bg-intro.jpg);
background-size: cover;
width: 100%;
padding-bottom: 80px;
padding-top: 37px; }
@media (max-width: 991px) {
.block-intro {
margin-top: 0;
padding-bottom: 50px; } }
.block-intro ul {
padding: 0;
margin-top: 20px; }
.block-intro ul li {
margin-bottom: 30px;
list-style: none;
padding-left: 0; }
.block-intro h5 a.title {
font-size: 18px;
color: #2a394e;
font-family: 'Montserrat', sans-serif; }
.block-intro .icon-article {
margin-top: 10px; }
.block-intro .icon-article img {
width: 30px;
height: 30px; }
.block-intro .text-article {
width: 82%; }
@media (max-width: 991px) {
.block-intro .text-article {
width: 90%;
padding-right: 30px; } }
@media (max-width: 767px) {
.block-intro .text-article {
width: 81%; } }
.block-intro .load-more {
color: #10a2ef;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
position: relative;
top: 20px;
clear: both; }
.block-intro .load-more a {
color: #10a2ef; }
.block-intro .load-more i {
padding-left: 20px;
font-size: 20px; }
@media (max-width: 991px) {
.block-intro .load-more {
text-align: left;
top: 0;
margin-left: 72px; } }
@media (max-width: 767px) {
.block-intro .load-more {
margin-left: 18%; } }
.block-social {
text-align: center;
line-height: 30px;
display: inline-block; }
.block-social p {
margin: 0 100px 20px 100px; }
.block-social li {
display: inline-block;
margin-right: 20px; }
.block-social li:last-child {
margin-right: 0; }
.title-pages {
font-size: 20px;
font-weight: bold;
margin-bottom: 50px;
display: block; }
.block-title {
font-family: 'Montserrat', sans-serif;
font-size: 27px;
margin-bottom: 50px;
text-transform: uppercase; }
@media (max-width: 767px) {
.block-title {
font-size: 20px;
margin-bottom: 25px; } }
.block-hot-items {
background: #ecf5fa;
text-align: center; }
@media (max-width: 991px) {
.block-hot-items .hvr-float-shadow:before {
display: none; } }
.block-hot-items .inner-hot-items {
padding: 65px 15px 50px 15px; }
@media (max-width: 991px) {
.block-hot-items .inner-hot-items {
padding-top: 20px; } }
@media (max-width: 767px) {
.block-hot-items .inner-hot-items {
padding-top: 0; }
.block-hot-items .inner-hot-items ul {
margin: 0; } }
.block-hot-items .inner-hot-items .block-title {
margin-bottom: 60px; }
@media (max-width: 767px) {
.block-hot-items .inner-hot-items .block-title {
margin-bottom: 20px; } }
@media (max-width: 991px) {
.block-hot-items {
padding: 45px 0; } }
@media (max-width: 1199px) {
.block-hot-items {
padding: 45px 0; } }
@media (max-width: 767px) {
.block-hot-items {
padding: 20px 0; }
.block-hot-items .block-title {
margin-bottom: 20px; } }
@media (max-width: 991px) {
.block-hot-items .hvr-float-shadow {
display: block; } }
@media (max-width: 767px) {
.block-hot-items .hvr-float-shadow {
display: initial; } }
.block-hot-items ul {
padding: 0;
background: #fff;
border-left: 1px solid #cae3f3;
border-top: 1px solid #cae3f3;
margin-bottom: 70px; }
@media (max-width: 991px) {
.block-hot-items ul {
margin-bottom: 0; } }
.block-hot-items ul li {
display: inline-block;
border-right: 1px solid #cae3f3;
border-bottom: 1px solid #cae3f3;
height: 204px; }
@media (max-width: 991px) {
.block-hot-items ul li {
padding: 25px 0;
height: auto; } }
.block-hot-items ul li a {
color: #2a394e;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
text-transform: uppercase;
padding: 45px 0;
display: block; }
.block-hot-items ul li .avatar {
position: relative;
margin-bottom: 13px; }
.block-hot-items ul li .avatar .line {
margin: 0 auto;
padding-top: 15px; }
.block-hot-items ul li .avatar img {
width: 55px;
height: 55px;
border-radius: 50%;
border: 1px solid #10a2ef;
padding: 4px; }
.block-hot-items ul li .name-items {
margin-top: 0;
color: #2a394e;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
text-transform: uppercase; }
@media (max-width: 991px) {
.block-hot-items ul li {
text-align: left;
padding-left: 30px; }
.block-hot-items ul li .avatar, .block-hot-items ul li .name-items {
float: left; }
.block-hot-items ul li .avatar {
margin-right: 30px; }
.block-hot-items ul li .name-items {
width: 48%;
height: 30px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-top: 24px; } }
@media (max-width: 767px) {
.block-hot-items ul li {
padding: 0 0 10px 0;
text-align: center; }
.block-hot-items ul li .avatar, .block-hot-items ul li .name-items {
display: block;
margin-right: 0;
text-align: center; }
.block-hot-items ul li .avatar {
float: inherit; }
.block-hot-items ul li .name-items {
text-overflow: ellipsis;
width: 100%;
white-space: nowrap;
overflow: hidden;
padding: 0 15px; }
.block-hot-items ul li a {
font-family: 'Montserrat', sans-serif; } }
.block-hot-items .see-all a {
color: #10a2ef;
font-family: 'Montserrat', sans-serif; }
.block-hot-items .see-all i {
padding-left: 10px;
font-size: 20px;
font-weight: bold;
position: relative;
top: 1px; }
.featured-job {
margin-top: 50px;
padding-left: 0; }
@media (max-width: 767px) {
.featured-job {
margin-top: 30px; } }
.chosen-container-multi .chosen-choices li.search-field input[type=text] {
height: 30px;
min-width: 190px;
font-family: inherit;
font-size: 14px; }
.chosen-results {
padding: 0 15px;
margin-top: 0 !important; }
.chosen-results .level-0 {
background: none;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none; }
.chosen-results .level-1 {
padding-left: 30px !important;
background: none;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none; }
@media (max-width: 991px) {
#wpadminbar {
z-index: 99; } }
.home #et-header {
min-height: 124px; }
@media (max-width: 991px) {
.home #et-header {
min-height: 85px; } }
@media (max-width: 767px) {
.home #et-header {
min-height: 65px; } }
.home .et-pull-top {
position: fixed;
top: auto;
width: 100%;
z-index: 999; }
@media (max-width: 767px) {
.home .et-pull-top {
position: relative; } }
@media (max-width: 767px) {
.home .search-bar {
display: none; } }
.home #et-nav {
top: 84px;
position: relative;
z-index: 99; }
@media (max-width: 991px) {
.home #et-nav {
z-index: 9999; } }
@media (max-width: 991px) {
.home #et-nav .navbar-default {
position: fixed;
bottom: inherit; } }
.view-all-jobs-wrap {
text-align: center;
margin-bottom: 40px; }
.block-items {
margin: 60px 0 0 0;
text-align: left; }
@media (max-width: 767px) {
.block-items {
margin-top: 30px; } }
.block-items .item {
border: 1px solid #d2d2d2;
padding: 8px;
margin-left: 30px !important; }
.block-items .item:first-child {
margin-left: 0; }
.block-items ul li {
list-style: none; }
body.archive .block-title {
font-weight: 400;
line-height: 1.45em; }
@media (max-width: 991px) {
body.archive .block-title {
display: block;
width: 100%;
overflow: hidden; } }
.job-items-title {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
color: #fff;
width: 47%; }
@media (max-width: 767px) {
.job-items-title {
text-align: center; }
.job-items-title .banner-title {
margin-right: 0;
width: auto;
font-size: 23px; } }
@media (max-width: 480px) {
.job-items-title {
padding-top: 0;
width: 80%; }
.job-items-title .banner-title {
display: block; } }
.job-items-title .btn-post {
margin-top: 10px;
padding: 10px 20px;
border: none;
position: relative;
overflow: hidden; }
@media (max-width: 991px) {
.job-items-title .btn-post {
padding: 20px 36px !important; } }
@media (max-width: 480px) {
.job-items-title .btn-post {
width: 100%; }
.job-items-title .btn-post .cirlce-plus {
position: absolute;
bottom: 6px;
right: 9px;
left: inherit; } }
@media (max-width: 320px) {
.job-items-title .btn-post .name-button-post {
text-align: left; } }
.list-mjobs {
padding: 0; }
.list-mjobs li.mjob-item:nth-child(3n+1) {
clear: both; }
@media (max-width: 767px) {
.list-mjobs li.mjob-item:nth-child(3n+1) {
clear: none; }
.list-mjobs li.mjob-item:nth-child(2n+1) {
clear: both; } }
@media (max-width: 991px) {
.list-mjobs {
padding-left: 0; } }
.functions-items {
border-bottom: 1px solid #dfe0e5;
padding-bottom: 24px;
margin: 82px 0 40px 0; }
@media (max-width: 991px) {
.functions-items {
margin-bottom: 20px; } }
@media (max-width: 767px) {
.functions-items {
margin-top: 0;
border-bottom: none;
margin-bottom: 10px; } }
.filter-by, .view-as {
display: inline-block;
cursor: pointer;
margin-top: 25px; }
.filter-by select, .view-as select {
height: 37px;
border: 1px solid #dfe0e6;
background: none;
border-radius: 0; }
@media (max-width: 767px) {
select.multi-tax-item {
width: 100%;
margin-bottom: 20px;
height: 44px !important;
background: none !important;
border: 1px solid #dfe0e5 !important;
padding-right: 10px;
padding-right: 10px; } }
@media (max-width: 767px) {
.filter-by {
width: 100%; } }
@media (max-width: 767px) {
.filter-by span {
display: none; } }
.filter-by .status-filter {
width: 180px;
border: 1px solid #dfe0e6;
height: 30px; }
@media (max-width: 767px) {
.filter-by .status-filter {
width: 100%;
height: 44px;
background: none !important; } }
.view-as {
margin-left: 20px; }
.view-as ul {
padding: 0; }
.view-as ul li {
display: inline-block;
padding: 3px 10px;
border: 1px solid #dfe0e5;
color: #c1c2c7; }
.view-as ul li:first-child {
margin-left: 0; }
.view-as ul li.active {
background: #898a90;
color: #fff;
border: none; }
.view-as ul li i {
font-weight: bold; }
.statistic {
border: 1px solid #d2d2d2;
padding: 8px;
margin-bottom: 20px; }
.statistic ul {
padding-left: 0; }
.statistic ul li {
display: block;
padding: 10px 0; }
.set-status {
position: relative; }
.set-status .tooltip > .tooltip-inner {
background-color: #10a2ef; }
.set-status .tooltip > .tooltip-arrow {
border-top-color: #10a2ef; }
.block-items ul li:hover .status {
display: block !important;
position: absolute; }
.fullwidth {
width: 100%;
text-align: left; }
.fullwidth img {
float: left;
width: 260px !important; }
.fullwidth .information-items {
float: left;
padding-left: 20px; }
.fullwidth .inner .star, .fullwidth .inner .bookmark {
position: absolute;
right: 15px; }
.title-menu {
font-family: 'Montserrat', sans-serif;
font-size: 18px;
text-transform: uppercase; }
.menu-left, .filter-tags {
position: relative; }
@media (max-width: 991px) {
.menu-left, .filter-tags {
display: inline-block;
width: 49%; }
.menu-left .title-menu, .filter-tags .title-menu {
display: none; } }
@media (max-width: 767px) {
.menu-left, .filter-tags {
width: 100%; } }
@media (max-width: 991px) {
.menu-left {
margin-right: 10px; } }
.filter-tags {
margin-bottom: 50px; }
@media (max-width: 991px) {
.filter-tags {
margin-bottom: 0; } }
.menu-left .dropdown-menu {
display: block;
border: none;
background: none;
position: inherit;
box-shadow: none;
margin-bottom: 30px; }
@media (max-width: 991px) {
.menu-left .dropdown-menu {
display: none;
position: absolute;
background: #fff;
border: 1px solid #dfe0e5;
padding: 15px; } }
.menu-left .button-dropdown-menu {
display: none; }
.menu-left .button-dropdown-menu:focus {
outline: none; }
@media (max-width: 991px) {
.menu-left .button-dropdown-menu {
display: block;
width: 100%;
text-align: left;
height: 44px;
margin-bottom: 20px;
background: #fff;
box-shadow: none;
border: 1px solid #dfe0e6;
padding-left: 12px; }
.menu-left .button-dropdown-menu .caret {
float: right;
margin-top: 7px;
margin-right: 5px; } }
.open > .dropdown-menu {
display: block !important; }
.accordion {
width: 100%;
padding-left: 0; }
@media (max-width: 991px) {
.accordion {
overflow: scroll;
height: 250px; } }
.accordion a.active {
color: #10a2ef;
font-family: 'Open Sans', sans-serif;
font-weight: 700; }
.accordion .link {
cursor: pointer;
display: block;
padding: 15px 15px 15px 0;
font-size: 14px;
position: relative;
transition: all 0.4s ease;
font-family: 'Open Sans', sans-serif; }
.accordion .link a {
color: #898a90;
display: block; }
.accordion .link a:hover {
color: #10a2ef;
text-decoration: none; }
.accordion .link a.active {
color: #10a2ef; }
.accordion .link:hover i {
color: #10a2ef; }
.accordion li {
list-style: none; }
.accordion li:last-child .link {
border-bottom: 0; }
.accordion li i {
position: absolute;
top: 19px;
right: 0;
font-size: 14px;
color: #898a90;
transition: all 0.4s ease; }
@media (max-width: 991px) {
.accordion li i {
font-size: 20px;
margin-left: 50px; } }
.accordion li i.fa-chevron-down {
right: 12px;
left: auto;
font-size: 16px; }
.accordion li.open .link a.active {
color: #10a2ef;
font-family: 'Open Sans', sans-serif;
font-weight: 700; }
.accordion li.open i {
color: #10a2ef; }
.accordion li.open i.fa-chevron-right {
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
.accordion li.open .submenu {
display: block !important; }
.submenu {
display: none;
font-size: 14px;
padding-left: 10px;
border-left: 6px solid #10a2ef; }
.submenu a {
display: block;
text-decoration: none;
color: #898a90;
padding: 15px;
transition: all 0.25s ease;
font-family: 'Open Sans', sans-serif; }
.submenu a:hover {
color: #10a2ef; }
.sub-caterogies {
padding-left: 0; }
.sub-caterogies li {
display: block;
padding: 8px 0; }
.sub-caterogies li a {
color: #2a394e;
text-decoration: none; }
.sub-caterogies li a:hover {
color: #10a2ef;
font-weight: bold; }
#accordion > li.active > .link > a {
color: #10a2ef;
font-family: 'Open Sans', sans-serif;
font-weight: 700; }
.paginations-wrapper {
margin: 0 20px 40px 0; }
@media (max-width: 991px) {
.paginations-wrapper {
text-align: center; } }
.paginations-wrapper .page-numbers {
margin-right: 30px;
color: #2a394e; }
@media (max-width: 767px) {
.paginations-wrapper .page-numbers {
margin-right: 20px; } }
.paginations-wrapper .page-numbers:hover {
color: #10a2ef;
font-family: 'Open Sans', sans-serif;
font-weight: 700; }
.paginations-wrapper .current {
color: #10a2ef;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 18px; }
.pending-color {
background: #fda933;
box-shadow: 1px 3px 9px rgba(253, 169, 51, 0.5); }
.active-color {
background: #00ccbb;
box-shadow: 1px 3px 9px rgba(0, 204, 187, 0.5); }
.pause-color {
background: #2a394e;
box-shadow: 1px 3px 9px rgba(42, 57, 78, 0.5); }
.disputed-color {
background: #5d8635;
box-shadow: 1px 3px 9px rgba(93, 134, 53, 0.5); }
.reject-color {
background: #9b9c85;
box-shadow: 1px 3px 9px rgba(155, 156, 133, 0.5); }
.draft-color {
background: #aaafb3;
box-shadow: 1px 3px 9px rgba(170, 175, 179, 0.5); }
.archive-color {
background: #e56a2e;
box-shadow: 1px 3px 9px rgba(229, 106, 46, 0.5); }
.featured-color {
background: #e52e5d;
box-shadow: 1px 3px 9px rgba(229, 46, 93, 0.5); }
.finished-color {
background: #78b939;
box-shadow: 1px 3px 9px rgba(120, 185, 57, 0.5); }
.delivered-color {
background: #3ec2eb;
box-shadow: 1px 3px 9px rgba(62, 194, 235, 0.5); }
.disputing-color {
background: #3b567b;
box-shadow: 1px 3px 9px rgba(59, 86, 123, 0.5); }
.late-color {
background: #ef0c1c;
box-shadow: 1px 3px 9px rgba(239, 12, 28, 0.5); }
.order-color {
background: #fda933;
box-shadow: 1px 3px 9px rgba(253, 169, 51, 0.5); }
.get-offer-color {
background: #10a2ef;
box-shadow: 1px 3px 9px rgba(16, 162, 239, 0.5); }
.finished-text {
color: #78b939; }
.pending-text {
color: #fda933; }
.disputing-text {
color: #3b567b; }
.active-text, .publish-text, .unpause-text {
color: #00ccbb; }
.late-text {
color: #ef0c1c; }
.disputed-text {
color: #5d8635; }
.delivered-text {
color: #3ec2eb; }
.archive-text {
color: #e56a2e; }
.pause-text {
color: #537ab1; }
.draft-text {
color: #aaafb3; }
.reject-text {
color: #9b9c85; }
.notification {
position: fixed;
top: 0;
width: 100%;
padding: 22px 0;
color: #fff;
font-weight: bold;
text-align: center;
opacity: 0.9;
-moz-opacity: 0.9;
filter: alpha(opacity=9);
z-index: 9999999; }
.success-bg {
background-color: #1B83D3; }
.error-bg {
background-color: #db5f47; } #mje-notification-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 9999;
display: none; }
#mje-notification-container {
position: fixed;
top: 0;
bottom: 0;
right: -450px;
width: 450px;
background-color: #fff;
z-index: 9999;
transition: all .4s ease;  }
#mje-notification-container.having-adminbar {
top: 32px; }
@media (max-width: 992px) {
#mje-notification-container.having-adminbar {
top: 0; } }
@media (max-width: 767px) {
#mje-notification-container {
right: -100%;
width: 100%; } }
#mje-notification-container .hide-action, #mje-notification-container .hide-all a {
color: #898a90; }
#mje-notification-container.slide-in {
right: 0; }
#mje-notification-container .close-notification {
position: absolute;
right: 25px;
top: 20px;
cursor: pointer; }
#mje-notification-container .notification-header {
font-family: 'Montserrat', sans-serif;
padding: 40px 30px 35px 30px;
border-bottom: 1px solid #e6e6e6;
pointer-events: none; }
#mje-notification-container .notification-header h2 {
font-size: 22px;
margin: 0;
text-align: center; }
#mje-notification-container .notification-header h2 .unread-count {
background: #10a2ef;
color: #fff;
font-size: 15px;
min-width: 27px;
height: 27px;
line-height: 27px;
text-align: center;
border-radius: 50px;
display: inline-block;
position: relative;
top: -1px; }
#mje-notification-container .notification-header h2 .unread-count-padding {
padding: 0 10px; }
#mje-notification-container .notification-list {
margin: 0;
padding: 0; }
#mje-notification-container .notification-item {
border-bottom: 1px solid #dbeef8;
list-style-type: none; }
#mje-notification-container .notification-item-inner.unread {
background: #f0f8fc; }
#mje-notification-container .notification-item:last-child {
border-bottom: none; }
#mje-notification-container .notification-item .noti-content {
line-height: 25px; }
#mje-notification-container .notification-item .noti-content p {
margin-bottom: 5px; }
#mje-notification-container .notification-item .noti-content a {
font-weight: 700; }
#mje-notification-container .notification-item .noti-content .action-text {
font-style: italic; }
#mje-notification-container .notification-item .noti-content .action-text-dispute {
color: #eb8251; }
#mje-notification-container .notification-item .noti-content .rate-it .fa:before {
font-size: 13px !important; }
#mje-notification-container .notification-item .noti-meta {
color: #a9a9a9;
font-size: 13px; }
#mje-notification-container .notification-item .noti-meta .hide-action {
padding-left: 15px; }
#mje-notification-container .notification-item .undo-noti {
text-align: center;
display: none; }
#mje-notification-container .notification-item .read-noti {
position: relative; }
#mje-notification-container .notification-item .read-noti.no-link {
padding: 30px; }
#mje-notification-container .notification-item .read-noti .noti-link {
color: #000;
display: block;
padding: 30px; }
#mje-notification-container .notification-item .read-noti .noti-link:hover {
background-color: #f7f7f7; }
#mje-notification-container .notification-item .read-noti .noti-link:active, #mje-notification-container .notification-item .read-noti .noti-link:focus {
text-decoration: none;
background-color: #f7f7f7; }
#mje-notification-container .notification-item .read-noti .noti-icon {
position: absolute;
width: 40px;
height: 40px;
border-radius: 50px;
color: #fff;
text-align: center;
font-size: 25px;
left: 30px;
top: 35px; }
#mje-notification-container .notification-item .read-noti .noti-icon i {
background: #10a2ef;
display: block;
line-height: 40px; }
#mje-notification-container .notification-item .read-noti .noti-icon i, #mje-notification-container .notification-item .read-noti .noti-icon img {
border-radius: 50px;
width: 100%;
height: 100%; }
#mje-notification-container .notification-item .read-noti .noti-content, #mje-notification-container .notification-item .read-noti .noti-meta {
margin-left: 55px; }
#mje-notification-container .notification-item .read-noti .hide-action {
cursor: pointer;
position: relative;
z-index: 10; }
#mje-notification-container .notification-item .read-noti .hide-action:hover {
text-decoration: underline; }
#mje-notification-container .notification-item .undo-noti {
padding: 30px; }
#mje-notification-container .notification-item .undo-noti .undo-action {
cursor: pointer;
color: #10a2ef; }
#mje-notification-container .notification-item .undo-noti .undo-action:hover {
text-decoration: underline; }
#mje-notification-container .notification-item.hidden-noti .read-noti {
display: none; }
#mje-notification-container .notification-item.hidden-noti .undo-noti {
display: block; }
#mje-notification-container .notification-empty {
background: #f2f2f2; }
#mje-notification-container .notification-empty .notification-bell {
display: block; }
#mje-notification-container .notification-empty .notification-reach-end {
display: none !important; }
#mje-notification-container .notification-bell {
display: none;
text-align: center;
color: #a2a2a2;
padding: 40px 0; }
#mje-notification-container .notification-bell .bell-tooltip, #mje-notification-container .notification-bell .notice h4 {
font-family: 'Montserrat', sans-serif; }
#mje-notification-container .notification-bell .bell .bell-tooltip span {
background: #fff;
padding: 12px 20px;
border-radius: 5px;
display: inline-block;
position: relative; }
#mje-notification-container .notification-bell .bell .bell-tooltip span:before {
content: '';
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #fff;
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px; }
#mje-notification-container .notification-bell .bell img {
margin-top: 18px; }
#mje-notification-container .notification-bell .notice {
margin-top: 40px; }
#mje-notification-container .loading {
position: relative;
height: 26px;
display: none;
margin-bottom: 20px;
top: 15px; }
#mje-notification-container .notification-reach-end {
text-align: center;
padding: 10px 0;
font-style: italic;
color: #a2a2a2;
display: none; }
#mje-notification-container .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, #mje-notification-container .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
right: 2px; }
.mjob-single-page {
padding-bottom: 50px;  }
.mjob-single-page .box-shadow {
margin-bottom: 20px; }
.mjob-single-page .mjob-single-primary {
margin-top: 50px; }
.mjob-single-page .pad-lr-30 {
padding-left: 30px;
padding-right: 30px; }
@media (max-width: 768px) {
.mjob-single-page .pad-lr-30 {
padding-left: 20px;
padding-right: 20px; } }
.mjob-single-page .mjob-single-block {
border-bottom: 1px solid #efefef;
padding-bottom: 20px;
margin-top: 20px; }
.mjob-single-page .mjob-single-block:first-child {
margin-top: 0; }
.mjob-single-page .mjob-single-block:last-child {
border: 0; }
.mjob-single-page .mjob-single-block .title {
color: #aaafb2;
text-transform: uppercase;
font-weight: 600;
font-size: 14px; }
.mjob-single-page .mjob-single-gallery img {
max-width: 100%; }
.mjob-single-page .mjob-single-header {
border-bottom: none; }
.mjob-single-page .mjob-single-header h2 {
font-size: 21px;
color: #2a394e;
line-height: 35px;
display: inline-block;
font-weight: 500;
font-family: 'Montserrat', sans-serif; }
.mjob-single-page .mjob-single-header h2 .edit-mjob-action {
font-size: 14px;
font-weight: 500;
color: #00ccbb;
padding-left: 10px;
font-family: 'Montserrat', sans-serif; }
.mjob-single-page .mjob-single-header h2 .edit-mjob-action i {
padding-right: 5px; }
.mjob-single-page .mjob-single-header h2 .edit-mjob-action .loading {
position: relative;
top: -5px;
left: 19px;
display: none; }
.mjob-single-page .mjob-single-header h2 .edit-mjob-action span {
display: inline-block; }
.mjob-single-page .mjob-single-header .mjob-single-meta {
color: #aaafb3;
position: relative;
margin-top: 10px;
border-top: 1px solid #efefef;
padding-top: 15px; }
.mjob-single-page .mjob-single-header .mjob-single-meta .mjob-cat-breadcrumb .parent {
color: #aaafb3; }
.mjob-single-page .mjob-single-header .mjob-single-meta .mjob-cat-breadcrumb i {
padding: 0 5px; }
.mjob-single-page .mjob-single-gallery .carousel-indicators {
bottom: 10px; }
.mjob-single-page .mjob-single-gallery .carousel-indicators li {
border: none;
background: #fff;
margin: 0 5px;
width: 8px;
height: 8px; }
.mjob-single-page .mjob-single-gallery .carousel-control {
background: none; }
.mjob-single-page .mjob-single-gallery .carousel-control.left {
left: -30px; }
.mjob-single-page .mjob-single-gallery .carousel-control.right {
right: -30px; }
.mjob-single-page .mjob-single-gallery .carousel-control .fa {
position: absolute;
top: 50%;
color: #898a90;
text-shadow: none; }
.mjob-single-page .mjob-single-share {
position: absolute;
top: 0;
left: -50px;
margin-top: 0;
border-bottom: none; }
@media (max-width: 1024px) {
.mjob-single-page .mjob-single-share {
position: initial; } }
@media (max-width: 1024px) {
.mjob-single-page .mjob-single-share .sharing {
background-color: #f5f5f5;
padding: 20px; } }
.mjob-single-page .mjob-single-share ul {
list-style: none;
padding: 0;
margin: 0; }
.mjob-single-page .mjob-single-share ul li {
display: block;
margin-bottom: 7px; }
@media (max-width: 1024px) {
.mjob-single-page .mjob-single-share ul li {
display: inline-block;
margin-bottom: 0;
margin-right: 5px; } }
.mjob-single-page .mjob-single-share ul li a {
background: #ea4335;
color: #fff;
display: block;
width: 35px;
height: 35px;
border-radius: 3px;
line-height: 35px;
text-align: center;
font-size: 18px;
float: none;
margin-bottom: 0; }
.mjob-single-page .mjob-single-share ul li.facebook a {
background: #3b5998; }
.mjob-single-page .mjob-single-share ul li.twitter a {
background: #68c5ef; }
.mjob-single-page .mjob-single-description {
padding-bottom: 40px; }
.mjob-single-page .mjob-single-description .post-detail {
margin-top: 30px; }
.mjob-single-page .mjob-single-description .post-detail .blog-content .post-content {
padding: 0;
margin: 0;
border: none; }
.mjob-single-page .mjob-single-description .tags {
margin-bottom: 30px; }
.mjob-single-page .mjob-single-description .tags ul {
padding: 0;
margin-top: 25px; }
.mjob-single-page .mjob-single-description .tags ul li {
display: inline-block;
margin-right: 10px;
margin-bottom: 20px; }
.mjob-single-page .mjob-single-description .tags ul li a {
color: #2a394e;
font-size: 12px;
padding: 5px 15px;
background: #dae0e6;
border-radius: 45px; }
.mjob-single-page .mjob-single-aside { }
@media (max-width: 991px) {
.mjob-single-page .mjob-single-aside .box-aside-stat {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.mjob-single-page .mjob-single-aside .action {
-webkit-box-ordinal-group: 99;
-ms-flex-order: 98;
order: 98;
padding: 30px !important; }
.mjob-single-page .mjob-single-aside .action button {
width: 100%; }
.mjob-single-page .mjob-single-aside .custom-order-link {
-webkit-box-ordinal-group: 100;
-ms-flex-order: 99;
order: 99; }
.mjob-single-page .mjob-single-aside .mjob-add-extra {
margin-top: 25px; } }
.mjob-single-page .mjob-single-aside .box-shadow {
padding: 30px 0;
margin-bottom: 20px; }
.mjob-single-page .mjob-single-aside .mjob-status {
padding-bottom: 30px;
text-transform: uppercase;
font-size: 21px;
font-weight: 600; }
.mjob-single-page .mjob-single-aside .mjob-single-stat {
padding: 0 30px; }
.mjob-single-page .mjob-single-aside .mjob-single-stat ul {
padding: 0; }
.mjob-single-page .mjob-single-aside .mjob-single-stat ul li {
margin: 10px 0; }
.mjob-single-page .mjob-single-aside .mjob-single-stat ul li span, .mjob-single-page .mjob-single-aside .mjob-single-stat ul li .fa-star {
color: #aaafb3; }
.mjob-single-page .mjob-single-aside .mjob-single-stat ul li i {
margin-right: 15px; }
.mjob-single-page .mjob-single-aside .mjob-single-stat .stat-block {
padding-bottom: 5px;
margin-bottom: 15px; }
.mjob-single-page .mjob-single-aside .mjob-single-stat .stat-block:last-child {
margin-left: auto;
margin-right: auto;
width: 9em;}
.mjob-single-page .mjob-single-aside .mjob-single-stat .price {
font-size: 30px;
color: #10a2ef;
font-family: 'Montserrat', sans-serif;
position: relative;
top: -5px; }
.mjob-single-page .mjob-single-aside .mjob-add-extra {
padding: 0 30px; }
.mjob-single-page .mjob-single-aside .mjob-add-extra .extra {
font-weight: 700; }
.mjob-single-page .mjob-single-aside .mjob-add-extra .mjob-list-extras {
margin-top: 10px;
padding: 0;
list-style: none; }
.mjob-single-page .mjob-single-aside .mjob-add-extra .mjob-list-extras .list-item-extra {
border-bottom: 1px solid #efefef;
padding-bottom: 10px;
margin-bottom: 10px; }
.mjob-single-page .mjob-single-aside .mje-commission-fee {
margin: 15px 0 0;
font-size: 13px;
color: #2a394e; }
.mjob-single-page .mjob-single-aside .personal-profile {
margin-bottom: 0;
padding-bottom: 0; }
.mjob-single-page .mjob-single-aside .custom-order-link {
text-align: center;
padding-top: 15px;
font-family: 'Montserrat', sans-serif;
font-size: 14px; }
.mjob-single-page .mjob-single-aside .custom-order-link i {
padding-left: 10px; }
.mjob-single-page .mjob-single-aside .action {
text-align: center;
border-bottom: 1px solid #efefef;
padding: 20px 30px;
margin-bottom: 20px; }
.mjob-single-page .mjob-single-aside .action button {
width: 100%; }
.mjob-single-page .mjob-single-aside .opening-message {
padding: 30px; }
.mjob-single-page .mjob-single-aside .opening-message .aside-title {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
border-bottom: 1px solid #dfe0e5;
padding-bottom: 13px;
margin-bottom: 15px; }
.mjob-single-page .mjob-single-aside .opening-message .aside-title i {
color: #b8b9bd;
margin-left: 5px;
font-size: 12px; }
.mjob-single-page .mjob-single-aside .opening-message .content {
line-height: 25px; }
.mjob-single-page .mjob-single-review .total-review {
color: #2a394e;
font-family: 'Open Sans', sans-serif;
text-transform: none; }
.mjob-single-page .mjob-single-review ul {
margin-top: 30px;
padding: 0; }
.mjob-single-page .mjob-single-review ul li {
display: block;
margin-bottom: 30px;
border-bottom: 1px solid #dfe0e5;
padding-bottom: 30px; }
.mjob-single-page .mjob-single-review ul li:last-child {
border-bottom: 0; }
.mjob-single-page .mjob-single-review ul li .image-avatar {
float: left;
width: 10%; }
.mjob-single-page .mjob-single-review ul li .image-avatar img {
width: 75px;
height: 65px;
border-radius: 50%;
max-width: 100%; }
@media (max-width: 767px) {
.mjob-single-page .mjob-single-review ul li .image-avatar img {
width: 35px;
height: 25px; } }
.mjob-single-page .mjob-single-review ul li .profile-viewer {
float: right;
width: 85%;
position: relative; }
.mjob-single-page .mjob-single-review ul li .profile-viewer .name-author {
color: #2a394e;
font-family: 'Montserrat', sans-serif; }
.mjob-single-page .mjob-single-review ul li .profile-viewer .review-time {
color: #c1c2c7;
font-size: 12px;
padding-top: 7px; }
.mjob-single-page .mjob-single-review ul li .profile-viewer .rate-it {
position: absolute;
right: 0;
top: 0; }
.mjob-single-page .mjob-single-review ul li .profile-viewer .commnet-content {
line-height: 25px; }
.mjob-single-page .mjob-edit-content .post-job {
width: 100%;
padding-left: 30px;
padding-right: 30px; }
.mjob-single-page .mjob-edit-content .mjob-title {
margin-bottom: 30px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
border-bottom: 1px solid #dfe0e5;
padding-bottom: 10px;
font-size: 21px;
display: block; }
.mjob-single-page .mjob-edit-content .loading {
display: none;
position: relative; }
.mjob-single-gallery-video {
height: 435px; }
@media (max-width: 767px) {
.mjob-single-gallery-video {
height: 235px; } }
.mjob-profile-page {
margin-top: 45px; }
.mjob-profile-page .block-title {
border-bottom: 1px solid #dfe0e5;
padding: 0 0 22px;
margin: 0 0 15px; }
.mjob-profile-page .btn-back {
color: #aaafb3; }
.mjob-profile-page .btn-back i {
padding-right: 10px;
position: relative;
top: 1px; }
.mjob-profile-page > .profile {
margin-top: 20px; }
.user-email {
font-size: 14px;
font-weight: 300;
color: #898a90;
font-family: 'Open Sans', sans-serif;
text-align: center; }
.profile li {
border-bottom: none; }
.profile .user-email {
font-size: 14px;
font-weight: 300;
color: #898a90;
font-family: 'Open Sans', sans-serif; }
.profile .upload-profile-avatar {
width: 70px;
height: 70px;
margin: 0 auto;
cursor: pointer; }
.profile .upload-profile-avatar .back-top-hover {
background: #10a2ef;
opacity: 0.8;
display: none;
width: 70px;
height: 70px;
border-radius: 50%;
position: absolute;
color: #fff; }
.profile .upload-profile-avatar .back-top-hover i {
padding-top: 30%;
font-size: 20px; }
.profile .upload-profile-avatar:hover .back-top-hover {
display: block; }
.profile .edit-link, .profile .title {
display: inline-block; }
.profile .pull-right {
color: #2a394e;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
text-align: right; }
.profile .block-profile {
background: #fff;
padding: 30px;
margin-bottom: 50px; }
@media (max-width: 767px) {
.profile .block-profile {
padding: 15px; } }
.profile .status-customer {
position: absolute;
top: 28px;
right: 36px;
z-index: 90; }
.profile .status-customer .user-status {
width: 150px; }
.profile .text-content {
position: relative;
cursor: pointer;
min-height: 31px; }
.profile .text-content:hover:before {
content: "\f040";
font-family: "FontAwesome";
font-size: 15px;
color: #fff;
background: #10a2ef;
position: absolute;
right: 0;
top: 0;
padding: 3px 10px;
border-radius: 0 0 0 4px;
z-index: 999; }
.profile .text-content textarea.editable {
border: none;
resize: none;
overflow: hidden;
white-space: pre-line;
padding: 0;
outline: 0; }
.profile .text-content textarea.editable:hover {
background: #eeeeee;
border: 1px solid #d2d2d2; }
.profile .text-content textarea.editable:focus {
background: none; }
.profile .location, .profile .language, .profile .timezone {
color: #90969b; }
.profile .location .select-language, .profile .timezone .select-language {
position: relative;
bottom: 5px; }
.profile .location .chosen-container-single .chosen-single, .profile .timezone .chosen-container-single .chosen-single {
background: none;
border: 1px solid #dfe0e5;
text-align: left;
height: 30px;
line-height: 28px; }
.profile .location .chosen-container .chosen-results li, .profile .timezone .chosen-container .chosen-results li {
padding-left: 10px; }
.profile .location .chosen-container .chosen-results li.group-option, .profile .timezone .chosen-container .chosen-results li.group-option {
padding-left: 25px !important; }
.profile .location .chosen-container .chosen-results li.highlighted, .profile .timezone .chosen-container .chosen-results li.highlighted {
background: #10a2ef; }
.profile .location .chosen-container .chosen-drop, .profile .timezone .chosen-container .chosen-drop {
border: 1px solid #dfe0e5; }
.profile .location .chosen-container .chosen-results, .profile .timezone .chosen-container .chosen-results {
text-align: left; }
.profile .language {
border-bottom: none !important; }
.profile .language .chosen-container-multi .chosen-choices li.search-choice {
margin: 9px 0 3px 9px; }
.profile .language .choose-language {
margin-top: 15px; }
.profile .language .choose-language .chosen-choices {
background: none;
border: 1px solid #dfe0e5; }
.profile .language .choose-language .chosen-choices li {
border-bottom: none;
padding-left: 10px; }
.profile .language .choose-language .chosen-choices li.search-choice {
background: #dae0e6;
color: #2a394e;
font-size: 12px;
border: none; }
.profile .language .choose-language .chosen-results li {
padding-left: 10px; }
.profile .language .choose-language input {
height: 35px !important;
box-shadow: none; }
.profile .title {
color: #898a90;
font-family: 'Montserrat', sans-serif;
margin-bottom: 10px; }
@media (max-width: 767px) {
.profile .full-address {
bottom: 0; } }
@media (max-width: 480px) {
.profile .full-address {
top: -3px; } }
.profile .text-address textarea {
width: 100%; }
.profile .block-intro {
text-align: left;
position: relative;
background: none;
margin: 0 0 30px 0;
padding: 0;
line-height: 25px; }
.profile .block-intro textarea {
width: 100%;
padding: 20px; }
.profile .block-intro .vote {
margin-bottom: 10px; }
.profile .block-intro p {
margin: 0 0 20px 0; }
.profile .block-skill {
margin: 20px 0; }
.profile .block-skill ul {
margin: 0;
padding: 0; }
.profile .block-skill ul li {
display: inline-block;
border: 1px solid #dfe0e5;
padding: 10px 20px; }
.profile .block-payment {
position: relative;
line-height: 25px; }
.profile .block-payment p {
margin-bottom: 20px; }
.profile .block-payment .text-content-wrapper {
margin-bottom: 30px; }
.profile .block-payment textarea {
width: 100%;
padding: 20px; }
.profile .chosen-container .chosen-results li.highlighted {
background: #10a2ef; }
.profile .block-billing {
margin-top: 50px; }
.profile .block-billing ul {
padding: 0; }
.profile .block-billing ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 10px; }
@media (max-width: 767px) {
.profile .block-billing ul li {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
.profile .block-billing ul li p {
margin-bottom: 0; }
.profile .block-billing ul li .cate-title {
-ms-flex-preferred-size: 200px;
flex-basis: 200px;
color: #2a394e;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
padding: 5px 0; }
@media (max-width: 767px) {
.profile .block-billing ul li .cate-title {
-ms-flex-preferred-size: 0;
flex-basis: 0; } }
@media (max-width: 767px) {
.profile .block-billing ul li .cate-title {
margin: 10px 0; } }
.profile .block-billing ul li .info-content {
width: 100%;
margin-left: 60px; }
@media (max-width: 767px) {
.profile .block-billing ul li .info-content {
margin-left: 0; } }
.profile .block-billing ul li .info-content .text-content {
min-height: auto;
padding: 5px 0; }
.profile .block-billing ul li .info-content input, .profile .block-billing ul li .info-content textarea {
width: 100%;
padding: 5px 0; }
.profile .block-billing ul li .info-content textarea {
cursor: pointer; }
.profile .block-billing ul li .info-content textarea:hover {
border: none; }
.profile .block-billing ul li .info-content input, .profile .block-billing ul li .info-content textarea:focus {
border: 1px solid #dfe0e5; }
@media (max-width: 767px) {
.profile .block-billing ul li #billing_country {
width: 100%;
height: 35px;
border: 1px solid #dfe0e5;
box-shadow: none;
background: #fff; } }
.profile .block-billing ul li #billing_country .chosen-container-single .chosen-single {
height: 35px;
line-height: 30px;
background: none;
box-shadow: none;
border-radius: 0;
border: 1px solid #dfe0e5; }
.profile .block-billing ul li #billing_country .chosen-container-single .chosen-single div {
top: 4px; }
.profile .block-billing ul li #billing_country .chosen-container .chosen-results li {
padding: 10px;
margin: 0; }
.profile .block-billing ul li #billing_country .chosen-container .chosen-drop {
border: 1px solid #dfe0e5; }
.profile .block-billing ul li .text-content:before {
display: none; }
.profile .block-billing ul li .text-content:hover {
background: #efefef; }
.profile .block-items {
text-align: left; }
.profile .block-items ul {
padding: 0; }
.profile .block-connect-social {
margin-top: 30px; }
.profile .block-connect-social ul {
padding: 0;
margin-top: 10px; }
.profile .block-connect-social ul li {
display: inline-block;
margin: 0 20px 20px 0;
cursor: pointer; }
@media (max-width: 767px) {
.profile .block-connect-social ul li {
display: block;
width: 100%; } }
.profile .block-connect-social ul li a {
text-decoration: none; }
@media (max-width: 767px) {
.profile .block-connect-social ul li a {
display: block;
width: 100%; } }
.profile .block-connect-social ul li .fb, .profile .block-connect-social ul li .gplus, .profile .block-connect-social ul li .tw {
padding: 5px 20px;
border-radius: 4px; }
@media (max-width: 767px) {
.profile .block-connect-social ul li .fb, .profile .block-connect-social ul li .gplus, .profile .block-connect-social ul li .tw {
padding-top: 10px;
padding-bottom: 10px; } }
.profile .block-connect-social ul li .fb i, .profile .block-connect-social ul li .gplus i, .profile .block-connect-social ul li .tw i {
padding-right: 10px; }
.profile .block-connect-social ul li .fb {
border: 1px solid #3b5998;
color: #3b5998; }
.profile .block-connect-social ul li .tw {
border: 1px solid #68c5ef;
color: #68c5ef; }
.profile .block-connect-social ul li .gplus {
border: 1px solid #ea4335;
color: #ea4335; }
@media (max-width: 991px) {
.profile .block-statistic {
position: absolute;
top: -130px;
width: 32%;
right: 15px; } }
@media (max-width: 767px) {
.profile .block-statistic {
top: -56px;
width: auto;
right: 15px;
left: 15px; } }
.profile .block-statistic .dropdown-menu {
display: block;
border: none;
background: none;
position: inherit;
box-shadow: none; }
.profile .block-statistic .dropdown-menu a {
padding: 0;
}
@media (max-width: 991px) {
.profile .block-statistic .dropdown-menu {
display: none;
position: absolute;
background: #fff;
border: 1px solid #dfe0e5;
width: 100%;
padding: 10px; } }
.profile .block-statistic .button-dropdown-menu {
display: none; }
@media (max-width: 991px) {
.profile .block-statistic .button-dropdown-menu {
display: block;
width: 100%;
text-align: left;
height: 38px;
margin-bottom: 20px;
background: #fff;
box-shadow: none;
border: 1px solid #dfe0e5; }
.profile .block-statistic .button-dropdown-menu .caret {
float: right;
margin-top: 7px;
margin-right: 5px; } }
.profile .block-statistic ul {
padding-left: 0; }
.profile .block-statistic ul li {
display: block;
margin-bottom: 30px;
position: relative; }
.profile .block-statistic ul li a {
color: #898a90; }
.profile .block-statistic ul li a:hover {
color: #10a2ef;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
text-decoration: none; }
.profile .block-statistic .private-account {
margin-top: 30px; } #uploadAvatar .browse_button {
background: #c1c2c7;
padding: 30px;
cursor: pointer; }
#uploadAvatar .image-upload .drag-image {
text-align: center;
color: #2a394e;
margin: 70px 0 100px 0;
font-family: 'Montserrat', sans-serif;
font-size: 18px; }
#uploadAvatar .image-upload .drag-image i {
font-size: 120px;
color: #838892;
margin: 50px 0 20px 0; }
#uploadAvatar .image-upload .drag-image .drag-image-select-button {
color: #2a394e;
text-decoration: underline; }
#uploadAvatar .image-upload .drag-image span {
display: block; }
#uploadAvatar .image-upload .preview-image-src {
width: 100%;
height: auto;
display: none; }
#uploadAvatar button[disabled] {
opacity: .5; }
#uploadAvatar .btn-remove {
display: none;
color: #898a90;
padding-left: 20px; }
.user-public-profile {
margin-bottom: 30px; }
.user-public-profile .bio span {
color: #90969b; }
.user-public-profile .title-info {
color: #90969b; }
.user-public-profile .payment-info {
margin-top: 20px; }
.user-public-profile .personal-profile .vote {
text-align: center; }
.user-public-profile .personal-profile .vote .rate-it {
padding-top: 18px; }
.user-public-profile .personal-profile ul li {
border: none; }
.user-public-profile .personal-profile ul li i {
padding-right: 12px; }
.user-public-profile .personal-profile ul li .pull-right {
color: #2a394e;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
text-align: right; }
.user-public-profile .public-information li {
padding-bottom: 0 !important; }
.user-public-profile .public-information li p {
margin-bottom: 0; }
.user-public-profile .public-information li .cate-title {
color: #2a394e;
font-family: 'Open Sans', sans-serif;
font-weight: 700; }
.user-public-profile .link-personal {
margin-top: 10px;
border-top: 1px solid #dfe0e6; }
.user-public-profile .link-personal li {
padding-bottom: 0 !important; }
.user-public-profile .mjob-list .mjob-item__author {
display: none; }
#display_name input[type="text"] {
text-align: center;
outline: 0;
border: 1px solid #d2d2d2; }
#display_name .text-content:hover:before {
background: none !important;
color: #10a2ef; }
.active-account {
width: 100%;
text-align: center;
background: #10a2ef;
color: #fff;
padding: 8px 0;
border-radius: 4px; }
.active-account p {
margin-bottom: 0; }
.active-account a {
color: #fff;
text-decoration: underline;
font-weight: bold; }
.active-account a:hover {
text-decoration: underline; } .personal-profile {
margin-bottom: 20px;
padding: 30px; }
@media (max-width: 767px) {
.personal-profile {
padding: 15px;
margin-top: 40px; } }
.personal-profile .line {
margin: 0 auto; }
.personal-profile img {
width: 70px;
height: 70px;
border-radius: 50%; }
.personal-profile h4 {
margin: 20px 0;
font-family: 'Montserrat', sans-serif; }
.personal-profile ul {
padding-left: 0;
margin: 0;
padding-top: 25px; }
.personal-profile ul li {
display: block;
padding: 10px 0;
position: relative; }
.personal-profile ul li .title-items {
color: #90969b; }
.personal-profile ul li .content-bio {
margin-top: 10px;
line-height: 25px; }
.personal-profile ul li .show-bio {
text-align: left;
color: #00ccbb;
margin: 10px 0;
font-family: 'Open Sans', sans-serif;
font-size: 14px; }
.personal-profile ul li .show-bio i {
color: #00ccbb;
padding-right: 5px;
position: relative;
top: 2px; }
.personal-profile ul li i {
padding-right: 20px;
font-size: 16px;
color: #90969b; }
.personal-profile ul li .info-text {
font-family: 'Open Sans', sans-serif;
font-weight: 700;
text-align: right; }
.personal-profile ul li .info-text span {
display: block; }
.personal-profile ul li .content-items {
margin: 10px 0 0 0;
line-height: 30px; }
.personal-profile .chosen-location, .personal-profile .choose-timezone {
margin: 10px 0 0 0; }
.personal-profile .chosen-location .chosen-container-single .chosen-single, .personal-profile .choose-timezone .chosen-container-single .chosen-single {
border-radius: 0;
box-shadow: none;
height: 38px;
background: none;
color: #90969b;
padding: 3px 12px; }
.personal-profile .chosen-location .chosen-container-single .chosen-single div b, .personal-profile .choose-timezone .chosen-container-single .chosen-single div b {
background-position: 0 8px; }
@media (max-width: 767px) {
.personal-profile .chosen-location, .personal-profile .choose-timezone {
width: 100%; }
.personal-profile .chosen-location .chosen-single, .personal-profile .choose-timezone .chosen-single {
width: 100%;
height: 35px;
border: 1px solid #dfe0e5;
background: #fff; } }
.personal-profile .chosen-choices {
padding-top: 0; }
.personal-profile .chosen-results {
padding-top: 0; }
.personal-profile .link-personal ul {
margin: 0;
padding-top: 0; }
.personal-profile .link-personal ul li {
display: block;
text-align: center;
padding: 15px 0;
font-family: 'Montserrat', sans-serif;
border-bottom: 1px solid #dfe0e6; }
.personal-profile .link-personal ul li:last-child {
border-bottom: none;
padding-bottom: 0;
padding-top: 20px; }
.personal-profile .link-personal ul li .contact-link {
color: #00ccbb; }
.personal-profile .link-personal ul li .contact-link i {
padding-left: 8px;
color: #00ccbb; }
.personal-profile .link-personal ul li .profile-link {
color: #10a2ef; }
.personal-profile .link-personal ul li .profile-link i {
padding-left: 8px;
color: #10a2ef; }
.tab-pane {
margin-top: 30px; }
@media (max-width: 767px) {
.tab-pane {
margin-top: 0; } }
.tab-pane .title-top-pages {
margin-bottom: 30px; }
.tab-pane .information-items-detail {
min-height: 450px !important;
margin-bottom: 20px !important; }
.tab-pane .filter-order {
position: absolute;
right: 35px;
top: -5px; }
@media (max-width: 767px) {
.tab-pane .filter-order {
position: initial; } }
.tab-pane .filter-order select {
width: 180px; }
@media (max-width: 767px) {
.tab-pane .filter-order select {
width: 100%;
height: 35px;
background: #fff;
border: 1px solid #dfe0e5;
margin-bottom: 10px; } }
.link-more {
color: #10a2ef;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
margin-left: 30px; }
.link-more i {
padding-left: 15px;
font-size: 16px;
font-weight: bold; }
.image-items {
float: left;
margin-right: 20px; }
.image-items img {
width: 100px;
height: 100px; }
.order .add-extra ul {
padding: 0; }
.order .add-extra ul li {
display: block; }
.order .add-extra .btn-extra {
cursor: pointer; }
.order .pack-chose, .order .package-price {
display: inline-block; }
.btn-checkout {
padding: 13px 30px !important;
border: none;
text-transform: uppercase;
margin-top: 60px; }
@media (max-width: 991px) {
.btn-checkout {
margin-top: 30px; } }
.checkout-payment {
width: 70%;
margin: 0 auto; }
@media (max-width: 991px) {
.checkout-payment .inner-form {
padding: 0;
margin-top: 80px; } }
@media (max-width: 480px) {
.btn-view-order {
padding: 13px 17px !important; } }
.payment-signin .text-social, .payment-signin .list-social {
display: inline-block; }
.payment-signin .list-social {
padding: 0;
margin-top: 13px; }
.payment-signin .list-social li {
display: inline-block;
margin-left: 10px; }
.load-more {
margin-top: 50px; }
.load-more .btn-submit {
border: none;
padding: 5px 20px; }
.order-name h3 {
font-size: 16px;
font-weight: bold; }
.order-name .status {
background: none; }
.delivery {
text-align: right; }
@media (max-width: 767px) {
.delivery {
float: right; } }
.delivery .btn-delivery {
border: none;
padding: 10px 20px; }
.dispute .btn-dispute {
border: none;
padding: 10px 20px; }
.dispute .title {
margin-bottom: 20px; }
.text-description .title {
font-weight: bold; }
.text-description p {
font-size: 14px !important;
font-family: 'Open Sans', sans-serif !important;
line-height: 25px !important; }
.file-attachment ul {
padding: 0;
margin: 20px 0; }
.file-attachment ul li {
display: inline-block;
margin: 0 10px 15px 0; }
.file-attachment ul li img {
width: 120px;
height: 100px; }
.send-message, .attachment-file {
display: inline-block; }
.attachment-file {
margin-right: 20px; }
.attachment-file .image-upload label {
cursor: pointer; }
.attachment-file .image-upload input {
display: none; }
.text-dispute {
color: #aaafb2;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif; }
.mjob-single-order-page {
padding-top: 15px; }
.mjob-single-order-page .box-shadow-title {
background-size: 100% !important;
clear: both; }
.mjob-single-order-page .order-name h2 {
font-size: 21px;
font-family: 'Montserrat', sans-serif;
line-height: 30px; }
.mjob-single-order-page .personal-profile {
margin-top: 30px;
margin-bottom: 0; }
@media (max-width: 767px) {
.mjob-single-order-page .personal-profile {
padding-bottom: 20px; } }
.mjob-single-order-page .functions-items {
position: relative;
margin: 0 0 20px 0; }
.mjob-single-order-page .functions-items select {
position: relative;
bottom: 1px;
height: 31px; }
.mjob-single-order-page .functions-items .date {
margin-bottom: 0;
color: #10a2ef; }
.mjob-single-order-page .functions-items .date .text-date {
color: #aaafb3; }
.mjob-single-order-page .functions-items .status-filter {
position: absolute;
right: 0;
top: 0; }
.mjob-single-order-page .functions-items .status-filter .filter-by {
margin-top: 0; }
@media (max-width: 767px) {
.mjob-single-order-page .functions-items .status-filter {
top: 24px; } }
.mjob-single-order-page .title-description {
font-family: 'Montserrat', sans-serif;
color: #aaafb2;
text-transform: uppercase;
margin-bottom: 20px; }
.mjob-single-order-page .title-description p {
line-height: 25px; }
.mjob-single-order-page .btn-dispute {
color: #10a2ef;
border: 2px solid #10a2ef;
padding: 13px 35px;
border-radius: 45px;
background: none;
margin-top: 15px;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif; }
.mjob-single-order-page .dispute {
border-top: 1px solid #dfe0e5;
border-bottom: 1px solid #dfe0e5;
padding: 20px 0 30px 0;
margin-top: 20px; }
.mjob-single-order-page .related {
padding: 30px 0;
border-top: 1px solid #dfe0e5; }
.mjob-single-order-page .related .realated-job {
padding-left: 2px;
margin-top: 20px; }
.mjob-single-order-page .related h3 {
font-size: 14px;
margin: 0;
padding: 0 15px; }
.mjob-single-order-page .order-detail-price .title-cate {
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
font-weight: bold;
padding-bottom: 20px; }
.mjob-single-order-page .order-detail-price .price-items {
position: absolute;
color: #10a2ef;
font-family: 'Montserrat', sans-serif; }
.mjob-single-order-page .order-detail-price .order-price, .mjob-single-order-page .order-detail-price .order-extra, .mjob-single-order-page .order-detail-price .total-order {
padding: 25px 30px;
position: relative; }
.mjob-single-order-page .order-detail-price .order-price p, .mjob-single-order-page .order-detail-price .order-extra p, .mjob-single-order-page .order-detail-price .total-order p {
margin-bottom: 0; }
.mjob-single-order-page .order-detail-price .order-price .price-items, .mjob-single-order-page .order-detail-price .order-extra .price-items, .mjob-single-order-page .order-detail-price .total-order .price-items {
top: 15px;
right: 25px;
font-size: 30px; }
.mjob-single-order-page .order-detail-price .order-price .days-order, .mjob-single-order-page .order-detail-price .order-extra .days-order, .mjob-single-order-page .order-detail-price .total-order .days-order {
position: absolute;
right: 30px;
bottom: 25px; }
.mjob-single-order-page .order-detail-price .order-price .time-order, .mjob-single-order-page .order-detail-price .order-extra .time-order, .mjob-single-order-page .order-detail-price .total-order .time-order {
color: #aaafb3; }
.mjob-single-order-page .order-detail-price .order-price .time-order i, .mjob-single-order-page .order-detail-price .order-extra .time-order i, .mjob-single-order-page .order-detail-price .total-order .time-order i {
padding-right: 10px;
font-size: 14px; }
.mjob-single-order-page .order-detail-price .order-extra {
border: 1px solid #dfe0e5;
border-left: 0;
border-right: 0; }
@media (max-width: 1199px) {
.mjob-single-order-page .order-detail-price .order-extra .price-items {
position: relative;
left: 0;
top: 0 !important;
text-align: right; } }
@media (max-width: 991px) {
.mjob-single-order-page .order-detail-price .order-extra .price-items {
position: absolute; } }
.mjob-single-order-page .order-detail-price .order-extra ul {
padding-left: 0; }
.mjob-single-order-page .order-detail-price .order-extra ul li {
display: block;
position: relative;
margin-bottom: 20px;
border-bottom: 1px solid #efefef;
padding-bottom: 10px; }
.mjob-single-order-page .order-detail-price .order-extra ul li:last-child {
margin-bottom: 0;
border: none;
padding-bottom: 0; }
.mjob-single-order-page .order-detail-price .order-extra ul li .extra-title {
width: 61%;
line-height: 25px; }
@media (max-width: 1199px) {
.mjob-single-order-page .order-detail-price .order-extra ul li .extra-title {
width: 100%; } }
@media (max-width: 991px) {
.mjob-single-order-page .order-detail-price .order-extra ul li .extra-title {
width: 75%; } }
@media (max-width: 767px) {
.mjob-single-order-page .order-detail-price .order-extra ul li .extra-title {
width: 100%; } }
.mjob-single-order-page .order-detail-price .order-extra ul li .price-items {
top: 0;
right: 0;
font-size: 18px; }
@media (max-width: 767px) {
.mjob-single-order-page .order-detail-price .order-extra ul li .price-items {
position: initial;
padding-top: 5px; } }
.mjob-single-order-page .order-detail-price .total-order {
background: #f2f7fa; }
.mjob-single-order-page .order-detail-price .total-order .title-cate {
padding-bottom: 10px; }
.mjob-single-order-page .order-detail-price .total-order .price-items {
top: 15px;
right: 25px;
font-size: 30px; }
.mjob-single-order-page .order-detail-sidebar {
margin-top: 30px; }
.mjob-single-order-page .order-detail-sidebar .box-shadow {
margin-bottom: 20px; }
.mjob-order-disable, .disable-button {
background: #dae0e6 !important;
box-shadow: 1px 3px 9px rgba(218, 224, 230, 0.3) !important;
color: #90969b !important; } .review-form {
padding: 30px; }
.review-form .suggest {
color: #aaafb2;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-style: italic; }
.review-form textarea {
width: 100%;
padding: 20px; }
.review-form span.post_content, .review-form .rating-it {
display: inline-block;
margin-bottom: 20px; }
.review-form span.post_content {
color: #898a90;
margin-right: 10px; }
.review-form .btn-discard {
color: #898a90;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
border: none;
background: none;
margin-left: 20px; }
.mjob-order-page {
padding-top: 50px; }
@media (max-width: 991px) {
.mjob-order-page {
padding-top: 0; } }
.mjob-order-page .list-item-extra label {
padding-right: 70px; }
@media (max-width: 991px) {
.mjob-order-page .list-item-extra label {
padding-right: 0; } }
.mjob-order-page .block-items {
margin-top: 0; }
.mjob-order-page .block-items ul {
padding-left: 0; }
.mjob-order-page .mjob-item {
padding-left: 0; }
@media (max-width: 991px) {
.mjob-order-page .mjob-item .mjob-item__author {
margin-top: -20px; } }
@media (max-width: 414px) {
.mjob-order-page .mjob-item .mjob-item__author {
margin-top: 0; } }
.mjob-order-page .extra-item:last-child {
border: none; }
.mjob-order-page .extra-item.active .package-price {
color: #10a2ef; }
@media (max-width: 767px) {
.mjob-order-page .list-payment-gateway li p {
vertical-align: top;
margin-bottom: 0;
margin-top: 11px; } }
.mjob-order-page.continue .withdraw {
margin-bottom: 0; }
.mjob-order-page.continue .block-title {
text-align: center;
border: none;
padding-bottom: 0; }
.mjob-order-page.continue .note {
color: #898a90; }
.title-sub {
color: #898a90;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
margin-bottom: 25px; }
@media (max-width: 991px) {
.title-sub {
padding-left: 0;
padding-right: 0; } }
.items-chosen {
padding-right: 90px; }
@media (max-width: 991px) {
.items-chosen {
padding-right: 15px; } }
@media (max-width: 1199px) {
.mjob-order-info {
margin-top: 30px; } }
@media (max-width: 991px) {
.mjob-order-info {
padding-left: 15px;
padding-right: 15px; } }
@media (max-width: 767px) {
.mjob-order-info {
margin-top: 0; } }
.mjob-order-info .attachment-file-name ul li a {
width: 100%; }
.mjob-order-info p {
font-family: 'Open Sans', sans-serif !important;
font-size: 14px !important;
line-height: 25px !important; }
.mjob-order-info .price {
color: #10a2ef;
font-family: 'Montserrat', sans-serif !important;
font-size: 18px !important;
}
@media (max-width: 991px) {
.mjob-order-info .price {
padding-left: 0;
padding-right: 0; } }
.mjob-order-info .total-price {
color: #10a2ef;
font-family: 'Montserrat', sans-serif;
font-size: 24px; }
.mjob-order-info .total-text {
font-family: 'Montserrat', sans-serif;
color: #898a90;
margin-right: 30px;
text-transform: uppercase; }
.mjob-order-info .add-extra {
border-top: 1px solid #dfe0e5;
border-bottom: 1px solid #dfe0e5;
padding: 20px 0;
margin-bottom: 20px; }
.subtotal-row{
padding: 20px 0;
margin-bottom: 20px;
}
.total-row{
padding-top: 25px;
padding-bottom: 15px;
}
.other-fee-row, .subtotal-row{
border-bottom: 1px solid #dfe0e5;
}
.mjob-order-info .list-extra {
margin-top: 10px; }
.mjob-order-info .list-extra li {
position: relative;
padding: 25px 0;
border-bottom: 1px solid #ebebeb; }
.mjob-order-info .list-extra li:last-child {
border-bottom: none; }
.mjob-order-info .list-extra li .package-price {
font-family: 'Montserrat', sans-serif;
color: #c1c2c7;
font-size: 18px;
text-transform: uppercase; }
.mjob-order-info .list-extra li .packge-chose .checkbox {
margin: 0; }
.mjob-order-info .list-extra li .packge-chose .checkbox p {
display: block;
width: 100%;
margin: 0 0 0 10px;
line-height: 25px; }
.mjob-order-info .list-extra li .packge-chose .checkbox p p {
width: 40%; }
.mjob-dispute-form input {
width: 100%;
height: 40px;
vertical-align: top; }
.mjob-dispute-form .add-img {
color: #aaafb2;
position: relative;
top: 10px; }
.mjob-dispute-form .add-img i {
margin-left: 10px;
background: #10a2ef;
border-radius: 50%;
padding: 5px 7px;
color: #fff; }
.mjob-dispute-form .image-item {
position: relative;
top: 10px; }
.delivery .btn-delivery {
padding: 15px 30px;
text-transform: uppercase; }
.form-delivery-order, .outer-conversation {
padding: 30px; }
.form-delivery-order .attachment-file ul, .outer-conversation .attachment-file ul {
margin-bottom: 25px; }
@media (max-width: 767px) {
.form-delivery-order, .outer-conversation {
padding: 17px; } }
.form-delivery-order .attachment-image .add-img, .outer-conversation .attachment-image .add-img {
color: #898a90; }
.form-delivery-order .attachment-image .add-img i, .outer-conversation .attachment-image .add-img i {
color: #fff;
background: #10a2ef;
padding: 5px 7px;
border-radius: 50%;
margin-left: 10px;
box-shadow: 1px 3px 9px rgba(16, 162, 239, 0.3); }
.form-delivery-order .attachment-image .delete-img, .outer-conversation .attachment-image .delete-img {
position: relative;
left: 0;
top: 0;
background: none;
border-radius: 0;
box-shadow: none;
color: #10a2ef; }
.form-delivery-order .attachment-image .delete-img i, .outer-conversation .attachment-image .delete-img i {
color: #e52e5d;
padding-left: 5px; }
.form-delivery-order textarea, .outer-conversation textarea {
width: 100%;
height: 200px;
padding: 20px; }
.form-delivery-order .submit, .outer-conversation .submit {
padding: 13px 90px; }
.form-delivery-order .error {
color: #e52e5d;
position: absolute;
right: 26px; }
.checkout-payment {
margin-top: 40px !important; }
.checkout-payment p {
color: #898a90; }
.time-leave {
margin-bottom: 30px; }
.count_down {
color: #10a2ef;
font-size: 24px; }
.order-information {
margin-top: 25px; }
.payment-fail .block-title {
padding: 0;
margin: 0;
border-bottom: none !important; }
.dispute-link {
color: #eb8251;
margin: 20px 0 50px 0; }
.dispute-link a {
color: #eb8251;
font-family: 'Montserrat', sans-serif; }
.dispute-link i {
padding-left: 5px;
position: relative;
bottom: 2px; }
.area-delivery {
padding-bottom: 22px;
position: relative;
margin-top: 35px; }
.order-start-work {
padding: 16px 40px !important;
font-size: 14px; }
.countdown {
margin: 50px 0 15px 0;
color: #10a2ef;
font-size: 20px;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
float: left;
width: 77%;
margin-top: 15px; }
@media (max-width: 767px) {
.countdown {
width: 100%; } }
.countdown .item {
font-size: 14px;
padding-right: 10px; }
@media (max-width: 991px) {
.countdown .item {
font-size: 11px;
padding-right: 2px; } }
.countdown .distance-time {
padding-right: 10px; }
@media (max-width: 991px) {
.countdown .distance-time {
padding-right: 2px; } }
.countdown .notice {
font-size: 14px; }
.countdown .notice i {
color: #e56a2e;
padding-right: 5px; }
.delivery-content {
margin-bottom: 27px; }
.secure-code {
padding: 30px; }
.disable-gateway {
opacity: 0.5; }
.disable-gateway a:hover {
cursor: default; }
.disable-gateway a:visited {
text-decoration: none; }
.custom-offer-info {
padding: 30px 0 30px 0; }
.custom-offer-info .time-delivery-custom {
margin: 30px 0 0 0; }
.custom-offer-info .mjob-order-info {
padding-top: 25px !important; }
.show-more, .show-less, .show-more:hover, .show-less:hover {
color: #10a2ef;
display: inline-block; }
.show-more i, .show-less i, .show-more:hover i, .show-less:hover i {
margin-left: 5px; }
.content-text-description {
display: inline-block; }
.color-custom-label {
color: #10a2ef; }
.attachment-file-name .list-attach {
margin: 30px 0; }
.attachment-file-name .list-attach li {
display: block;
white-space: pre-wrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%; }
.attachment-file-name .list-attach i {
display: initial; }
.attachment-file-name ul {
margin-left: 0;
padding: 0; }
.attachment-file-name ul li {
display: inline-block;
margin: 0 20px 20px 0; }
.attachment-file-name ul li a {
color: #10a2ef;
display: inline-block;
white-space: pre-wrap;
overflow: hidden;
text-overflow: ellipsis;
width: 40%; }
.attachment-file-name ul li a i {
padding-right: 10px; }
.custom-order-status {
font-size: 13px;
font-weight: 600; }
.custom-order-status i {
margin-right: 5px; }
.custom-order-status.checkout i {
color: #72be2e;
font-size: 18px;
position: relative;
top: 2px; }
.custom-order-status a {
color: #10a2ef; }
.custom-order-status.decline, .custom-order-status.reject {
font-style: italic; }
.custom-order-status.decline i, .custom-order-status.reject i {
color: #ff2222;
font-size: 18px;
position: relative;
top: 2px; }
.describe-custom-order p {
font-style: italic; }
.describe-custom-order i {
color: #ff9800;
font-size: 18px;
float: left;
width: 2%; }
@media (max-width: 480px) {
.describe-custom-order i {
width: 7%; } }
.describe-custom-order span {
float: right;
width: 95%; }
@media (max-width: 1199px) {
.describe-custom-order span {
width: 93% !important; } }
@media (max-width: 991px) {
.describe-custom-order span {
width: 96% !important; } }
@media (max-width: 767px) {
.describe-custom-order span {
width: 92% !important; } }
@media (max-width: 480px) {
.describe-custom-order span {
width: 90% !important; } }
.customOrderModal .attachment-file li, .form-delivery-order .attachment-file li, .outer-conversation .attachment-file li {
position: relative;
width: 100%;
margin-bottom: 10px !important; }
.customOrderModal .attachment-file li span, .form-delivery-order .attachment-file li span, .outer-conversation .attachment-file li span {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 400px;
position: relative;
top: 4px; }
@media (max-width: 1199px) {
.customOrderModal .attachment-file li span, .form-delivery-order .attachment-file li span, .outer-conversation .attachment-file li span {
max-width: 250px !important; } }
@media (max-width: 991px) {
.customOrderModal .attachment-file li span, .form-delivery-order .attachment-file li span, .outer-conversation .attachment-file li span {
max-width: 200px !important; } }
@media (max-width: 767px) {
.customOrderModal .attachment-file li span, .form-delivery-order .attachment-file li span, .outer-conversation .attachment-file li span {
max-width: 250px !important; } }
@media (max-width: 480px) {
.customOrderModal .attachment-file li span, .form-delivery-order .attachment-file li span, .outer-conversation .attachment-file li span {
max-width: 190px !important; } }
.customOrderModal .attachment-file li .delete-img, .form-delivery-order .attachment-file li .delete-img, .outer-conversation .attachment-file li .delete-img {
position: initial; }
.customOrderModal .mjob-name {
font-family: "Montserrat", sans-serif;
margin: 0 0 30px 0; }
.outer-detail-custom {
height: 100%; }
.outer-detail-custom .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
right: -37px !important; }
.text-form-custom p.error {
bottom: -10px !important; }
#bt-send-custom-disable, #disable-custom-order-link {
opacity: 0.2;
cursor: default !important; } .info-payment-method {
margin: 100px 0 50px 0;
text-align: center; }
.info-payment-method .title {
font-size: 27px;
color: #2a394e;
font-weight: bold;
margin-bottom: 7px; }
@media (max-width: 767px) {
.info-payment-method .title {
font-size: 24px; } }
.info-payment-method .sub-title {
font-size: 21px;
color: #10a2ef; }
@media (max-width: 991px) {
.info-payment-method .sub-title {
font-size: 18px; } }
@media (max-width: 767px) {
.info-payment-method .sub-title {
font-size: 14px; } }
.info-payment-method .invoice-note {
margin-top: 30px; }
@media (max-width: 1024px) {
.info-payment-method .invoice-note {
padding: 0 50px; } }
@media (max-width: 991px) {
.info-payment-method .invoice-note {
padding: 0 50px; } }
@media (max-width: 767px) {
.info-payment-method .invoice-note {
margin-top: 0;
padding: 0 15px; } }
.info-payment-method .invoice-note p {
margin-bottom: 0; }
.info-payment-method .link-detail-method {
margin-top: 80px; }
@media (max-width: 991px) {
.info-payment-method .link-detail-method {
margin-bottom: 60px; } }
.info-payment-method .link-detail-method i {
margin-left: 5px; }
.info-payment-method .link-detail-method .btn-submit {
padding: 13px 40px !important; }
@media (max-width: 991px) {
.info-payment-method .link-detail-method .btn-submit {
padding: 13px 30px !important; } }
.invoice-detail {
margin: 0 auto;
width: 80%; }
@media (max-width: 767px) {
.invoice-detail {
width: 100%; } }
.invoice-detail .mje-table {
width: 100%;
margin: 50px 0; }
@media (max-width: 767px) {
.invoice-detail .mje-table {
display: block; }
.invoice-detail .mje-table .mje-table-row {
display: block; }
.invoice-detail .mje-table .mje-table-row .mje-table-col {
display: block;
width: 100%;
padding: 20px 15px;
text-align: left;
border: none; }
.invoice-detail .mje-table .table-invoice-title {
padding: 0;
display: inline-block;
width: 50%; }
.invoice-detail .mje-table .payment-name {
display: inline-block; }
.invoice-detail .mje-table .payment-name span {
text-align: left; } }
.invoice-detail .mje-table .mje-table-col {
width: 25%;
border-right: 1px solid #efefef;
font-weight: 700;
vertical-align: top; }
.invoice-detail .mje-table .mje-table-col:last-child {
border: none; }
.invoice-detail .payment-name span {
display: block;
margin: 10px 0 0;
padding: 0; }
.table-invoice-title {
display: block;
padding: 0 0 30px;
font-size: 14px;
font-weight: 400;
color: #aaafb2;
text-transform: uppercase;
line-height: 1em;
vertical-align: top; }
.frame-delivery-info {
padding: 20px 20px 10px 20px;
border-radius: 4px;
border: 1px solid #10a2ef;
margin-top: 20px; }
.inner-conversation-form {
border-radius: 4px;
border: 1px solid #eeeff3; }
.no-attachment {
font-size: 14px;
font-style: italic;
color: #aaafb2; }
.status-order-detail {
font-size: 18px;
font-weight: 600;
float: right;
position: relative;
bottom: 24px; }
@media (max-width: 767px) {
.status-order-detail {
float: initial;
bottom: -10px; } }
.delay {
width: 100%;
position: relative;
float: left;
margin-bottom: 30px; }
@media (max-width: 767px) {
.delay {
width: inherit;
margin-top: 8px; } }
.delay .btn-delay {
background: #ec8251;
border-radius: 4px;
padding: 7px 12px;
border: none;
color: #fff; }
.delay .btn-delay i {
padding-right: 5px; }
.accept {
text-align: right;
margin-bottom: 20px; }
@media (max-width: 991px) {
.accept {
float: left; } }
@media (max-width: 767px) {
.accept {
margin-bottom: 30px;
float: right; } }
.accept .btn-accept {
padding: 13px 35px !important; }
.payment-name {
font-weight: normal !important; }
@media (max-width: 767px) {
.payment-name {
margin-bottom: 0; } }
.payment-name img {
width: 45px; }
.payment-name span {
text-align: center;
font-weight: bold;
padding-left: 10px; }
.chosen-container .chosen-results li.highlighted {
background: #10a2ef;
background-image: linear-gradient(#10a2ef 20%, #10a2ef 90%); }
.main-dashboard {
margin-top: 45px; }
@media (max-width: 767px) {
.main-dashboard .personal-profile {
margin-top: 0; } }
.main-dashboard .content-bio {
color: #c1c2c7 !important; }
.main-dashboard .no-items {
padding-top: 50% !important; }
@media (max-width: 991px) {
.main-dashboard .no-items {
padding-top: 5% !important; } }
@media (max-width: 767px) {
.main-dashboard .revenues ul {
margin: 33px 0 0; } }
.no-items {
padding-top: 30% !important;
text-align: center;
color: #c1c2c7;
font-family: 'Open Sans', sans-serif;
font-size: 21px; }
@media (max-width: 991px) {
.no-items {
padding-top: 2% !important; } }
@media (max-width: 991px) {
.my-list-mjobs .block-statistic {
top: -123px;
right: 125px; }
.my-list-mjobs .filter {
bottom: 65px !important; }
.my-list-mjobs .filter select {
height: 37px;
background: none;
border: 1px solid #dfe0e5;
border-radius: 0; } }
.gradient {
position: relative; }
.gradient:after {
content: "";
height: 50px;
width: 100%;
position: absolute;
left: 0;
bottom: 0;   background: linear-gradient(to bottom, rgba(255, 255, 255, 0) -40%, white 85%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }
.hidden-bio {
height: 154px;
overflow: hidden; }
.hidden-bio.show {
height: 100%; }
.show-bio {
display: block;
text-align: center;
color: #10a2ef;
font-size: 13px; }
.show-bio:hover, .show-bio:active, .show-bio:focus {
color: #10a2ef; }
.not-view {
text-align: center;
color: #898a90;
font-size: 28px;
font-family: 'Open Sans', sans-serif;
margin-top: 30px; }
.dashboard .chart-padding {
padding: 10px 30px 10px 30px; }
@media (max-width: 991px) {
.dashboard .revenues li {
margin-bottom: 0;
height: 100px; } }
.dashboard .revenues span.currency {
padding-left: 10px; }
.dashboard #secure_code {
margin-left: 5px; }
.dashboard .block-title {
border-bottom: 1px solid #dfe0e5;
padding: 0 0 22px;
margin: 0 0 40px;
line-height: 1.45em; }
@media (max-width: 991px) {
.dashboard .block-title {
margin-bottom: 20px; } }
.dashboard .balance-withdraw {
padding: 15px 30px; }
@media (max-width: 991px) {
.dashboard .balance-withdraw {
padding-left: 20px;
padding-right: 20px; } }
.dashboard .personal-profile {
min-height: 715px; }
@media (max-width: 991px) {
.dashboard .personal-profile {
min-height: auto; } }
.dashboard .personal-profile h4 {
margin-bottom: 5px; }
.dashboard .information-items-detail {
min-height: 650px;
margin-bottom: 100px;
padding: 0 30px;
position: relative;
border-radius: 4px; }
@media (max-width: 991px) {
.dashboard .information-items-detail {
min-height: 200px;
margin-bottom: 30px;
height: auto !important; } }
@media (max-width: 767px) {
.dashboard .information-items-detail {
padding: 0 15px; } }
.dashboard .information-items-detail .tabs-information .view-all {
padding-bottom: 30px; }
.dashboard .information-items-detail .tabs-information .view-all.view-all-head {
padding: 0;
position: absolute;
right: 30px;
top: 20px; }
@media (max-width: 767px) {
.dashboard .information-items-detail .tabs-information .view-all.view-all-head {
display: none; } }
.dashboard .information-items-detail .tabs-information .view-all a {
color: #10a2ef;
text-decoration: none; }
.dashboard .information-items-detail .nav-tabs {
border: none; }
.dashboard .information-items-detail .nav-tabs > li {
vertical-align: top;
height: 50px; }
.dashboard .information-items-detail .nav-tabs > li > a {
text-transform: uppercase;
padding: 15px 0;
margin-right: 30px;
color: #aaafb2;
font-family: 'Montserrat', sans-serif;
border-radius: 0;
background: none;
border-right: none;
border-left: 0; }
@media (max-width: 991px) {
.dashboard .information-items-detail .nav-tabs > li > a {
margin-right: 9px;
display: block;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; } }
.dashboard .information-items-detail .nav-tabs > li.active > a {
border-top: 6px solid #10a2ef;
border-radius: 0;
background: none;
border-right: none;
border-left: 0;
padding: 10px 0;
color: #10a2ef; }
.dashboard .information-items-detail .nav-tabs > li > a:hover {
background: none;
border-left: none;
border-right: none;
border-bottom: none; }
.dashboard .bio {
margin-top: 8px; }
.dashboard .bio span {
color: #90969b; }
.dashboard .bio .content-bio {
color: #2a394e;
line-height: 25px;
margin-top: 10px; }
.dashboard .edit-profile {
margin-top: 20px; }
.dashboard .edit-profile a {
color: #00ccbb;
font-family: 'Montserrat', sans-serif; }
.dashboard .edit-profile a i {
padding-right: 10px; }
.dashboard .title {
color: #2a394e;
font-family: 'Montserrat', sans-serif;
font-size: 21px;
padding: 30px 30px 10px 30px; }
@media (max-width: 991px) {
.dashboard .title {
padding-left: 20px;
padding-right: 20px; } }
.box-shadow {
box-shadow: 0 3px 9px rgba(234, 234, 234, 0.58);
background: #fff;
border-radius: 3px;
border: 1px solid rgba(225, 225, 225, 0.67); }
.revenues {
margin-bottom: 30px;
border-radius: 4px; }
.revenues .cate {
font-family: 'Montserrat', sans-serif;
font-weight: 500;
margin: 0 10%;
min-height: 35px; }
.revenues .cate .sub {
text-transform: capitalize;
font-size: 12px;
font-weight: normal;
color: #9f9f9f;
display: block; }
.revenues .cate .sub a:hover {
color: #9f9f9f; }
@media (max-width: 767px) {
.revenues .cate {
float: left; } }
@media (max-width: 767px) {
.revenues .cate, .revenues .currency {
margin-left: 0 !important;
margin-top: 5px;
min-height: 25px !important; } }
.revenues .line {
margin-left: 30px; }
@media (max-width: 991px) {
.revenues .line {
margin-left: 20px; } }
.revenues ul {
padding: 0;
margin-top: 25px; }
@media (max-width: 767px) {
.revenues ul {
padding-left: 20px;
padding-right: 20px; } }
.revenues ul li {
display: inline-block;
text-align: center;
border-right: 1px solid #dfe0e5;
vertical-align: top;
height: 75px;
margin-bottom: 25px; }
.revenues ul li .cate {
text-transform: uppercase; }
@media (max-width: 767px) {
.revenues ul li {
text-align: left;
height: auto !important;
padding: 15px 0;
border-right: none;
border-bottom: 1px solid #dfe0e5; } }
.revenues ul li:last-child {
border-right: none; }
.revenues ul li .currency {
font-size: 20px;
color: #10a2ef;
margin-top: 20px; }
@media (max-width: 767px) {
.revenues ul li .currency {
float: right;
margin: 0; } }
.mjob-revenues-page .balance-withdraw {
padding: 15px 40px; }
@media (max-width: 767px) {
.mjob-revenues-page .balance-withdraw {
padding: 15px 28px; } }
.currency-balance, .note-balance {
display: inline-block;
margin-bottom: 0; }
@media (max-width: 767px) {
.currency-balance, .note-balance {
display: block; } }
.total-currency {
color: #a9b4bb;
text-transform: uppercase; }
@media (max-width: 767px) {
.total-currency {
margin-left: 0 !important;
display: block; } }
.currency-balance {
font-family: 'Montserrat', sans-serif;
color: #9f9f9f;
font-size: 20px; }
.currency-balance .price-balance {
color: #10a2ef;
margin-left: 3px; }
@media (max-width: 991px) {
.currency-balance .price-balance {
float: right; } }
.currency-balance:after {
content: '';
display: table;
clear: both; }
.note-balance {
color: #b3c0c8;
font-family: 'Open Sans', sans-serif;
font-style: italic;
font-size: 13px;
margin-left: 5px; }
@media (max-width: 767px) {
.note-balance {
margin-left: 0; } }
.balance-checkout {
background: #f8f8f8;
padding: 17px 30px; }
@media (max-width: 767px) {
.balance-checkout {
padding-left: 20px;
padding-right: 20px; } }
.balance-checkout .withdrew-text {
text-align: center;
color: #a9b4bb;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
border-right: 1px solid #d2d2d2;
padding: 3px 0; }
.balance-checkout .withdrew-text p {
margin-bottom: 0; }
@media (max-width: 767px) {
.balance-checkout .withdrew-text p {
margin-left: 0 !important; } }
.balance-checkout .withdrew-text:last-child {
border: none; }
@media (max-width: 767px) {
.value-payment p.error {
margin-left: 0 !important; } }
.line {
position: relative;
width: 30px; }
.chart {
height: 370px;
margin-bottom: 30px;
border-radius: 4px; }
@media (max-width: 767px) {
.chart {
display: none; } }
.chart .line {
margin-left: 30px; }
.list-order {
position: relative; }
.list-order .not-found {
padding-top: 30% !important;
text-align: center;
color: #c1c2c7;
font-family: 'Open Sans', sans-serif;
font-size: 21px; }
@media (max-width: 991px) {
.list-order .not-found {
padding-top: 2% !important; } }
.list-order .paginations-wrapper {
margin: 30px 0 25px 0;
padding-bottom: 30px; }
.task-container-control {
margin-top: 30px; }
@media (max-width: 767px) {
.task-container-control {
margin-top: 0; } }
.task-container-control .paginations-wrapper {
margin: 30px 0 25px 0;
padding-bottom: 30px; }
.list-order .label-status, .list-job .label-status {
position: absolute;
right: -34px;
top: 0;
width: 94px;
padding: 5px 0;
border-radius: 45px 0 0 45px;
color: #fff;
font-size: 12px;
text-align: center; }
@media (max-width: 767px) {
.list-order .label-status, .list-job .label-status {
right: -27px; } }
.list-order li:hover a, .list-job li:hover a {
color: #10a2ef; }
@media (max-width: 767px) {
.mjob-author-page .info-items {
width: 100% !important;
padding-top: 0 !important; } }
@media (max-width: 767px) {
.statistic-order {
display: none !important; } }
.withdraw {
margin-bottom: 100px; }
.withdraw .title-top-pages {
margin: 45px 0 0 0;
position: relative; }
.withdraw .title-top-pages .filter {
position: absolute;
right: 0;
bottom: 70px; }
@media (max-width: 767px) {
.withdraw .title-top-pages .filter {
position: initial;
display: none; } }
.withdraw .profile {
margin-top: 20px; }
@media (max-width: 991px) {
.withdraw .profile {
margin: 10px 0 0 0; } }
@media (max-width: 767px) {
.withdraw .profile {
margin: 0; } }
@media (max-width: 991px) {
.withdraw .profile .outer-revenues {
padding: 0; } }
@media (max-width: 767px) {
.withdraw .profile .outer-revenues {
margin-left: 0; } }
.withdraw .payment-method {
position: relative;
padding: 0 30px 30px 30px; }
@media (max-width: 991px) {
.withdraw .payment-method {
box-shadow: none;
background: none; } }
.withdraw .payment-method .choose-payment {
color: #898a90;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif; }
.withdraw .payment-method .link-change-payment {
position: absolute;
right: 0;
top: 0; }
@media (max-width: 767px) {
.withdraw .payment-method .link-change-payment {
position: initial; } }
.withdraw .payment-method .link-change-payment a {
color: #10a2ef; }
.withdraw #withdrawForm .radio {
display: inline-block;
margin-right: 50px; }
.withdraw #withdrawForm .radio label {
padding-left: 0; }
.withdraw #withdrawForm .radio span {
color: #2a394e;
font-family: 'Open Sans', sans-serif;
font-weight: 700; }
.withdraw #withdrawForm .radio input {
float: left; }
.withdraw #withdrawForm .code-bank {
width: 58%; }
@media (max-width: 767px) {
.withdraw #withdrawForm .code-bank {
width: 100%; } }
.withdraw #withdrawForm .form-group label span {
top: 0; }
.withdraw .withdraw-revenues {
border-radius: 4px; }
@media (max-width: 767px) {
.withdraw .withdraw-revenues .revenues {
margin-top: 0; } }
.withdraw .btn-back {
color: #aaafb3; }
.withdraw .btn-back i {
padding-right: 10px; }
.withdraw .block-items-detail {
padding: 0; }
.withdraw .block-title {
margin-bottom: 15px; }
@media (max-width: 767px) {
.withdraw .block-statistic {
position: initial; } }
.withdraw .block-statistic ul {
padding-left: 0; }
.withdraw .revenues {
box-shadow: none;
background: none;
margin-bottom: 25px;
border: none; }
@media (max-width: 767px) {
.withdraw .revenues {
margin-top: 50px; } }
.withdraw .revenues ul {
margin: 33px 0 0 0; }
.withdraw .withdraw-history-wrapper {
padding: 35px 0 30px 0;
margin: 0 30px; }
@media (max-width: 767px) {
.withdraw .withdraw-history-wrapper {
margin: 0 15px; } }
.withdraw .withdraw-history-wrapper .payment-method {
padding-left: 0; }
@media (max-width: 767px) {
.withdraw .payment-method {
padding: 0 15px;
box-shadow: none; } }
.withdraw .payment-method .nav-tabs {
margin-bottom: 40px; }
@media (max-width: 767px) {
.withdraw .payment-method .nav-tabs {
margin-bottom: 20px; } }
.withdraw .bank-group .bank {
width: 31.33%;
display: inline-block;
margin-right: 15px; }
@media (max-width: 991px) {
.withdraw .bank-group .bank {
width: 30.33%; } }
@media (max-width: 767px) {
.withdraw .bank-group .bank {
width: 100%;
margin-bottom: 20px; } }
.withdraw .bank-group .bank:last-child {
margin-right: 0;
float: right; }
@media (max-width: 767px) {
.withdraw .bank-group .bank:last-child {
margin-bottom: 0; } }
@media (max-width: 767px) {
.withdraw .save-button-paypal {
text-align: left; }
.withdraw .save-button-paypal .btn-save {
margin-top: 0 !important; } }
@media (max-width: 991px) {
.withdraw .change-password-dashboard {
box-shadow: none;
background: none; } }
@media (max-width: 767px) {
.withdraw .change-password-dashboard {
box-shadow: none;
padding: 0; } }
@media (max-width: 767px) {
.withdraw #bankAccountForm .send-button-method {
text-align: left; } }
@media (max-width: 767px) {
.withdraw #bankAccountForm .user-bank .input-group-addon {
vertical-align: top;
padding-top: 13px; } }
.withdraw #bankAccountForm .input-group {
margin-bottom: 40px; }
.withdraw #bankAccountForm .chosen-container {
width: 94% !important; }
.withdraw #bankAccountForm .chosen-container input {
width: 100%; }
.withdraw #bankAccountForm .chosen-container-single .chosen-single {
height: 35px;
line-height: 30px;
background: none;
border: none;
border-bottom: 1px solid #dfe0e5;
box-shadow: none;
border-radius: 0; }
.withdraw #bankAccountForm .chosen-container-single .chosen-single div {
top: 4px; }
.withdraw #bankAccountForm .chosen-container .chosen-results li {
padding: 10px; }
.withdraw #bankAccountForm .chosen-container .chosen-results li.highlighted {
background: #10a2ef; }
.withdraw #bankAccountForm .chosen-container .chosen-drop {
border: 1px solid #dfe0e5; }
.withdraw #bankAccountForm .chosen-container .chosen-results {
clear: both; }
.withdraw #bankAccountForm .btn-send {
padding: 13px 85px; }
@media (max-width: 991px) {
.withdraw #bankAccountForm, .withdraw #paypalAccountForm, .withdraw #changePassForm {
width: 93%; } }
@media (max-width: 767px) {
.withdraw #bankAccountForm, .withdraw #paypalAccountForm, .withdraw #changePassForm {
width: 100%; } }
@media (max-width: 767px) {
.withdraw #withdrawForm .submit-bank {
text-align: left; } }
.withdraw #withdrawForm .btn-submit-bank {
padding: 13px 80px; }
@media (max-width: 767px) {
.withdraw #withdrawForm .btn-submit-bank {
width: 100%; } }
.withdraw #paypalAccountForm .btn-save {
padding: 13px 85px; }
.block-history {
margin-top: 50px; }
.block-history table {
margin-top: 5px; }
.block-history table .title-head {
font-family: 'Open Sans', sans-serif;
font-weight: 700;
line-height: 25px;
padding-bottom: 20px; }
.block-history table tr > td {
line-height: 40px;
text-align: center;
padding: 8px 0; }
.block-history table tr > td:first-child {
padding-left: 0;
text-align: left; }
.block-history table tr > td:last-child {
padding-right: 0; }
.block-history .successful {
color: #10a2ef; }
.block-history .rejected {
color: #e52e5d; }
.change-password {
padding: 50px 20px 30px 20px; }
@media (max-width: 767px) {
.change-password {
padding-top: 20px;
padding-bottom: 10px; } }
@media (max-width: 767px) {
.change-pass-button-method {
text-align: left; } }
.load-more-post {
color: #10a2ef;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif !important;
font-weight: 500;
cursor: pointer; }
.link-post-job .post-job-button {
position: absolute;
right: 103px;
top: 17px;
color: #898a90; }
@media (max-width: 767px) {
.link-post-job .post-job-button {
right: 17px; } }
.link-post-job .plus-circle {
display: inline-block;
background: #10a2ef;
border-radius: 50%;
box-shadow: 1px 3px 9px rgba(16, 162, 239, 0.3);
margin-left: 15px;
padding: 3px 7px;
text-align: center;
color: #fff; }
.link-post-job a:hover {
text-decoration: none; }
.error-block {
text-align: center; }
.error-block p {
color: #898a90;
font-size: 23px;
font-family: 'Open Sans', sans-serif;
margin-bottom: 10px; }
.main-dashboard .mjob-list--horizontal {
padding: 0;
margin-top: 20px; }
.main-dashboard .mjob-list--horizontal .mjob-item {
box-shadow: none;
border-bottom: 1px solid #dfe0e6;
margin-bottom: 20px;
padding-bottom: 15px; }
@media (max-width: 414px) {
.main-dashboard .mjob-list--horizontal .mjob-item {
border: 1px solid #dfe0e6;
padding-bottom: 0; } }
.main-dashboard .mjob-list--horizontal .mjob-item .status-label {
left: 80px; }
@media (max-width: 414px) {
.main-dashboard .mjob-list--horizontal .mjob-item .status-label {
right: -7px;
left: initial; }
.main-dashboard .mjob-list--horizontal .mjob-item .status-label span {
border-radius: 45px 0 0 45px; } }
.main-dashboard .mjob-list--horizontal .mjob-item .mjob-item__image {
width: 168px;
min-height: 101px;
min-width: 168px; }
.main-dashboard .mjob-list--horizontal .mjob-item .mjob-item__entry {
margin-left: 168px;
padding: 0 0 0 15px; }
.main-dashboard .mjob-list--horizontal .mjob-item .mjob-item__author {
display: none; }
.main-dashboard .mjob-list--horizontal .mjob-item .mjob-item__price .mjob-item__price-inner {
border-top: 0;
padding-top: 0; }
@media (max-width: 414px) {
.main-dashboard .mjob-list--horizontal .mjob-item .mjob-item__price .mjob-item__price-inner {
padding-top: 10px;
border-top: 1px solid #f3f3f3; } }
.main-dashboard .mjob-list--horizontal .order-item .mjob-item__author {
display: block; }
.my-list-order .information-items-detail {
height: auto;
min-height: 665px; } #topup-changelog-modal-front .modal-dialog {
max-width: 800px;
width: 800px; }
@media all and (max-width: 768px) {
#topup-changelog-modal-front .modal-dialog {
width: auto;
max-width: 100%; } }
#topup-changelog-modal-front .inner {
background-color: #fff;
padding: 20px;
max-height: 500px;
overflow-y: auto; }
#topup-changelog-modal-front .table-content,
#topup-changelog-modal-front .table-wrapper {
padding: 0;
margin: 0; }
#topup-changelog-modal-front .not-found {
font-size: 14px;
font-weight: normal; }
#topup-changelog-modal-front .changelog-amount.add {
color: #10a2ef; }
#topup-changelog-modal-front .changelog-amount.minus {
color: #ec3a3a; }
#topup-changelog-modal-front td {
vertical-align: top; }
.wrapper-list-conversation {
width: 100%;
height: 550px; }
@media (max-width: 767px) {
.wrapper-list-conversation {
width: 100%; } }
.wrapper-list-conversation .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .wrapper-list-conversation .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
right: 0; }
.emoji {
width: auto !important; }
.mjob-modal-conversation-form p.error {
color: #e52e5d;
position: absolute;
right: 30px; }
.single-ae_message .conversation-form {
border-top: none !important;
position: relative;
z-index: 1; }
.single-ae_message .note-scroll {
margin-top: 15px !important; }
.mjob_conversation_detail_page .title-top-pages {
margin-top: 30px !important; }
.mjob_conversation_detail_page .ellipsis {
white-space: pre;
text-overflow: ellipsis;
display: block;
overflow: hidden;
color: #e1e1e1; }
.mjob_conversation_detail_page .note-scroll {
margin-top: 50px; }
.mjob_conversation_detail_page .current {
padding-right: 0;
margin-bottom: 50px; }
@media (max-width: 991px) {
.mjob_conversation_detail_page .current {
padding-left: 0;
margin-top: 0; } }
.mjob_conversation_detail_page .current-order {
padding: 0 30px 30px 30px;
margin-left: 30px; }
@media (max-width: 991px) {
.mjob_conversation_detail_page .current-order {
padding: 15px;
margin-left: 0;
margin-bottom: 20px; } }
.mjob_conversation_detail_page .current-order .text-content {
margin-top: 28px; }
.mjob_conversation_detail_page .current-order .label-status {
right: -38px;
z-index: 2; }
.mjob_conversation_detail_page .current-order .paginations-wrapper {
padding-bottom: 0;
margin: 0 0 15px 0; }
.mjob_conversation_detail_page .title-column {
color: #2a394e;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
text-transform: uppercase;
margin-top: 0;
padding-bottom: 8px; }
.mjob_conversation_detail_page .conversation-form {
padding-left: 0;
clear: both;
margin: 30px 0 50px 0; }
.mjob_conversation_detail_page .conversation-form .line {
border-bottom: 1px solid #10a2ef;
position: absolute;
width: 100%;
top: 10px;
z-index: 0; }
.mjob_conversation_detail_page .conversation-form .paginations-wrapper {
padding: 0;
margin-left: 0;
text-align: center;
text-transform: uppercase;
margin-top: 40px; }
.mjob_conversation_detail_page .conversation-form .paginations-wrapper a {
color: #10a2ef;
font-family: 'Open Sans', sans-serif; }
.mjob_conversation_detail_page .list-conversation {
padding: 0; }
.mjob_conversation_detail_page .list-conversation li {
display: block;
margin-bottom: 18px; }
.mjob_conversation_detail_page .list-conversation li .img-avatar {
float: left;
margin-right: 20px;
width: 8%; }
@media (max-width: 320px) {
.mjob_conversation_detail_page .list-conversation li .img-avatar {
width: auto;
margin-right: 0; } }
.mjob_conversation_detail_page .list-conversation li .img-avatar img {
width: 40px;
height: 40px;
border-radius: 50%; }
@media (max-width: 320px) {
.mjob_conversation_detail_page .list-conversation li .img-avatar img {
width: 30px;
height: 30px; } }
.mjob_conversation_detail_page .box-shadow-title {
background-size: 66%;
width: 100%;
height: auto;
background-position: left bottom; }
@media (max-width: 991px) {
.mjob_conversation_detail_page .box-shadow-title {
background-size: 100%; } }
.mjob_conversation_detail_page .conversation {
padding: 0; }
.mjob_conversation_detail_page .conversation li {
display: block;
margin-bottom: 30px; }
.mjob_conversation_detail_page .conversation-text ul {
padding: 0; }
.mjob_conversation_detail_page .conversation-text ul li {
display: block;
margin-top: 10px;
margin-bottom: 0; }
.mjob_conversation_detail_page .conversation-text ul li i {
padding-right: 10px; }
.mjob_conversation_detail_page .conversation-text ul li:first-child {
margin-top: 20px; }
.mjob_conversation_detail_page .conversation-text iframe {
width: 100% !important; }
.mjob_conversation_detail_page .message-item .budget, .mjob_conversation_detail_page .message-item .deadline {
display: inline-block;
margin: 25px 30px 0 0;
text-transform: uppercase;
font-weight: bold; }
@media (max-width: 767px) {
.mjob_conversation_detail_page .message-item .budget, .mjob_conversation_detail_page .message-item .deadline {
margin: 15px 0 0 0; } }
.mjob_conversation_detail_page .message-item .budget span, .mjob_conversation_detail_page .message-item .deadline span {
padding-left: 10px; }
.mjob_conversation_detail_page .message-item .budget span {
font-size: 18px; }
.mjob_conversation_detail_page .message-item .deadline span {
font-weight: 500;
text-transform: none; }
.mjob_conversation_detail_page .offer-label {
font-weight: bold;
padding-bottom: 7px; }
.mjob_conversation_detail_page .private-message {
position: relative; }
.mjob_conversation_detail_page .private-message .img-avatar {
float: left;
margin-right: 20px;
width: 7%;
display: none; }
.mjob_conversation_detail_page .private-message .img-avatar img {
width: 50px;
height: 50px;
border-radius: 50%; }
.mjob_conversation_detail_page .private-message .conversation-text {
width: 60%;
background: #10a2ef;
color: #fff;
padding: 14px 15px;
float: right;
margin-right: 129px;
border-radius: 4px; }
@media (max-width: 767px) {
.mjob_conversation_detail_page .private-message .conversation-text {
width: 88%;
margin-right: 43px; } }
@media (max-width: 480px) {
.mjob_conversation_detail_page .private-message .conversation-text {
margin-right: 0;
width: 100%; } }
.mjob_conversation_detail_page .private-message .conversation-text li a {
color: #fff; }
.mjob_conversation_detail_page .private-message .conversation-text p {
margin-bottom: 0; }
.mjob_conversation_detail_page .private-message .message-time {
position: absolute;
right: 0; }
@media (max-width: 767px) {
.mjob_conversation_detail_page .private-message .message-time {
position: initial; } }
.mjob_conversation_detail_page .guest-message .conversation-text {
float: left;
width: 60%;
background: #fff;
color: #2a394e;
padding: 14px 15px;
position: relative;
border-radius: 4px; }
@media (max-width: 767px) {
.mjob_conversation_detail_page .guest-message .conversation-text {
width: 86%;
margin-right: 0; } }
@media (max-width: 480px) {
.mjob_conversation_detail_page .guest-message .conversation-text {
width: 77%;
margin-right: 0;
margin-left: 20px; } }
.mjob_conversation_detail_page .guest-message .conversation-text li a {
color: #10a2ef; }
.mjob_conversation_detail_page .guest-message .conversation-text .budget span {
color: #10a2ef; }
.mjob_conversation_detail_page .guest-message .conversation-text p {
margin-bottom: 0; }
.mjob_conversation_detail_page .guest-message .img-avatar {
float: right;
width: 7%; }
.mjob_conversation_detail_page .guest-message .img-avatar img {
width: 50px;
height: 50px;
border-radius: 50%; }
.mjob_conversation_detail_page .admin-message {
background: #eb8251;
color: #fff;
padding: 15px 20px;
border-radius: 8px; }
.mjob_conversation_detail_page .admin-message .img-avatar {
display: none; }
.mjob_conversation_detail_page .admin-message p {
margin-bottom: 0; }
.mjob_conversation_detail_page .admin-message .message-time {
float: inherit;
text-align: right;
color: #973916; }
.mjob_conversation_detail_page .admin-message .conversation-text {
background: #eb8251 !important;
border: none !important; }
.mjob_conversation_detail_page .admin-message .view-custom-order {
color: #fff !important; }
.mjob_conversation_detail_page .note {
margin: 20px 0; }
.mjob_conversation_detail_page .message-time {
float: right;
font-size: 12px;
color: #10a2ef;
margin-top: 15px; }
.conversation-date {
margin: 40px 0 20px 0;
color: #10a2ef;
position: relative; }
.conversation-date .date {
position: relative;
background: #fff;
z-index: 1;
padding: 0 15px; }
.compose-conversation .compose {
position: relative;
margin-bottom: 0; }
.compose-conversation .compose .attachment-image, .compose-conversation .compose .send-message {
float: left; }
.compose-conversation .compose .attachment-image {
margin-top: 0;
margin-right: 10px; }
.compose-conversation .compose .send-message {
background: none;
border: none;
text-transform: uppercase;
color: #10a2ef;
font-family: 'Montserrat', sans-serif; }
.compose-conversation .group-compose {
position: relative;
width: 100%; }
.compose-conversation .group-compose .error {
color: #e52e5d;
position: absolute;
right: 0;
bottom: -35px; }
.compose-conversation .input-compose {
width: 100%; }
.compose-conversation .input-compose textarea {
width: 100%;
padding: 30px 52px 25px 73px;
border: none;
margin: 0;
vertical-align: middle;
max-height: 150px;
resize: none; }
.compose-conversation .input-compose input {
border: none;
padding: 0 15px;
width: 85%;
height: 40px;
outline: 0; }
@media (max-width: 991px) {
.compose-conversation .input-compose input {
padding: 0 40px 0 15px; } }
@media (max-width: 767px) {
.compose-conversation .input-compose input {
padding: 0 50px 0 15px; } }
.compose-conversation .input-compose input::-webkit-input-placeholder { color: #10a2ef;
font-size: 14px; }
.compose-conversation .input-compose input:-moz-placeholder { color: #10a2ef;
opacity: 1;
font-size: 14px; }
.compose-conversation .input-compose input::-moz-placeholder { color: #10a2ef;
opacity: 1;
font-size: 14px; }
.compose-conversation .input-compose input:-ms-input-placeholder { color: #10a2ef;
font-size: 14px; }
.compose-conversation .action-link {
position: absolute;
top: 0;
text-align: center;
vertical-align: middle;
height: 100%;
padding: 0 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.compose-conversation .action-link .plupload_buttons {
display: block;
width: 100%;
height: 100%; }
.compose-conversation .action-link .attachment-image {
margin-right: 0; }
.compose-conversation .action-link .add-img i.fa-paperclip {
color: #fff;
font-size: 18px; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.compose-conversation .action-link span.img-gallery {
background: #10a2ef;
border-radius: 50%;
width: 40px;
height: 40px;
display: block;
line-height: 40px; }
.compose-conversation .send-message {
position: absolute;
top: 50%;
right: 20px;
font-size: 18px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.compose-conversation .gallery_container_single_conversation {
margin-right: 0;
width: 100%; }
.compose-conversation .gallery_container_single_conversation .add-img i {
color: #10a2ef; }
.compose-conversation .carousel_single_conversation-image-list {
margin-bottom: 0;
width: 100%;
margin-left: 10px;
padding-left: 62px; }
.compose-conversation .carousel_single_conversation-image-list li {
display: inline-block;
width: 19%;
margin: 10px 0 0px 0;
padding-right: 20px;
position: relative;
background: #dbdbdb;
border-radius: 45px;
padding: 5px 20px; }
@media (max-width: 767px) {
.compose-conversation .carousel_single_conversation-image-list li {
width: 44%; } }
.compose-conversation .carousel_single_conversation-image-list li a {
color: #10a2ef;
text-decoration: underline;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
overflow: hidden;
text-decoration: none;
font-size: 12px; }
.compose-conversation .carousel_single_conversation-image-list li a .fa-paperclip {
display: none; }
.compose-conversation .carousel_single_conversation-image-list li a .fa-times {
color: #2a394e;
padding-left: 10px; }
.compose-conversation .carousel_single_conversation-image-list li a.delete-img {
position: absolute;
top: 5px;
right: 9px; }
.all-list-message .paginations-wrapper {
margin: 36px 20px 40px 102px; }
.all-list-message .not-found {
margin-top: 20px;
font-size: 21px;
color: #c1c2c7;
font-family: 'Open Sans', sans-serif; }
.all-list-message .list-conversation {
padding-left: 0;
margin-top: 8px; }
.all-list-message .list-conversation .inner {
padding: 20px 0; }
.all-list-message .list-conversation .unread {
background: #f3fafe; }
.all-list-message .list-conversation .unread .name-author, .all-list-message .list-conversation .unread .latest-reply {
font-family: 'Montserrat', sans-serif;
font-weight: bold;
color: #2a394e; }
.all-list-message .list-conversation li {
display: block;
border-bottom: 1px solid #dfe0e5; }
.all-list-message .list-conversation li .img-avatar {
float: left;
margin-right: 20px; }
.all-list-message .list-conversation li .img-avatar img {
border-radius: 50%;
width: 75px;
height: 75px; }
.all-list-message .list-conversation li > a {
display: block; }
.all-list-message .list-conversation li .conversation-text {
color: #2a394e;
margin-left: 92px; }
.all-list-message .name-author {
font-family: 'Montserrat', sans-serif;
color: #2a394e; }
.all-list-message .name-author a {
color: #2a394e; }
.all-list-message .latest-reply-time {
color: #aaafb2;
font-size: 12px;
margin: 10px 0 0 0; }
.current-order {
border: 1px solid #dfe0e5;
padding: 8px; }
.current-order .title-column {
margin-top: 20px; }
.current-order ul {
padding: 0; }
.current-order ul li {
display: block;
position: relative;
padding-top: 8px; }
.current-order ul li h2 {
font-size: 14px;
margin-top: 0; }
.current-order ul li .label-status {
position: absolute;
right: 0;
top: 7px;
width: 94px; }
.current-order ul li .total-message {
position: absolute;
right: 0;
bottom: 0; }
.current-order .name-customer-order {
cursor: pointer;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: block;
width: calc(100% - 70px);
height: 20px;
font-weight: bold; }
.custom-order-box {
padding: 0 !important; }
.custom-order-box li {
margin: 0 35px 0 23px;
border-bottom: 1px solid #dfe0e5; }
.custom-order-box li:last-child {
border-bottom: none !important; }
.custom-order-box .title-column {
padding-left: 30px; }
.custom-order-box .budget, .custom-order-box .deadline {
color: #aaafb2;
text-transform: uppercase;
font-weight: bold; }
.custom-order-box .budget span, .custom-order-box .deadline span {
padding-left: 10px; }
.custom-order-box .custom-order-btn {
margin: 20px 0 10px 0; }
.custom-order-box .outer-etd {
position: relative; }
.custom-order-box .budget {
position: absolute;
right: 0;
top: 0; }
.custom-order-box .budget span {
color: #10a2ef;
font-size: 20px; }
@media (max-width: 1199px) {
.custom-order-box .budget span {
padding-left: 0; } }
@media (max-width: 991px) {
.custom-order-box .budget {
position: absolute;
right: 0;
top: 0; } }
@media (max-width: 480px) {
.custom-order-box .budget {
position: relative; }
.custom-order-box .budget span {
padding-left: 0; } }
.custom-order-box .deadline {
padding-top: 5px; }
.custom-order-box .deadline span {
text-transform: none;
color: #2a394e;
font-weight: 500; }
.custom-order-box .more {
text-align: center;
border-top: 1px solid #dfe0e5;
margin: 0 30px;
padding-top: 15px;
position: relative;
z-index: 1; }
.custom-order-box .more a {
color: #10a2ef; }
.custom-order-box .btn-decline, .custom-order-box .btn-send-offer, .custom-order-box .btn-accept-offer {
display: inline-block;
border-radius: 45px;
text-align: center;
font-size: 12px;
border: none;
outline: 0; }
.custom-order-box .btn-decline {
background: #fff;
color: #10a2ef;
padding: 4px 20px;
border: 1px solid #10a2ef; }
.custom-order-box .btn-send-offer, .custom-order-box .btn-accept-offer {
background: #10a2ef;
color: #fff;
padding: 5px 20px;
margin-left: 5px; }
.custom-order-box .list-attach li {
padding: 10px 10px 0 0;
margin: 0;
display: block;
white-space: pre-wrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%; }
.custom-order-box .list-attach i {
display: initial; }
.outer-detail-custom-order {
position: absolute;
top: 0;
height: 100%;
right: 0;
width: 100%;
z-index: 5;
display: none; }
@media (max-width: 991px) {
.outer-detail-custom-order {
z-index: 100; } }
.detail-custom-order {
width: 44%;
height: 100%;
background: #fff;
position: absolute;
right: 0;
box-shadow: 16px 0 rgba(139, 166, 183, 0.7);
-webkit-box-shadow: 16px 0 rgba(139, 166, 183, 0.7);
-moz-box-shadow: 16px 0 rgba(139, 166, 183, 0.7);
z-index: 9999;
margin-top: 0; }
@media (max-width: 991px) {
.detail-custom-order {
height: 100%;
width: 100%;
z-index: 9999; } }
.detail-custom-order .budget {
position: relative; }
.overlay-custom-detail {
width: 100%;
height: 100%;
position: absolute;
top: 0;
z-index: 4;
background: rgba(0, 0, 0, 0.28);
display: none; }
.close-detail {
position: absolute;
right: 30px;
top: 30px;
color: rgba(137, 138, 144, 0.5);
font-size: 20px;
cursor: pointer;
z-index: 999; }
.show-detail-custom-order {
display: block; }
.content-custom-order {
padding: 30px 50px 30px 30px;
height: 100%; }
.content-custom-order h2 {
font-size: 14px;
margin-top: 30px;
font-weight: bold;
line-height: 25px; }
.content-custom-order h2 a {
color: #2a394e; }
.content-custom-order .date {
color: #aaafb3; }
.content-custom-order .date span {
color: #10a2ef; }
.content-custom-order .block-text {
border-top: 1px solid #dfe0e5;
padding-top: 20px;
position: relative; }
.content-custom-order .block-text .title {
text-transform: uppercase;
color: #aaafb2;
font-family: 'Montserrat', sans-serif; }
.content-custom-order .block-text .budget, .content-custom-order .block-text .deadline {
display: inline-block;
margin-right: 30px;
color: #aaafb2;
text-transform: uppercase;
font-weight: bold;
margin-top: 10px; }
.content-custom-order .block-text .budget span, .content-custom-order .block-text .deadline span {
padding-left: 10px; }
.content-custom-order .block-text .budget span {
color: #10a2ef;
font-size: 24px; }
.content-custom-order .block-text .deadline span {
text-transform: none;
color: #2a394e;
font-weight: 500; }
.content-custom-order .block-text .list-attach {
padding-left: 0;
margin-top: 10px; }
.content-custom-order .block-text .list-attach li {
display: inline-block;
margin: 0 20px 10px 0;
border: none; }
.content-custom-order .block-text .list-attach li i {
padding-right: 5px; }
.content-custom-order .block-text .list-attach li a {
color: #10a2ef; }
.content-custom-order .block-text .label-status {
position: absolute;
right: 0;
width: 94px;
top: 13px;
padding: 5px 0;
border-radius: 45px 0 0 45px;
color: #fff;
font-size: 10px;
text-align: center;
font-size: 12px; }
.content-custom-order .block-text .padding-top10 {
padding-top: 15px; }
.content-custom-order .block-text .action {
margin-top: 25px; }
.content-custom-order .block-text .action .btn-decline, .content-custom-order .block-text .action .btn-send-offer {
display: inline-block;
border-radius: 45px;
text-align: center;
font-size: 12px;
border: none; }
.content-custom-order .block-text .action .btn-decline {
background: #fff;
color: #10a2ef;
padding: 4px 20px;
border: 1px solid #10a2ef; }
.content-custom-order .block-text .action .btn-send-offer {
background: #10a2ef;
color: #fff;
padding: 5px 20px;
margin-left: 5px; }
.content-custom-order .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .content-custom-order .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
right: 4px;
top: 100px; }
.action-form {
padding: 30px 50px 30px 30px;
height: 100%; }
@media (max-width: 767px) {
.action-form {
padding: 30px; } }
.action-form .btn-back {
color: #aaafb3;
cursor: pointer; }
.action-form .btn-back i {
padding-right: 10px; }
.action-form .cata-title {
text-transform: uppercase;
color: #10a2ef;
margin-top: 20px;
font-family: 'Montserrat', sans-serif;
font-weight: 500; }
.action-form .btn-send-offer {
font-size: 12px;
padding: 5px 30px;
text-transform: none;
font-weight: 500;
font-family: 'Open Sans', sans-serif; }
#reject, #decline, #send-offer {
display: none; }
#send-offer .form-delivery-order {
padding: 17px; }
@media (max-width: 767px) {
#send-offer .form-delivery-order {
padding: 17px 0; } }
#send-offer .date-deadline, #send-offer .price {
margin-bottom: 25px; }
@media (max-width: 1199px) {
#send-offer .date-deadline, #send-offer .price {
width: 100%; } }
#send-offer .date-deadline input[type="number"], #send-offer .price input[type="number"] {
width: 80%;
line-height: 50px; }
#send-offer .date-deadline .symsbol, #send-offer .price .symsbol {
color: #898a90;
position: relative;
top: 15px;
left: 10px; }
@media (max-width: 480px) {
#send-offer .date-deadline .symsbol, #send-offer .price .symsbol {
left: 4px; } }
#send-offer .date-deadline p.error, #send-offer .price p.error {
bottom: -40px !important;
right: 43px;
margin-left: 0; }
@media (max-width: 991px) {
#send-offer .date-deadline p.error, #send-offer .price p.error {
right: 120px; } }
@media (max-width: 767px) {
#send-offer .date-deadline p.error, #send-offer .price p.error {
right: 58px; } }
#send-offer .attachment-image li {
position: relative;
width: 100%;
margin-bottom: 10px !important;
border: none; }
#send-offer .attachment-image li span {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 275px;
position: relative;
top: 4px; }
@media (max-width: 1199px) {
#send-offer .attachment-image li span {
max-width: 247px !important; } }
@media (max-width: 767px) {
#send-offer .attachment-image li span {
max-width: 250px !important; } }
@media (max-width: 480px) {
#send-offer .attachment-image li span {
max-width: 190px !important; } }
#send-offer .attachment-image li .delete-img {
position: initial; }
.changelog-item {
text-align: center;
position: relative; }
@media (max-width: 767px) {
.changelog-item {
text-align: left; } }
.changelog-item .changelog-text {
color: #90969b;
font-style: italic;
margin: 0 90px; }
@media (max-width: 767px) {
.changelog-item .changelog-text {
margin: 0 90px 0 0; } }
.changelog-item .changelog-text a {
color: #10a2ef;
font-weight: bold; }
.changelog-item .message-time {
position: absolute;
right: 0;
top: 2px;
margin-top: 0; }
.user-conversation {
display: block;
font-size: 11px;
color: #aaafb3;
font-style: italic;
text-transform: none;
font-weight: 100; }
.user-conversation a {
font-size: 13px;
color: #10a2ef;
font-style: normal;
font-weight: 400;
margin-left: 3px; }
.list-custom-order-wrapper {
max-height: 550px;
height: auto;
right: -7px; }
@media (max-width: 991px) {
.list-custom-order-wrapper {
height: inherit !important;
max-height: inherit;
overflow: auto !important; } }
.list-custom-order-wrapper .mCSB_dragger_bar, .list-custom-order-wrapper .mCSB_dragger_bar:hover {
background-color: rgba(16, 162, 239, 0) !important; }
.list-custom-order-wrapper .mCSB_scrollTools .mCSB_dragger {
cursor: context-menu !important; }
.list-custom-order-wrapper .mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent !important;
box-shadow: none !important; }
@media (max-width: 480px) {
.list-custom-order-wrapper .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .list-custom-order-wrapper .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
right: 0 !important; } }
.gardient-load-more {
position: absolute;
z-index: 0;
min-height: 130px;
width: 86%;
background: linear-gradient(rgba(255, 255, 255, 0), #fff);
bottom: 30px; }
.no-custom {
padding-left: 23px; }
.custom-order {
border: 2px solid #ffe4c7;
color: #222222 !important;
background: #fff !important; }
.custom-order .image-item a {
color: #01579B !important; }
.custom-order .budget span {
color: #000 !important; }
.custom-order .view-custom-order {
font-family: 'Montserrat', sans-serif;
font-size: 10px !important;
font-weight: 200;
font-style: italic;
color: #919191;
margin-bottom: 15px !important; }
.custom-order .view-custom-order .link-view-custom-order {
color: #10a2ef;
cursor: pointer; }
.custom-offer {
border: 2px solid #c7edfc;
color: #222222 !important;
background: #fff !important; }
.custom-offer .budget span {
color: #000 !important; }
.custom-offer .offer-label {
color: #10a2ef; }
.custom-offer .image-item a {
color: #4188a4 !important; }
.disable-browse {
opacity: .5;
cursor: not-allowed; }
.disable-browse a {
cursor: not-allowed !important; }
.page-404 {
margin: 120px 0 55px 0; }
.page-404 .note-wrong {
font-size: 29px;
font-family: 'Montserrat', sans-serif;
color: #10a2ef;
text-transform: uppercase; }
.page-404 .icon-404 {
font-size: 195px;
margin-bottom: 0;
color: #10a2ef; }
@media (max-width: 767px) {
.page-404 .icon-404 {
font-size: 10em; } }
.page-404 .icon-404 span {
font-family: 'Montserrat', sans-serif; }
.page-404 .content-404 {
color: #2a394e; }
.page-404 a {
font-family: 'Open Sans', sans-serif;
font-weight: 700;
text-decoration: underline;
color: #2a394e; }
.page-404 .link-back {
margin: 70px 0 30px 0; }
.page-404 .link-back a {
color: #fff;
text-decoration: none; }
.page-404 .link-back i {
padding-right: 10px;
font-size: 18px;
font-weight: bold; }
.block-page {
position: relative;
min-height: 700px; }
.blog-pages, .post-detail {
margin-top: 50px; }
.post-detail h1 {
margin-top: 0; }
.post-list {
padding-left: 0;
float: left; }
.post-list .article-post {
padding: 0; }
.post-list li {
display: block;
margin-bottom: 50px; }
.post-list li .image-avatar img {
width: 256px;
height: 180px;
border-radius: 4px; }
@media (max-width: 767px) {
.post-list li .image-avatar img {
width: 100% !important;
margin-bottom: 20px; } }
.post-list li .info-items {
position: relative; }
.post-list li .info-items .author-post, .post-list li .info-items .date-post {
margin-bottom: 20px; }
.post-list li .info-items .author-post {
color: #898a90; }
.post-list li .info-items .date-post {
position: absolute;
right: 0;
top: 0;
color: #898a90; }
.post-list li .info-items h2 {
margin: 0;
font-family: 'Montserrat', sans-serif;
font-size: 18px;
line-height: 25px;
margin-bottom: 20px; }
.post-list li .info-items h2 a {
color: #2a394e; }
.post-list li .info-items .group-function {
position: relative;
min-height: 72px; }
.post-list li .info-items .group-function .total-comments {
font-size: 12px;
position: absolute;
right: 0;
bottom: -12px;
color: #10a2ef; }
.post-list li .info-items .group-function .more {
text-transform: uppercase;
color: #10a2ef;
font-family: 'Montserrat', sans-serif; }
.post-detail .blog-content {
position: relative; }
.post-detail .blog-content .author-post, .post-detail .blog-content .date-post {
color: #aaafb3; }
.post-detail .blog-content .date-post {
position: absolute;
right: 0;
top: 0; }
.post-detail .blog-content .title-blog {
margin: 0; }
.post-detail .blog-content .title-blog a {
color: #2a394e;
font-size: 21px;
font-family: 'Montserrat', sans-serif; }
.post-detail .blog-content .post-content {
margin-top: 20px;
border-bottom: 1px solid #dfe0e5;
padding-bottom: 50px; }
.post-detail .blog-content .post-content h1 {
font-size: 21px; }
.post-detail .blog-content .post-content h2 {
font-size: 18px; }
.post-detail .blog-content .post-content h3 {
font-size: 16px; }
.post-detail .blog-content .post-content h4 {
font-size: 14px; }
.post-detail .blog-content .post-content h5 {
font-size: 12px; }
.post-detail .blog-content .post-content h6 {
font-size: 10px; }
.post-detail .blog-content .post-content p {
line-height: 25px;
margin-bottom: 20px; }
.post-detail .blog-content .post-content img {
max-width: 100%;
height: auto; }
.post-detail .blog-content .post-content li {
margin-bottom: 10px; }
.post-detail .blog-content .cmt {
margin-top: 20px; }
.post-detail .blog-content .cmt .text-comment {
color: #aaafb2;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
margin-right: 5px; }
.post-detail #comments {
margin: 0 -15px; }
.post-detail #comments .comment-reply-title {
color: #aaafb2;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
margin-right: 5px;
font-size: 14px; }
.post-detail #comments .comment-notes {
margin-bottom: 20px; }
.post-detail #comments label {
display: block;
margin-bottom: 15px;
font-weight: normal;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
color: #c1c2c7;
font-size: 16px; }
.post-detail #comments input[type="text"], .post-detail #comments textarea {
width: 80%;
border: 1px solid rgba(137, 138, 144, 0.2);
padding: 20px; }
.post-detail #comments input[type="text"] {
height: 40px; }
.post-detail #comments .required {
color: #e52e5d; }
.post-detail #comments .form-submit {
margin-top: 40px; }
.post-detail #comments .form-submit .submit {
border-radius: 45px;
padding: 13px 60px;
border: none;
background: #10a2ef;
color: #fff;
box-shadow: 1px 3px 9px rgba(16, 162, 239, 0.5);
font-family: 'Montserrat', sans-serif;
text-transform: uppercase; }
.post-detail #comments .form-submit .submit:hover {
color: #fff;
text-decoration: none; }
.post-detail #comments .logged-in-as a {
color: #10a2ef; }
.post-detail #comments .comment-list {
padding-left: 0; }
.post-detail #comments .comment-list li {
display: block;
list-style: none;
border-bottom: 1px solid #dfe0e5;
padding: 20px 0; }
.post-detail #comments .comment-list li img {
border-radius: 50%; }
.post-detail #comments .comment-list li .says {
display: none; }
.post-detail #comments .comment-list .pull-left {
width: 8%; }
.post-detail #comments .comment-list .pull-right {
width: 89%; }
@media (max-width: 480px) {
.post-detail #comments .comment-list .pull-right {
width: 75%; } }
.post-detail #comments .comment-list .avatar-comment img {
width: 70px;
height: 70px; }
.post-detail #comments .comment-list .media-heading {
font-family: 'Open Sans', sans-serif;
font-weight: 700;
color: #2a394e;
font-size: 14px; }
.post-detail #comments .comment-list .time-review {
color: #c1c2c7;
font-size: 12px; }
.post-detail #comments .comment-list .comment-text {
margin-top: 10px; }
.post-detail #comments .comment-list .comment-reply-link {
color: #10a2ef;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif; }
.post-detail #comments .comment-list .comment-reply-link i {
display: none; }
.post-detail #comments .comment-list .children {
margin-top: 20px; }
.post-detail #comments .comment-list .children li {
border-bottom: 0;
border-top: 1px solid #dfe0e5; }
@media (max-width: 480px) {
.post-detail {
margin: 0; } } .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 {
-webkit-animation-duration: .75s;
animation-duration: .75s; }
.animated.flipOutX,
.animated.flipOutY {
-webkit-animation-duration: .75s;
animation-duration: .75s; }
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-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 {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-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 {
from, 50%, to {
opacity: 1; }
25%, 75% {
opacity: 0; } }
@keyframes flash {
from, 50%, to {
opacity: 1; }
25%, 75% {
opacity: 0; } }
.flash {
-webkit-animation-name: flash;
animation-name: flash; } @-webkit-keyframes pulse {
from {
-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); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes pulse {
from {
-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); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse; }
@-webkit-keyframes rubberBand {
from {
-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); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes rubberBand {
from {
-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); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 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 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 {
-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); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes tada {
from {
-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); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.tada {
-webkit-animation-name: tada;
animation-name: tada; } @-webkit-keyframes wobble {
from {
-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); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes wobble {
from {
-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); }
to {
-webkit-transform: none;
transform: none; } }
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble; }
@-webkit-keyframes jello {
from, 11.1%, 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.39063deg) skewY(0.39063deg);
transform: skewX(0.39063deg) skewY(0.39063deg); }
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
@keyframes jello {
from, 11.1%, 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.39063deg) skewY(0.39063deg);
transform: skewX(0.39063deg) skewY(0.39063deg); }
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center; }
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03); }
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97); }
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03); }
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97); }
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn; }
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
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 {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
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 {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
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 {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
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 {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
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 {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
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 {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
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 {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
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; }
@-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 {
-webkit-backface-visibility: visible !important;
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;
-webkit-backface-visibility: visible !important;
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; }   .hvr-grow {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
transition-duration: 0.3s;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform; }
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
-webkit-transform: scale(1.1);
transform: scale(1.1); } .hvr-shrink {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
transition-duration: 0.3s;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform; }
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
-webkit-transform: scale(0.9);
transform: scale(0.9); } @-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 transparent;
-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; } @-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 transparent;
-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; } @-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 transparent;
-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; } @-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 transparent;
-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; } @-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 transparent;
-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; } .hvr-bounce-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
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);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } .hvr-bounce-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
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);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } .hvr-rotate {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
transition-duration: 0.3s;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform; }
.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
-webkit-transform: rotate(4deg);
transform: rotate(4deg); } .hvr-grow-rotate {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
transition-duration: 0.3s;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-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); } .hvr-float {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
transition-duration: 0.3s;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transition-timing-function: ease-out; }
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
-webkit-transform: translateY(-8px);
transform: translateY(-8px); } .hvr-sink {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
transition-duration: 0.3s;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transition-timing-function: ease-out; }
.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
-webkit-transform: translateY(8px);
transform: translateY(8px); } @-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 transparent;
-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; } @-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 transparent;
-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; } .hvr-skew {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
transition-duration: 0.3s;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform; }
.hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {
-webkit-transform: skew(-10deg);
transform: skew(-10deg); } .hvr-skew-forward {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
transition-duration: 0.3s;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-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); } .hvr-skew-backward {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
transition-duration: 0.3s;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-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); } @-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 transparent;
-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; } @-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 transparent;
-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; } @-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 transparent;
-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; } @-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 transparent;
-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; } @-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 transparent;
-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; } @-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 transparent;
-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; } @-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 transparent;
-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; } @-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 transparent;
-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; } @-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 transparent;
-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; }  .hvr-fade {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
overflow: hidden;
transition-duration: 0.3s;
transition-property: color, background-color; }
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
background-color: #2098d1;
color: white; } @-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 transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
overflow: hidden;
transition-duration: 0.5s;
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;
background-color: #2098d1;
color: white; } .hvr-sweep-to-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
transition-property: color;
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%;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transition-duration: 0.3s;
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); } .hvr-sweep-to-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
transition-property: color;
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%;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transition-duration: 0.3s;
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); } .hvr-sweep-to-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
transition-property: color;
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;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transition-duration: 0.3s;
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); } .hvr-sweep-to-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
transition-property: color;
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%;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transition-duration: 0.3s;
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); } .hvr-bounce-to-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
transition-property: color;
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%;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transition-duration: 0.5s;
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);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .hvr-bounce-to-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
transition-property: color;
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%;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transition-duration: 0.5s;
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);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .hvr-bounce-to-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
transition-property: color;
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;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transition-duration: 0.5s;
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);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .hvr-bounce-to-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
transition-property: color;
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%;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transition-duration: 0.5s;
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);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .hvr-radial-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
overflow: hidden;
background: #e1e1e1;
transition-property: color;
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);
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transition-duration: 0.3s;
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); } .hvr-radial-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
overflow: hidden;
background: #2098d1;
transition-property: color;
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);
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transition-duration: 0.3s;
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); } .hvr-rectangle-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
background: #2098d1;
transition-property: color;
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);
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transition-duration: 0.3s;
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); } .hvr-rectangle-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
background: #e1e1e1;
transition-property: color;
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);
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transition-duration: 0.3s;
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); } .hvr-shutter-in-horizontal {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
background: #2098d1;
transition-property: color;
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%;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transition-duration: 0.3s;
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); } .hvr-shutter-out-horizontal {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
background: #e1e1e1;
transition-property: color;
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%;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transition-duration: 0.3s;
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); } .hvr-shutter-in-vertical {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
background: #2098d1;
transition-property: color;
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%;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transition-duration: 0.3s;
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); } .hvr-shutter-out-vertical {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
background: #e1e1e1;
transition-property: color;
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%;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transition-duration: 0.3s;
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); }  .hvr-border-fade {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
transition-duration: 0.3s;
transition-property: box-shadow;
box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent; }
.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
box-shadow: inset 0 0 0 4px #2098d1, 0 0 1px transparent; } .hvr-hollow {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
transition-duration: 0.3s;
transition-property: background;
box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent; }
.hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {
background: none; } .hvr-trim {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-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;
transition-duration: 0.3s;
transition-property: opacity; }
.hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
opacity: 1; } @-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 transparent;
-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; } @-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 transparent;
-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; } .hvr-outline-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-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;
transition-duration: 0.3s;
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; } .hvr-outline-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-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;
transition-duration: 0.3s;
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; } .hvr-round-corners {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
transition-duration: 0.3s;
transition-property: border-radius; }
.hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {
border-radius: 1em; } .hvr-underline-from-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-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;
transition-property: right;
transition-duration: 0.3s;
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; } .hvr-underline-from-center {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-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;
transition-property: left, right;
transition-duration: 0.3s;
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; } .hvr-underline-from-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-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;
transition-property: left;
transition-duration: 0.3s;
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; } .hvr-overline-from-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-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;
transition-property: right;
transition-duration: 0.3s;
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; } .hvr-overline-from-center {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-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;
transition-property: left, right;
transition-duration: 0.3s;
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; } .hvr-overline-from-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-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;
transition-property: left;
transition-duration: 0.3s;
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; } .hvr-reveal {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-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;
transition-property: border-width;
transition-duration: 0.1s;
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; } .hvr-underline-reveal {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-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);
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transition-duration: 0.3s;
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); } .hvr-overline-reveal {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-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);
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transition-duration: 0.3s;
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); }  .hvr-glow {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
transition-duration: 0.3s;
transition-property: box-shadow; }
.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } .hvr-shadow {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
transition-duration: 0.3s;
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); } .hvr-grow-shadow {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
transition-duration: 0.3s;
transition-property: box-shadow, -webkit-transform;
transition-property: box-shadow, transform;
transition-property: box-shadow, transform, -webkit-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); } .hvr-box-shadow-outset {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
transition-duration: 0.3s;
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); } .hvr-box-shadow-inset {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
transition-duration: 0.3s;
transition-property: box-shadow;
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px transparent; }
.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 transparent; } .hvr-float-shadow {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
transition-duration: 0.3s;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-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: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%); transition-duration: 0.3s;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform; }
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
-webkit-transform: translateY(-5px);
transform: translateY(-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); } .hvr-shadow-radial {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-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;
transition-duration: 0.3s;
transition-property: opacity; }
.hvr-shadow-radial:before {
bottom: 100%;
background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, transparent 80%); }
.hvr-shadow-radial:after {
top: 100%;
background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, transparent 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; }  .hvr-bubble-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-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;
transition-duration: 0.3s;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
left: calc(50% - 10px);
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); } .hvr-bubble-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-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;
transition-duration: 0.3s;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
top: calc(50% - 10px);
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); } .hvr-bubble-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-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;
transition-duration: 0.3s;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
left: calc(50% - 10px);
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); } .hvr-bubble-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-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;
transition-duration: 0.3s;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
top: calc(50% - 10px);
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); } .hvr-bubble-float-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
transition-duration: 0.3s;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform; }
.hvr-bubble-float-top:before {
position: absolute;
z-index: -1;
content: '';
left: calc(50% - 10px);
top: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #e1e1e1 transparent;
transition-duration: 0.3s;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-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); } .hvr-bubble-float-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
transition-duration: 0.3s;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform; }
.hvr-bubble-float-right:before {
position: absolute;
z-index: -1;
top: calc(50% - 10px);
right: 0;
content: '';
border-style: solid;
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent #e1e1e1;
transition-duration: 0.3s;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-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); } .hvr-bubble-float-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
transition-duration: 0.3s;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform; }
.hvr-bubble-float-bottom:before {
position: absolute;
z-index: -1;
content: '';
left: calc(50% - 10px);
bottom: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #e1e1e1 transparent transparent transparent;
transition-duration: 0.3s;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-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); } .hvr-bubble-float-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
transition-duration: 0.3s;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform; }
.hvr-bubble-float-left:before {
position: absolute;
z-index: -1;
content: '';
top: calc(50% - 10px);
left: 0;
border-style: solid;
border-width: 10px 10px 10px 0;
border-color: transparent #e1e1e1 transparent transparent;
transition-duration: 0.3s;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-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); }  .hvr-icon-back {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
padding-left: 2.2em;
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);
transition-duration: 0.1s;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
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); } .hvr-icon-forward {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
padding-right: 2.2em;
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);
transition-duration: 0.1s;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
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); } @-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); } } .hvr-icon-down {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-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; } @-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); } } .hvr-icon-up {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-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; } .hvr-icon-spin {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-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;
transition-duration: 1s;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
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); } @-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; } } .hvr-icon-drop {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-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;
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); } .hvr-icon-fade {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-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);
transition-duration: 0.5s;
transition-property: color; }
.hvr-icon-fade:hover:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:active:before {
color: #0F9E5E; } @-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); } } .hvr-icon-float-away {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-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; } @-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); } } .hvr-icon-sink-away {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-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; } .hvr-icon-grow {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
padding-right: 2.2em;
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);
transition-duration: 0.3s;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
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); } .hvr-icon-shrink {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
padding-right: 2.2em;
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);
transition-duration: 0.3s;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
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); } @-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 transparent;
-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);
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; } @-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 transparent;
-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);
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; } @-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 transparent;
-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);
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; } @-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 transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
padding-right: 2.2em;
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);
transition-duration: 0.3s;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
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; } @-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 transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
padding-right: 2.2em;
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);
transition-duration: 0.3s;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
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; } .hvr-icon-bounce {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
padding-right: 2.2em;
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);
transition-duration: 0.3s;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
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);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } .hvr-icon-rotate {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
padding-right: 2.2em;
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);
transition-duration: 0.3s;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
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); } .hvr-icon-grow-rotate {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
padding-right: 2.2em;
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);
transition-duration: 0.3s;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
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); } .hvr-icon-float {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
padding-right: 2.2em;
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);
transition-duration: 0.3s;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
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); } .hvr-icon-sink {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
padding-right: 2.2em;
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);
transition-duration: 0.3s;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
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); } @-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 transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
padding-right: 2.2em;
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; } @-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 transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
padding-right: 2.2em;
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; } @-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 transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
padding-right: 2.2em;
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; } @-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 transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
padding-right: 2.2em;
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; } @-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 transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
padding-right: 2.2em;
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; } @-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 transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
padding-right: 2.2em;
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; }  .hvr-curl-top-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-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; background: linear-gradient(135deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000'); z-index: 1000;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
transition-duration: 0.3s;
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; } .hvr-curl-top-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-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; background: linear-gradient(225deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
transition-duration: 0.3s;
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; } .hvr-curl-bottom-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-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; background: linear-gradient(315deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
transition-duration: 0.3s;
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; } .hvr-curl-bottom-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-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; background: linear-gradient(45deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
transition-duration: 0.3s;
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; }
#footer {
padding: 40px 0 0;
background: #2a394e;
color: #fff;
position: relative;
z-index: 99; }
#footer .et-pull-top {
margin-bottom: 40px;
background: none;
position: relative; }
#footer .et-pull-top ul {
margin: 0;
padding: 0; }
#footer .et-pull-top ul li {
display: block;
margin-bottom: 8px; }
#footer .et-pull-top ul li a {
color: #fff; }
#footer .et-pull-top h3, #footer .et-pull-top h2 {
font-size: 18px;
margin-bottom: 30px;
font-family: 'Open Sans', sans-serif;
font-weight: 700; }
#footer .et-pull-bottom {
padding: 15px 0 30px 0;
position: relative !important; }
@media (max-width: 767px) {
#footer .et-pull-bottom .social-link {
text-align: center;
margin-top: 10px; } }
#footer .et-pull-bottom .social-link ul {
padding: 0; }
#footer .et-pull-bottom .social-link ul li {
display: inline-block;
margin-left: 15px;
cursor: pointer; }
#footer .et-pull-bottom .social-link ul li .face i {
padding: 4px 10px; }
#footer .et-pull-bottom .social-link ul li .twitter i {
padding: 5px 8px; }
#footer .et-pull-bottom .social-link ul li .google i {
padding: 5px; }
#footer .et-pull-bottom .social-link ul li a {
color: #fff;
padding: 4px 0; }
#footer .et-pull-bottom .social-link ul li a.face:hover {
transition: all 0.4s ease;
background: #3b5998;
border-radius: 50%; }
#footer .et-pull-bottom .social-link ul li a.twitter:hover {
transition: all 0.4s ease;
background: #28a9e0;
border-radius: 50%; }
#footer .et-pull-bottom .social-link ul li a.google:hover {
transition: all 0.4s ease;
background: #d6492f;
border-radius: 50%; }
@media (max-width: 767px) {
#footer .et-pull-bottom {
text-align: center; } }
#footer .et-pull-bottom a {
color: #10a2ef;
font-family: 'Montserrat', sans-serif;
font-weight: 500; }
#invoices-container .invoice-detail .table-content, #invoices-container .invoice-detail .invoice-note {
margin-bottom: 40px; }
#invoices-container .invoice-detail .invoice-note {
text-align: center;
padding: 0 50px; }
@media (max-width: 767px) {
#invoices-container .invoice-detail .invoice-note {
padding: 0 15px; } }
#invoices-container .invoice-detail .invoice-note .type-cash {
font-weight: bold; }
#invoices-container .invoice-detail .link-detail-method {
text-align: center;
margin-top: 80px; }
@media (max-width: 991px) {
#invoices-container .invoice-detail .link-detail-method {
margin-top: 0; } }
#invoices-container .invoice-detail .link-detail-method a {
display: inline-block; }
#invoices-container .invoice-detail .link-detail-method i {
padding-left: 10px; }
#invoices-container .invoice-detail table {
margin-top: 50px; }
@media (max-width: 991px) {
#invoices-container .invoice-detail table {
margin-top: 0; } }
#invoices-container .invoice-detail table tr, #invoices-container .invoice-detail table td, #invoices-container .invoice-detail table th {
border-bottom: none;
text-align: center;
border-right: 1px solid #efefef; }
#invoices-container .invoice-detail table tr:last-child, #invoices-container .invoice-detail table td:last-child, #invoices-container .invoice-detail table th:last-child {
border-right: none; }
#invoices-container .invoice-detail table th {
font-weight: normal;
color: #aaafb2; }
#invoices-container .invoice-detail table td {
font-weight: bold; }  .modal {
z-index: 99999999999;
background: rgba(0, 0, 0, 0.7);
padding-top: 90px; }
.modal-content {
border-radius: 4px;
border: none; }
.close {
float: left !important;
color: #fff;
opacity: 1;
outline: 0; }
.modal-header {
text-align: center;
border-bottom: none;
background: #10a2ef;
border-radius: 4px 4px 0 0;
color: #fff;
padding: 33px 50px;
font-family: 'Montserrat', sans-serif; }
.modal-body {
padding: 0 !important; }
.modal {
z-index: 99999; }
.reject-project.form_modal_style {
padding: 30px; }
.et-dropdown button {
border: 0;
background: none; }
.et-dropdown .avatar {
color: #898a90;
font-family: 'Open Sans', sans-serif;
font-weight: 600; }
.et-dropdown i {
font-size: 25px;
padding-left: 15px;
font-weight: bold;
color: #898a90;
position: relative;
top: 3px;
transition: all 0.25s ease; }
.et-dropdown img {
display: inline-block;
width: 40px;
height: 40px;
border-radius: 50%;
margin-right: 10px;
position: relative;
bottom: 4px; }
@media (max-width: 991px) {
.et-dropdown img {
margin-right: 0;
width: 30px;
height: 30px;
bottom: 0; } }
.et-dropdown .dropdown-toggle {
position: inherit;
z-index: 1111;
padding: 10px; }
@media (max-width: 991px) {
.et-dropdown .dropdown-toggle {
padding-right: 0; } }
.et-dropdown .dropdown-menu {
background-clip: padding-box;
background-color: #fff !important; box-shadow: none;
border-radius: 4px;
margin-top: 9px;
right: 10px;
left: inherit; }
.et-dropdown .et-dropdown-login {
padding: 0; }
.et-dropdown .et-dropdown-login:before {
content: "";
position: absolute;
width: 0;
height: 0;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-bottom: 9px solid #10a2ef;
right: 0;
top: -9px;
margin-left: -5px; }
@media (max-width: 991px) {
.et-dropdown .et-dropdown-login:before {
display: none; } }
.et-dropdown .et-dropdown-login .get-message-link, .et-dropdown .et-dropdown-login .post-service-link {
display: none; }
@media (max-width: 991px) {
.et-dropdown .et-dropdown-login .get-message-link, .et-dropdown .et-dropdown-login .post-service-link {
display: block; } }
@media (max-width: 991px) {
.et-dropdown .et-dropdown-login .post-service-link a {
position: relative; }
.et-dropdown .et-dropdown-login .post-service-link .plus-circle {
display: inline-block;
background: #10a2ef;
border-radius: 50%;
margin-left: 15px;
text-align: center;
width: 30px;
height: 30px;
position: absolute;
right: 15px;
bottom: 5px; }
.et-dropdown .et-dropdown-login .post-service-link i {
color: #fff;
font-size: 14px;
position: relative;
padding: 0;
top: 6px; } }
.et-dropdown .et-dropdown-login li {
border-bottom: 1px solid #d2d2d2;
margin: 0 10px; }
@media (max-width: 991px) {
.et-dropdown .et-dropdown-login li {
padding: 10px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1); } }
.et-dropdown .et-dropdown-login li:hover {
background: #10a2ef;
padding: 0 10px;
margin: 0;
border-top: 0 !important; }
@media (max-width: 991px) {
.et-dropdown .et-dropdown-login li:hover {
padding: 10px; } }
.et-dropdown .et-dropdown-login li:first-child {
border: none;
margin: 0;
padding: 0 10px;
background: #10a2ef;
border-bottom: 0; }
@media (max-width: 991px) {
.et-dropdown .et-dropdown-login li:first-child {
background: none;
padding: 10px; } }
.et-dropdown .et-dropdown-login li:first-child a {
color: #fff; }
.et-dropdown .et-dropdown-login li:last-child {
border-bottom: 0; }
.et-dropdown .et-dropdown-login li a {
padding: 10px 0; }
.et-dropdown .et-dropdown-login li a:hover {
background: none;
color: #fff; }
.et-dropdown .et-dropdown-login li i {
padding-right: 20px; }
.et-dropdown.open i.fa-angle-right {
transition: all 0.25s ease;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
position: relative;
top: -3px;
right: -5px; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
background: none; }
.btn-submit {
border-radius: 45px;
padding: 13px 60px;
border: none;
background: #10a2ef;
color: #fff;
box-shadow: -1px 6px 19px rgba(16, 162, 239, 0.4);
font-family: 'Montserrat', sans-serif;
font-weight: 500;
text-transform: uppercase;
outline: none;
position: relative;
overflow: hidden; }
.btn-submit:hover, .btn-submit.active, .btn-submit.visited {
color: #fff;
text-decoration: none; }
.btn-submit-o {
border-radius: 45px;
padding: 13px 60px;
border: none;
background: #fff;
border: 2px solid #10a2ef;
color: #10a2ef;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
text-transform: uppercase;
outline: none;
position: relative;
overflow: hidden; }
.btn-submit-o:hover, .btn-submit-o.active, .btn-submit-o.visited {
color: #10a2ef;
text-decoration: none; }
input, textarea {
outline: 0 !important; }
.et-form .form-group {
margin-bottom: 40px;
position: relative; }
.et-form .form-group:last-child {
margin-bottom: 20px; }
.et-form .input-group {
width: 100%; }
.et-form .input-group-addon {
background: none;
border: none;
color: #898a90;
padding: 0 25px 0 0;
font-size: 16px; }
.et-form .no-addon {
padding-right: 35px; }
.et-form .mb-20 {
margin-bottom: 20px; }
.et-form label {
color: #717171;
font-size: 15px;
font-weight: 600; }
.et-form label i {
padding-right: 8px; }
.et-form .tos-text {
font-weight: normal; }
.et-form .note-message {
color: #2a394e !important;
font-style: italic;
font-size: 13px; }
.et-form input {
height: 45px;
width: 100%;
padding: 0 !important;
border: 0;
border-bottom: 1px solid rgba(137, 138, 144, 0.2);
box-shadow: none;
outline: none; }
.et-form input:focus {
box-shadow: none;
border-radius: 0; }
.et-form input[type="text"], .et-form input[type="number"], .et-form input[type="email"], .et-form textarea {
border-radius: 0; }
.et-form input[type="text"]:focus, .et-form input[type="number"]:focus, .et-form input[type="email"]:focus, .et-form textarea:focus {
border-bottom: 1px solid #10a2ef; }
.et-form input:-webkit-autofill {
background-color: none; }
.et-form input[type="checkbox"], .et-form input[type="radio"] {
width: auto;
height: auto; }
.et-form textarea {
width: 100%;
padding: 0;
border: 0;
border-bottom: 1px solid rgba(137, 138, 144, 0.2);
margin-top: 10px;
resize: none;
height: 100px;
box-shadow: none; }
.et-form textarea:focus {
box-shadow: none; }
.et-form .has-error .form-control {
box-shadow: none;
border-color: #e52e5d;
border-radius: 0; }
.et-form .has-error input, .et-form .has-error textarea {
webkit-animation-name: hvr-buzz-out;
-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;
border-color: #e52e5d; }
.et-form .has-error input:focus, .et-form .has-error textarea:focus {
border-color: #e52e5d !important; }
.et-form .has-error label {
color: #e52e5d; }
.et-form .error {
color: #e52e5d;
clear: both;
font-size: 13px;
webkit-animation-name: hvr-buzz-out;
-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;
text-align: right;
font-weight: normal;
position: absolute;
right: 0;
top: 100%;
margin-top: 5px; }
.et-form .chosen-container .chosen-drop {
border: none;
border-radius: 0;
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
top: 0; }
.et-form .chosen-container .chosen-search {
padding: 0 15px; }
.et-form .chosen-container .chosen-search input[type="text"] {
background: none;
border: none;
border-bottom: 1px solid rgba(137, 138, 144, 0.2);
height: 40px;
font-family: inherit; }
.et-form .chosen-container .chosen-single span {
color: #000;
font-size: 14px; }
.et-form .chosen-container .chosen-results {
padding: 0;
margin: 0; }
.et-form .chosen-container .chosen-results li {
padding: 7px 15px; }
.et-form .chosen-container .chosen-results li.highlighted {
background: #efefef;
color: #10a2ef;
font-family: 'Open Sans', sans-serif;
font-weight: 700; }
.form-group label span {
position: relative;
top: 6px; } .form-group .checkbox input:checked ~ span:after, .form-group .radio input:checked ~ span:after {
border-color: #fff;
-webkit-transform: rotate(-45deg) scale(1, 1);
transform: rotate(-45deg) scale(1, 1); }
.form-group .checkbox input:checked ~ span:before, .form-group .radio input:checked ~ span:before {
background: #10a2ef;
border-color: #10a2ef; }
.form-group .checkbox span, .form-group .radio span {
top: 0; }
.form-group .checkbox span:before, .form-group .radio span:before {
content: "";
display: inline-block;
width: 18px;
height: 18px;
background: #fff;
border: 2px solid #e6e6e6;
cursor: pointer;
transition: all .3s ease-in-out;
margin-right: 15px;
vertical-align: text-top; }
.form-group .checkbox span:after, .form-group .radio span:after {
transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75), -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
-webkit-transform: rotate(-45deg) scale(0, 0);
transform: rotate(-45deg) scale(0, 0);
content: "";
position: absolute;
left: 2px;
top: 3px;
z-index: 1;
width: 14px;
height: 7px;
border: 2px solid #fff;
border-top-style: none;
border-right-style: none; }
.form-group .checkbox label, .form-group .radio label {
padding-left: 0; }
.form-group .radio input:checked + span:after {
border: none;
width: 18px;
height: 18px;
left: 0;
top: 0;
background: #10a2ef; }
.form-group .radio input:checked + span:before {
border: 2px solid #e6e6e6;
background: #fff; }
.form-group .radio span:after, .form-group .radio span:before {
border-radius: 50%; }
.mje-chosen-single .chosen-container-single .chosen-single {
border: none;
border-radius: 0;
background: none;
box-shadow: none;
border-bottom: 1px solid #d4d7dc;
padding-bottom: 45px;
padding-left: 0; }
.mje-chosen-single .chosen-container-single .chosen-single span {
padding-top: 10px;
color: #c1c2c7;
font-size: 14px; }
.mje-chosen-single .chosen-container-single .chosen-single div {
top: 12px; }
.mje-chosen-single .chosen-container-active.chosen-with-drop .chosen-single {
border: none;
background: none;
box-shadow: none;
border-bottom: 1px solid #d2d2d2;
border-radius: 0; }
.mje-chosen-single .chosen-container .chosen-single span {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 16px;
color: #c1c2c7; }
.mje-chosen-single .chosen-container .chosen-results li {
line-height: 30px;
background: none;
box-shadow: none;
font-size: 14px;
font-family: 'Open Sans', sans-serif; }
.mje-chosen-single .chosen-container .chosen-results li:before {
border-right: none !important; }
.mje-chosen-single .chosen-container .chosen-drop {
top: 0;
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2); }
.mje-chosen-single select.chosen-single {
width: 100%;
height: 38px; }
.nav-tabs {
border: none; }
.nav-tabs > li {
vertical-align: top;
height: 50px; }
.nav-tabs > li > a {
text-transform: uppercase;
padding: 20px 0 !important;
margin-right: 30px;
color: #aaafb2;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
border-radius: 0;
background: none;
border-right: none;
border-left: 0; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
border-top: 6px solid #10a2ef;
border-radius: 0;
background: none;
border-right: none;
border-left: 0;
padding: 15px 0 !important;
color: #10a2ef; }
.nav-tabs > li > a:hover {
background: none;
border-left: none;
border-right: none;
border-bottom: none;
padding: 20px 0 !important; }
.nav-tabs > li > a:hover {
border: none; }
.breadscrums {
margin-bottom: 40px; }
.breadscrums h2 {
font-size: 14px;
font-family: 'Open Sans', sans-serif;
color: #aaafb3; }
.breadscrums h2 i {
padding: 0 12px; }
.breadscrums h2 .sub-caterogies {
color: #10a2ef; }
.loading-blur {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 998; }
.loading-img {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1000;
background: url(//vaishya.ru/wp-content/themes/microjobengine/assets/img/loading.gif) center center no-repeat; }
.loading-overlay {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 999;
opacity: 0.5;
background: #fff; }
.loading-img {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1000;
background: url(//vaishya.ru/wp-content/themes/microjobengine/assets/img/loading.gif) center center no-repeat !important; } .waves-effect {
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
will-change: opacity, transform;
transition: all .3s ease-out; }
.waves-effect .waves-ripple {
position: absolute;
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
opacity: 0;
background: rgba(0, 0, 0, 0.2);
transition: all 0.7s ease-out;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-transform: scale(0);
transform: scale(0);
pointer-events: none; }
.waves-effect.waves-light .waves-ripple {
background-color: rgba(255, 255, 255, 0.45); }
.waves-effect.waves-red .waves-ripple {
background-color: rgba(244, 67, 54, 0.7); }
.waves-effect.waves-yellow .waves-ripple {
background-color: rgba(255, 235, 59, 0.7); }
.waves-effect.waves-orange .waves-ripple {
background-color: rgba(255, 152, 0, 0.7); }
.waves-effect.waves-purple .waves-ripple {
background-color: rgba(156, 39, 176, 0.7); }
.waves-effect.waves-green .waves-ripple {
background-color: rgba(76, 175, 80, 0.7); }
.waves-effect.waves-teal .waves-ripple {
background-color: rgba(0, 150, 136, 0.7); }
.waves-effect.waves-blue .waves-ripple {
background-color: rgba(16, 162, 239, 0.2); }
.waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"] {
border: 0;
font-style: normal;
font-size: inherit;
text-transform: inherit;
background: none; }
.waves-notransition {
transition: none !important; }
.waves-circle {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); }
.waves-input-wrapper {
border-radius: 0.2em;
vertical-align: bottom; }
.waves-input-wrapper .waves-button-input {
position: relative;
top: 0;
left: 0;
z-index: 1; }
.waves-circle {
text-align: center;
width: 2.5em;
height: 2.5em;
line-height: 2.5em;
border-radius: 50%;
-webkit-mask-image: none; }
.waves-block {
display: block; } a.waves-effect .waves-ripple {
z-index: -1; }
.mje-table {
display: table; }
.mje-table-head {
display: table-row; }
.mje-table-row {
display: table-row; }
.mje-table-col {
display: table-cell; }
.mjob-single-order-page .order-detail-price .total-order p{
clear: both;
}
.order-extra-fee{
float: right;
color: #10a2ef;
}.wrapper-list-conversation {
max-height: 550px;
height: auto;
background: #eeeff3;
padding: 0 20px;
min-height: 60px;
}
#et-header .list-message .list-message-box-body li a.link {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.form-group .checkbox input[type="checkbox"].has-visited ~ span.text-choosen:after {
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
width: 15px;
height: 15px;
}
.wrapper-list-conversation {
overflow: hidden;
}
.btn-reject{
background: #fff;
color: #10a2ef;
padding: 4px 20px;
border: 1px solid #10a2ef;
display: inline-block;
border-radius: 45px;
text-align: center;
font-size: 12px;
}
.name-customer-order{
cursor: pointer;
} .opening-message .hide-content{
height: 150px;
overflow: hidden;
}
.opening-message .show-opening-message {
cursor: pointer;
text-align: left;
color: #00ccbb;
margin: 10px 0;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
}
.post-job .moxie-shim {
left: 0 !important;
top: 0 !important;
} .social-link li:first-child { margin-left: 0; }
.screen-reader-text {
position: absolute;
top: -9999em;
left: -9999em;
}
.social-link a {
font-weight: normal !important;
}
.social-link li a::before {
content: '\f408';
font-family: 'FontAwesome';
}
.social-link li a[href*="codepen.io"]::before { content: '\f1cb'; }
.social-link li a[href*="dribbble.com"]::before { content: '\f17d'; }
.social-link li a[href*="facebook.com"]::before { content: '\f09a'; }
.social-link li a[href*="flickr.com"]::before { content: '\f16e'; }
.social-link li a[href*="github.com"]::before { content: '\f09b'; }
.social-link li a[href*="instagram.com"]::before { content: '\f16d'; }
.social-link li a[href*="linkedin.com"]::before { content: '\f0e1'; }
.social-link li a[href*="pinterest.com"]::before { content: '\f0d2'; }
.social-link li a[href*="plus.google.com"]::before { content: '\f0d5'; }
.social-link li a[href*="tumblr.com"]::before { content: '\f173'; }
.social-link li a[href*="twitter.com"]::before { content: '\f099'; }
.social-link li a[href*="vimeo.com"]::before { content: '\f194'; }
.social-link li a[href*="wordpress.org"]::before,
.social-link li a[href*="wordpress.com"]::before { content: '\f19a'; }
.social-link li a[href*="youtube.com"]::before { content: '\f167'; }
.social-link li a[href*="mailto"]::before { content: '\f0e0'; }
.social-link li a.search-toggle::before {
content: '\f002';
margin-top: -9px;
}.plyr input[type=range]:focus,.plyr:focus{outline:0}.plyr .plyr__video-embed iframe,.plyr__tooltip{pointer-events:none}@keyframes plyr-progress{to{background-position:25px 0}}.plyr{position:relative;max-width:100%;min-width:200px;font-family:Avenir,'Avenir Next','Helvetica Neue','Segoe UI',Helvetica,Arial,sans-serif;direction:ltr}.plyr,.plyr *,.plyr ::after,.plyr ::before{box-sizing:border-box}.plyr a,.plyr button,.plyr input,.plyr label{-ms-touch-action:manipulation;touch-action:manipulation}.plyr audio,.plyr video{width:100%;height:auto;vertical-align:middle;border-radius:inherit}.plyr input[type=range]{display:block;height:20px;width:100%;margin:0;padding:0;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:none;background:0 0}.plyr input[type=range]::-webkit-slider-runnable-track{height:8px;background:0 0;border:0;border-radius:4px;-webkit-user-select:none;user-select:none}.plyr input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-4px;position:relative;height:16px;width:16px;background:#fff;border:2px solid transparent;border-radius:100%;transition:background .2s ease,border .2s ease,transform .2s ease;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.15);box-sizing:border-box}.plyr input[type=range]::-moz-range-track{height:8px;background:0 0;border:0;border-radius:4px;-moz-user-select:none;user-select:none}.plyr input[type=range]::-moz-range-thumb{position:relative;height:16px;width:16px;background:#fff;border:2px solid transparent;border-radius:100%;transition:background .2s ease,border .2s ease,transform .2s ease;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.15);box-sizing:border-box}.plyr input[type=range]::-ms-track{height:8px;background:0 0;border:0;color:transparent}.plyr input[type=range]::-ms-fill-upper{height:8px;background:0 0;border:0;border-radius:4px;-ms-user-select:none;user-select:none}.plyr input[type=range]::-ms-fill-lower{height:8px;border:0;border-radius:4px;-ms-user-select:none;user-select:none;background:#3498db}.plyr input[type=range]::-ms-thumb{position:relative;height:16px;width:16px;background:#fff;border:2px solid transparent;border-radius:100%;transition:background .2s ease,border .2s ease,transform .2s ease;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.15);box-sizing:border-box;margin-top:0}.plyr input[type=range]::-ms-tooltip{display:none}.plyr input[type=range]::-moz-focus-outer{border:0}.plyr input[type=range].tab-focus:focus{outline-offset:3px}.plyr input[type=range]:active::-webkit-slider-thumb{background:#3498db;border-color:#fff;transform:scale(1.25)}.plyr input[type=range]:active::-moz-range-thumb{background:#3498db;border-color:#fff;transform:scale(1.25)}.plyr input[type=range]:active::-ms-thumb{background:#3498db;border-color:#fff;transform:scale(1.25)}.plyr--video input[type=range].tab-focus:focus{outline:rgba(255,255,255,.5) dotted 1px}.plyr--audio input[type=range].tab-focus:focus{outline:rgba(86,93,100,.5) dotted 1px}.plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;position:absolute!important;padding:0!important;border:0!important;height:1px!important;width:1px!important}.plyr__video-wrapper{position:relative;background:#000;border-radius:inherit}.plyr__video-embed{padding-bottom:56.25%;height:0;border-radius:inherit;overflow:hidden;z-index:0}.plyr__video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.plyr__video-embed>div{position:relative;padding-bottom:200%;transform:translateY(-35.95%)}.plyr video::-webkit-media-text-track-container{display:none}.plyr__captions{display:none;position:absolute;bottom:0;left:0;width:100%;padding:20px;transform:translateY(-40px);transition:transform .3s ease;color:#fff;font-size:16px;text-align:center;font-weight:400}.plyr__captions span{border-radius:2px;padding:3px 10px;background:rgba(0,0,0,.7);-webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:150%}.plyr__captions span:empty{display:none}@media (min-width:768px){.plyr__captions{font-size:24px}}.plyr--captions-active .plyr__captions{display:block}.plyr--hide-controls .plyr__captions{transform:translateY(-15px)}@media (min-width:1024px){.plyr--fullscreen-active .plyr__captions{font-size:32px}}.plyr ::-webkit-media-controls{display:none}.plyr__controls{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;line-height:1;text-align:center}.plyr__controls .plyr__progress,.plyr__controls .plyr__time,.plyr__controls>button{margin-left:5px}.plyr__controls .plyr__progress:first-child,.plyr__controls .plyr__time:first-child,.plyr__controls>button:first-child{margin-left:0}.plyr__controls .plyr__volume{margin-left:5px}.plyr__controls [data-plyr=pause]{margin-left:0}.plyr__controls button{position:relative;display:inline-block;-ms-flex-negative:0;flex-shrink:0;overflow:visible;vertical-align:middle;padding:7px;border:0;background:0 0;border-radius:3px;cursor:pointer;transition:background .3s ease,color .3s ease,opacity .3s ease;color:inherit}.plyr__controls button svg{width:18px;height:18px;display:block;fill:currentColor}.plyr__controls button:focus{outline:0}.plyr__controls .icon--captions-on,.plyr__controls .icon--exit-fullscreen,.plyr__controls .icon--muted{display:none}@media (min-width:480px){.plyr__controls .plyr__progress,.plyr__controls .plyr__time,.plyr__controls>button{margin-left:10px}}.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none}.plyr--video .plyr__controls{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:50px 10px 10px;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;color:#fff;transition:opacity .3s ease}.plyr--video .plyr__controls button.tab-focus:focus,.plyr--video .plyr__controls button:hover{background:#3498db;color:#fff}.plyr--audio .plyr__controls{padding:10px;border-radius:inherit;background:#fff;border:1px solid #dbe3e8;color:#565D64}.plyr--audio .plyr__controls button.tab-focus:focus,.plyr--audio .plyr__controls button:hover,.plyr__play-large{background:#3498db;color:#fff}.plyr__play-large{display:none;position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px;border:4px solid currentColor;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15);transition:all .3s ease}.plyr__play-large svg{position:relative;left:2px;width:20px;height:20px;display:block;fill:currentColor}.plyr__play-large:focus{outline:rgba(255,255,255,.5) dotted 1px}.plyr .plyr__play-large{display:inline-block}.plyr--audio .plyr__play-large,.plyr--playing .plyr__controls [data-plyr=play],.plyr__controls [data-plyr=pause]{display:none}.plyr--playing .plyr__play-large{opacity:0;visibility:hidden}.plyr--playing .plyr__controls [data-plyr=pause]{display:inline-block}.plyr--captions-active .plyr__controls .icon--captions-on,.plyr--fullscreen-active .icon--exit-fullscreen,.plyr--muted .plyr__controls .icon--muted{display:block}.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr--captions-active .plyr__controls .icon--captions-on+svg,.plyr--fullscreen-active .icon--exit-fullscreen+svg,.plyr--muted .plyr__controls .icon--muted+svg{display:none}.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen]{display:inline-block}.plyr__tooltip{position:absolute;z-index:2;bottom:100%;margin-bottom:10px;padding:5px 7.5px;opacity:0;background:rgba(0,0,0,.7);border-radius:3px;color:#fff;font-size:14px;line-height:1.3;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease}.plyr__tooltip::before{content:'';position:absolute;width:0;height:0;left:50%;transform:translateX(-50%);bottom:-4px;border-right:4px solid transparent;border-top:4px solid rgba(0,0,0,.7);border-left:4px solid transparent;z-index:2}.plyr button.tab-focus:focus .plyr__tooltip,.plyr button:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%,0) scale(1)}.plyr button:hover .plyr__tooltip{z-index:3}.plyr__controls button:first-child .plyr__tooltip{left:0;transform:translate(0,10px) scale(.8);transform-origin:0 100%}.plyr__controls button:first-child .plyr__tooltip::before{left:16px}.plyr__controls button:last-child .plyr__tooltip{right:0;transform:translate(0,10px) scale(.8);transform-origin:100% 100%}.plyr__controls button:last-child .plyr__tooltip::before{left:auto;right:16px;transform:translateX(50%)}.plyr__controls button:first-child .plyr__tooltip--visible,.plyr__controls button:first-child.tab-focus:focus .plyr__tooltip,.plyr__controls button:first-child:hover .plyr__tooltip,.plyr__controls button:last-child .plyr__tooltip--visible,.plyr__controls button:last-child.tab-focus:focus .plyr__tooltip,.plyr__controls button:last-child:hover .plyr__tooltip{transform:translate(0,0) scale(1)}.plyr__progress{position:relative;display:none;-ms-flex:1;flex:1}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress input[type=range]::-webkit-slider-runnable-track{background:0 0}.plyr__progress input[type=range]::-moz-range-track{background:0 0}.plyr__progress input[type=range]::-ms-fill-upper{background:0 0}.plyr__progress .plyr__tooltip{left:0}.plyr .plyr__progress{display:inline-block}.plyr__progress--buffer,.plyr__progress--played,.plyr__volume--display{position:absolute;left:0;top:50%;width:100%;height:8px;margin:-4px 0 0;padding:0;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:100px}.plyr__progress--buffer::-webkit-progress-bar,.plyr__progress--played::-webkit-progress-bar,.plyr__volume--display::-webkit-progress-bar{background:0 0}.plyr__progress--buffer::-webkit-progress-value,.plyr__progress--played::-webkit-progress-value,.plyr__volume--display::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:8px}.plyr__progress--buffer::-moz-progress-bar,.plyr__progress--played::-moz-progress-bar,.plyr__volume--display::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:8px}.plyr__progress--buffer::-ms-fill,.plyr__progress--played::-ms-fill,.plyr__volume--display::-ms-fill{border-radius:100px}.plyr__progress--played,.plyr__volume--display{z-index:1;color:#3498db;background:0 0;transition:none}.plyr__progress--played::-webkit-progress-value,.plyr__volume--display::-webkit-progress-value{min-width:8px;max-width:99%;border-top-right-radius:0;border-bottom-right-radius:0;transition:none}.plyr__progress--played::-moz-progress-bar,.plyr__volume--display::-moz-progress-bar{min-width:8px;max-width:99%;border-top-right-radius:0;border-bottom-right-radius:0;transition:none}.plyr__progress--played::-ms-fill,.plyr__volume--display::-ms-fill{display:none}.plyr__progress--buffer::-webkit-progress-value{transition:width .2s ease}.plyr__progress--buffer::-moz-progress-bar{transition:width .2s ease}.plyr__progress--buffer::-ms-fill{transition:width .2s ease}.plyr--video .plyr__progress--buffer,.plyr--video .plyr__volume--display{background:rgba(255,255,255,.25)}.plyr--video .plyr__progress--buffer{color:rgba(255,255,255,.25)}.plyr--audio .plyr__progress--buffer,.plyr--audio .plyr__volume--display{background:rgba(198,214,219,.66)}.plyr--audio .plyr__progress--buffer{color:rgba(198,214,219,.66)}.plyr--loading .plyr__progress--buffer{animation:plyr-progress 1s linear infinite;background-size:25px 25px;background-repeat:repeat-x;background-image:linear-gradient(-45deg,rgba(0,0,0,.15) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.15) 50%,rgba(0,0,0,.15) 75%,transparent 75%,transparent);color:transparent}.plyr--video.plyr--loading .plyr__progress--buffer{background-color:rgba(255,255,255,.25)}.plyr--audio.plyr--loading .plyr__progress--buffer{background-color:rgba(198,214,219,.66)}.plyr__time{display:inline-block;vertical-align:middle;font-size:14px}.plyr__time+.plyr__time{display:none}@media (min-width:768px){.plyr__time+.plyr__time{display:inline-block}}.plyr__time+.plyr__time::before{content:'\2044';margin-right:10px}.plyr__volume{display:none}.plyr .plyr__volume{-ms-flex:1;flex:1;position:relative}.plyr .plyr__volume input[type=range]{position:relative;z-index:2}@media (min-width:480px){.plyr .plyr__volume{display:block;max-width:60px}}@media (min-width:768px){.plyr .plyr__volume{max-width:100px}}.plyr--is-ios .plyr__volume,.plyr--is-ios [data-plyr=mute]{display:none!important}.plyr--fullscreen-active{position:fixed;top:0;left:0;right:0;bottom:0;height:100%;width:100%;z-index:10000000;background:#000;border-radius:0!important}.plyr--fullscreen-active video{height:100%}.plyr--fullscreen-active .plyr__video-wrapper{height:100%;width:100%}.plyr--fullscreen-active .plyr__video-embed{overflow:visible}.plyr--fullscreen-active .plyr__controls{position:absolute;bottom:0;left:0;right:0}.plyr--fullscreen-active.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)}