<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Mumbai Escorts | Finest Escorts Service in Mumbai Available 24/7</title>
<meta name="description" content="Reliable providers of escorts service in Mumbai with 70+ trusted Mumbai Escorts profiles and unrivalled services offered. Call us to book a dating experience" />
<link rel="shortcut icon" href="https://www.sweetypatel.net/assets/img/favicon.png" sizes="16x16">
<link rel="canonical" href="https://www.sweetypatel.net/" />
<style>/*!
* Bootstrap v4.6.1 (https://getbootstrap.com/)
* Copyright 2011-2021 The Bootstrap Authors
* Copyright 2011-2021 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
:root {
--blue: #007bff;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #6c757d;
--gray-dark: #343a40;
--primary: #007bff;
--secondary: #6c757d;
--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #f8f9fa;
--dark: #343a40;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}
*,
::after,
::before {
box-sizing: border-box
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
display: block
}
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1rem;
font-weight: 400;
color: #212529;
text-align: left;
background-color: #fff;
line-height: 1.5;
}
[tabindex="-1"]:focus:not(:focus-visible) {
outline: 0 !important
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: .5rem
}
p {
margin-top: 0;
margin-bottom: 1rem
}
abbr[data-original-title],
abbr[title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit
}
dl,
ol,
ul {
margin-top: 0;
margin-bottom: 1rem
}
ol ol,
ol ul,
ul ol,
ul ul {
margin-bottom: 0
}
dt {
font-weight: 700
}
dd {
margin-bottom: .5rem;
margin-left: 0
}
blockquote {
margin: 0 0 1rem
}
b,
strong {
font-weight: bolder
}
small {
font-size: 80%
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
a {
color: #007bff;
text-decoration: none;
background-color: transparent
}
a:hover {
color: #0056b3;
text-decoration: underline
}
a:not([href]):not([class]) {
color: inherit;
text-decoration: none
}
a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none
}
code,
kbd,
pre,
samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar
}
figure {
margin: 0 0 1rem
}
img {
vertical-align: middle;
border-style: none
}
svg {
overflow: hidden;
vertical-align: middle
}
table {
border-collapse: collapse
}
caption {
padding-top: .75rem;
padding-bottom: .75rem;
color: #6c757d;
text-align: left;
caption-side: bottom
}
th {
text-align: inherit;
text-align: -webkit-match-parent
}
label {
display: inline-block;
margin-bottom: .5rem
}
button {
border-radius: 0
}
button:focus:not(:focus-visible) {
outline: 0
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
[role=button] {
cursor: pointer
}
select {
word-wrap: normal
}
[type=button],
[type=reset],
[type=submit],
button {
-webkit-appearance: button
}
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
cursor: pointer
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
padding: 0;
border-style: none
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0
}
textarea {
overflow: auto;
resize: vertical
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal
}
progress {
vertical-align: baseline
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: none
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button
}
output {
display: inline-block
}
summary {
display: list-item;
cursor: pointer
}
template {
display: none
}
[hidden] {
display: none !important
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: .5rem;
font-weight: 500;
line-height: 1.2
}
.h1,
h1 {
font-size: 2.5rem
}
.h2,
h2 {
font-size: 2rem
}
.h3,
h3 {
font-size: 1.75rem
}
.h4,
h4 {
font-size: 1.5rem
}
.h5,
h5 {
font-size: 1.25rem
}
.h6,
h6 {
font-size: 1rem
}
.lead {
font-size: 1.25rem;
font-weight: 300
}
.display-1 {
font-size: 6rem;
font-weight: 300;
line-height: 1.2
}
.display-2 {
font-size: 5.5rem;
font-weight: 300;
line-height: 1.2
}
.display-3 {
font-size: 4.5rem;
font-weight: 300;
line-height: 1.2
}
.display-4 {
font-size: 3.5rem;
font-weight: 300;
line-height: 1.2
}
hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(0, 0, 0, .1)
}
.small,
small {
font-size: 80%;
font-weight: 400
}
.mark,
mark {
padding: .2em;
background-color: #fcf8e3
}
.list-unstyled {
padding-left: 0;
list-style: none
}
.list-inline {
padding-left: 0;
list-style: none
}
.list-inline-item {
display: inline-block
}
.list-inline-item:not(:last-child) {
margin-right: .5rem
}
.initialism {
font-size: 90%;
text-transform: uppercase
}
.blockquote {
margin-bottom: 1rem;
font-size: 1.25rem
}
.blockquote-footer {
display: block;
font-size: 80%;
color: #6c757d
}
.blockquote-footer::before {
content: "\2014\00A0"
}
.img-fluid {
max-width: 100%;
height: auto
}
.img-thumbnail {
padding: .25rem;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: .25rem;
max-width: 100%;
height: auto
}
.figure {
display: inline-block
}
.figure-img {
margin-bottom: .5rem;
line-height: 1
}
.figure-caption {
font-size: 90%;
color: #6c757d
}
code {
font-size: 87.5%;
color: #e83e8c;
word-wrap: break-word
}
a>code {
color: inherit
}
kbd {
padding: .2rem .4rem;
font-size: 87.5%;
color: #fff;
background-color: #212529;
border-radius: .2rem
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700
}
pre {
display: block;
font-size: 87.5%;
color: #212529
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
@media (min-width:576px) {
.container,
.container-sm {
max-width: 540px
}
}
@media (min-width:768px) {
.container,
.container-md,
.container-sm {
max-width: 720px
}
}
@media (min-width:992px) {
.container,
.container-lg,
.container-md,
.container-sm {
max-width: 960px
}
}
@media (min-width:1200px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
max-width: 1140px
}
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px
}
.no-gutters {
margin-right: 0;
margin-left: 0
}
.no-gutters>.col,
.no-gutters>[class*=col-] {
padding-right: 0;
padding-left: 0
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.row-cols-1>* {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.row-cols-2>* {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.row-cols-3>* {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.row-cols-4>* {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.row-cols-5>* {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.row-cols-6>* {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-first {
-ms-flex-order: -1;
order: -1
}
.order-last {
-ms-flex-order: 13;
order: 13
}
.order-0 {
-ms-flex-order: 0;
order: 0
}
.order-1 {
-ms-flex-order: 1;
order: 1
}
.order-2 {
-ms-flex-order: 2;
order: 2
}
.order-3 {
-ms-flex-order: 3;
order: 3
}
.order-4 {
-ms-flex-order: 4;
order: 4
}
.order-5 {
-ms-flex-order: 5;
order: 5
}
.order-6 {
-ms-flex-order: 6;
order: 6
}
.order-7 {
-ms-flex-order: 7;
order: 7
}
.order-8 {
-ms-flex-order: 8;
order: 8
}
.order-9 {
-ms-flex-order: 9;
order: 9
}
.order-10 {
-ms-flex-order: 10;
order: 10
}
.order-11 {
-ms-flex-order: 11;
order: 11
}
.order-12 {
-ms-flex-order: 12;
order: 12
}
.offset-1 {
margin-left: 8.333333%
}
.offset-2 {
margin-left: 16.666667%
}
.offset-3 {
margin-left: 25%
}
.offset-4 {
margin-left: 33.333333%
}
.offset-5 {
margin-left: 41.666667%
}
.offset-6 {
margin-left: 50%
}
.offset-7 {
margin-left: 58.333333%
}
.offset-8 {
margin-left: 66.666667%
}
.offset-9 {
margin-left: 75%
}
.offset-10 {
margin-left: 83.333333%
}
.offset-11 {
margin-left: 91.666667%
}
@media (min-width:576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.row-cols-sm-1>* {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.row-cols-sm-2>* {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.row-cols-sm-3>* {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.row-cols-sm-4>* {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.row-cols-sm-5>* {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.row-cols-sm-6>* {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-sm-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-sm-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-sm-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-sm-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-sm-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-sm-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-sm-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-sm-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-sm-first {
-ms-flex-order: -1;
order: -1
}
.order-sm-last {
-ms-flex-order: 13;
order: 13
}
.order-sm-0 {
-ms-flex-order: 0;
order: 0
}
.order-sm-1 {
-ms-flex-order: 1;
order: 1
}
.order-sm-2 {
-ms-flex-order: 2;
order: 2
}
.order-sm-3 {
-ms-flex-order: 3;
order: 3
}
.order-sm-4 {
-ms-flex-order: 4;
order: 4
}
.order-sm-5 {
-ms-flex-order: 5;
order: 5
}
.order-sm-6 {
-ms-flex-order: 6;
order: 6
}
.order-sm-7 {
-ms-flex-order: 7;
order: 7
}
.order-sm-8 {
-ms-flex-order: 8;
order: 8
}
.order-sm-9 {
-ms-flex-order: 9;
order: 9
}
.order-sm-10 {
-ms-flex-order: 10;
order: 10
}
.order-sm-11 {
-ms-flex-order: 11;
order: 11
}
.order-sm-12 {
-ms-flex-order: 12;
order: 12
}
.offset-sm-0 {
margin-left: 0
}
.offset-sm-1 {
margin-left: 8.333333%
}
.offset-sm-2 {
margin-left: 16.666667%
}
.offset-sm-3 {
margin-left: 25%
}
.offset-sm-4 {
margin-left: 33.333333%
}
.offset-sm-5 {
margin-left: 41.666667%
}
.offset-sm-6 {
margin-left: 50%
}
.offset-sm-7 {
margin-left: 58.333333%
}
.offset-sm-8 {
margin-left: 66.666667%
}
.offset-sm-9 {
margin-left: 75%
}
.offset-sm-10 {
margin-left: 83.333333%
}
.offset-sm-11 {
margin-left: 91.666667%
}
}
@media (min-width:768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.row-cols-md-1>* {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.row-cols-md-2>* {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.row-cols-md-3>* {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.row-cols-md-4>* {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.row-cols-md-5>* {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.row-cols-md-6>* {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-md-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-md-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-md-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-md-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-md-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-md-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-md-first {
-ms-flex-order: -1;
order: -1
}
.order-md-last {
-ms-flex-order: 13;
order: 13
}
.order-md-0 {
-ms-flex-order: 0;
order: 0
}
.order-md-1 {
-ms-flex-order: 1;
order: 1
}
.order-md-2 {
-ms-flex-order: 2;
order: 2
}
.order-md-3 {
-ms-flex-order: 3;
order: 3
}
.order-md-4 {
-ms-flex-order: 4;
order: 4
}
.order-md-5 {
-ms-flex-order: 5;
order: 5
}
.order-md-6 {
-ms-flex-order: 6;
order: 6
}
.order-md-7 {
-ms-flex-order: 7;
order: 7
}
.order-md-8 {
-ms-flex-order: 8;
order: 8
}
.order-md-9 {
-ms-flex-order: 9;
order: 9
}
.order-md-10 {
-ms-flex-order: 10;
order: 10
}
.order-md-11 {
-ms-flex-order: 11;
order: 11
}
.order-md-12 {
-ms-flex-order: 12;
order: 12
}
.offset-md-0 {
margin-left: 0
}
.offset-md-1 {
margin-left: 8.333333%
}
.offset-md-2 {
margin-left: 16.666667%
}
.offset-md-3 {
margin-left: 25%
}
.offset-md-4 {
margin-left: 33.333333%
}
.offset-md-5 {
margin-left: 41.666667%
}
.offset-md-6 {
margin-left: 50%
}
.offset-md-7 {
margin-left: 58.333333%
}
.offset-md-8 {
margin-left: 66.666667%
}
.offset-md-9 {
margin-left: 75%
}
.offset-md-10 {
margin-left: 83.333333%
}
.offset-md-11 {
margin-left: 91.666667%
}
}
@media (min-width:992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.row-cols-lg-1>* {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.row-cols-lg-2>* {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.row-cols-lg-3>* {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.row-cols-lg-4>* {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.row-cols-lg-5>* {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.row-cols-lg-6>* {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-lg-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-lg-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-lg-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-lg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-lg-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-lg-first {
-ms-flex-order: -1;
order: -1
}
.order-lg-last {
-ms-flex-order: 13;
order: 13
}
.order-lg-0 {
-ms-flex-order: 0;
order: 0
}
.order-lg-1 {
-ms-flex-order: 1;
order: 1
}
.order-lg-2 {
-ms-flex-order: 2;
order: 2
}
.order-lg-3 {
-ms-flex-order: 3;
order: 3
}
.order-lg-4 {
-ms-flex-order: 4;
order: 4
}
.order-lg-5 {
-ms-flex-order: 5;
order: 5
}
.order-lg-6 {
-ms-flex-order: 6;
order: 6
}
.order-lg-7 {
-ms-flex-order: 7;
order: 7
}
.order-lg-8 {
-ms-flex-order: 8;
order: 8
}
.order-lg-9 {
-ms-flex-order: 9;
order: 9
}
.order-lg-10 {
-ms-flex-order: 10;
order: 10
}
.order-lg-11 {
-ms-flex-order: 11;
order: 11
}
.order-lg-12 {
-ms-flex-order: 12;
order: 12
}
.offset-lg-0 {
margin-left: 0
}
.offset-lg-1 {
margin-left: 8.333333%
}
.offset-lg-2 {
margin-left: 16.666667%
}
.offset-lg-3 {
margin-left: 25%
}
.offset-lg-4 {
margin-left: 33.333333%
}
.offset-lg-5 {
margin-left: 41.666667%
}
.offset-lg-6 {
margin-left: 50%
}
.offset-lg-7 {
margin-left: 58.333333%
}
.offset-lg-8 {
margin-left: 66.666667%
}
.offset-lg-9 {
margin-left: 75%
}
.offset-lg-10 {
margin-left: 83.333333%
}
.offset-lg-11 {
margin-left: 91.666667%
}
}
@media (min-width:1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.row-cols-xl-1>* {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.row-cols-xl-2>* {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.row-cols-xl-3>* {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.row-cols-xl-4>* {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.row-cols-xl-5>* {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.row-cols-xl-6>* {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-xl-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-xl-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-xl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-xl-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-xl-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-xl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-xl-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-xl-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-xl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-xl-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-xl-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-xl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-xl-first {
-ms-flex-order: -1;
order: -1
}
.order-xl-last {
-ms-flex-order: 13;
order: 13
}
.order-xl-0 {
-ms-flex-order: 0;
order: 0
}
.order-xl-1 {
-ms-flex-order: 1;
order: 1
}
.order-xl-2 {
-ms-flex-order: 2;
order: 2
}
.order-xl-3 {
-ms-flex-order: 3;
order: 3
}
.order-xl-4 {
-ms-flex-order: 4;
order: 4
}
.order-xl-5 {
-ms-flex-order: 5;
order: 5
}
.order-xl-6 {
-ms-flex-order: 6;
order: 6
}
.order-xl-7 {
-ms-flex-order: 7;
order: 7
}
.order-xl-8 {
-ms-flex-order: 8;
order: 8
}
.order-xl-9 {
-ms-flex-order: 9;
order: 9
}
.order-xl-10 {
-ms-flex-order: 10;
order: 10
}
.order-xl-11 {
-ms-flex-order: 11;
order: 11
}
.order-xl-12 {
-ms-flex-order: 12;
order: 12
}
.offset-xl-0 {
margin-left: 0
}
.offset-xl-1 {
margin-left: 8.333333%
}
.offset-xl-2 {
margin-left: 16.666667%
}
.offset-xl-3 {
margin-left: 25%
}
.offset-xl-4 {
margin-left: 33.333333%
}
.offset-xl-5 {
margin-left: 41.666667%
}
.offset-xl-6 {
margin-left: 50%
}
.offset-xl-7 {
margin-left: 58.333333%
}
.offset-xl-8 {
margin-left: 66.666667%
}
.offset-xl-9 {
margin-left: 75%
}
.offset-xl-10 {
margin-left: 83.333333%
}
.offset-xl-11 {
margin-left: 91.666667%
}
}
.table {
width: 100%;
margin-bottom: 1rem;
color: #212529
}
.table td,
.table th {
padding: .75rem;
vertical-align: top;
border-top: 1px solid #dee2e6
}
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #dee2e6
}
.table tbody+tbody {
border-top: 2px solid #dee2e6
}
.table-sm td,
.table-sm th {
padding: .3rem
}
.table-bordered {
border: 1px solid #dee2e6
}
.table-bordered td,
.table-bordered th {
border: 1px solid #dee2e6
}
.table-bordered thead td,
.table-bordered thead th {
border-bottom-width: 2px
}
.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
border: 0
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0, .05)
}
.table-hover tbody tr:hover {
color: #212529;
background-color: rgba(0, 0, 0, .075)
}
.table-primary,
.table-primary>td,
.table-primary>th {
background-color: #b8daff
}
.table-primary tbody+tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
border-color: #7abaff
}
.table-hover .table-primary:hover {
background-color: #9fcdff
}
.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
background-color: #9fcdff
}
.table-secondary,
.table-secondary>td,
.table-secondary>th {
background-color: #d6d8db
}
.table-secondary tbody+tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
border-color: #b3b7bb
}
.table-hover .table-secondary:hover {
background-color: #c8cbcf
}
.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
background-color: #c8cbcf
}
.table-success,
.table-success>td,
.table-success>th {
background-color: #c3e6cb
}
.table-success tbody+tbody,
.table-success td,
.table-success th,
.table-success thead th {
border-color: #8fd19e
}
.table-hover .table-success:hover {
background-color: #b1dfbb
}
.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
background-color: #b1dfbb
}
.table-info,
.table-info>td,
.table-info>th {
background-color: #bee5eb
}
.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
border-color: #86cfda
}
.table-hover .table-info:hover {
background-color: #abdde5
}
.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
background-color: #abdde5
}
.table-warning,
.table-warning>td,
.table-warning>th {
background-color: #ffeeba
}
.table-warning tbody+tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
border-color: #ffdf7e
}
.table-hover .table-warning:hover {
background-color: #ffe8a1
}
.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
background-color: #ffe8a1
}
.table-danger,
.table-danger>td,
.table-danger>th {
background-color: #f5c6cb
}
.table-danger tbody+tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
border-color: #ed969e
}
.table-hover .table-danger:hover {
background-color: #f1b0b7
}
.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
background-color: #f1b0b7
}
.table-light,
.table-light>td,
.table-light>th {
background-color: #fdfdfe
}
.table-light tbody+tbody,
.table-light td,
.table-light th,
.table-light thead th {
border-color: #fbfcfc
}
.table-hover .table-light:hover {
background-color: #ececf6
}
.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
background-color: #ececf6
}
.table-dark,
.table-dark>td,
.table-dark>th {
background-color: #c6c8ca
}
.table-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
border-color: #95999c
}
.table-hover .table-dark:hover {
background-color: #b9bbbe
}
.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
background-color: #b9bbbe
}
.table-active,
.table-active>td,
.table-active>th {
background-color: rgba(0, 0, 0, .075)
}
.table-hover .table-active:hover {
background-color: rgba(0, 0, 0, .075)
}
.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
background-color: rgba(0, 0, 0, .075)
}
.table .thead-dark th {
color: #fff;
background-color: #343a40;
border-color: #454d55
}
.table .thead-light th {
color: #495057;
background-color: #e9ecef;
border-color: #dee2e6
}
.table-dark {
color: #fff;
background-color: #343a40
}
.table-dark td,
.table-dark th,
.table-dark thead th {
border-color: #454d55
}
.table-dark.table-bordered {
border: 0
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(255, 255, 255, .05)
}
.table-dark.table-hover tbody tr:hover {
color: #fff;
background-color: rgba(255, 255, 255, .075)
}
@media (max-width:575.98px) {
.table-responsive-sm {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-sm>.table-bordered {
border: 0
}
}
@media (max-width:767.98px) {
.table-responsive-md {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-md>.table-bordered {
border: 0
}
}
@media (max-width:991.98px) {
.table-responsive-lg {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-lg>.table-bordered {
border: 0
}
}
@media (max-width:1199.98px) {
.table-responsive-xl {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-xl>.table-bordered {
border: 0
}
}
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive>.table-bordered {
border: 0
}
.form-control {
display: block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.form-control {
transition: none
}
}
.form-control::-ms-expand {
background-color: transparent;
border: 0
}
.form-control:focus {
color: #495057;
background-color: #fff;
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.form-control::-webkit-input-placeholder {
color: #6c757d;
opacity: 1
}
.form-control::-moz-placeholder {
color: #6c757d;
opacity: 1
}
.form-control:-ms-input-placeholder {
color: #6c757d;
opacity: 1
}
.form-control::-ms-input-placeholder {
color: #6c757d;
opacity: 1
}
.form-control::placeholder {
color: #6c757d;
opacity: 1
}
.form-control:disabled,
.form-control[readonly] {
background-color: #e9ecef;
opacity: 1
}
input[type=date].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control,
input[type=time].form-control {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
select.form-control:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #495057
}
select.form-control:focus::-ms-value {
color: #495057;
background-color: #fff
}
.form-control-file,
.form-control-range {
display: block;
width: 100%
}
.col-form-label {
padding-top: calc(.375rem + 1px);
padding-bottom: calc(.375rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.5
}
.col-form-label-lg {
padding-top: calc(.5rem + 1px);
padding-bottom: calc(.5rem + 1px);
font-size: 1.25rem;
line-height: 1.5
}
.col-form-label-sm {
padding-top: calc(.25rem + 1px);
padding-bottom: calc(.25rem + 1px);
font-size: .875rem;
line-height: 1.5
}
.form-control-plaintext {
display: block;
width: 100%;
padding: .375rem 0;
margin-bottom: 0;
font-size: 1rem;
line-height: 1.5;
color: #212529;
background-color: transparent;
border: solid transparent;
border-width: 1px 0
}
.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
padding-right: 0;
padding-left: 0
}
.form-control-sm {
height: calc(1.5em + .5rem + 2px);
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5;
border-radius: .2rem
}
.form-control-lg {
height: calc(1.5em + 1rem + 2px);
padding: .5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: .3rem
}
select.form-control[multiple],
select.form-control[size] {
height: auto
}
textarea.form-control {
height: auto
}
.form-group {
margin-bottom: 1rem
}
.form-text {
display: block;
margin-top: .25rem
}
.form-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px
}
.form-row>.col,
.form-row>[class*=col-] {
padding-right: 5px;
padding-left: 5px
}
.form-check {
position: relative;
display: block;
padding-left: 1.25rem
}
.form-check-input {
position: absolute;
margin-top: .3rem;
margin-left: -1.25rem
}
.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
color: #6c757d
}
.form-check-label {
margin-bottom: 0
}
.form-check-inline {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
padding-left: 0;
margin-right: .75rem
}
.form-check-inline .form-check-input {
position: static;
margin-top: 0;
margin-right: .3125rem;
margin-left: 0
}
.valid-feedback {
display: none;
width: 100%;
margin-top: .25rem;
font-size: 80%;
color: #28a745
}
.valid-tooltip {
position: absolute;
top: 100%;
left: 0;
z-index: 5;
display: none;
max-width: 100%;
padding: .25rem .5rem;
margin-top: .1rem;
font-size: .875rem;
line-height: 1.5;
color: #fff;
background-color: rgba(40, 167, 69, .9);
border-radius: .25rem
}
.form-row>.col>.valid-tooltip,
.form-row>[class*=col-]>.valid-tooltip {
left: 5px
}
.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
display: block
}
.form-control.is-valid,
.was-validated .form-control:valid {
border-color: #28a745;
padding-right: calc(1.5em + .75rem) !important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(.375em + .1875rem) center;
background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}
.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
border-color: #28a745;
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}
.was-validated select.form-control:valid,
select.form-control.is-valid {
padding-right: 3rem !important;
background-position: right 1.5rem center
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
padding-right: calc(1.5em + .75rem);
background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}
.custom-select.is-valid,
.was-validated .custom-select:valid {
border-color: #28a745;
padding-right: calc(.75em + 2.3125rem) !important;
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}
.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
border-color: #28a745;
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}
.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
color: #28a745
}
.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
display: block
}
.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
color: #28a745
}
.custom-control-input.is-valid~.custom-control-label::before,
.was-validated .custom-control-input:valid~.custom-control-label::before {
border-color: #28a745
}
.custom-control-input.is-valid:checked~.custom-control-label::before,
.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
border-color: #34ce57;
background-color: #34ce57
}
.custom-control-input.is-valid:focus~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}
.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
border-color: #28a745
}
.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label {
border-color: #28a745
}
.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
border-color: #28a745;
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}
.invalid-feedback {
display: none;
width: 100%;
margin-top: .25rem;
font-size: 80%;
color: #dc3545
}
.invalid-tooltip {
position: absolute;
top: 100%;
left: 0;
z-index: 5;
display: none;
max-width: 100%;
padding: .25rem .5rem;
margin-top: .1rem;
font-size: .875rem;
line-height: 1.5;
color: #fff;
background-color: rgba(220, 53, 69, .9);
border-radius: .25rem
}
.form-row>.col>.invalid-tooltip,
.form-row>[class*=col-]>.invalid-tooltip {
left: 5px
}
.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
display: block
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
border-color: #dc3545;
padding-right: calc(1.5em + .75rem) !important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(.375em + .1875rem) center;
background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}
.was-validated select.form-control:invalid,
select.form-control.is-invalid {
padding-right: 3rem !important;
background-position: right 1.5rem center
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
padding-right: calc(1.5em + .75rem);
background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}
.custom-select.is-invalid,
.was-validated .custom-select:invalid {
border-color: #dc3545;
padding-right: calc(.75em + 2.3125rem) !important;
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}
.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}
.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
color: #dc3545
}
.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
display: block
}
.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
color: #dc3545
}
.custom-control-input.is-invalid~.custom-control-label::before,
.was-validated .custom-control-input:invalid~.custom-control-label::before {
border-color: #dc3545
}
.custom-control-input.is-invalid:checked~.custom-control-label::before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
border-color: #e4606d;
background-color: #e4606d
}
.custom-control-input.is-invalid:focus~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}
.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
border-color: #dc3545
}
.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-file-input:invalid~.custom-file-label {
border-color: #dc3545
}
.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
border-color: #dc3545;
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}
.form-inline {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-align: center;
align-items: center
}
.form-inline .form-check {
width: 100%
}
@media (min-width:576px) {
.form-inline label {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 0
}
.form-inline .form-group {
display: -ms-flexbox;
display: flex;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle
}
.form-inline .form-control-plaintext {
display: inline-block
}
.form-inline .custom-select,
.form-inline .input-group {
width: auto
}
.form-inline .form-check {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: auto;
padding-left: 0
}
.form-inline .form-check-input {
position: relative;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-top: 0;
margin-right: .25rem;
margin-left: 0
}
.form-inline .custom-control {
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center
}
.form-inline .custom-control-label {
margin-bottom: 0
}
}
.btn {
display: inline-block;
font-weight: 400;
color: #212529;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.btn {
transition: none
}
}
.btn:hover {
color: #212529;
text-decoration: none
}
.btn.focus,
.btn:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.btn.disabled,
.btn:disabled {
opacity: .65
}
.btn:not(:disabled):not(.disabled) {
cursor: pointer
}
a.btn.disabled,
fieldset:disabled a.btn {
pointer-events: none
}
.btn-primary {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.btn-primary:hover {
color: #fff;
background-color: #0069d9;
border-color: #0062cc
}
.btn-primary.focus,
.btn-primary:focus {
color: #fff;
background-color: #0069d9;
border-color: #0062cc;
box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}
.btn-primary.disabled,
.btn-primary:disabled {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
color: #fff;
background-color: #0062cc;
border-color: #005cbf
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}
.btn-secondary {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-secondary:hover {
color: #fff;
background-color: #5a6268;
border-color: #545b62
}
.btn-secondary.focus,
.btn-secondary:focus {
color: #fff;
background-color: #5a6268;
border-color: #545b62;
box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}
.btn-secondary.disabled,
.btn-secondary:disabled {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
color: #fff;
background-color: #545b62;
border-color: #4e555b
}
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}
.btn-success {
color: #fff;
background-color: #009622;
border-color: #28a745;
}
.btn-success:hover {
color: #fff;
background-color: #218838;
border-color: #1e7e34
}
.btn-success.focus,
.btn-success:focus {
color: #fff;
background-color: #218838;
border-color: #1e7e34;
box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}
.btn-success.disabled,
.btn-success:disabled {
color: #fff;
background-color: #28a745;
border-color: #28a745
}
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
color: #fff;
background-color: #1e7e34;
border-color: #1c7430
}
.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}
.btn-info {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-info:hover {
color: #fff;
background-color: #138496;
border-color: #117a8b
}
.btn-info.focus,
.btn-info:focus {
color: #fff;
background-color: #138496;
border-color: #117a8b;
box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}
.btn-info.disabled,
.btn-info:disabled {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
color: #fff;
background-color: #117a8b;
border-color: #10707f
}
.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}
.btn-warning {
color: #212529;
background-color: #ffc107;
border-color: #ffc107
}
.btn-warning:hover {
color: #212529;
background-color: #e0a800;
border-color: #d39e00
}
.btn-warning.focus,
.btn-warning:focus {
color: #212529;
background-color: #e0a800;
border-color: #d39e00;
box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}
.btn-warning.disabled,
.btn-warning:disabled {
color: #212529;
background-color: #ffc107;
border-color: #ffc107
}
.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
color: #212529;
background-color: #d39e00;
border-color: #c69500
}
.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}
.btn-danger {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-danger:hover {
color: #fff;
background-color: #c82333;
border-color: #bd2130
}
.btn-danger.focus,
.btn-danger:focus {
color: #fff;
background-color: #c82333;
border-color: #bd2130;
box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}
.btn-danger.disabled,
.btn-danger:disabled {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
color: #fff;
background-color: #bd2130;
border-color: #b21f2d
}
.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}
.btn-light {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-light:hover {
color: #212529;
background-color: #e2e6ea;
border-color: #dae0e5
}
.btn-light.focus,
.btn-light:focus {
color: #212529;
background-color: #e2e6ea;
border-color: #dae0e5;
box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}
.btn-light.disabled,
.btn-light:disabled {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
color: #212529;
background-color: #dae0e5;
border-color: #d3d9df
}
.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}
.btn-dark {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-dark:hover {
color: #fff;
background-color: #23272b;
border-color: #1d2124
}
.btn-dark.focus,
.btn-dark:focus {
color: #fff;
background-color: #23272b;
border-color: #1d2124;
box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}
.btn-dark.disabled,
.btn-dark:disabled {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
color: #fff;
background-color: #1d2124;
border-color: #171a1d
}
.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}
.btn-outline-primary {
color: #007bff;
border-color: #007bff
}
.btn-outline-primary:hover {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.btn-outline-primary.focus,
.btn-outline-primary:focus {
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
color: #007bff;
background-color: transparent
}
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}
.btn-outline-secondary {
color: #6c757d;
border-color: #6c757d
}
.btn-outline-secondary:hover {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
color: #6c757d;
background-color: transparent
}
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}
.btn-outline-success {
color: #28a745;
border-color: #28a745
}
.btn-outline-success:hover {
color: #fff;
background-color: #28a745;
border-color: #28a745
}
.btn-outline-success.focus,
.btn-outline-success:focus {
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}
.btn-outline-success.disabled,
.btn-outline-success:disabled {
color: #28a745;
background-color: transparent
}
.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
color: #fff;
background-color: #28a745;
border-color: #28a745
}
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}
.btn-outline-info {
color: #17a2b8;
border-color: #17a2b8
}
.btn-outline-info:hover {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-outline-info.focus,
.btn-outline-info:focus {
box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
color: #17a2b8;
background-color: transparent
}
.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}
.btn-outline-warning {
color: #ffc107;
border-color: #ffc107
}
.btn-outline-warning:hover {
color: #212529;
background-color: #ffc107;
border-color: #ffc107
}
.btn-outline-warning.focus,
.btn-outline-warning:focus {
box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
color: #ffc107;
background-color: transparent
}
.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
color: #212529;
background-color: #ffc107;
border-color: #ffc107
}
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}
.btn-outline-danger {
color: #dc3545;
border-color: #dc3545
}
.btn-outline-danger:hover {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-outline-danger.focus,
.btn-outline-danger:focus {
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
color: #dc3545;
background-color: transparent
}
.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}
.btn-outline-light {
color: #f8f9fa;
border-color: #f8f9fa
}
.btn-outline-light:hover {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-outline-light.focus,
.btn-outline-light:focus {
box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}
.btn-outline-light.disabled,
.btn-outline-light:disabled {
color: #f8f9fa;
background-color: transparent
}
.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}
.btn-outline-dark {
color: #343a40;
border-color: #343a40
}
.btn-outline-dark:hover {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-outline-dark.focus,
.btn-outline-dark:focus {
box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
color: #343a40;
background-color: transparent
}
.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}
.btn-link {
font-weight: 400;
color: #007bff;
text-decoration: none
}
.btn-link:hover {
color: #0056b3;
text-decoration: underline
}
.btn-link.focus,
.btn-link:focus {
text-decoration: underline
}
.btn-link.disabled,
.btn-link:disabled {
color: #6c757d;
pointer-events: none
}
.btn-group-lg>.btn,
.btn-lg {
padding: .5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: .3rem
}
.btn-group-sm>.btn,
.btn-sm {
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5;
border-radius: .2rem
}
.btn-block {
display: block;
width: 100%
}
.btn-block+.btn-block {
margin-top: .5rem
}
input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
width: 100%
}
.fade {
transition: opacity .15s linear
}
@media (prefers-reduced-motion:reduce) {
.fade {
transition: none
}
}
.fade:not(.show) {
opacity: 0
}
.collapse:not(.show) {
display: none
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
transition: height .35s ease
}
@media (prefers-reduced-motion:reduce) {
.collapsing {
transition: none
}
}
.dropdown,
.dropleft,
.dropright,
.dropup {
position: relative
}
.dropdown-toggle {
white-space: nowrap
}
.dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent
}
.dropdown-toggle:empty::after {
margin-left: 0
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: .5rem 0;
margin: .125rem 0 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: .25rem
}
.dropdown-menu-left {
right: auto;
left: 0
}
.dropdown-menu-right {
right: 0;
left: auto
}
@media (min-width:576px) {
.dropdown-menu-sm-left {
right: auto;
left: 0
}
.dropdown-menu-sm-right {
right: 0;
left: auto
}
}
@media (min-width:768px) {
.dropdown-menu-md-left {
right: auto;
left: 0
}
.dropdown-menu-md-right {
right: 0;
left: auto
}
}
@media (min-width:992px) {
.dropdown-menu-lg-left {
right: auto;
left: 0
}
.dropdown-menu-lg-right {
right: 0;
left: auto
}
}
@media (min-width:1200px) {
.dropdown-menu-xl-left {
right: auto;
left: 0
}
.dropdown-menu-xl-right {
right: 0;
left: auto
}
}
.dropup .dropdown-menu {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: .125rem
}
.dropup .dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: 0;
border-right: .3em solid transparent;
border-bottom: .3em solid;
border-left: .3em solid transparent
}
.dropup .dropdown-toggle:empty::after {
margin-left: 0
}
.dropright .dropdown-menu {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
margin-left: .125rem
}
.dropright .dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid transparent;
border-right: 0;
border-bottom: .3em solid transparent;
border-left: .3em solid
}
.dropright .dropdown-toggle:empty::after {
margin-left: 0
}
.dropright .dropdown-toggle::after {
vertical-align: 0
}
.dropleft .dropdown-menu {
top: 0;
right: 100%;
left: auto;
margin-top: 0;
margin-right: .125rem
}
.dropleft .dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: ""
}
.dropleft .dropdown-toggle::after {
display: none
}
.dropleft .dropdown-toggle::before {
display: inline-block;
margin-right: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid transparent;
border-right: .3em solid;
border-bottom: .3em solid transparent
}
.dropleft .dropdown-toggle:empty::after {
margin-left: 0
}
.dropleft .dropdown-toggle::before {
vertical-align: 0
}
.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
right: auto;
bottom: auto
}
.dropdown-divider {
height: 0;
margin: .5rem 0;
overflow: hidden;
border-top: 1px solid #e9ecef
}
.dropdown-item {
display: block;
width: 100%;
padding: .25rem 1.5rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0
}
.dropdown-item:focus,
.dropdown-item:hover {
color: #16181b;
text-decoration: none;
background-color: #e9ecef
}
.dropdown-item.active,
.dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #007bff
}
.dropdown-item.disabled,
.dropdown-item:disabled {
color: #adb5bd;
pointer-events: none;
background-color: transparent
}
.dropdown-menu.show {
display: block
}
.dropdown-header {
display: block;
padding: .5rem 1.5rem;
margin-bottom: 0;
font-size: .875rem;
color: #6c757d;
white-space: nowrap
}
.dropdown-item-text {
display: block;
padding: .25rem 1.5rem;
color: #212529
}
.btn-group,
.btn-group-vertical {
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: middle
}
.btn-group-vertical>.btn,
.btn-group>.btn {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.btn-group-vertical>.btn:hover,
.btn-group>.btn:hover {
z-index: 1
}
.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus {
z-index: 1
}
.btn-toolbar {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.btn-toolbar .input-group {
width: auto
}
.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child) {
margin-left: -1px
}
.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.dropdown-toggle-split {
padding-right: .5625rem;
padding-left: .5625rem
}
.dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
margin-left: 0
}
.dropleft .dropdown-toggle-split::before {
margin-right: 0
}
.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
padding-right: .375rem;
padding-left: .375rem
}
.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
padding-right: .75rem;
padding-left: .75rem
}
.btn-group-vertical {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: center;
justify-content: center
}
.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
width: 100%
}
.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
margin-top: -1px
}
.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
margin-bottom: 0
}
.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none
}
.input-group {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%
}
.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 1%;
min-width: 0;
margin-bottom: 0
}
.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.form-control {
margin-left: -1px
}
.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
z-index: 3
}
.input-group>.custom-file .custom-file-input:focus {
z-index: 4
}
.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.input-group>.custom-file {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label::after {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group>.custom-file:not(:first-child) .custom-file-label {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,
.input-group:not(.has-validation)>.custom-select:not(:last-child),
.input-group:not(.has-validation)>.form-control:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after,
.input-group.has-validation>.custom-select:nth-last-child(n+3),
.input-group.has-validation>.form-control:nth-last-child(n+3) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group-append,
.input-group-prepend {
display: -ms-flexbox;
display: flex
}
.input-group-append .btn,
.input-group-prepend .btn {
position: relative;
z-index: 2
}
.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
z-index: 3
}
.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text {
margin-left: -1px
}
.input-group-prepend {
margin-right: -1px
}
.input-group-append {
margin-left: -1px
}
.input-group-text {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: .375rem .75rem;
margin-bottom: 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
text-align: center;
white-space: nowrap;
background-color: #e9ecef;
border: 1px solid #ced4da;
border-radius: .25rem
}
.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
margin-top: 0
}
.input-group-lg>.custom-select,
.input-group-lg>.form-control:not(textarea) {
height: calc(1.5em + 1rem + 2px)
}
.input-group-lg>.custom-select,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
padding: .5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: .3rem
}
.input-group-sm>.custom-select,
.input-group-sm>.form-control:not(textarea) {
height: calc(1.5em + .5rem + 2px)
}
.input-group-sm>.custom-select,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5;
border-radius: .2rem
}
.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
padding-right: 1.75rem
}
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.custom-control {
position: relative;
z-index: 1;
display: block;
min-height: 1.5rem;
padding-left: 1.5rem;
-webkit-print-color-adjust: exact;
color-adjust: exact
}
.custom-control-inline {
display: -ms-inline-flexbox;
display: inline-flex;
margin-right: 1rem
}
.custom-control-input {
position: absolute;
left: 0;
z-index: -1;
width: 1rem;
height: 1.25rem;
opacity: 0
}
.custom-control-input:checked~.custom-control-label::before {
color: #fff;
border-color: #007bff;
background-color: #007bff
}
.custom-control-input:focus~.custom-control-label::before {
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
border-color: #80bdff
}
.custom-control-input:not(:disabled):active~.custom-control-label::before {
color: #fff;
background-color: #b3d7ff;
border-color: #b3d7ff
}
.custom-control-input:disabled~.custom-control-label,
.custom-control-input[disabled]~.custom-control-label {
color: #6c757d
}
.custom-control-input:disabled~.custom-control-label::before,
.custom-control-input[disabled]~.custom-control-label::before {
background-color: #e9ecef
}
.custom-control-label {
position: relative;
margin-bottom: 0;
vertical-align: top
}
.custom-control-label::before {
position: absolute;
top: .25rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
pointer-events: none;
content: "";
background-color: #fff;
border: #adb5bd solid 1px
}
.custom-control-label::after {
position: absolute;
top: .25rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
content: "";
background: 50%/50% 50% no-repeat
}
.custom-checkbox .custom-control-label::before {
border-radius: .25rem
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
border-color: #007bff;
background-color: #007bff
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
}
.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
background-color: rgba(0, 123, 255, .5)
}
.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
background-color: rgba(0, 123, 255, .5)
}
.custom-radio .custom-control-label::before {
border-radius: 50%
}
.custom-radio .custom-control-input:checked~.custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}
.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
background-color: rgba(0, 123, 255, .5)
}
.custom-switch {
padding-left: 2.25rem
}
.custom-switch .custom-control-label::before {
left: -2.25rem;
width: 1.75rem;
pointer-events: all;
border-radius: .5rem
}
.custom-switch .custom-control-label::after {
top: calc(.25rem + 2px);
left: calc(-2.25rem + 2px);
width: calc(1rem - 4px);
height: calc(1rem - 4px);
background-color: #adb5bd;
border-radius: .5rem;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.custom-switch .custom-control-label::after {
transition: none
}
}
.custom-switch .custom-control-input:checked~.custom-control-label::after {
background-color: #fff;
-webkit-transform: translateX(.75rem);
transform: translateX(.75rem)
}
.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
background-color: rgba(0, 123, 255, .5)
}
.custom-select {
display: inline-block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
padding: .375rem 1.75rem .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
vertical-align: middle;
background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
border: 1px solid #ced4da;
border-radius: .25rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.custom-select:focus {
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-select:focus::-ms-value {
color: #495057;
background-color: #fff
}
.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
height: auto;
padding-right: .75rem;
background-image: none
}
.custom-select:disabled {
color: #6c757d;
background-color: #e9ecef
}
.custom-select::-ms-expand {
display: none
}
.custom-select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #495057
}
.custom-select-sm {
height: calc(1.5em + .5rem + 2px);
padding-top: .25rem;
padding-bottom: .25rem;
padding-left: .5rem;
font-size: .875rem
}
.custom-select-lg {
height: calc(1.5em + 1rem + 2px);
padding-top: .5rem;
padding-bottom: .5rem;
padding-left: 1rem;
font-size: 1.25rem
}
.custom-file {
position: relative;
display: inline-block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
margin-bottom: 0
}
.custom-file-input {
position: relative;
z-index: 2;
width: 100%;
height: calc(1.5em + .75rem + 2px);
margin: 0;
overflow: hidden;
opacity: 0
}
.custom-file-input:focus~.custom-file-label {
border-color: #80bdff;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-file-input:disabled~.custom-file-label,
.custom-file-input[disabled]~.custom-file-label {
background-color: #e9ecef
}
.custom-file-input:lang(en)~.custom-file-label::after {
content: "Browse"
}
.custom-file-input~.custom-file-label[data-browse]::after {
content: attr(data-browse)
}
.custom-file-label {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
overflow: hidden;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
border: 1px solid #ced4da;
border-radius: .25rem
}
.custom-file-label::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 3;
display: block;
height: calc(1.5em + .75rem);
padding: .375rem .75rem;
line-height: 1.5;
color: #495057;
content: "Browse";
background-color: #e9ecef;
border-left: inherit;
border-radius: 0 .25rem .25rem 0
}
.custom-range {
width: 100%;
height: 1.4rem;
padding: 0;
background-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.custom-range:focus {
outline: 0
}
.custom-range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-range:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-range:focus::-ms-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-range::-moz-focus-outer {
border: 0
}
.custom-range::-webkit-slider-thumb {
width: 1rem;
height: 1rem;
margin-top: -.25rem;
background-color: #007bff;
border: 0;
border-radius: 1rem;
-webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-webkit-appearance: none;
appearance: none
}
@media (prefers-reduced-motion:reduce) {
.custom-range::-webkit-slider-thumb {
-webkit-transition: none;
transition: none
}
}
.custom-range::-webkit-slider-thumb:active {
background-color: #b3d7ff
}
.custom-range::-webkit-slider-runnable-track {
width: 100%;
height: .5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem
}
.custom-range::-moz-range-thumb {
width: 1rem;
height: 1rem;
background-color: #007bff;
border: 0;
border-radius: 1rem;
-moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-moz-appearance: none;
appearance: none
}
@media (prefers-reduced-motion:reduce) {
.custom-range::-moz-range-thumb {
-moz-transition: none;
transition: none
}
}
.custom-range::-moz-range-thumb:active {
background-color: #b3d7ff
}
.custom-range::-moz-range-track {
width: 100%;
height: .5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem
}
.custom-range::-ms-thumb {
width: 1rem;
height: 1rem;
margin-top: 0;
margin-right: .2rem;
margin-left: .2rem;
background-color: #007bff;
border: 0;
border-radius: 1rem;
-ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
appearance: none
}
@media (prefers-reduced-motion:reduce) {
.custom-range::-ms-thumb {
-ms-transition: none;
transition: none
}
}
.custom-range::-ms-thumb:active {
background-color: #b3d7ff
}
.custom-range::-ms-track {
width: 100%;
height: .5rem;
color: transparent;
cursor: pointer;
background-color: transparent;
border-color: transparent;
border-width: .5rem
}
.custom-range::-ms-fill-lower {
background-color: #dee2e6;
border-radius: 1rem
}
.custom-range::-ms-fill-upper {
margin-right: 15px;
background-color: #dee2e6;
border-radius: 1rem
}
.custom-range:disabled::-webkit-slider-thumb {
background-color: #adb5bd
}
.custom-range:disabled::-webkit-slider-runnable-track {
cursor: default
}
.custom-range:disabled::-moz-range-thumb {
background-color: #adb5bd
}
.custom-range:disabled::-moz-range-track {
cursor: default
}
.custom-range:disabled::-ms-thumb {
background-color: #adb5bd
}
.custom-control-label::before,
.custom-file-label,
.custom-select {
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.custom-control-label::before,
.custom-file-label,
.custom-select {
transition: none
}
}
.nav {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.nav-link {
display: block;
padding: .5rem 1rem
}
.nav-link:focus,
.nav-link:hover {
text-decoration: none
}
.nav-link.disabled {
color: #6c757d;
pointer-events: none;
cursor: default
}
.nav-tabs {
border-bottom: 1px solid #dee2e6
}
.nav-tabs .nav-link {
margin-bottom: -1px;
border: 1px solid transparent;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
border-color: #e9ecef #e9ecef #dee2e6
}
.nav-tabs .nav-link.disabled {
color: #6c757d;
background-color: transparent;
border-color: transparent
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
color: #495057;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.nav-pills .nav-link {
border-radius: .25rem
}
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
color: #fff;
background-color: #007bff
}
.nav-fill .nav-item,
.nav-fill>.nav-link {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
text-align: center
}
.nav-justified .nav-item,
.nav-justified>.nav-link {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: center
}
.tab-content>.tab-pane {
display: none
}
.tab-content>.active {
display: block
}
.navbar {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
padding: .5rem 1rem
}
.navbar .container,
.navbar .container-fluid,
.navbar .container-lg,
.navbar .container-md,
.navbar .container-sm,
.navbar .container-xl {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between
}
.navbar-brand {
display: inline-block;
padding-top: .3125rem;
padding-bottom: .3125rem;
margin-right: 1rem;
font-size: 1.25rem;
line-height: inherit;
white-space: nowrap
}
.navbar-brand:focus,
.navbar-brand:hover {
text-decoration: none
}
.navbar-nav {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.navbar-nav .nav-link {
padding-right: 0;
padding-left: 0
}
.navbar-nav .dropdown-menu {
position: static;
float: none
}
.navbar-text {
display: inline-block;
padding-top: .5rem;
padding-bottom: .5rem
}
.navbar-collapse {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-align: center;
align-items: center
}
.navbar-toggler {
padding: .25rem .75rem;
font-size: 1.25rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: .25rem
}
.navbar-toggler:focus,
.navbar-toggler:hover {
text-decoration: none
}
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
content: "";
background: 50%/100% 100% no-repeat
}
.navbar-nav-scroll {
max-height: 75vh;
overflow-y: auto
}
@media (max-width:575.98px) {
.navbar-expand-sm>.container,
.navbar-expand-sm>.container-fluid,
.navbar-expand-sm>.container-lg,
.navbar-expand-sm>.container-md,
.navbar-expand-sm>.container-sm,
.navbar-expand-sm>.container-xl {
padding-right: 0;
padding-left: 0
}
}
@media (min-width:576px) {
.navbar-expand-sm {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-sm .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-sm .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-sm>.container,
.navbar-expand-sm>.container-fluid,
.navbar-expand-sm>.container-lg,
.navbar-expand-sm>.container-md,
.navbar-expand-sm>.container-sm,
.navbar-expand-sm>.container-xl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-sm .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-sm .navbar-collapse {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-sm .navbar-toggler {
display: none
}
}
@media (max-width:767.98px) {
.navbar-expand-md>.container,
.navbar-expand-md>.container-fluid,
.navbar-expand-md>.container-lg,
.navbar-expand-md>.container-md,
.navbar-expand-md>.container-sm,
.navbar-expand-md>.container-xl {
padding-right: 0;
padding-left: 0
}
}
@media (min-width:768px) {
.navbar-expand-md {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-md .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-md>.container,
.navbar-expand-md>.container-fluid,
.navbar-expand-md>.container-lg,
.navbar-expand-md>.container-md,
.navbar-expand-md>.container-sm,
.navbar-expand-md>.container-xl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-md .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-md .navbar-collapse {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-md .navbar-toggler {
display: none
}
}
@media (max-width:991.98px) {
.navbar-expand-lg>.container,
.navbar-expand-lg>.container-fluid,
.navbar-expand-lg>.container-lg,
.navbar-expand-lg>.container-md,
.navbar-expand-lg>.container-sm,
.navbar-expand-lg>.container-xl {
padding-right: 0;
padding-left: 0
}
}
@media (min-width:992px) {
.navbar-expand-lg {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-lg .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-lg>.container,
.navbar-expand-lg>.container-fluid,
.navbar-expand-lg>.container-lg,
.navbar-expand-lg>.container-md,
.navbar-expand-lg>.container-sm,
.navbar-expand-lg>.container-xl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-lg .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-lg .navbar-collapse {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-lg .navbar-toggler {
display: none
}
}
@media (max-width:1199.98px) {
.navbar-expand-xl>.container,
.navbar-expand-xl>.container-fluid,
.navbar-expand-xl>.container-lg,
.navbar-expand-xl>.container-md,
.navbar-expand-xl>.container-sm,
.navbar-expand-xl>.container-xl {
padding-right: 0;
padding-left: 0
}
}
@media (min-width:1200px) {
.navbar-expand-xl {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-xl .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-xl>.container,
.navbar-expand-xl>.container-fluid,
.navbar-expand-xl>.container-lg,
.navbar-expand-xl>.container-md,
.navbar-expand-xl>.container-sm,
.navbar-expand-xl>.container-xl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-xl .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-xl .navbar-collapse {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-xl .navbar-toggler {
display: none
}
}
.navbar-expand {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
padding-right: 0;
padding-left: 0
}
.navbar-expand .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand .navbar-nav-scroll {
overflow: visible
}
.navbar-expand .navbar-collapse {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand .navbar-toggler {
display: none
}
.navbar-light .navbar-brand {
color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-nav .nav-link {
color: rgba(0, 0, 0, .5)
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
color: rgba(0, 0, 0, .7)
}
.navbar-light .navbar-nav .nav-link.disabled {
color: rgba(0, 0, 0, .3)
}
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-toggler {
color: rgba(0, 0, 0, .5);
border-color: rgba(0, 0, 0, .1)
}
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.navbar-light .navbar-text {
color: rgba(0, 0, 0, .5)
}
.navbar-light .navbar-text a {
color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
color: rgba(0, 0, 0, .9)
}
.navbar-dark .navbar-brand {
color: #fff
}
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
color: #fff
}
.navbar-dark .navbar-nav .nav-link {
color: #fff
}
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
color: rgba(255, 255, 255, .75)
}
.navbar-dark .navbar-nav .nav-link.disabled {
color: rgba(255, 255, 255, .25)
}
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
color: #fff
}
.navbar-dark .navbar-toggler {
color: rgba(255, 255, 255, .5);
border-color: rgba(255, 255, 255, .1)
}
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.navbar-dark .navbar-text {
color: rgba(255, 255, 255, .5)
}
.navbar-dark .navbar-text a {
color: #fff
}
.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
color: #fff
}
.card {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, .125);
border-radius: .25rem
}
.card>hr {
margin-right: 0;
margin-left: 0
}
.card>.list-group {
border-top: inherit;
border-bottom: inherit
}
.card>.list-group:first-child {
border-top-width: 0;
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius: calc(.25rem - 1px)
}
.card>.list-group:last-child {
border-bottom-width: 0;
border-bottom-right-radius: calc(.25rem - 1px);
border-bottom-left-radius: calc(.25rem - 1px)
}
.card>.card-header+.list-group,
.card>.list-group+.card-footer {
border-top: 0
}
.card-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-height: 1px;
padding: 1.25rem
}
.card-title {
margin-bottom: .75rem
}
.card-subtitle {
margin-top: -.375rem;
margin-bottom: 0
}
.card-text:last-child {
margin-bottom: 0
}
.card-link:hover {
text-decoration: none
}
.card-link+.card-link {
margin-left: 1.25rem
}
.card-header {
padding: .75rem 1.25rem;
margin-bottom: 0;
background-color: rgba(0, 0, 0, .03);
border-bottom: 1px solid rgba(0, 0, 0, .125)
}
.card-header:first-child {
border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}
.card-footer {
padding: .75rem 1.25rem;
background-color: rgba(0, 0, 0, .03);
border-top: 1px solid rgba(0, 0, 0, .125)
}
.card-footer:last-child {
border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}
.card-header-tabs {
margin-right: -.625rem;
margin-bottom: -.75rem;
margin-left: -.625rem;
border-bottom: 0
}
.card-header-pills {
margin-right: -.625rem;
margin-left: -.625rem
}
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1.25rem;
border-radius: calc(.25rem - 1px)
}
.card-img,
.card-img-bottom,
.card-img-top {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%
}
.card-img,
.card-img-top {
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius: calc(.25rem - 1px)
}
.card-img,
.card-img-bottom {
border-bottom-right-radius: calc(.25rem - 1px);
border-bottom-left-radius: calc(.25rem - 1px)
}
.card-deck .card {
margin-bottom: 15px
}
@media (min-width:576px) {
.card-deck {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-right: -15px;
margin-left: -15px
}
.card-deck .card {
-ms-flex: 1 0 0%;
flex: 1 0 0%;
margin-right: 15px;
margin-bottom: 0;
margin-left: 15px
}
}
.card-group>.card {
margin-bottom: 15px
}
@media (min-width:576px) {
.card-group {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.card-group>.card {
-ms-flex: 1 0 0%;
flex: 1 0 0%;
margin-bottom: 0
}
.card-group>.card+.card {
margin-left: 0;
border-left: 0
}
.card-group>.card:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.card-group>.card:not(:last-child) .card-header,
.card-group>.card:not(:last-child) .card-img-top {
border-top-right-radius: 0
}
.card-group>.card:not(:last-child) .card-footer,
.card-group>.card:not(:last-child) .card-img-bottom {
border-bottom-right-radius: 0
}
.card-group>.card:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.card-group>.card:not(:first-child) .card-header,
.card-group>.card:not(:first-child) .card-img-top {
border-top-left-radius: 0
}
.card-group>.card:not(:first-child) .card-footer,
.card-group>.card:not(:first-child) .card-img-bottom {
border-bottom-left-radius: 0
}
}
.card-columns .card {
margin-bottom: .75rem
}
@media (min-width:576px) {
.card-columns {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 1.25rem;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
orphans: 1;
widows: 1
}
.card-columns .card {
display: inline-block;
width: 100%
}
}
.accordion {
overflow-anchor: none
}
.accordion>.card {
overflow: hidden
}
.accordion>.card:not(:last-of-type) {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.accordion>.card:not(:first-of-type) {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.accordion>.card>.card-header {
border-radius: 0;
margin-bottom: -1px
}
.breadcrumb {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: .75rem 1rem;
margin-bottom: 1rem;
list-style: none;
background-color: #e9ecef;
border-radius: .25rem
}
.breadcrumb-item+.breadcrumb-item {
padding-left: .5rem
}
.breadcrumb-item+.breadcrumb-item::before {
float: left;
padding-right: .5rem;
color: #6c757d;
content: "/"
}
.breadcrumb-item+.breadcrumb-item:hover::before {
text-decoration: underline
}
.breadcrumb-item+.breadcrumb-item:hover::before {
text-decoration: none
}
.breadcrumb-item.active {
color: #6c757d
}
.pagination {
display: -ms-flexbox;
display: flex;
padding-left: 0;
list-style: none;
border-radius: .25rem
}
.page-link {
position: relative;
display: block;
padding: .5rem .75rem;
margin-left: -1px;
line-height: 1.25;
color: #007bff;
background-color: #fff;
border: 1px solid #dee2e6
}
.page-link:hover {
z-index: 2;
color: #0056b3;
text-decoration: none;
background-color: #e9ecef;
border-color: #dee2e6
}
.page-link:focus {
z-index: 3;
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.page-item:first-child .page-link {
margin-left: 0;
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem
}
.page-item:last-child .page-link {
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem
}
.page-item.active .page-link {
z-index: 3;
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.page-item.disabled .page-link {
color: #6c757d;
pointer-events: none;
cursor: auto;
background-color: #fff;
border-color: #dee2e6
}
.pagination-lg .page-link {
padding: .75rem 1.5rem;
font-size: 1.25rem;
line-height: 1.5
}
.pagination-lg .page-item:first-child .page-link {
border-top-left-radius: .3rem;
border-bottom-left-radius: .3rem
}
.pagination-lg .page-item:last-child .page-link {
border-top-right-radius: .3rem;
border-bottom-right-radius: .3rem
}
.pagination-sm .page-link {
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5
}
.pagination-sm .page-item:first-child .page-link {
border-top-left-radius: .2rem;
border-bottom-left-radius: .2rem
}
.pagination-sm .page-item:last-child .page-link {
border-top-right-radius: .2rem;
border-bottom-right-radius: .2rem
}
.badge {
display: inline-block;
padding: .25em .4em;
font-size: 75%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.badge {
transition: none
}
}
a.badge:focus,
a.badge:hover {
text-decoration: none
}
.badge:empty {
display: none
}
.btn .badge {
position: relative;
top: -1px
}
.badge-pill {
padding-right: .6em;
padding-left: .6em;
border-radius: 10rem
}
.badge-primary {
color: #fff;
background-color: #007bff
}
a.badge-primary:focus,
a.badge-primary:hover {
color: #fff;
background-color: #0062cc
}
a.badge-primary.focus,
a.badge-primary:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}
.badge-secondary {
color: #fff;
background-color: #6c757d
}
a.badge-secondary:focus,
a.badge-secondary:hover {
color: #fff;
background-color: #545b62
}
a.badge-secondary.focus,
a.badge-secondary:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}
.badge-success {
color: #fff;
background-color: #28a745
}
a.badge-success:focus,
a.badge-success:hover {
color: #fff;
background-color: #1e7e34
}
a.badge-success.focus,
a.badge-success:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}
.badge-info {
color: #fff;
background-color: #17a2b8
}
a.badge-info:focus,
a.badge-info:hover {
color: #fff;
background-color: #117a8b
}
a.badge-info.focus,
a.badge-info:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}
.badge-warning {
color: #212529;
background-color: #ffc107
}
a.badge-warning:focus,
a.badge-warning:hover {
color: #212529;
background-color: #d39e00
}
a.badge-warning.focus,
a.badge-warning:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}
.badge-danger {
color: #fff;
background-color: #dc3545
}
a.badge-danger:focus,
a.badge-danger:hover {
color: #fff;
background-color: #bd2130
}
a.badge-danger.focus,
a.badge-danger:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}
.badge-light {
color: #212529;
background-color: #f8f9fa
}
a.badge-light:focus,
a.badge-light:hover {
color: #212529;
background-color: #dae0e5
}
a.badge-light.focus,
a.badge-light:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}
.badge-dark {
color: #fff;
background-color: #343a40
}
a.badge-dark:focus,
a.badge-dark:hover {
color: #fff;
background-color: #1d2124
}
a.badge-dark.focus,
a.badge-dark:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}
.jumbotron {
padding: 2rem 1rem;
margin-bottom: 2rem;
background-color: #e9ecef;
border-radius: .3rem
}
@media (min-width:576px) {
.jumbotron {
padding: 4rem 2rem
}
}
.jumbotron-fluid {
padding-right: 0;
padding-left: 0;
border-radius: 0
}
.alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem
}
.alert-heading {
color: inherit
}
.alert-link {
font-weight: 700
}
.alert-dismissible {
padding-right: 4rem
}
.alert-dismissible .close {
position: absolute;
top: 0;
right: 0;
z-index: 2;
padding: .75rem 1.25rem;
color: inherit
}
.alert-primary {
color: #004085;
background-color: #cce5ff;
border-color: #b8daff
}
.alert-primary hr {
border-top-color: #9fcdff
}
.alert-primary .alert-link {
color: #002752
}
.alert-secondary {
color: #383d41;
background-color: #e2e3e5;
border-color: #d6d8db
}
.alert-secondary hr {
border-top-color: #c8cbcf
}
.alert-secondary .alert-link {
color: #202326
}
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb
}
.alert-success hr {
border-top-color: #b1dfbb
}
.alert-success .alert-link {
color: #0b2e13
}
.alert-info {
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb
}
.alert-info hr {
border-top-color: #abdde5
}
.alert-info .alert-link {
color: #062c33
}
.alert-warning {
color: #856404;
background-color: #fff3cd;
border-color: #ffeeba
}
.alert-warning hr {
border-top-color: #ffe8a1
}
.alert-warning .alert-link {
color: #533f03
}
.alert-danger {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb
}
.alert-danger hr {
border-top-color: #f1b0b7
}
.alert-danger .alert-link {
color: #491217
}
.alert-light {
color: #818182;
background-color: #fefefe;
border-color: #fdfdfe
}
.alert-light hr {
border-top-color: #ececf6
}
.alert-light .alert-link {
color: #686868
}
.alert-dark {
color: #1b1e21;
background-color: #d6d8d9;
border-color: #c6c8ca
}
.alert-dark hr {
border-top-color: #b9bbbe
}
.alert-dark .alert-link {
color: #040505
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 1rem 0
}
to {
background-position: 0 0
}
}
@keyframes progress-bar-stripes {
from {
background-position: 1rem 0
}
to {
background-position: 0 0
}
}
.progress {
display: -ms-flexbox;
display: flex;
height: 1rem;
overflow: hidden;
line-height: 0;
font-size: .75rem;
background-color: #e9ecef;
border-radius: .25rem
}
.progress-bar {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #007bff;
transition: width .6s ease
}
@media (prefers-reduced-motion:reduce) {
.progress-bar {
transition: none
}
}
.progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-size: 1rem 1rem
}
.progress-bar-animated {
-webkit-animation: 1s linear infinite progress-bar-stripes;
animation: 1s linear infinite progress-bar-stripes
}
@media (prefers-reduced-motion:reduce) {
.progress-bar-animated {
-webkit-animation: none;
animation: none
}
}
.media {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start
}
.media-body {
-ms-flex: 1;
flex: 1
}
.list-group {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
border-radius: .25rem
}
.list-group-item-action {
width: 100%;
color: #495057;
text-align: inherit
}
.list-group-item-action:focus,
.list-group-item-action:hover {
z-index: 1;
color: #495057;
text-decoration: none;
background-color: #f8f9fa
}
.list-group-item-action:active {
color: #212529;
background-color: #e9ecef
}
.list-group-item {
position: relative;
display: block;
padding: .75rem 1.25rem;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, .125)
}
.list-group-item:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit
}
.list-group-item:last-child {
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit
}
.list-group-item.disabled,
.list-group-item:disabled {
color: #6c757d;
pointer-events: none;
background-color: #fff
}
.list-group-item.active {
z-index: 2;
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.list-group-item+.list-group-item {
border-top-width: 0
}
.list-group-item+.list-group-item.active {
margin-top: -1px;
border-top-width: 1px
}
.list-group-horizontal {
-ms-flex-direction: row;
flex-direction: row
}
.list-group-horizontal>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal>.list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal>.list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
@media (min-width:576px) {
.list-group-horizontal-sm {
-ms-flex-direction: row;
flex-direction: row
}
.list-group-horizontal-sm>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-sm>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-sm>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-sm>.list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal-sm>.list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
}
@media (min-width:768px) {
.list-group-horizontal-md {
-ms-flex-direction: row;
flex-direction: row
}
.list-group-horizontal-md>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-md>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-md>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-md>.list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal-md>.list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
}
@media (min-width:992px) {
.list-group-horizontal-lg {
-ms-flex-direction: row;
flex-direction: row
}
.list-group-horizontal-lg>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-lg>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-lg>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-lg>.list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal-lg>.list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
}
@media (min-width:1200px) {
.list-group-horizontal-xl {
-ms-flex-direction: row;
flex-direction: row
}
.list-group-horizontal-xl>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-xl>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-xl>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-xl>.list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal-xl>.list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
}
.list-group-flush {
border-radius: 0
}
.list-group-flush>.list-group-item {
border-width: 0 0 1px
}
.list-group-flush>.list-group-item:last-child {
border-bottom-width: 0
}
.list-group-item-primary {
color: #004085;
background-color: #b8daff
}
.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
color: #004085;
background-color: #9fcdff
}
.list-group-item-primary.list-group-item-action.active {
color: #fff;
background-color: #004085;
border-color: #004085
}
.list-group-item-secondary {
color: #383d41;
background-color: #d6d8db
}
.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
color: #383d41;
background-color: #c8cbcf
}
.list-group-item-secondary.list-group-item-action.active {
color: #fff;
background-color: #383d41;
border-color: #383d41
}
.list-group-item-success {
color: #155724;
background-color: #c3e6cb
}
.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
color: #155724;
background-color: #b1dfbb
}
.list-group-item-success.list-group-item-action.active {
color: #fff;
background-color: #155724;
border-color: #155724
}
.list-group-item-info {
color: #0c5460;
background-color: #bee5eb
}
.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
color: #0c5460;
background-color: #abdde5
}
.list-group-item-info.list-group-item-action.active {
color: #fff;
background-color: #0c5460;
border-color: #0c5460
}
.list-group-item-warning {
color: #856404;
background-color: #ffeeba
}
.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
color: #856404;
background-color: #ffe8a1
}
.list-group-item-warning.list-group-item-action.active {
color: #fff;
background-color: #856404;
border-color: #856404
}
.list-group-item-danger {
color: #721c24;
background-color: #f5c6cb
}
.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
color: #721c24;
background-color: #f1b0b7
}
.list-group-item-danger.list-group-item-action.active {
color: #fff;
background-color: #721c24;
border-color: #721c24
}
.list-group-item-light {
color: #818182;
background-color: #fdfdfe
}
.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
color: #818182;
background-color: #ececf6
}
.list-group-item-light.list-group-item-action.active {
color: #fff;
background-color: #818182;
border-color: #818182
}
.list-group-item-dark {
color: #1b1e21;
background-color: #c6c8ca
}
.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
color: #1b1e21;
background-color: #b9bbbe
}
.list-group-item-dark.list-group-item-action.active {
color: #fff;
background-color: #1b1e21;
border-color: #1b1e21
}
.close {
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5
}
.close:hover {
color: #000;
text-decoration: none
}
.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
opacity: .75
}
button.close {
padding: 0;
background-color: transparent;
border: 0
}
a.close.disabled {
pointer-events: none
}
.toast {
-ms-flex-preferred-size: 350px;
flex-basis: 350px;
max-width: 350px;
font-size: .875rem;
background-color: rgba(255, 255, 255, .85);
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .1);
box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
opacity: 0;
border-radius: .25rem
}
.toast:not(:last-child) {
margin-bottom: .75rem
}
.toast.showing {
opacity: 1
}
.toast.show {
display: block;
opacity: 1
}
.toast.hide {
display: none
}
.toast-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: .25rem .75rem;
color: #6c757d;
background-color: rgba(255, 255, 255, .85);
background-clip: padding-box;
border-bottom: 1px solid rgba(0, 0, 0, .05);
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius: calc(.25rem - 1px)
}
.toast-body {
padding: .75rem
}
.modal-open {
overflow: hidden
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto
}
.modal {
position: fixed;
top: 0;
left: 0;
z-index: 1050;
display: none;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0
}
.modal-dialog {
position: relative;
width: auto;
margin: .5rem;
pointer-events: none
}
.modal.fade .modal-dialog {
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out, -webkit-transform .3s ease-out;
-webkit-transform: translate(0, -50px);
transform: translate(0, -50px)
}
@media (prefers-reduced-motion:reduce) {
.modal.fade .modal-dialog {
transition: none
}
}
.modal.show .modal-dialog {
-webkit-transform: none;
transform: none
}
.modal.modal-static .modal-dialog {
-webkit-transform: scale(1.02);
transform: scale(1.02)
}
.modal-dialog-scrollable {
display: -ms-flexbox;
display: flex;
max-height: calc(100% - 1rem)
}
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 1rem);
overflow: hidden
}
.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
-ms-flex-negative: 0;
flex-shrink: 0
}
.modal-dialog-scrollable .modal-body {
overflow-y: auto
}
.modal-dialog-centered {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - 1rem)
}
.modal-dialog-centered::before {
display: block;
height: calc(100vh - 1rem);
height: -webkit-min-content;
height: -moz-min-content;
height: min-content;
content: ""
}
.modal-dialog-centered.modal-dialog-scrollable {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
height: 100%
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
max-height: none
}
.modal-dialog-centered.modal-dialog-scrollable::before {
content: none
}
.modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: .3rem;
outline: 0
}
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #000
}
.modal-backdrop.fade {
opacity: 0
}
.modal-backdrop.show {
opacity: .5
}
.modal-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 1rem 1rem;
border-bottom: 1px solid #dee2e6;
border-top-left-radius: calc(.3rem - 1px);
border-top-right-radius: calc(.3rem - 1px)
}
.modal-header .close {
padding: 1rem 1rem;
margin: -1rem -1rem -1rem auto
}
.modal-title {
margin-bottom: 0;
line-height: 1.5
}
.modal-body {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1rem
}
.modal-footer {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: flex-end;
padding: .75rem;
border-top: 1px solid #dee2e6;
border-bottom-right-radius: calc(.3rem - 1px);
border-bottom-left-radius: calc(.3rem - 1px)
}
.modal-footer>* {
margin: .25rem
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll
}
@media (min-width:576px) {
.modal-dialog {
max-width: 500px;
margin: 1.75rem auto
}
.modal-dialog-scrollable {
max-height: calc(100% - 3.5rem)
}
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 3.5rem)
}
.modal-dialog-centered {
min-height: calc(100% - 3.5rem)
}
.modal-dialog-centered::before {
height: calc(100vh - 3.5rem);
height: -webkit-min-content;
height: -moz-min-content;
height: min-content
}
.modal-sm {
max-width: 300px
}
}
@media (min-width:992px) {
.modal-lg,
.modal-xl {
max-width: 800px
}
}
@media (min-width:1200px) {
.modal-xl {
max-width: 1140px
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: .875rem;
word-wrap: break-word;
opacity: 0
}
.tooltip.show {
opacity: .9
}
.tooltip .arrow {
position: absolute;
display: block;
width: .8rem;
height: .4rem
}
.tooltip .arrow::before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid
}
.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
padding: .4rem 0
}
.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
bottom: 0
}
.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
top: 0;
border-width: .4rem .4rem 0;
border-top-color: #000
}
.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
padding: 0 .4rem
}
.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
left: 0;
width: .4rem;
height: .8rem
}
.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
right: 0;
border-width: .4rem .4rem .4rem 0;
border-right-color: #000
}
.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
padding: .4rem 0
}
.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
top: 0
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
bottom: 0;
border-width: 0 .4rem .4rem;
border-bottom-color: #000
}
.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
padding: 0 .4rem
}
.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
right: 0;
width: .4rem;
height: .8rem
}
.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
left: 0;
border-width: .4rem 0 .4rem .4rem;
border-left-color: #000
}
.tooltip-inner {
max-width: 200px;
padding: .25rem .5rem;
color: #fff;
text-align: center;
background-color: #000;
border-radius: .25rem
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: block;
max-width: 276px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: .875rem;
word-wrap: break-word;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: .3rem
}
.popover .arrow {
position: absolute;
display: block;
width: 1rem;
height: .5rem;
margin: 0 .3rem
}
.popover .arrow::after,
.popover .arrow::before {
position: absolute;
display: block;
content: "";
border-color: transparent;
border-style: solid
}
.bs-popover-auto[x-placement^=top],
.bs-popover-top {
margin-bottom: .5rem
}
.bs-popover-auto[x-placement^=top]>.arrow,
.bs-popover-top>.arrow {
bottom: calc(-.5rem - 1px)
}
.bs-popover-auto[x-placement^=top]>.arrow::before,
.bs-popover-top>.arrow::before {
bottom: 0;
border-width: .5rem .5rem 0;
border-top-color: rgba(0, 0, 0, .25)
}
.bs-popover-auto[x-placement^=top]>.arrow::after,
.bs-popover-top>.arrow::after {
bottom: 1px;
border-width: .5rem .5rem 0;
border-top-color: #fff
}
.bs-popover-auto[x-placement^=right],
.bs-popover-right {
margin-left: .5rem
}
.bs-popover-auto[x-placement^=right]>.arrow,
.bs-popover-right>.arrow {
left: calc(-.5rem - 1px);
width: .5rem;
height: 1rem;
margin: .3rem 0
}
.bs-popover-auto[x-placement^=right]>.arrow::before,
.bs-popover-right>.arrow::before {
left: 0;
border-width: .5rem .5rem .5rem 0;
border-right-color: rgba(0, 0, 0, .25)
}
.bs-popover-auto[x-placement^=right]>.arrow::after,
.bs-popover-right>.arrow::after {
left: 1px;
border-width: .5rem .5rem .5rem 0;
border-right-color: #fff
}
.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
margin-top: .5rem
}
.bs-popover-auto[x-placement^=bottom]>.arrow,
.bs-popover-bottom>.arrow {
top: calc(-.5rem - 1px)
}
.bs-popover-auto[x-placement^=bottom]>.arrow::before,
.bs-popover-bottom>.arrow::before {
top: 0;
border-width: 0 .5rem .5rem .5rem;
border-bottom-color: rgba(0, 0, 0, .25)
}
.bs-popover-auto[x-placement^=bottom]>.arrow::after,
.bs-popover-bottom>.arrow::after {
top: 1px;
border-width: 0 .5rem .5rem .5rem;
border-bottom-color: #fff
}
.bs-popover-auto[x-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: 1rem;
margin-left: -.5rem;
content: "";
border-bottom: 1px solid #f7f7f7
}
.bs-popover-auto[x-placement^=left],
.bs-popover-left {
margin-right: .5rem
}
.bs-popover-auto[x-placement^=left]>.arrow,
.bs-popover-left>.arrow {
right: calc(-.5rem - 1px);
width: .5rem;
height: 1rem;
margin: .3rem 0
}
.bs-popover-auto[x-placement^=left]>.arrow::before,
.bs-popover-left>.arrow::before {
right: 0;
border-width: .5rem 0 .5rem .5rem;
border-left-color: rgba(0, 0, 0, .25)
}
.bs-popover-auto[x-placement^=left]>.arrow::after,
.bs-popover-left>.arrow::after {
right: 1px;
border-width: .5rem 0 .5rem .5rem;
border-left-color: #fff
}
.popover-header {
padding: .5rem .75rem;
margin-bottom: 0;
font-size: 1rem;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-top-left-radius: calc(.3rem - 1px);
border-top-right-radius: calc(.3rem - 1px)
}
.popover-header:empty {
display: none
}
.popover-body {
padding: .5rem .75rem;
color: #212529
}
.carousel {
position: relative
}
.carousel.pointer-event {
-ms-touch-action: pan-y;
touch-action: pan-y
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden
}
.carousel-inner::after {
display: block;
clear: both;
content: ""
}
.carousel-item {
position: relative;
display: none;
float: left;
width: 100%;
margin-right: -100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: -webkit-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.carousel-item {
transition: none
}
}
.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
display: block
}
.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
.carousel-fade .carousel-item {
opacity: 0;
transition-property: opacity;
-webkit-transform: none;
transform: none
}
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
z-index: 1;
opacity: 1
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
z-index: 0;
opacity: 0;
transition: opacity 0s .6s
}
@media (prefers-reduced-motion:reduce) {
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
transition: none
}
}
.carousel-control-next,
.carousel-control-prev {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 15%;
padding: 0;
color: #fff;
text-align: center;
background: 0 0;
border: 0;
opacity: .5;
transition: opacity .15s ease
}
@media (prefers-reduced-motion:reduce) {
.carousel-control-next,
.carousel-control-prev {
transition: none
}
}
.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
color: #fff;
text-decoration: none;
outline: 0;
opacity: .9
}
.carousel-control-prev {
left: 0
}
.carousel-control-next {
right: 0
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
display: inline-block;
width: 20px;
height: 20px;
background: 50%/100% 100% no-repeat
}
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
}
.carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 15;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0;
margin-right: 15%;
margin-left: 15%;
list-style: none
}
.carousel-indicators li {
box-sizing: content-box;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 30px;
height: 3px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: #fff;
background-clip: padding-box;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
opacity: .5;
transition: opacity .6s ease
}
@media (prefers-reduced-motion:reduce) {
.carousel-indicators li {
transition: none
}
}
.carousel-indicators .active {
opacity: 1
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center
}
@-webkit-keyframes spinner-border {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes spinner-border {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.spinner-border {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: -.125em;
border: .25em solid currentColor;
border-right-color: transparent;
border-radius: 50%;
-webkit-animation: .75s linear infinite spinner-border;
animation: .75s linear infinite spinner-border
}
.spinner-border-sm {
width: 1rem;
height: 1rem;
border-width: .2em
}
@-webkit-keyframes spinner-grow {
0% {
-webkit-transform: scale(0);
transform: scale(0)
}
50% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes spinner-grow {
0% {
-webkit-transform: scale(0);
transform: scale(0)
}
50% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.spinner-grow {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: -.125em;
background-color: currentColor;
border-radius: 50%;
opacity: 0;
-webkit-animation: .75s linear infinite spinner-grow;
animation: .75s linear infinite spinner-grow
}
.spinner-grow-sm {
width: 1rem;
height: 1rem
}
@media (prefers-reduced-motion:reduce) {
.spinner-border,
.spinner-grow {
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s
}
}
.align-baseline {
vertical-align: baseline !important
}
.align-top {
vertical-align: top !important
}
.align-middle {
vertical-align: middle !important
}
.align-bottom {
vertical-align: bottom !important
}
.align-text-bottom {
vertical-align: text-bottom !important
}
.align-text-top {
vertical-align: text-top !important
}
.bg-primary {
background-color: #007bff !important
}
a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
background-color: #0062cc !important
}
.bg-secondary {
background-color: #6c757d !important
}
a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
background-color: #545b62 !important
}
.bg-success {
background-color: #28a745 !important
}
a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
background-color: #1e7e34 !important
}
.bg-info {
background-color: #17a2b8 !important
}
a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
background-color: #117a8b !important
}
.bg-warning {
background-color: #ffc107 !important
}
a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
background-color: #d39e00 !important
}
.bg-danger {
background-color: #dc3545 !important
}
a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
background-color: #bd2130 !important
}
.bg-light {
background-color: #f8f9fa !important
}
a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
background-color: #dae0e5 !important
}
.bg-dark {
background-color: #343a40 !important
}
a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
background-color: #1d2124 !important
}
.bg-white {
background-color: #fff !important
}
.bg-transparent {
background-color: transparent !important
}
.border {
border: 1px solid #dee2e6 !important
}
.border-top {
border-top: 1px solid #dee2e6 !important
}
.border-right {
border-right: 1px solid #dee2e6 !important
}
.border-bottom {
border-bottom: 1px solid #dee2e6 !important
}
.border-left {
border-left: 1px solid #dee2e6 !important
}
.border-0 {
border: 0 !important
}
.border-top-0 {
border-top: 0 !important
}
.border-right-0 {
border-right: 0 !important
}
.border-bottom-0 {
border-bottom: 0 !important
}
.border-left-0 {
border-left: 0 !important
}
.border-primary {
border-color: #007bff !important
}
.border-secondary {
border-color: #6c757d !important
}
.border-success {
border-color: #28a745 !important
}
.border-info {
border-color: #17a2b8 !important
}
.border-warning {
border-color: #ffc107 !important
}
.border-danger {
border-color: #dc3545 !important
}
.border-light {
border-color: #f8f9fa !important
}
.border-dark {
border-color: #343a40 !important
}
.border-white {
border-color: #fff !important
}
.rounded-sm {
border-radius: .2rem !important
}
.rounded {
border-radius: .25rem !important
}
.rounded-top {
border-top-left-radius: .25rem !important;
border-top-right-radius: .25rem !important
}
.rounded-right {
border-top-right-radius: .25rem !important;
border-bottom-right-radius: .25rem !important
}
.rounded-bottom {
border-bottom-right-radius: .25rem !important;
border-bottom-left-radius: .25rem !important
}
.rounded-left {
border-top-left-radius: .25rem !important;
border-bottom-left-radius: .25rem !important
}
.rounded-lg {
border-radius: .3rem !important
}
.rounded-circle {
border-radius: 50% !important
}
.rounded-pill {
border-radius: 50rem !important
}
.rounded-0 {
border-radius: 0 !important
}
.clearfix::after {
display: block;
clear: both;
content: ""
}
.d-none {
display: none !important
}
.d-inline {
display: inline !important
}
.d-inline-block {
display: inline-block !important
}
.d-block {
display: block !important
}
.d-table {
display: table !important
}
.d-table-row {
display: table-row !important
}
.d-table-cell {
display: table-cell !important
}
.d-flex {
display: -ms-flexbox !important;
display: flex !important
}
.d-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important
}
@media (min-width:576px) {
.d-sm-none {
display: none !important
}
.d-sm-inline {
display: inline !important
}
.d-sm-inline-block {
display: inline-block !important
}
.d-sm-block {
display: block !important
}
.d-sm-table {
display: table !important
}
.d-sm-table-row {
display: table-row !important
}
.d-sm-table-cell {
display: table-cell !important
}
.d-sm-flex {
display: -ms-flexbox !important;
display: flex !important
}
.d-sm-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important
}
}
@media (min-width:768px) {
.d-md-none {
display: none !important
}
.d-md-inline {
display: inline !important
}
.d-md-inline-block {
display: inline-block !important
}
.d-md-block {
display: block !important
}
.d-md-table {
display: table !important
}
.d-md-table-row {
display: table-row !important
}
.d-md-table-cell {
display: table-cell !important
}
.d-md-flex {
display: -ms-flexbox !important;
display: flex !important
}
.d-md-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important
}
}
@media (min-width:992px) {
.d-lg-none {
display: none !important
}
.d-lg-inline {
display: inline !important
}
.d-lg-inline-block {
display: inline-block !important
}
.d-lg-block {
display: block !important
}
.d-lg-table {
display: table !important
}
.d-lg-table-row {
display: table-row !important
}
.d-lg-table-cell {
display: table-cell !important
}
.d-lg-flex {
display: -ms-flexbox !important;
display: flex !important
}
.d-lg-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important
}
}
@media (min-width:1200px) {
.d-xl-none {
display: none !important
}
.d-xl-inline {
display: inline !important
}
.d-xl-inline-block {
display: inline-block !important
}
.d-xl-block {
display: block !important
}
.d-xl-table {
display: table !important
}
.d-xl-table-row {
display: table-row !important
}
.d-xl-table-cell {
display: table-cell !important
}
.d-xl-flex {
display: -ms-flexbox !important;
display: flex !important
}
.d-xl-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important
}
}
@media print {
.d-print-none {
display: none !important
}
.d-print-inline {
display: inline !important
}
.d-print-inline-block {
display: inline-block !important
}
.d-print-block {
display: block !important
}
.d-print-table {
display: table !important
}
.d-print-table-row {
display: table-row !important
}
.d-print-table-cell {
display: table-cell !important
}
.d-print-flex {
display: -ms-flexbox !important;
display: flex !important
}
.d-print-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important
}
}
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden
}
.embed-responsive::before {
display: block;
content: ""
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0
}
.embed-responsive-21by9::before {
padding-top: 42.857143%
}
.embed-responsive-16by9::before {
padding-top: 56.25%
}
.embed-responsive-4by3::before {
padding-top: 75%
}
.embed-responsive-1by1::before {
padding-top: 100%
}
.flex-row {
-ms-flex-direction: row !important;
flex-direction: row !important
}
.flex-column {
-ms-flex-direction: column !important;
flex-direction: column !important
}
.flex-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important
}
.flex-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important
}
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important
}
.flex-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important
}
.flex-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important
}
.flex-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important
}
.flex-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important
}
.flex-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important
}
.justify-content-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important
}
.justify-content-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important
}
.justify-content-center {
-ms-flex-pack: center !important;
justify-content: center !important
}
.justify-content-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important
}
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important
}
.align-items-start {
-ms-flex-align: start !important;
align-items: flex-start !important
}
.align-items-end {
-ms-flex-align: end !important;
align-items: flex-end !important
}
.align-items-center {
-ms-flex-align: center !important;
align-items: center !important
}
.align-items-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important
}
.align-items-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important
}
.align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important
}
.align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important
}
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important
}
.align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important
}
.align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important
}
.align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important
}
.align-self-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important
}
.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important
}
.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important
}
.align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important
}
.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important
}
.align-self-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important
}
@media (min-width:576px) {
.flex-sm-row {
-ms-flex-direction: row !important;
flex-direction: row !important
}
.flex-sm-column {
-ms-flex-direction: column !important;
flex-direction: column !important
}
.flex-sm-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important
}
.flex-sm-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important
}
.flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important
}
.flex-sm-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important
}
.flex-sm-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important
}
.flex-sm-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important
}
.flex-sm-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important
}
.flex-sm-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important
}
.justify-content-sm-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important
}
.justify-content-sm-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important
}
.justify-content-sm-center {
-ms-flex-pack: center !important;
justify-content: center !important
}
.justify-content-sm-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important
}
.justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important
}
.align-items-sm-start {
-ms-flex-align: start !important;
align-items: flex-start !important
}
.align-items-sm-end {
-ms-flex-align: end !important;
align-items: flex-end !important
}
.align-items-sm-center {
-ms-flex-align: center !important;
align-items: center !important
}
.align-items-sm-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important
}
.align-items-sm-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important
}
.align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important
}
.align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important
}
.align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important
}
.align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important
}
.align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important
}
.align-self-sm-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important
}
.align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important
}
.align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important
}
.align-self-sm-center {
-ms-flex-item-align: center !important;
align-self: center !important
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important
}
}
@media (min-width:768px) {
.flex-md-row {
-ms-flex-direction: row !important;
flex-direction: row !important
}
.flex-md-column {
-ms-flex-direction: column !important;
flex-direction: column !important
}
.flex-md-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important
}
.flex-md-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important
}
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important
}
.flex-md-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important
}
.flex-md-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important
}
.flex-md-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important
}
.flex-md-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important
}
.flex-md-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important
}
.justify-content-md-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important
}
.justify-content-md-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important
}
.justify-content-md-center {
-ms-flex-pack: center !important;
justify-content: center !important
}
.justify-content-md-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important
}
.justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important
}
.align-items-md-start {
-ms-flex-align: start !important;
align-items: flex-start !important
}
.align-items-md-end {
-ms-flex-align: end !important;
align-items: flex-end !important
}
.align-items-md-center {
-ms-flex-align: center !important;
align-items: center !important
}
.align-items-md-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important
}
.align-items-md-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important
}
.align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important
}
.align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important
}
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important
}
.align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important
}
.align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important
}
.align-self-md-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important
}
.align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important
}
.align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important
}
.align-self-md-center {
-ms-flex-item-align: center !important;
align-self: center !important
}
.align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important
}
.align-self-md-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important
}
}
@media (min-width:992px) {
.flex-lg-row {
-ms-flex-direction: row !important;
flex-direction: row !important
}
.flex-lg-column {
-ms-flex-direction: column !important;
flex-direction: column !important
}
.flex-lg-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important
}
.flex-lg-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important
}
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important
}
.flex-lg-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important
}
.flex-lg-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important
}
.flex-lg-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important
}
.flex-lg-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important
}
.flex-lg-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important
}
.justify-content-lg-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important
}
.justify-content-lg-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important
}
.justify-content-lg-center {
-ms-flex-pack: center !important;
justify-content: center !important
}
.justify-content-lg-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important
}
.justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important
}
.align-items-lg-start {
-ms-flex-align: start !important;
align-items: flex-start !important
}
.align-items-lg-end {
-ms-flex-align: end !important;
align-items: flex-end !important
}
.align-items-lg-center {
-ms-flex-align: center !important;
align-items: center !important
}
.align-items-lg-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important
}
.align-items-lg-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important
}
.align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important
}
.align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important
}
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important
}
.align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important
}
.align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important
}
.align-self-lg-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important
}
.align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important
}
.align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important
}
.align-self-lg-center {
-ms-flex-item-align: center !important;
align-self: center !important
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important
}
}
@media (min-width:1200px) {
.flex-xl-row {
-ms-flex-direction: row !important;
flex-direction: row !important
}
.flex-xl-column {
-ms-flex-direction: column !important;
flex-direction: column !important
}
.flex-xl-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important
}
.flex-xl-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important
}
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important
}
.flex-xl-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important
}
.flex-xl-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important
}
.flex-xl-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important
}
.flex-xl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important
}
.flex-xl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important
}
.justify-content-xl-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important
}
.justify-content-xl-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important
}
.justify-content-xl-center {
-ms-flex-pack: center !important;
justify-content: center !important
}
.justify-content-xl-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important
}
.justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important
}
.align-items-xl-start {
-ms-flex-align: start !important;
align-items: flex-start !important
}
.align-items-xl-end {
-ms-flex-align: end !important;
align-items: flex-end !important
}
.align-items-xl-center {
-ms-flex-align: center !important;
align-items: center !important
}
.align-items-xl-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important
}
.align-items-xl-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important
}
.align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important
}
.align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important
}
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important
}
.align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important
}
.align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important
}
.align-self-xl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important
}
.align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important
}
.align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important
}
.align-self-xl-center {
-ms-flex-item-align: center !important;
align-self: center !important
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important
}
}
.float-left {
float: left !important
}
.float-right {
float: right !important
}
.float-none {
float: none !important
}
@media (min-width:576px) {
.float-sm-left {
float: left !important
}
.float-sm-right {
float: right !important
}
.float-sm-none {
float: none !important
}
}
@media (min-width:768px) {
.float-md-left {
float: left !important
}
.float-md-right {
float: right !important
}
.float-md-none {
float: none !important
}
}
@media (min-width:992px) {
.float-lg-left {
float: left !important
}
.float-lg-right {
float: right !important
}
.float-lg-none {
float: none !important
}
}
@media (min-width:1200px) {
.float-xl-left {
float: left !important
}
.float-xl-right {
float: right !important
}
.float-xl-none {
float: none !important
}
}
.user-select-all {
-webkit-user-select: all !important;
-moz-user-select: all !important;
user-select: all !important
}
.user-select-auto {
-webkit-user-select: auto !important;
-moz-user-select: auto !important;
-ms-user-select: auto !important;
user-select: auto !important
}
.user-select-none {
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important
}
.overflow-auto {
overflow: auto !important
}
.overflow-hidden {
overflow: hidden !important
}
.position-static {
position: static !important
}
.position-relative {
position: relative !important
}
.position-absolute {
position: absolute !important
}
.position-fixed {
position: fixed !important
}
.position-sticky {
position: -webkit-sticky !important;
position: sticky !important
}
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030
}
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.sticky-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal
}
.shadow-sm {
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}
.shadow {
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}
.shadow-lg {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}
.shadow-none {
box-shadow: none !important
}
.w-25 {
width: 25% !important
}
.w-50 {
width: 50% !important
}
.w-75 {
width: 75% !important
}
.w-100 {
width: 100% !important
}
.w-auto {
width: auto !important
}
.h-25 {
height: 25% !important
}
.h-50 {
height: 50% !important
}
.h-75 {
height: 75% !important
}
.h-100 {
height: 100% !important
}
.h-auto {
height: auto !important
}
.mw-100 {
max-width: 100% !important
}
.mh-100 {
max-height: 100% !important
}
.min-vw-100 {
min-width: 100vw !important
}
.min-vh-100 {
min-height: 100vh !important
}
.vw-100 {
width: 100vw !important
}
.vh-100 {
height: 100vh !important
}
.m-0 {
margin: 0 !important
}
.mt-0,
.my-0 {
margin-top: 0 !important
}
.mr-0,
.mx-0 {
margin-right: 0 !important
}
.mb-0,
.my-0 {
margin-bottom: 0 !important
}
.ml-0,
.mx-0 {
margin-left: 0 !important
}
.m-1 {
margin: .25rem !important
}
.mt-1,
.my-1 {
margin-top: .25rem !important
}
.mr-1,
.mx-1 {
margin-right: .25rem !important
}
.mb-1,
.my-1 {
margin-bottom: .25rem !important
}
.ml-1,
.mx-1 {
margin-left: .25rem !important
}
.m-2 {
margin: .5rem !important
}
.mt-2,
.my-2 {
margin-top: .5rem !important
}
.mr-2,
.mx-2 {
margin-right: .5rem !important
}
.mb-2,
.my-2 {
margin-bottom: .5rem !important
}
.ml-2,
.mx-2 {
margin-left: .5rem !important
}
.m-3 {
margin: 1rem !important
}
.mt-3,
.my-3 {
margin-top: 1rem !important
}
.mr-3,
.mx-3 {
margin-right: 1rem !important
}
.mb-3,
.my-3 {
margin-bottom: 1rem !important
}
.ml-3,
.mx-3 {
margin-left: 1rem !important
}
.m-4 {
margin: 1.5rem !important
}
.mt-4,
.my-4 {
margin-top: 1.5rem !important
}
.mr-4,
.mx-4 {
margin-right: 1.5rem !important
}
.mb-4,
.my-4 {
margin-bottom: 1.5rem !important
}
.ml-4,
.mx-4 {
margin-left: 1.5rem !important
}
.m-5 {
margin: 3rem !important
}
.mt-5,
.my-5 {
margin-top: 3rem !important
}
.mr-5,
.mx-5 {
margin-right: 3rem !important
}
.mb-5,
.my-5 {
margin-bottom: 3rem !important
}
.ml-5,
.mx-5 {
margin-left: 3rem !important
}
.p-0 {
padding: 0 !important
}
.pt-0,
.py-0 {
padding-top: 0 !important
}
.pr-0,
.px-0 {
padding-right: 0 !important
}
.pb-0,
.py-0 {
padding-bottom: 0 !important
}
.pl-0,
.px-0 {
padding-left: 0 !important
}
.p-1 {
padding: .25rem !important
}
.pt-1,
.py-1 {
padding-top: .25rem !important
}
.pr-1,
.px-1 {
padding-right: .25rem !important
}
.pb-1,
.py-1 {
padding-bottom: .25rem !important
}
.pl-1,
.px-1 {
padding-left: .25rem !important
}
.p-2 {
padding: .5rem !important
}
.pt-2,
.py-2 {
padding-top: .5rem !important
}
.pr-2,
.px-2 {
padding-right: .5rem !important
}
.pb-2,
.py-2 {
padding-bottom: .5rem !important
}
.pl-2,
.px-2 {
padding-left: .5rem !important
}
.p-3 {
padding: 1rem !important
}
.pt-3,
.py-3 {
padding-top: 1rem !important
}
.pr-3,
.px-3 {
padding-right: 1rem !important
}
.pb-3,
.py-3 {
padding-bottom: 1rem !important
}
.pl-3,
.px-3 {
padding-left: 1rem !important
}
.p-4 {
padding: 1.5rem !important
}
.pt-4,
.py-4 {
padding-top: 1.5rem !important
}
.pr-4,
.px-4 {
padding-right: 1.5rem !important
}
.pb-4,
.py-4 {
padding-bottom: 1.5rem !important
}
.pl-4,
.px-4 {
padding-left: 1.5rem !important
}
.p-5 {
padding: 3rem !important
}
.pt-5,
.py-5 {
padding-top: 3rem !important
}
.pr-5,
.px-5 {
padding-right: 3rem !important
}
.pb-5,
.py-5 {
padding-bottom: 3rem !important
}
.pl-5,
.px-5 {
padding-left: 3rem !important
}
.m-n1 {
margin: -.25rem !important
}
.mt-n1,
.my-n1 {
margin-top: -.25rem !important
}
.mr-n1,
.mx-n1 {
margin-right: -.25rem !important
}
.mb-n1,
.my-n1 {
margin-bottom: -.25rem !important
}
.ml-n1,
.mx-n1 {
margin-left: -.25rem !important
}
.m-n2 {
margin: -.5rem !important
}
.mt-n2,
.my-n2 {
margin-top: -.5rem !important
}
.mr-n2,
.mx-n2 {
margin-right: -.5rem !important
}
.mb-n2,
.my-n2 {
margin-bottom: -.5rem !important
}
.ml-n2,
.mx-n2 {
margin-left: -.5rem !important
}
.m-n3 {
margin: -1rem !important
}
.mt-n3,
.my-n3 {
margin-top: -1rem !important
}
.mr-n3,
.mx-n3 {
margin-right: -1rem !important
}
.mb-n3,
.my-n3 {
margin-bottom: -1rem !important
}
.ml-n3,
.mx-n3 {
margin-left: -1rem !important
}
.m-n4 {
margin: -1.5rem !important
}
.mt-n4,
.my-n4 {
margin-top: -1.5rem !important
}
.mr-n4,
.mx-n4 {
margin-right: -1.5rem !important
}
.mb-n4,
.my-n4 {
margin-bottom: -1.5rem !important
}
.ml-n4,
.mx-n4 {
margin-left: -1.5rem !important
}
.m-n5 {
margin: -3rem !important
}
.mt-n5,
.my-n5 {
margin-top: -3rem !important
}
.mr-n5,
.mx-n5 {
margin-right: -3rem !important
}
.mb-n5,
.my-n5 {
margin-bottom: -3rem !important
}
.ml-n5,
.mx-n5 {
margin-left: -3rem !important
}
.m-auto {
margin: auto !important
}
.mt-auto,
.my-auto {
margin-top: auto !important
}
.mr-auto,
.mx-auto {
margin-right: auto !important
}
.mb-auto,
.my-auto {
margin-bottom: auto !important
}
.ml-auto,
.mx-auto {
margin-left: auto !important
}
@media (min-width:576px) {
.m-sm-0 {
margin: 0 !important
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important
}
.m-sm-1 {
margin: .25rem !important
}
.mt-sm-1,
.my-sm-1 {
margin-top: .25rem !important
}
.mr-sm-1,
.mx-sm-1 {
margin-right: .25rem !important
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: .25rem !important
}
.ml-sm-1,
.mx-sm-1 {
margin-left: .25rem !important
}
.m-sm-2 {
margin: .5rem !important
}
.mt-sm-2,
.my-sm-2 {
margin-top: .5rem !important
}
.mr-sm-2,
.mx-sm-2 {
margin-right: .5rem !important
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: .5rem !important
}
.ml-sm-2,
.mx-sm-2 {
margin-left: .5rem !important
}
.m-sm-3 {
margin: 1rem !important
}
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important
}
.m-sm-4 {
margin: 1.5rem !important
}
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important
}
.m-sm-5 {
margin: 3rem !important
}
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important
}
.p-sm-0 {
padding: 0 !important
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important
}
.p-sm-1 {
padding: .25rem !important
}
.pt-sm-1,
.py-sm-1 {
padding-top: .25rem !important
}
.pr-sm-1,
.px-sm-1 {
padding-right: .25rem !important
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: .25rem !important
}
.pl-sm-1,
.px-sm-1 {
padding-left: .25rem !important
}
.p-sm-2 {
padding: .5rem !important
}
.pt-sm-2,
.py-sm-2 {
padding-top: .5rem !important
}
.pr-sm-2,
.px-sm-2 {
padding-right: .5rem !important
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: .5rem !important
}
.pl-sm-2,
.px-sm-2 {
padding-left: .5rem !important
}
.p-sm-3 {
padding: 1rem !important
}
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important
}
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important
}
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important
}
.p-sm-4 {
padding: 1.5rem !important
}
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important
}
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important
}
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important
}
.p-sm-5 {
padding: 3rem !important
}
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important
}
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important
}
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important
}
.m-sm-n1 {
margin: -.25rem !important
}
.mt-sm-n1,
.my-sm-n1 {
margin-top: -.25rem !important
}
.mr-sm-n1,
.mx-sm-n1 {
margin-right: -.25rem !important
}
.mb-sm-n1,
.my-sm-n1 {
margin-bottom: -.25rem !important
}
.ml-sm-n1,
.mx-sm-n1 {
margin-left: -.25rem !important
}
.m-sm-n2 {
margin: -.5rem !important
}
.mt-sm-n2,
.my-sm-n2 {
margin-top: -.5rem !important
}
.mr-sm-n2,
.mx-sm-n2 {
margin-right: -.5rem !important
}
.mb-sm-n2,
.my-sm-n2 {
margin-bottom: -.5rem !important
}
.ml-sm-n2,
.mx-sm-n2 {
margin-left: -.5rem !important
}
.m-sm-n3 {
margin: -1rem !important
}
.mt-sm-n3,
.my-sm-n3 {
margin-top: -1rem !important
}
.mr-sm-n3,
.mx-sm-n3 {
margin-right: -1rem !important
}
.mb-sm-n3,
.my-sm-n3 {
margin-bottom: -1rem !important
}
.ml-sm-n3,
.mx-sm-n3 {
margin-left: -1rem !important
}
.m-sm-n4 {
margin: -1.5rem !important
}
.mt-sm-n4,
.my-sm-n4 {
margin-top: -1.5rem !important
}
.mr-sm-n4,
.mx-sm-n4 {
margin-right: -1.5rem !important
}
.mb-sm-n4,
.my-sm-n4 {
margin-bottom: -1.5rem !important
}
.ml-sm-n4,
.mx-sm-n4 {
margin-left: -1.5rem !important
}
.m-sm-n5 {
margin: -3rem !important
}
.mt-sm-n5,
.my-sm-n5 {
margin-top: -3rem !important
}
.mr-sm-n5,
.mx-sm-n5 {
margin-right: -3rem !important
}
.mb-sm-n5,
.my-sm-n5 {
margin-bottom: -3rem !important
}
.ml-sm-n5,
.mx-sm-n5 {
margin-left: -3rem !important
}
.m-sm-auto {
margin: auto !important
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important
}
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important
}
}
@media (min-width:768px) {
.m-md-0 {
margin: 0 !important
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important
}
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important
}
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important
}
.m-md-1 {
margin: .25rem !important
}
.mt-md-1,
.my-md-1 {
margin-top: .25rem !important
}
.mr-md-1,
.mx-md-1 {
margin-right: .25rem !important
}
.mb-md-1,
.my-md-1 {
margin-bottom: .25rem !important
}
.ml-md-1,
.mx-md-1 {
margin-left: .25rem !important
}
.m-md-2 {
margin: .5rem !important
}
.mt-md-2,
.my-md-2 {
margin-top: .5rem !important
}
.mr-md-2,
.mx-md-2 {
margin-right: .5rem !important
}
.mb-md-2,
.my-md-2 {
margin-bottom: .5rem !important
}
.ml-md-2,
.mx-md-2 {
margin-left: .5rem !important
}
.m-md-3 {
margin: 1rem !important
}
.mt-md-3,
.my-md-3 {
margin-top: 1rem !important
}
.mr-md-3,
.mx-md-3 {
margin-right: 1rem !important
}
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important
}
.ml-md-3,
.mx-md-3 {
margin-left: 1rem !important
}
.m-md-4 {
margin: 1.5rem !important
}
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important
}
.mr-md-4,
.mx-md-4 {
margin-right: 1.5rem !important
}
.mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem !important
}
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important
}
.m-md-5 {
margin: 3rem !important
}
.mt-md-5,
.my-md-5 {
margin-top: 3rem !important
}
.mr-md-5,
.mx-md-5 {
margin-right: 3rem !important
}
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important
}
.ml-md-5,
.mx-md-5 {
margin-left: 3rem !important
}
.p-md-0 {
padding: 0 !important
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important
}
.pr-md-0,
.px-md-0 {
padding-right: 0 !important
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important
}
.pl-md-0,
.px-md-0 {
padding-left: 0 !important
}
.p-md-1 {
padding: .25rem !important
}
.pt-md-1,
.py-md-1 {
padding-top: .25rem !important
}
.pr-md-1,
.px-md-1 {
padding-right: .25rem !important
}
.pb-md-1,
.py-md-1 {
padding-bottom: .25rem !important
}
.pl-md-1,
.px-md-1 {
padding-left: .25rem !important
}
.p-md-2 {
padding: .5rem !important
}
.pt-md-2,
.py-md-2 {
padding-top: .5rem !important
}
.pr-md-2,
.px-md-2 {
padding-right: .5rem !important
}
.pb-md-2,
.py-md-2 {
padding-bottom: .5rem !important
}
.pl-md-2,
.px-md-2 {
padding-left: .5rem !important
}
.p-md-3 {
padding: 1rem !important
}
.pt-md-3,
.py-md-3 {
padding-top: 1rem !important
}
.pr-md-3,
.px-md-3 {
padding-right: 1rem !important
}
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important
}
.pl-md-3,
.px-md-3 {
padding-left: 1rem !important
}
.p-md-4 {
padding: 1.5rem !important
}
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important
}
.pr-md-4,
.px-md-4 {
padding-right: 1.5rem !important
}
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important
}
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important
}
.p-md-5 {
padding: 3rem !important
}
.pt-md-5,
.py-md-5 {
padding-top: 3rem !important
}
.pr-md-5,
.px-md-5 {
padding-right: 3rem !important
}
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important
}
.pl-md-5,
.px-md-5 {
padding-left: 3rem !important
}
.m-md-n1 {
margin: -.25rem !important
}
.mt-md-n1,
.my-md-n1 {
margin-top: -.25rem !important
}
.mr-md-n1,
.mx-md-n1 {
margin-right: -.25rem !important
}
.mb-md-n1,
.my-md-n1 {
margin-bottom: -.25rem !important
}
.ml-md-n1,
.mx-md-n1 {
margin-left: -.25rem !important
}
.m-md-n2 {
margin: -.5rem !important
}
.mt-md-n2,
.my-md-n2 {
margin-top: -.5rem !important
}
.mr-md-n2,
.mx-md-n2 {
margin-right: -.5rem !important
}
.mb-md-n2,
.my-md-n2 {
margin-bottom: -.5rem !important
}
.ml-md-n2,
.mx-md-n2 {
margin-left: -.5rem !important
}
.m-md-n3 {
margin: -1rem !important
}
.mt-md-n3,
.my-md-n3 {
margin-top: -1rem !important
}
.mr-md-n3,
.mx-md-n3 {
margin-right: -1rem !important
}
.mb-md-n3,
.my-md-n3 {
margin-bottom: -1rem !important
}
.ml-md-n3,
.mx-md-n3 {
margin-left: -1rem !important
}
.m-md-n4 {
margin: -1.5rem !important
}
.mt-md-n4,
.my-md-n4 {
margin-top: -1.5rem !important
}
.mr-md-n4,
.mx-md-n4 {
margin-right: -1.5rem !important
}
.mb-md-n4,
.my-md-n4 {
margin-bottom: -1.5rem !important
}
.ml-md-n4,
.mx-md-n4 {
margin-left: -1.5rem !important
}
.m-md-n5 {
margin: -3rem !important
}
.mt-md-n5,
.my-md-n5 {
margin-top: -3rem !important
}
.mr-md-n5,
.mx-md-n5 {
margin-right: -3rem !important
}
.mb-md-n5,
.my-md-n5 {
margin-bottom: -3rem !important
}
.ml-md-n5,
.mx-md-n5 {
margin-left: -3rem !important
}
.m-md-auto {
margin: auto !important
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important
}
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important
}
}
@media (min-width:992px) {
.m-lg-0 {
margin: 0 !important
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important
}
.m-lg-1 {
margin: .25rem !important
}
.mt-lg-1,
.my-lg-1 {
margin-top: .25rem !important
}
.mr-lg-1,
.mx-lg-1 {
margin-right: .25rem !important
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: .25rem !important
}
.ml-lg-1,
.mx-lg-1 {
margin-left: .25rem !important
}
.m-lg-2 {
margin: .5rem !important
}
.mt-lg-2,
.my-lg-2 {
margin-top: .5rem !important
}
.mr-lg-2,
.mx-lg-2 {
margin-right: .5rem !important
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: .5rem !important
}
.ml-lg-2,
.mx-lg-2 {
margin-left: .5rem !important
}
.m-lg-3 {
margin: 1rem !important
}
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important
}
.mr-lg-3,
.mx-lg-3 {
margin-right: 1rem !important
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important
}
.m-lg-4 {
margin: 1.5rem !important
}
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem !important
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important
}
.m-lg-5 {
margin: 3rem !important
}
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important
}
.mr-lg-5,
.mx-lg-5 {
margin-right: 3rem !important
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important
}
.p-lg-0 {
padding: 0 !important
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important
}
.p-lg-1 {
padding: .25rem !important
}
.pt-lg-1,
.py-lg-1 {
padding-top: .25rem !important
}
.pr-lg-1,
.px-lg-1 {
padding-right: .25rem !important
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: .25rem !important
}
.pl-lg-1,
.px-lg-1 {
padding-left: .25rem !important
}
.p-lg-2 {
padding: .5rem !important
}
.pt-lg-2,
.py-lg-2 {
padding-top: .5rem !important
}
.pr-lg-2,
.px-lg-2 {
padding-right: .5rem !important
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: .5rem !important
}
.pl-lg-2,
.px-lg-2 {
padding-left: .5rem !important
}
.p-lg-3 {
padding: 1rem !important
}
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important
}
.pr-lg-3,
.px-lg-3 {
padding-right: 1rem !important
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important
}
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important
}
.p-lg-4 {
padding: 1.5rem !important
}
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important
}
.pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem !important
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important
}
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important
}
.p-lg-5 {
padding: 3rem !important
}
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important
}
.pr-lg-5,
.px-lg-5 {
padding-right: 3rem !important
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important
}
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important
}
.m-lg-n1 {
margin: -.25rem !important
}
.mt-lg-n1,
.my-lg-n1 {
margin-top: -.25rem !important
}
.mr-lg-n1,
.mx-lg-n1 {
margin-right: -.25rem !important
}
.mb-lg-n1,
.my-lg-n1 {
margin-bottom: -.25rem !important
}
.ml-lg-n1,
.mx-lg-n1 {
margin-left: -.25rem !important
}
.m-lg-n2 {
margin: -.5rem !important
}
.mt-lg-n2,
.my-lg-n2 {
margin-top: -.5rem !important
}
.mr-lg-n2,
.mx-lg-n2 {
margin-right: -.5rem !important
}
.mb-lg-n2,
.my-lg-n2 {
margin-bottom: -.5rem !important
}
.ml-lg-n2,
.mx-lg-n2 {
margin-left: -.5rem !important
}
.m-lg-n3 {
margin: -1rem !important
}
.mt-lg-n3,
.my-lg-n3 {
margin-top: -1rem !important
}
.mr-lg-n3,
.mx-lg-n3 {
margin-right: -1rem !important
}
.mb-lg-n3,
.my-lg-n3 {
margin-bottom: -1rem !important
}
.ml-lg-n3,
.mx-lg-n3 {
margin-left: -1rem !important
}
.m-lg-n4 {
margin: -1.5rem !important
}
.mt-lg-n4,
.my-lg-n4 {
margin-top: -1.5rem !important
}
.mr-lg-n4,
.mx-lg-n4 {
margin-right: -1.5rem !important
}
.mb-lg-n4,
.my-lg-n4 {
margin-bottom: -1.5rem !important
}
.ml-lg-n4,
.mx-lg-n4 {
margin-left: -1.5rem !important
}
.m-lg-n5 {
margin: -3rem !important
}
.mt-lg-n5,
.my-lg-n5 {
margin-top: -3rem !important
}
.mr-lg-n5,
.mx-lg-n5 {
margin-right: -3rem !important
}
.mb-lg-n5,
.my-lg-n5 {
margin-bottom: -3rem !important
}
.ml-lg-n5,
.mx-lg-n5 {
margin-left: -3rem !important
}
.m-lg-auto {
margin: auto !important
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important
}
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important
}
}
@media (min-width:1200px) {
.m-xl-0 {
margin: 0 !important
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important
}
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important
}
.m-xl-1 {
margin: .25rem !important
}
.mt-xl-1,
.my-xl-1 {
margin-top: .25rem !important
}
.mr-xl-1,
.mx-xl-1 {
margin-right: .25rem !important
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: .25rem !important
}
.ml-xl-1,
.mx-xl-1 {
margin-left: .25rem !important
}
.m-xl-2 {
margin: .5rem !important
}
.mt-xl-2,
.my-xl-2 {
margin-top: .5rem !important
}
.mr-xl-2,
.mx-xl-2 {
margin-right: .5rem !important
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: .5rem !important
}
.ml-xl-2,
.mx-xl-2 {
margin-left: .5rem !important
}
.m-xl-3 {
margin: 1rem !important
}
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important
}
.mr-xl-3,
.mx-xl-3 {
margin-right: 1rem !important
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important
}
.m-xl-4 {
margin: 1.5rem !important
}
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem !important
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important
}
.m-xl-5 {
margin: 3rem !important
}
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important
}
.p-xl-0 {
padding: 0 !important
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important
}
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important
}
.p-xl-1 {
padding: .25rem !important
}
.pt-xl-1,
.py-xl-1 {
padding-top: .25rem !important
}
.pr-xl-1,
.px-xl-1 {
padding-right: .25rem !important
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: .25rem !important
}
.pl-xl-1,
.px-xl-1 {
padding-left: .25rem !important
}
.p-xl-2 {
padding: .5rem !important
}
.pt-xl-2,
.py-xl-2 {
padding-top: .5rem !important
}
.pr-xl-2,
.px-xl-2 {
padding-right: .5rem !important
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: .5rem !important
}
.pl-xl-2,
.px-xl-2 {
padding-left: .5rem !important
}
.p-xl-3 {
padding: 1rem !important
}
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important
}
.pr-xl-3,
.px-xl-3 {
padding-right: 1rem !important
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important
}
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important
}
.p-xl-4 {
padding: 1.5rem !important
}
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important
}
.pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem !important
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important
}
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important
}
.p-xl-5 {
padding: 3rem !important
}
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important
}
.pr-xl-5,
.px-xl-5 {
padding-right: 3rem !important
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important
}
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important
}
.m-xl-n1 {
margin: -.25rem !important
}
.mt-xl-n1,
.my-xl-n1 {
margin-top: -.25rem !important
}
.mr-xl-n1,
.mx-xl-n1 {
margin-right: -.25rem !important
}
.mb-xl-n1,
.my-xl-n1 {
margin-bottom: -.25rem !important
}
.ml-xl-n1,
.mx-xl-n1 {
margin-left: -.25rem !important
}
.m-xl-n2 {
margin: -.5rem !important
}
.mt-xl-n2,
.my-xl-n2 {
margin-top: -.5rem !important
}
.mr-xl-n2,
.mx-xl-n2 {
margin-right: -.5rem !important
}
.mb-xl-n2,
.my-xl-n2 {
margin-bottom: -.5rem !important
}
.ml-xl-n2,
.mx-xl-n2 {
margin-left: -.5rem !important
}
.m-xl-n3 {
margin: -1rem !important
}
.mt-xl-n3,
.my-xl-n3 {
margin-top: -1rem !important
}
.mr-xl-n3,
.mx-xl-n3 {
margin-right: -1rem !important
}
.mb-xl-n3,
.my-xl-n3 {
margin-bottom: -1rem !important
}
.ml-xl-n3,
.mx-xl-n3 {
margin-left: -1rem !important
}
.m-xl-n4 {
margin: -1.5rem !important
}
.mt-xl-n4,
.my-xl-n4 {
margin-top: -1.5rem !important
}
.mr-xl-n4,
.mx-xl-n4 {
margin-right: -1.5rem !important
}
.mb-xl-n4,
.my-xl-n4 {
margin-bottom: -1.5rem !important
}
.ml-xl-n4,
.mx-xl-n4 {
margin-left: -1.5rem !important
}
.m-xl-n5 {
margin: -3rem !important
}
.mt-xl-n5,
.my-xl-n5 {
margin-top: -3rem !important
}
.mr-xl-n5,
.mx-xl-n5 {
margin-right: -3rem !important
}
.mb-xl-n5,
.my-xl-n5 {
margin-bottom: -3rem !important
}
.ml-xl-n5,
.mx-xl-n5 {
margin-left: -3rem !important
}
.m-xl-auto {
margin: auto !important
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important
}
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important
}
}
.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
background-color: rgba(0, 0, 0, 0)
}
.text-monospace {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important
}
.text-justify {
text-align: justify !important
}
.text-wrap {
white-space: normal !important
}
.text-nowrap {
white-space: nowrap !important
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.text-left {
text-align: left !important
}
.text-right {
text-align: right !important
}
.text-center {
text-align: center !important
}
@media (min-width:576px) {
.text-sm-left {
text-align: left !important
}
.text-sm-right {
text-align: right !important
}
.text-sm-center {
text-align: center !important
}
}
@media (min-width:768px) {
.text-md-left {
text-align: left !important
}
.text-md-right {
text-align: right !important
}
.text-md-center {
text-align: center !important
}
}
@media (min-width:992px) {
.text-lg-left {
text-align: left !important
}
.text-lg-right {
text-align: right !important
}
.text-lg-center {
text-align: center !important
}
}
@media (min-width:1200px) {
.text-xl-left {
text-align: left !important
}
.text-xl-right {
text-align: right !important
}
.text-xl-center {
text-align: center !important
}
}
.text-lowercase {
text-transform: lowercase !important
}
.text-uppercase {
text-transform: uppercase !important
}
.text-capitalize {
text-transform: capitalize !important
}
.font-weight-light {
font-weight: 300 !important
}
.font-weight-lighter {
font-weight: lighter !important
}
.font-weight-normal {
font-weight: 400 !important
}
.font-weight-bold {
font-weight: 700 !important
}
.font-weight-bolder {
font-weight: bolder !important
}
.font-italic {
font-style: italic !important
}
.text-white {
color: #fff !important
}
.text-primary {
color: #007bff !important
}
a.text-primary:focus,
a.text-primary:hover {
color: #0056b3 !important
}
.text-secondary {
color: #6c757d !important
}
a.text-secondary:focus,
a.text-secondary:hover {
color: #494f54 !important
}
.text-success {
color: #28a745 !important
}
a.text-success:focus,
a.text-success:hover {
color: #19692c !important
}
.text-info {
color: #17a2b8 !important
}
a.text-info:focus,
a.text-info:hover {
color: #0f6674 !important
}
.text-warning {
color: #ffc107 !important
}
a.text-warning:focus,
a.text-warning:hover {
color: #ba8b00 !important
}
.text-danger {
color: #dc3545 !important
}
a.text-danger:focus,
a.text-danger:hover {
color: #a71d2a !important
}
.text-light {
color: #f8f9fa !important
}
a.text-light:focus,
a.text-light:hover {
color: #cbd3da !important
}
.text-dark {
color: #343a40 !important
}
a.text-dark:focus,
a.text-dark:hover {
color: #121416 !important
}
.text-body {
color: #212529 !important
}
.text-muted {
color: #6c757d !important
}
.text-black-50 {
color: rgba(0, 0, 0, .5) !important
}
.text-white-50 {
color: rgba(255, 255, 255, .5) !important
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.text-decoration-none {
text-decoration: none !important
}
.text-break {
word-break: break-word !important;
word-wrap: break-word !important
}
.text-reset {
color: inherit !important
}
.visible {
visibility: visible !important
}
.invisible {
visibility: hidden !important
}
@media print {
*,
::after,
::before {
text-shadow: none !important;
box-shadow: none !important
}
a:not(.btn) {
text-decoration: underline
}
abbr[title]::after {
content: " ("attr(title) ")"
}
pre {
white-space: pre-wrap !important
}
blockquote,
pre {
border: 1px solid #adb5bd;
page-break-inside: avoid
}
img,
tr {
page-break-inside: avoid
}
h2,
h3,
p {
orphans: 3;
widows: 3
}
h2,
h3 {
page-break-after: avoid
}
@page {
size: a3
}
body {
min-width: 992px !important
}
.container {
min-width: 992px !important
}
.navbar {
display: none
}
.badge {
border: 1px solid #000
}
.table {
border-collapse: collapse !important
}
.table td,
.table th {
background-color: #fff !important
}
.table-bordered td,
.table-bordered th {
border: 1px solid #dee2e6 !important
}
.table-dark {
color: inherit
}
.table-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
border-color: #dee2e6
}
.table .thead-dark th {
color: inherit;
border-color: #dee2e6
}
}
/*# sourceMappingURL=bootstrap.min.css.map */1</style>
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link rel="preload" href="https://www.sweetypatel.net/assets/css/fonts/icomoon.eot" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="https://www.sweetypatel.net/assets/css/fonts/icomoon.ttf?d1ctd4" as="font" crossorigin>
<link rel="preload" href="https://www.sweetypatel.net/assets/css/fonts/icomoon.svg" as="font" type="font/woff2" crossorigin>
<meta name="dmca-site-verification" content="eEtrcm92RHcvWDN3K0ZjVFQxT0ppaEpuSUZ6ajR4dzRFVG1JMlVyRlBHVT01" />
<style>/* Header start */
@-webkit-keyframes slideLeft {
0% {
opacity: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%)
}
}
@keyframes slideLeft {
0% {
opacity: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%)
}
}
@-webkit-keyframes slideRight {
0% {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%)
}
100% {
opacity: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
}
@keyframes slideRight {
0% {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%)
}
100% {
opacity: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
}
.brand {
font-family: inherit;
font-size: 1.75rem;
font-weight: 700;
line-height: inherit;
color: #531b8b;
border: none;
outline: none;
text-transform: uppercase;
text-rendering: optimizeLegibility
}
.brand img{
width: 150px;
}
@media screen and (max-width: 1024px) {
.brand img{
width: 130px;
}
}
@media screen and (max-width: 325px) {
.brand img{
width: 110px;
}
}
.header {
position: fixed;
display: block;
top: 0;
left: 0;
width: 100%;
height: auto;
padding: 7px 0;
margin: 0 auto;
z-index: 999;
border: none;
outline: none;
background: #fff;
-webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
}
@media screen and (max-width: 600px) {
.header{
padding: 5px 0;
}
}
.header .wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.header-item-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 15%;
flex: 0 0 15%
}
.header-item-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 70%;
flex: 0 0 70%
}
.header-item-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 15%;
flex: 0 0 15%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.header-item-right .menu-icon {
font-size: 1.35rem;
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;
gap: 1rem;
margin-left: 1rem;
border: none;
outline: none;
color: #121212;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
.header .menu>ul>li {
display: inline-block;
line-height: 3.125rem;
margin-left: 12px
}
.header .menu>ul>li>a {
position: relative;
font-size: 1rem;
font-weight: 600;
line-height: 1.25;
border: none;
outline: none;
color: #121212;
text-transform: uppercase;
text-rendering: optimizeLegibility;
-webkit-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
display: flex;
align-items: center;
}
.header .menu>ul>li>a img{
opacity: .6;
margin-top: -4px;
width: 22px;
}
.header .menu>ul>li .menu-subs {
position: absolute;
width: 100%;
height: auto;
margin-top: 1.75rem;
padding: 1rem 2rem;
border: none;
outline: none;
z-index: 500;
opacity: 0;
visibility: hidden;
border-radius: .25rem;
border-top: 3px solid #531b8b;
background: #fafafa;
-webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
-webkit-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out
}
.header .menu>ul>li .menu-subs>ul>li {
line-height: 1
}
.header .menu>ul>li .menu-subs>ul>li>a {
display: inline-block;
font-family: inherit;
font-size: 1rem;
font-weight: 500;
line-height: 1.25;
padding: .75rem 0;
border: none;
outline: none;
color: #121212;
text-transform: capitalize;
text-rendering: optimizeLegibility;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.header .menu>ul>li .menu-column-1 {
min-width: 16rem;
max-width: 20rem
}
.header .menu>ul>li .menu-subs.menu-mega {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.list-item ul{
padding: 0;
}
.header .menu>ul>li .menu-subs.menu-mega>.list-item>ul>li {
display: block;
line-height: 1
}
.header .menu>ul>li .menu-subs.menu-mega>.list-item>ul>li>a {
display: inline-block;
font-family: inherit;
font-size: 1rem;
font-weight: 500;
line-height: 1.25;
padding: .5rem 0;
border: none;
outline: none;
color: #121212;
text-transform: uppercase;
text-rendering: optimizeLegibility;
-webkit-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out
}
.header .menu>ul>li .menu-subs.menu-column-4 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 68rem;
width: 100%;
padding: 1.25rem 1rem
}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
padding: 0 1rem
}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item .title {
font-family: inherit;
font-size: 1rem;
font-weight: 500;
line-height: 1;
padding: .75rem 0;
border: none;
outline: none;
color: #531b8b;
text-transform: uppercase;
text-rendering: optimizeLegibility;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item.text-center .title {
text-align: center
}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item img.responsive {
max-width: 100%;
width: 100%;
height: auto;
margin-top: .75rem;
-o-object-fit: cover;
object-fit: cover;
vertical-align: middle
}
.header .menu>ul>li .menu-subs.menu-mega>.list-item>ul>li>a:hover,
.header .menu>ul>li .menu-subs>ul>li>a:hover {
color: #531b8b
}
.header-item-right a:hover,
.header .menu>ul>li:hover>a {
color: #531b8b
}
@media only screen and (min-width:993px) {
.header .menu>ul>li.menu-item-has-children:hover .menu-subs {
margin-top: .5rem;
opacity: 1;
visibility: visible
}
}
.menu-mobile-header,
.menu-mobile-trigger {
display: none
}
ul.menu-section{
padding-left: 0px;
}
@media only screen and (max-width:992px) {
.header-item-center {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.header-item-left,
.header-item-right {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.wrapper {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.header .menu-mobile-trigger {
position: relative;
display: block;
cursor: pointer;
width: 1.75rem;
height: 1rem;
border: none;
outline: none;
margin-left: 1.25rem;
background: 0 0;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .35s ease-in-out;
-o-transition: .35s ease-in-out;
transition: .35s ease-in-out
}
.header .menu-mobile-trigger span {
display: block;
position: absolute;
width: 100%;
height: 2px;
left: 0;
border: none;
outline: none;
opacity: 1;
border-radius: .25rem;
background: #121212;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out
}
.header .menu-mobile-trigger span:nth-child(1) {
top: 0
}
.header .menu-mobile-trigger span:nth-child(2),
.header .menu-mobile-trigger span:nth-child(3) {
top: .5rem
}
.header .menu-mobile-trigger span:nth-child(4) {
top: 1rem
}
.header-item-right {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.header .menu {
position: fixed;
top: 0;
left: 0;
width: 20rem;
height: 100%;
z-index: 1099;
overflow: hidden;
background: #fafafa;
-webkit-transform: translate(-100%);
-ms-transform: translate(-100%);
transform: translate(-100%);
-webkit-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out
}
.header .menu.active {
-webkit-transform: translate(0%);
-ms-transform: translate(0%);
transform: translate(0%)
}
.header .menu>ul>li {
display: block;
line-height: 1;
margin: 0
}
.header .menu>ul>li>a {
display: block;
line-height: 3.125rem;
height: 3.125rem;
padding: 0 3.125rem 0 1rem;
border-bottom: 1px solid rgba(0, 0, 0, .1)
}
.header .menu>ul>li>a i.ion {
position: absolute;
font-size: 1.25rem;
line-height: 3.125rem;
top: 0;
right: 0;
width: 3.125rem;
height: 3.125rem;
text-align: center;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.header .menu .menu-mobile-header {
position: relative;
position: -webkit-sticky;
position: sticky;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
top: 0;
height: 3.125rem;
z-index: 501;
border-bottom: 1px solid rgba(0, 0, 0, .1);
background: #fafafa
}
.header .menu .menu-mobile-header .menu-mobile-arrow {
display: none;
font-size: 1.25rem;
line-height: 3.125rem;
width: 3.125rem;
height: 3.125rem;
cursor: pointer;
border-right: 1px solid rgba(0, 0, 0, .1);
color: #121212;
text-align: center;
background: transparent;
border-top: 0;
border-right: 0;
border-bottom: 0;
}
.header .menu .menu-mobile-header.active .menu-mobile-arrow {
display: block
}
.header .menu .menu-mobile-header .menu-mobile-title {
font-family: inherit;
font-size: 1rem;
font-weight: 500;
line-height: inherit;
color: #121212;
text-transform: capitalize;
text-rendering: optimizeLegibility
}
.header .menu .menu-mobile-header .menu-mobile-close {
font-size: 20px;
line-height: 3.125rem;
cursor: pointer;
width: 3.125rem;
height: 3.125rem;
border-left: 1px solid rgb(0 0 0 / 14%);
color: #121212;
text-align: center;
background: transparent;
border-top: 0;
border-right: 0;
border-bottom: 0;
}
ul.menu-section{
margin-bottom: 0px;
}
.header .menu .menu-section {
height: 100%;
overflow-y: auto;
overflow-x: hidden
}
.header .menu>ul>li .menu-subs {
position: absolute;
display: none;
top: 0;
left: 0;
max-width: none;
min-width: auto;
width: 100%;
height: 100%;
margin: 0;
padding: 1rem;
padding-top: 4rem;
opacity: 1;
overflow-y: auto;
visibility: visible;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
-webkit-box-shadow: none;
box-shadow: none
}
.header .menu>ul>li .menu-subs.menu-mega {
position: absolute;
display: none;
top: 0;
left: 0;
max-width: none;
min-width: auto;
width: 100%;
height: 100%;
margin: 0;
padding: 1rem;
padding-top: 4rem;
opacity: 1;
overflow-y: auto;
visibility: visible;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
-webkit-box-shadow: none;
box-shadow: none
}
.header .menu>ul>li .menu-subs.active {
display: block
}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 0
}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item img.responsive {
margin-top: 0
}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item.text-center .title {
margin-bottom: 1.25rem
}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item.text-center:last-child .title {
margin-bottom: 0
}
.header .menu>ul>li .menu-subs>ul>li>a {
display: block
}
.header .menu>ul>li .menu-subs.menu-mega>.list-item>ul {
margin-bottom: 1rem
}
.header .menu>ul>li .menu-subs.menu-mega>.list-item>ul>li>a {
display: block
}
.overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1098;
opacity: 0;
visibility: hidden;
background: rgba(0, 0, 0, .55);
-webkit-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out
}
.overlay.active {
opacity: 1;
visibility: visible
}
}
.main {
display: block;
width: 100%;
min-height: 100vh;
background-image: url(https://source.unsplash.com/pkhBlvTLyog/1920x1280);
background-size: cover;
background-position: center right;
background-repeat: no-repeat
}
main {
display: block
}
h1 {
font-size: 2em;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
font-family: monospace, monospace;
font-size: 1em
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -0.25em
}
sup {
top: -0.5em
}
img {
border-style: none
}
fieldset {
padding: 0.35em 0.75em 0.625em
}
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
vertical-align: baseline
}
/* Header css End */1</style>
<style>/* body {
font-family: 'Fira Sans', sans-serif;
font-size: 16px;
} */
.main-heading, .cat-desc h1 {
font-weight: 900;
font-size: 42px;
text-transform: uppercase
}
.main-heading span {
display: block;
font-size: 21px;
font-weight: 900
}
@media screen and (min-width:1201px) {
.main-heading, .cat-desc h1 {
font-size: 52px
}
}
@media screen and (max-width:1200px) {
.main-heading, .cat-desc h1 {
font-size: 42px
}
.main-heading span {
font-size: 30px
}
}
@media screen and (max-width:425px) {
.main-heading, .cat-desc h1 {
font-size: 36px
}
.main-heading span {
font-size: 22px
}
}
@media screen and (max-width:370px) {
.main-heading, .cat-desc h1 {
font-size: 30px
}
.main-heading span {
font-size: 20px
}
}
.fw-900 {
font-weight: 900;
}
.flex-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
/* -webkit-box-direction: normal; */
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.btn-primary{
background-color: #531b8b !important;
border-color: #531b8b !important;
background-image: linear-gradient(-112deg, #4e1686 0, #8c56c2 100%) !important;
}
.bg-purple{
background-color: #ebddfb;
}
.bg-dark-purple{
background-color: #4B1383;
}
.text-purple{
color: #531b8b;
}
.bg-red{
background: #96031A;
}
.text-danger {
color: #db0a00 !important;
}
.text-secondary {
color: #444444 !important;
}
@media screen and (max-width: 590px) {
.even-odd:nth-child(even) {
padding: 0 10px 0 5px;
}
.even-odd:nth-child(odd) {
padding: 0 5px 0 10px;
}
}
.bg-red p{
color: #fff;
}
.bg-red a, .bg-red strong{
color: #FAC552;
text-decoration: none;
}
.bg-purple p{
color: #531b8b;
}
.bg-purple a{
color: #0021D1;
}
.bg-purple a.btn{
color: #fff;
}
.bg-secondary{
background-color: #444 !important;
}
.bg-dark{
background-color: #000 !important;
}1</style>
<style>@font-face {
font-family: 'icomoon';
src: url('https://www.sweetypatel.net/assets/css/fonts/icomoon.eot?d1ctd4');
src: url('https://www.sweetypatel.net/assets/css/fonts/icomoon.eot?d1ctd4#iefix') format('embedded-opentype'),
url('https://www.sweetypatel.net/assets/css/fonts/icomoon.ttf?d1ctd4') format('truetype'),
url('https://www.sweetypatel.net/assets/css/fonts/icomoon.woff?d1ctd4') format('woff'),
url('https://www.sweetypatel.net/assets/css/fonts/icomoon.svg?d1ctd4#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-add-outline:before {
content: "\e900";
}
.icon-add-solid:before {
content: "\e901";
}
.icon-cheveron-down:before {
content: "\e903";
}
.icon-cheveron-left:before {
content: "\e904";
}
.icon-cheveron-right:before {
content: "\e905";
}
.icon-cheveron-up:before {
content: "\e906";
}
.icon-close:before {
content: "\e907";
}
.icon-conversation:before {
content: "\e908";
}
.icon-envelope:before {
content: "\e909";
}
.icon-menu1:before {
content: "\e90a";
}
.icon-phone1:before {
content: "\e90b";
}
.icon-view-list:before {
content: "\e90c";
}
.icon-home3:before {
content: "\e902";
}
.icon-image:before {
content: "\e90d";
}
.icon-images:before {
content: "\e90e";
}
.icon-camera:before {
content: "\e90f";
}
.icon-play:before {
content: "\e912";
}
.icon-film:before {
content: "\e913";
}
.icon-video-camera:before {
content: "\e914";
}
.icon-profile:before {
content: "\e923";
}
.icon-price-tag:before {
content: "\e935";
}
.icon-price-tags:before {
content: "\e936";
}
.icon-coin-dollar:before {
content: "\e93b";
}
.icon-coin-euro:before {
content: "\e93c";
}
.icon-coin-pound:before {
content: "\e93d";
}
.icon-coin-yen:before {
content: "\e93e";
}
.icon-phone:before {
content: "\e942";
}
.icon-phone-hang-up:before {
content: "\e943";
}
.icon-address-book:before {
content: "\e944";
}
.icon-envelop:before {
content: "\e945";
}
.icon-location:before {
content: "\e947";
}
.icon-location2:before {
content: "\e948";
}
.icon-compass:before {
content: "\e949";
}
.icon-map:before {
content: "\e94b";
}
.icon-map2:before {
content: "\e94c";
}
.icon-clock:before {
content: "\e94e";
}
.icon-calendar:before {
content: "\e953";
}
.icon-mobile:before {
content: "\e958";
}
.icon-bubbles:before {
content: "\e96c";
}
.icon-user:before {
content: "\e971";
}
.icon-user-check:before {
content: "\e975";
}
.icon-user-tie:before {
content: "\e976";
}
.icon-quotes-left:before {
content: "\e977";
}
.icon-quotes-right:before {
content: "\e978";
}
.icon-spinner11:before {
content: "\e984";
}
.icon-search:before {
content: "\e986";
}
.icon-glass:before {
content: "\e9a0";
}
.icon-spoon-knife:before {
content: "\e9a3";
}
.icon-rocket:before {
content: "\e9a5";
}
.icon-briefcase:before {
content: "\e9ae";
}
.icon-airplane:before {
content: "\e9af";
}
.icon-truck:before {
content: "\e9b0";
}
.icon-clipboard:before {
content: "\e9b8";
}
.icon-menu:before {
content: "\e9bd";
}
.icon-earth:before {
content: "\e9ca";
}
.icon-star-half:before {
content: "\e9d8";
}
.icon-star-full:before {
content: "\e9d9";
}
.icon-heart:before {
content: "\e9da";
}
.icon-heart-broken:before {
content: "\e9db";
}
.icon-woman:before {
content: "\e9dd";
}
.icon-happy:before {
content: "\e9df";
}
.icon-happy2:before {
content: "\e9e0";
}
.icon-wink:before {
content: "\e9e7";
}
.icon-grin:before {
content: "\e9e9";
}
.icon-grin2:before {
content: "\e9ea";
}
.icon-point-right:before {
content: "\ea04";
}
.icon-info:before {
content: "\ea0c";
}
.icon-cancel-circle:before {
content: "\ea0d";
}
.icon-blocked:before {
content: "\ea0e";
}
.icon-cross:before {
content: "\ea0f";
}
.icon-checkmark:before {
content: "\ea10";
}
.icon-checkmark2:before {
content: "\ea11";
}
.icon-backward2:before {
content: "\ea1f";
}
.icon-forward3:before {
content: "\ea20";
}
.icon-first:before {
content: "\ea21";
}
.icon-last:before {
content: "\ea22";
}
.icon-arrow-up:before {
content: "\ea32";
}
.icon-arrow-right:before {
content: "\ea34";
}
.icon-arrow-down:before {
content: "\ea36";
}
.icon-arrow-left:before {
content: "\ea38";
}
.icon-arrow-up2:before {
content: "\ea3a";
}
.icon-arrow-right2:before {
content: "\ea3c";
}
.icon-arrow-down2:before {
content: "\ea3e";
}
.icon-arrow-left2:before {
content: "\ea40";
}
.icon-circle-up:before {
content: "\ea41";
}
.icon-circle-right:before {
content: "\ea42";
}
.icon-circle-down:before {
content: "\ea43";
}
.icon-circle-left:before {
content: "\ea44";
}
.icon-checkbox-checked:before {
content: "\ea52";
}
.icon-radio-checked:before {
content: "\ea54";
}
.icon-radio-checked2:before {
content: "\ea55";
}
.icon-paragraph-justify:before {
content: "\ea7a";
}
.icon-share2:before {
content: "\ea82";
}
.icon-facebook:before {
content: "\ea90";
}
.icon-facebook2:before {
content: "\ea91";
}
.icon-instagram:before {
content: "\ea92";
}
.icon-whatsapp:before {
content: "\ea93";
}
.icon-twitter:before {
content: "\ea96";
}
.icon-vk:before {
content: "\ea98";
}
.icon-youtube:before {
content: "\ea9d";
}
.icon-youtube2:before {
content: "\ea9e";
}
.icon-tumblr:before {
content: "\eab9";
}
.icon-tumblr2:before {
content: "\eaba";
}
1</style>
<script defer src="https://www.sweetypatel.net/assets/js/analytics.js"></script>
<script>
(function() {
function getScript(url,success){
var script=document.createElement('script');
script.src=url;
var head=document.getElementsByTagName('head')[0],
done=false;
script.onload=script.onreadystatechange = function(){
if ( !done && (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete') ) {
done=true;
success();
script.onload = script.onreadystatechange = null;
head.removeChild(script);
}
};
head.appendChild(script);
}
getScript('https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js',function(){
// YOUR CODE GOES HERE AND IS EXECUTED AFTER JQUERY LOADS
});
})();
</script>
</head>
<body>
<header class="header">
<div class="container">
<div class="wrapper">
<div class="header-item-left">
<a href="https://www.sweetypatel.net/" class="brand">
<img src="https://www.sweetypatel.net/assets/images/logo.png" width="130" height="32" alt="Sweetypatel Logo">
</a>
</div>
<div class="header-item-center">
<div class="overlay"></div>
<nav class="menu">
<div class="menu-mobile-header">
<button type="button" title="Menu" class="menu-mobile-arrow"><i class="ion icon-cheveron-left"></i></button>
<div class="menu-mobile-title"></div>
<button type="button" title="Close" class="menu-mobile-close"><i class="ion icon-close"></i></button>
</div>
<ul class="menu-section" style="margin-bottom: 0px;">
<li><a href="https://www.sweetypatel.net/" title="Home">Home</a></li>
<li class="menu-item-has-children">
<a href="#">Call Girls <i class="ion icon-cheveron-down"></i></a>
<div class="menu-subs menu-mega menu-column-4">
<div class="list-item text-center">
<a href="https://www.sweetypatel.net/escorts/tanvi/4">
<img src="https://res.cloudinary.com/sweetypatel/image/upload/f_auto/uploads/profile/tanvi-2.webp" class="responsive" alt="Tanvi" />
<p class="title">Tanvi</p>
</a>
</div>
<div class="list-item text-center">
<a href="https://www.sweetypatel.net/escorts/navya/3">
<img src="https://res.cloudinary.com/sweetypatel/image/upload/f_auto/uploads/profile/navya-8.webp" class="responsive" alt="Navya" />
<p class="title">Navya</p>
</a>
</div>
<div class="list-item text-center">
<a href="https://www.sweetypatel.net/escorts/anaisha/2">
<img src="https://res.cloudinary.com/sweetypatel/image/upload/f_auto/uploads/profile/anaisha-5.webp" class="responsive" alt="Anaisha" />
<p class="title">Anaisha</p>
</a>
</div>
<div class="list-item text-center">
<a href="https://www.sweetypatel.net/call-girls-mumbai">
<img src="https://res.cloudinary.com/sweetypatel/image/upload/f_auto/assets/images/all-call-girls.webp" class="responsive" alt="Call Girls Mumbai" />
<p class="title">View All Call Girls</p>
</a>
</div>
</div>
</li>
<li><a href="https://www.sweetypatel.net/mumbai-escorts-rates">Rates</a></li>
<li class="menu-item-has-children">
<a href="#">Gallery <i class="ion icon-cheveron-down"></i></a>
<div class="menu-subs menu-mega menu-column-4">
<div class="list-item text-center">
<a href="https://www.sweetypatel.net/escorts/ishita/5">
<img src="https://res.cloudinary.com/sweetypatel/image/upload/f_auto/uploads/profile/ishita-6.webp" class="responsive" alt="Ishita" />
<p class="title">Ishita</p>
</a>
</div>
<div class="list-item text-center">
<a href="https://www.sweetypatel.net/escorts/ishanvi/6">
<img src="https://res.cloudinary.com/sweetypatel/image/upload/f_auto/uploads/profile/ishanvi-3.webp" class="responsive" alt="Ishanvi" />
<p class="title">Ishanvi</p>
</a>
</div>
<div class="list-item text-center">
<a href="https://www.sweetypatel.net/escorts/zoya/7">
<img src="https://res.cloudinary.com/sweetypatel/image/upload/f_auto/uploads/profile/zoya-5.webp" class="responsive" alt="zoya" />
<p class="title">Zoya</p>
</a>
</div>
<div class="list-item text-center">
<a href="https://www.sweetypatel.net/mumbai-escort-girls-gallery">
<img src="https://res.cloudinary.com/sweetypatel/image/upload/f_auto/assets/images/sweetypatel-gallery.webp" class="responsive" alt="View Gallery" />
<p class="title">View Gallery</p>
</a>
</div>
</div>
</li>
<li class="menu-item-has-children">
<a href="#">Escort Type <i class="ion icon-cheveron-down"></i></a>
<div class="menu-subs menu-mega menu-column-4">
<div class="list-item">
<h4 class="title">Escorts type 1</h4>
<ul>
<li><a href="https://www.sweetypatel.net/category/model-escorts/9">Model Escorts</a></li>
<li><a href="https://www.sweetypatel.net/category/london-girls/8">London Girls</a></li>
<li><a href="https://www.sweetypatel.net/category/collage-girls-videos/1">Collage Girls Videos</a></li>
<li><a href="https://www.sweetypatel.net/category/travel-companion/25">Travel Companion</a></li>
<li><a href="https://www.sweetypatel.net/category/desi-call-girls/5">Desi call girls</a></li>
</ul>
</div>
<div class="list-item">
<h4 class="title">Escorts type 2</h4>
<ul>
<li><a href="https://www.sweetypatel.net/category/british-girls/17">British Girls</a></li>
<li><a href="https://www.sweetypatel.net/category/south-girls-sex-video/6">South Girls Sex Video</a></li>
<li><a href="https://www.sweetypatel.net/category/marathi-escorts/24">Marathi Escorts</a></li>
<li><a href="https://www.sweetypatel.net/category/cheap-rates-escorts/15">Cheap Rates Mumbai Escorts</a></li>
<li><a href="https://www.sweetypatel.net/category/new-escorts/2">New Escorts</a></li>
</ul>
</div>
<div class="list-item">
<h4 class="title">Escorts type 3</h4>
<ul>
<li><a href="https://www.sweetypatel.net/category/petite-escorts/14">Petite Escorts</a></li>
<li><a href="https://www.sweetypatel.net/category/mallu-aunty/7">Mallu Aunty</a></li>
<li><a href="https://www.sweetypatel.net/category/spanish-girls-in-mumbai/11">Spanish Girls in Mumbai Escort</a></li>
<li><a href="https://www.sweetypatel.net/category/18-plus-escorts/28">18+ Mumbai Escort Girls</a></li>
<li><a href="https://www.sweetypatel.net/category/hookers-in-mumbai/16">Hookers in Mumbai</a></li>
</ul>
</div>
<div class="list-item">
<h4 class="title">Escorts type 4</h4>
<ul>
<li><a href="https://www.sweetypatel.net/category/brazilian-girls/4">Brazilian Girls</a></li>
<li><a href="https://www.sweetypatel.net/category/tamil-escorts/23">Tamil Escorts</a></li>
<li><a href="https://www.sweetypatel.net/category/women-seeking-men/12">Woman Seeking Man in Mumbai</a></li>
<li><a href="https://www.sweetypatel.net/category/recommended-escorts/10">Recommended Escorts</a></li>
<li><a href="https://www.sweetypatel.net/mumbai-escort-type" class="btn bg-dark-purple w-100 p-2 text-light text-weight-bold">All Category</a></li>
</ul>
</div>
</div>
</li>
<li class="menu-item-has-children">
<a href="#">Location<i class="ion icon-cheveron-down"></i></a>
<div class="menu-subs menu-mega menu-column-4">
<div class="list-item">
<h4 class="title">Location 1</h4>
<ul>
<li><a href="https://www.sweetypatel.net/location/andheri-escorts/5">ANDHERI ESCORTS</a></li>
<li><a href="https://www.sweetypatel.net/location/bandra-escorts/6">BANDRA ESCORTS</a></li>
<li><a href="https://www.sweetypatel.net/location/juhu-escorts/7">JUHU ESCORTS</a></li>
<li><a href="https://www.sweetypatel.net/location/south-mumbai-escorts/8">SOUTH MUMBAI</a></li>
</ul>
</div>
<div class="list-item">
<h4 class="title">Location 2</h4>
<ul>
<li><a href="https://www.sweetypatel.net/location/powai-call-girls/9">Powai Call Girls</a></li>
<li><a href="https://www.sweetypatel.net/location/goregaon-escorts/10">Goregaon Escort Service</a></li>
<li><a href="https://www.sweetypatel.net/location/chembur-girls-mumbai/11">Chembur Call Girls</a></li>
<li><a href="https://www.sweetypatel.net/location/malad-escorts/12">Malad Escorts</a></li>
</ul>
</div>
<div class="list-item">
<h4 class="title">Location 3</h4>
<ul>
<li><a href="https://www.sweetypatel.net/location/kalyan-escorts/13">KALYAN ESCORTS</a></li>
<li><a href="https://www.sweetypatel.net/location/versova-escorts/14">VERSOWA ESCORTS</a></li>
<li><a href="https://www.sweetypatel.net/location/borivali-escorts/15">BORIVALI ESCORTS</a></li>
<li><a href="https://www.sweetypatel.net/location/wadala-escorts/16">WADALA ESCORTS</a></li>
</ul>
</div>
<div class="list-item">
<a href="https://www.sweetypatel.net/mumbai-escort-locations"><img src="https://res.cloudinary.com/sweetypatel/image/upload/f_auto/assets/images/all-location.webp" class="responsive" alt="Mumbai Escorts Location" /></a>
</div>
</div>
</li>
<li><a href="https://www.sweetypatel.net/mumbai-escorts-phone-numbers">Contact</a></li>
</ul>
</nav>
</div>
<div class="header-item-right">
<a href="tel:+918577807904" target="_blank" class="menu-icon" title="Call us"><i class="ion icon-phone"></i></a>
<a href="https://api.whatsapp.com/send?phone=918577807904&text=I%20am%20Looking%20for%20a%20Service" target="_blank" title="whatsapp us" class="menu-icon"><i class="ion icon-whatsapp"></i></a>
<a href="/cdn-cgi/l/email-protection#325b5f41455757464b425346575e72555f535b5e1c515d5f" target="_blank" class="menu-icon" title="mail us"><i class="ion icon-envelope"></i></a>
<button type="button" title="Menu" class="menu-mobile-trigger">
<span></span>
<span></span>
<span></span>
<span></span>
</button>
</div>
</div>
</div>
</header>
<section class="bg-purple py-5 mt-5">
<div class="container text-center py-3">
<h1 class="main-heading text-purple">Mumbai Escorts</h1>
<p class="text-purple sub-hed">Call or WhatsApp to Book an Unforgettable experience</p>
<a href="tel:+918577807904" type="button" class="btn btn-primary my-1"><i class="icon-phone mr-2"></i>+91 8577807904</a>
<a href="https://api.whatsapp.com/send?phone=918577807904&text=I%20am%20Looking%20for%20a%20Service" type="button" class="btn btn-success my-1"><i class="icon-whatsapp mr-2"></i>+91 8577807904</a>
</div>
</section>
<style>
#team {
padding: 50px 0 0 0;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 100%
}
#team .member {
text-align: center;
margin-bottom: 20px;
box-shadow: 0 3px 10px 1px rgba(0, 0, 0, .4);
position: relative;
background-color: #000
}
#team .member .pic {
overflow: hidden;
text-align: center;
position: relative
}
#team .member img.verified {
position: absolute;
width: 95px;
top: -4px;
right: 10px;
z-index: 9
}
#team .member .pic img.vip {
position: absolute;
width: 80px;
top: -1px;
left: 0
}
#team .member .pic img {
width: 100%
}
.member .pic img.trending {
position: absolute;
top: 0;
width: auto !important;
right: 0
}
#team .member .details-wrap .details {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
background: rgba(0, 0, 0, .6);
padding: 10px;
border-radius: 0 0 15px 15px;
width: 100%
}
#team .member h4 {
font-weight: 700;
margin-bottom: 10px;
font-size: 18px;
text-align: left
}
#team .member h4 a {
color: #fff !important
}
#team .member .p-details {
margin-top: 2px;
font-size: 13px;
text-align: left;
display: flex;
align-items: center;
width: 100%
}
#team .member .p-details h4 {
color: #000;
margin: 0 0 0 0;
display: block
}
#team .member .p-details i {
font-size: 14px;
color: #4b1383;
width: 20px;
text-align: center
}
#team .member .p-details span.star {
margin-bottom: 10px;
display: inline-block
}
#team .member .p-details span.star i {
font-size: 19px;
margin-right: 0;
color: #edba3d
}
#team .member .p-details span.fill i {
color: #edba3d;
font-size: 19px
}
#team .member .p-details span.avail-date {
text-align: center;
color: rgba(250, 250, 250, .9);
font-size: 12px;
font-weight: 600;
display: block;
margin-top: 5px
}
#team.home {
padding-top: 0
}
#team.home .member {
box-shadow: none;
border: 1px solid #2c2c2c
}
#team.home .member h4 {
font-size: 22px;
text-align: left;
margin-bottom: 0;
text-transform: uppercase
}
#team.home .member .p-details {
width: 100%;
display: flex;
flex-direction: row;
align-items: flex-start;
}
#team.home .member .p-details .location {
font-size: 14px;
height: 25px;
text-transform: capitalize;
}
.home .member .p-details i.fa-map-marker,
.home .member .p-details i.fa-calendar {
display: none
}
#team.home .member .p-details span.avail-date,
#team.home .member .p-details a.age {
display: inline-block;
margin-right: 10px
}
#team.home .member .details-wrap .details {
background: #fff
}
#team.home .member .pic {
position: relative
}
#team.home .member .pic img.verified {
position: absolute;
top: auto;
bottom: 25px;
right: 0;
width: 100px
}
#team.home .member .pic .available-now {
position: absolute;
top: auto;
bottom: 0;
width: 100%;
border-top: 2px solid #4b1383;
background: #ffc107
}
#team.home .member .pic .available-now span {
color: #000;
text-transform: uppercase;
font-weight: 600
}
@media (max-width:575px) {
#team.home .member .pic img.verified {
bottom: 25px;
width: 60px
}
.member .pic img.trending {
max-width: 90px
}
#team .member .pic img.vip {
width: 65px
}
}
@media screen and (max-width:767px) {
#team.home .member h4 {
font-size: 16px
}
#team.home .member .p-details .location {
font-size: 11px;
}
#team.home .member .p-details span.avail-date,
#team.home .member .p-details a.age {
margin-right: 0;
text-align: left
}
#team .member .details-wrap .details {
padding: 0
}
#team.home .member .pic .available-now span {
font-size: 13px
}
}
@media (max-width:440px) {
.member .pic img.trending {
max-width: 80px
}
#team .member .pic img.vip {
width: 65px
}
}
.star-wrap {
float: left;
background: #fff;
padding: 5px;
text-align: center
}
@media screen and(max-width:480) {
#team .member .p-details {
margin-top: 0;
padding: 0
}
}
.t-name {
font-size: 23px;
}
.bg-red {
background: #620d1a;
}
.btn-success {
background: #1d8334 !important;
}
</style>
<section class="bg-red">
<div class="container py-5">
<h2 class="main-heading text-warning">Hot Mumbai escorts <span class="text-light">available exclusively for the Year 2023</span></h2>
<p>Mumbai, the city of dreams is home to the hottest chicks in town. While many people come here to
fulfill their job requirements, many come to agencies like us to fulfill their sensual desires.
</p>
<p class="mb-0">Our <b>Mumbai escort agency</b> is blessed
with some of the best, genuine, reliable, and real escorts in the entire town. Bringing you to
the finest escort agencies in Mumbai, we are well known as one of the leading provider of <b>escort services in Mumbai</b>. We have
plethora of girls ranging from Indian beauties to local beauties,VIP independent models, and
<strong><a href="https://www.sweetypatel.net/category/tamil-escorts/23">tamil call girls</a></strong> in year 2023.
</p><br>
<h2 class="main-heading text-warning"><span class="text-light">Extremely High-classs Escort Service in Mumbai</span></h2>
<p>At our escort agency, we are committed to delivering the highest quality escort service. Our
escorts are here to provide you with ultimate satisfaction and pleasure in bed. What you need to
do is simply knock on our door and get amazing hot surprises beyond the door and spend your days
and nights with our sizzling <strong>independent escorts</strong>.
</p>
<p class="mb-0">Offering adult fun services for years now, we are a reliable and safe place to try out your
sexual desires. If you are new to this world and you want to try and explore your wild side,
connect with none other than us. We have the most experienced <strong><a href="https://www.sweetypatel.net/call-girls-mumbai"> call girls </a></strong> who are right here to fulfill your lust with their bold and busty figure.
</p><br>
<h2 class="main-heading text-warning"><span class="text-light">Sizzling escorts to spice up your night</span></h2>
<p>Spice up your boring nights with the sexiest girls in the town. Offering you a range of
independent, stylish, sexy, and classy educated girls, you are about to get the
best experience in your life.
</p>
<p>Want some fun in privately? don't worry! Connect with us now and getto witness sexy scenes! </p>
<div>
<a href="https://api.whatsapp.com/send?phone=918577807904&text=I%20am%20Looking%20for%20a%20Service">
<img class="img-fluid" src="https://res.cloudinary.com/sweetypatel/image/upload/w_300,f_auto/assets/images/whatsapp-button.png" alt="Whatsapp Image" width="300" height="104">
</a>
</div>
</div>
</section>
<section id="team" class="home py-3 bg-dark-purple">
<div class="container">
<h2 class="main-heading text-warning">Top Most Viewed <span class="text-light">Mumbai Escorts</span></h2>
<div class="row">
<div class="col-6 col-sm-4 col-md-4 col-lg-3 even-odd">
<div class="member rounded-top">
<div class="pic rounded-top">
<img class="vip lazyload" data-src="assets/img/VIP-star.png" alt="VIP" title="VIP">
<a href="https://www.sweetypatel.net/escorts/jhanvi/1">
<img class="img-fluid" src="https://res.cloudinary.com/sweetypatel/image/upload/e_blur:1000,q_1,f_auto//uploads/profile/jhanvi-2.webp" alt=" Jhanvi call girl" width="194" height="294">
</a>
<div class="available-now"><span>Available Now</span></div>
</div>
<div class="details-wrap ">
<div class="details rounded-bottom">
<div class="p-details px-2">
<div class="p-info col-8 p-0">
<h3 class="text-bold t-name text-uppercase">jhanvi</h3>
<h4 class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>GFE Expert Girl</h4>
</div>
<div class="star-wrap col-4 p-0">
<span class="d-block font-weight-bold">Rating</span>
<span class="dja"><i class="icon-star-full mr-1" aria-hidden="true"></i>5.0</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-4 col-lg-3 even-odd">
<div class="member rounded-top">
<div class="pic rounded-top">
<img class="vip lazyload" data-src="assets/img/VIP-star.png" alt="VIP" title="VIP">
<a href="https://www.sweetypatel.net/escorts/anaisha/2">
<img class="img-fluid" src="https://res.cloudinary.com/sweetypatel/image/upload/e_blur:1000,q_1,f_auto//uploads/profile/anaisha-2.webp" alt=" Anaisha Mumbai escorts" width="194" height="294">
</a>
<div class="available-now"><span>Available Now</span></div>
</div>
<div class="details-wrap ">
<div class="details rounded-bottom">
<div class="p-details px-2">
<div class="p-info col-8 p-0">
<h3 class="text-bold t-name text-uppercase">anaisha</h3>
<h4 class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>Housewife Escorts</h4>
</div>
<div class="star-wrap col-4 p-0">
<span class="d-block font-weight-bold">Rating</span>
<span class="dja"><i class="icon-star-full mr-1" aria-hidden="true"></i>5.0</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-4 col-lg-3 even-odd">
<div class="member rounded-top">
<div class="pic rounded-top">
<img class="vip lazyload" data-src="assets/img/VIP-star.png" alt="VIP" title="VIP">
<a href="https://www.sweetypatel.net/escorts/navya/3">
<img class="img-fluid" src="https://res.cloudinary.com/sweetypatel/image/upload/e_blur:1000,q_1,f_auto//uploads/profile/navya-2.webp" alt=" Navya Mumbai escorts" width="194" height="294">
</a>
<div class="available-now"><span>Available Now</span></div>
</div>
<div class="details-wrap ">
<div class="details rounded-bottom">
<div class="p-details px-2">
<div class="p-info col-8 p-0">
<h3 class="text-bold t-name text-uppercase">navya</h3>
<h4 class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>Mumbai IT Girl</h4>
</div>
<div class="star-wrap col-4 p-0">
<span class="d-block font-weight-bold">Rating</span>
<span class="dja"><i class="icon-star-full mr-1" aria-hidden="true"></i>5.0</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-4 col-lg-3 even-odd">
<div class="member rounded-top">
<div class="pic rounded-top">
<img class="vip lazyload" data-src="assets/img/VIP-star.png" alt="VIP" title="VIP">
<a href="https://www.sweetypatel.net/escorts/tanvi/4">
<img class="img-fluid" src="https://res.cloudinary.com/sweetypatel/image/upload/e_blur:1000,q_1,f_auto//uploads/profile/tanvi-2.webp" alt="Tanvi Mumbai escorts" width="194" height="294">
</a>
<div class="available-now"><span>Available Now</span></div>
</div>
<div class="details-wrap ">
<div class="details rounded-bottom">
<div class="p-details px-2">
<div class="p-info col-8 p-0">
<h3 class="text-bold t-name text-uppercase">tanvi</h3>
<h4 class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>Busty College Girl</h4>
</div>
<div class="star-wrap col-4 p-0">
<span class="d-block font-weight-bold">Rating</span>
<span class="dja"><i class="icon-star-full mr-1" aria-hidden="true"></i>5.0</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-4 col-lg-3 even-odd">
<div class="member rounded-top">
<div class="pic rounded-top">
<img class="vip lazyload" data-src="assets/img/VIP-star.png" alt="VIP" title="VIP">
<a href="https://www.sweetypatel.net/escorts/ishita/5">
<img class="img-fluid" src="https://res.cloudinary.com/sweetypatel/image/upload/e_blur:1000,q_1,f_auto//uploads/profile/ishita-2.webp" alt=" Female escort ishita" width="194" height="294">
</a>
<div class="available-now"><span>Available Now</span></div>
</div>
<div class="details-wrap ">
<div class="details rounded-bottom">
<div class="p-details px-2">
<div class="p-info col-8 p-0">
<h3 class="text-bold t-name text-uppercase">ishita</h3>
<h4 class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>Arab Escorts Girls</h4>
</div>
<div class="star-wrap col-4 p-0">
<span class="d-block font-weight-bold">Rating</span>
<span class="dja"><i class="icon-star-full mr-1" aria-hidden="true"></i>5.0</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-4 col-lg-3 even-odd">
<div class="member rounded-top">
<div class="pic rounded-top">
<img class="vip lazyload" data-src="assets/img/VIP-star.png" alt="VIP" title="VIP">
<a href="https://www.sweetypatel.net/escorts/ishanvi/6">
<img class="img-fluid" src="https://res.cloudinary.com/sweetypatel/image/upload/e_blur:1000,q_1,f_auto//uploads/profile/ishanvi-2.webp" alt=" Ishanvi Mumbai HJ & BJ Girls Escorts" width="194" height="294">
</a>
<div class="available-now"><span>Available Now</span></div>
</div>
<div class="details-wrap ">
<div class="details rounded-bottom">
<div class="p-details px-2">
<div class="p-info col-8 p-0">
<h3 class="text-bold t-name text-uppercase">ishanvi</h3>
<h4 class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>BJ & HJ Expert</h4>
</div>
<div class="star-wrap col-4 p-0">
<span class="d-block font-weight-bold">Rating</span>
<span class="dja"><i class="icon-star-full mr-1" aria-hidden="true"></i>5.0</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-4 col-lg-3 even-odd">
<div class="member rounded-top">
<div class="pic rounded-top">
<img class="vip lazyload" data-src="assets/img/VIP-star.png" alt="VIP" title="VIP">
<a href="https://www.sweetypatel.net/escorts/zoya/7">
<img class="img-fluid" src="https://res.cloudinary.com/sweetypatel/image/upload/e_blur:1000,q_1,f_auto//uploads/profile/zoya-2.webp" alt="Zoya Call girl" width="194" height="294">
</a>
<div class="available-now"><span>Available Now</span></div>
</div>
<div class="details-wrap ">
<div class="details rounded-bottom">
<div class="p-details px-2">
<div class="p-info col-8 p-0">
<h3 class="text-bold t-name text-uppercase">zoya</h3>
<h4 class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>BDMS Expert</h4>
</div>
<div class="star-wrap col-4 p-0">
<span class="d-block font-weight-bold">Rating</span>
<span class="dja"><i class="icon-star-full mr-1" aria-hidden="true"></i>5.0</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-4 col-lg-3 even-odd">
<div class="member rounded-top">
<div class="pic rounded-top">
<img class="vip lazyload" data-src="assets/img/VIP-star.png" alt="VIP" title="VIP">
<a href="https://www.sweetypatel.net/escorts/ridhi/8">
<img class="img-fluid" src="https://res.cloudinary.com/sweetypatel/image/upload/e_blur:1000,q_1,f_auto//uploads/profile/Ridhi-2.webp" alt=" Female escort ridhi" width="194" height="294">
</a>
<div class="available-now"><span>Available Now</span></div>
</div>
<div class="details-wrap ">
<div class="details rounded-bottom">
<div class="p-details px-2">
<div class="p-info col-8 p-0">
<h3 class="text-bold t-name text-uppercase">ridhi</h3>
<h4 class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>Punjabi Model</h4>
</div>
<div class="star-wrap col-4 p-0">
<span class="d-block font-weight-bold">Rating</span>
<span class="dja"><i class="icon-star-full mr-1" aria-hidden="true"></i>5.0</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-4 col-lg-3 even-odd">
<div class="member rounded-top">
<div class="pic rounded-top">
<img class="vip lazyload" data-src="assets/img/VIP-star.png" alt="VIP" title="VIP">
<a href="https://www.sweetypatel.net/escorts/manya/9">
<img class="img-fluid" src="https://res.cloudinary.com/sweetypatel/image/upload/e_blur:1000,q_1,f_auto//uploads/profile/Manya-2.webp" alt=" Female escort manya" width="194" height="294">
</a>
<div class="available-now"><span>Available Now</span></div>
</div>
<div class="details-wrap ">
<div class="details rounded-bottom">
<div class="p-details px-2">
<div class="p-info col-8 p-0">
<h3 class="text-bold t-name text-uppercase">manya</h3>
<h4 class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>Role Play Girl</h4>
</div>
<div class="star-wrap col-4 p-0">
<span class="d-block font-weight-bold">Rating</span>
<span class="dja"><i class="icon-star-full mr-1" aria-hidden="true"></i>5.0</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-4 col-lg-3 even-odd">
<div class="member rounded-top">
<div class="pic rounded-top">
<img class="vip lazyload" data-src="assets/img/VIP-star.png" alt="VIP" title="VIP">
<a href="https://www.sweetypatel.net/escorts/vansha/10">
<img class="img-fluid" src="https://res.cloudinary.com/sweetypatel/image/upload/e_blur:1000,q_1,f_auto//uploads/profile/Vansha-2.webp" alt=" Female Escort Vansha" width="194" height="294">
</a>
<div class="available-now"><span>Available Now</span></div>
</div>
<div class="details-wrap ">
<div class="details rounded-bottom">
<div class="p-details px-2">
<div class="p-info col-8 p-0">
<h3 class="text-bold t-name text-uppercase">vansha</h3>
<h4 class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>South Indian Escort</h4>
</div>
<div class="star-wrap col-4 p-0">
<span class="d-block font-weight-bold">Rating</span>
<span class="dja"><i class="icon-star-full mr-1" aria-hidden="true"></i>5.0</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-4 col-lg-3 even-odd">
<div class="member rounded-top">
<div class="pic rounded-top">
<img class="vip lazyload" data-src="assets/img/VIP-star.png" alt="VIP" title="VIP">
<a href="https://www.sweetypatel.net/escorts/rachita/11">
<img class="img-fluid" src="https://res.cloudinary.com/sweetypatel/image/upload/e_blur:1000,q_1,f_auto//uploads/profile/Rachita-2.webp" alt="Rachita Call girl" width="194" height="294">
</a>
<div class="available-now"><span>Available Now</span></div>
</div>
<div class="details-wrap ">
<div class="details rounded-bottom">
<div class="p-details px-2">
<div class="p-info col-8 p-0">
<h3 class="text-bold t-name text-uppercase">rachita</h3>
<h4 class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>Kissing Expert Girls</h4>
</div>
<div class="star-wrap col-4 p-0">
<span class="d-block font-weight-bold">Rating</span>
<span class="dja"><i class="icon-star-full mr-1" aria-hidden="true"></i>5.0</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-4 col-lg-3 even-odd">
<div class="member rounded-top">
<div class="pic rounded-top">
<img class="vip lazyload" data-src="assets/img/VIP-star.png" alt="VIP" title="VIP">
<a href="https://www.sweetypatel.net/escorts/adweta/12">
<img class="img-fluid" src="https://res.cloudinary.com/sweetypatel/image/upload/e_blur:1000,q_1,f_auto//uploads/profile/Adweta-2.webp" alt=" Independent Escort Adweta Mumbai girl " width="194" height="294">
</a>
<div class="available-now"><span>Available Now</span></div>
</div>
<div class="details-wrap ">
<div class="details rounded-bottom">
<div class="p-details px-2">
<div class="p-info col-8 p-0">
<h3 class="text-bold t-name text-uppercase">adweta</h3>
<h4 class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>Gujarati Girls</h4>
</div>
<div class="star-wrap col-4 p-0">
<span class="d-block font-weight-bold">Rating</span>
<span class="dja"><i class="icon-star-full mr-1" aria-hidden="true"></i>5.0</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-4 col-lg-3 even-odd">
<div class="member rounded-top">
<div class="pic rounded-top">
<img class="vip lazyload" data-src="assets/img/VIP-star.png" alt="VIP" title="VIP">
<a href="https://www.sweetypatel.net/escorts/meghana/13">
<img class="img-fluid" src="https://res.cloudinary.com/sweetypatel/image/upload/e_blur:1000,q_1,f_auto//uploads/profile/Meghana-2.webp" alt=" Independent Escort Meghana" width="194" height="294">
</a>
<div class="available-now"><span>Available Now</span></div>
</div>
<div class="details-wrap ">
<div class="details rounded-bottom">
<div class="p-details px-2">
<div class="p-info col-8 p-0">
<h3 class="text-bold t-name text-uppercase">meghana</h3>
<h4 class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>IT Girl</h4>
</div>
<div class="star-wrap col-4 p-0">
<span class="d-block font-weight-bold">Rating</span>
<span class="dja"><i class="icon-star-full mr-1" aria-hidden="true"></i>5.0</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-4 col-lg-3 even-odd">
<div class="member rounded-top">
<div class="pic rounded-top">
<img class="vip lazyload" data-src="assets/img/VIP-star.png" alt="VIP" title="VIP">
<a href="https://www.sweetypatel.net/escorts/raveena/14">
<img class="img-fluid" src="https://res.cloudinary.com/sweetypatel/image/upload/e_blur:1000,q_1,f_auto//uploads/profile/Raveena-2.webp" alt=" Female Escort Raveena" width="194" height="294">
</a>
<div class="available-now"><span>Available Now</span></div>
</div>
<div class="details-wrap ">
<div class="details rounded-bottom">
<div class="p-details px-2">
<div class="p-info col-8 p-0">
<h3 class="text-bold t-name text-uppercase">raveena</h3>
<h4 class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>A-Level Girl</h4>
</div>
<div class="star-wrap col-4 p-0">
<span class="d-block font-weight-bold">Rating</span>
<span class="dja"><i class="icon-star-full mr-1" aria-hidden="true"></i>5.0</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-4 col-lg-3 even-odd">
<div class="member rounded-top">
<div class="pic rounded-top">
<img class="vip lazyload" data-src="assets/img/VIP-star.png" alt="VIP" title="VIP">
<a href="https://www.sweetypatel.net/escorts/daksha/15">
<img class="img-fluid" src="https://res.cloudinary.com/sweetypatel/image/upload/e_blur:1000,q_1,f_auto//uploads/profile/Daksha-2.webp" alt=" Independent Escort Daksha Mumbai girl " width="194" height="294">
</a>
<div class="available-now"><span>Available Now</span></div>
</div>
<div class="details-wrap ">
<div class="details rounded-bottom">
<div class="p-details px-2">
<div class="p-info col-8 p-0">
<h3 class="text-bold t-name text-uppercase">daksha</h3>
<h4 class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>Elite Escort Gir</h4>
</div>
<div class="star-wrap col-4 p-0">
<span class="d-block font-weight-bold">Rating</span>
<span class="dja"><i class="icon-star-full mr-1" aria-hidden="true"></i>5.0</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-4 col-lg-3 even-odd">
<div class="member rounded-top">
<div class="pic rounded-top">
<img class="vip lazyload" data-src="assets/img/VIP-star.png" alt="VIP" title="VIP">
<a href="https://www.sweetypatel.net/escorts/adya/16">
<img class="img-fluid" src="https://res.cloudinary.com/sweetypatel/image/upload/e_blur:1000,q_1,f_auto//uploads/profile/Adya-2.webp" alt=" Female Escort Adya" width="194" height="294">
</a>
<div class="available-now"><span>Available Now</span></div>
</div>
<div class="details-wrap ">
<div class="details rounded-bottom">
<div class="p-details px-2">
<div class="p-info col-8 p-0">
<h3 class="text-bold t-name text-uppercase">adya</h3>
<h4 class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>GFE Girl</h4>
</div>
<div class="star-wrap col-4 p-0">
<span class="d-block font-weight-bold">Rating</span>
<span class="dja"><i class="icon-star-full mr-1" aria-hidden="true"></i>5.0</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-4 col-lg-3 even-odd">
<div class="member rounded-top">
<div class="pic rounded-top">
<img class="vip lazyload" data-src="assets/img/VIP-star.png" alt="VIP" title="VIP">
<a href="https://www.sweetypatel.net/escorts/avantika/17">
<img class="img-fluid" src="https://res.cloudinary.com/sweetypatel/image/upload/e_blur:1000,q_1,f_auto//uploads/profile/Avantika-2.webp" alt=" avantika Mumbai girl " width="194" height="294">
</a>
<div class="available-now"><span>Available Now</span></div>
</div>
<div class="details-wrap ">
<div class="details rounded-bottom">
<div class="p-details px-2">
<div class="p-info col-8 p-0">
<h3 class="text-bold t-name text-uppercase">avantika</h3>
<h4 class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>Lesbian Escorts Girl</h4>
</div>
<div class="star-wrap col-4 p-0">
<span class="d-block font-weight-bold">Rating</span>
<span class="dja"><i class="icon-star-full mr-1" aria-hidden="true"></i>5.0</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-4 col-lg-3 even-odd">
<div class="member rounded-top">
<div class="pic rounded-top">
<img class="vip lazyload" data-src="assets/img/VIP-star.png" alt="VIP" title="VIP">
<a href="https://www.sweetypatel.net/escorts/bhrithi/18">
<img class="img-fluid" src="https://res.cloudinary.com/sweetypatel/image/upload/e_blur:1000,q_1,f_auto//uploads/profile/Bharithi-2.webp" alt=" Bhrithi Mumbai girl " width="194" height="294">
</a>
<div class="available-now"><span>Available Now</span></div>
</div>
<div class="details-wrap ">
<div class="details rounded-bottom">
<div class="p-details px-2">
<div class="p-info col-8 p-0">
<h3 class="text-bold t-name text-uppercase">bhrithi</h3>
<h4 class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>VIP Escort Girl</h4>
</div>
<div class="star-wrap col-4 p-0">
<span class="d-block font-weight-bold">Rating</span>
<span class="dja"><i class="icon-star-full mr-1" aria-hidden="true"></i>5.0</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-4 col-lg-3 even-odd">
<div class="member rounded-top">
<div class="pic rounded-top">
<img class="vip lazyload" data-src="assets/img/VIP-star.png" alt="VIP" title="VIP">
<a href="https://www.sweetypatel.net/escorts/charita/19">
<img class="img-fluid" src="https://res.cloudinary.com/sweetypatel/image/upload/e_blur:1000,q_1,f_auto//uploads/profile/Charita-2.webp" alt=" Charita Collage Girl" width="194" height="294">
</a>
<div class="available-now"><span>Available Now</span></div>
</div>
<div class="details-wrap ">
<div class="details rounded-bottom">
<div class="p-details px-2">
<div class="p-info col-8 p-0">
<h3 class="text-bold t-name text-uppercase">charita</h3>
<h4 class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>Curvy Body Girl</h4>
</div>
<div class="star-wrap col-4 p-0">
<span class="d-block font-weight-bold">Rating</span>
<span class="dja"><i class="icon-star-full mr-1" aria-hidden="true"></i>5.0</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-4 col-lg-3 even-odd">
<div class="member rounded-top">
<div class="pic rounded-top">
<img class="vip lazyload" data-src="assets/img/VIP-star.png" alt="VIP" title="VIP">
<a href="https://www.sweetypatel.net/escorts/gina/20">
<img class="img-fluid" src="https://res.cloudinary.com/sweetypatel/image/upload/e_blur:1000,q_1,f_auto//uploads/profile/Gina-2.webp" alt=" Gina Mumbai escorts" width="194" height="294">
</a>
<div class="available-now"><span>Available Now</span></div>
</div>
<div class="details-wrap ">
<div class="details rounded-bottom">
<div class="p-details px-2">
<div class="p-info col-8 p-0">
<h3 class="text-bold t-name text-uppercase">gina</h3>
<h4 class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>BJ &HJ Expert Girl</h4>
</div>
<div class="star-wrap col-4 p-0">
<span class="d-block font-weight-bold">Rating</span>
<span class="dja"><i class="icon-star-full mr-1" aria-hidden="true"></i>5.0</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-4 col-lg-3 even-odd">
<div class="member rounded-top">
<div class="pic rounded-top">
<img class="vip lazyload" data-src="assets/img/VIP-star.png" alt="VIP" title="VIP">
<a href="https://www.sweetypatel.net/escorts/harini/21">
<img class="img-fluid" src="https://res.cloudinary.com/sweetypatel/image/upload/e_blur:1000,q_1,f_auto//uploads/profile/Harini-2.webp" alt=" Harini Mumbai escorts" width="194" height="294">
</a>
<div class="available-now"><span>Available Now</span></div>
</div>
<div class="details-wrap ">
<div class="details rounded-bottom">
<div class="p-details px-2">
<div class="p-info col-8 p-0">
<h3 class="text-bold t-name text-uppercase">harini</h3>
<h4 class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>Married Woman</h4>
</div>
<div class="star-wrap col-4 p-0">
<span class="d-block font-weight-bold">Rating</span>
<span class="dja"><i class="icon-star-full mr-1" aria-hidden="true"></i>5.0</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-4 col-lg-3 even-odd">
<div class="member rounded-top">
<div class="pic rounded-top">
<img class="vip lazyload" data-src="assets/img/VIP-star.png" alt="VIP" title="VIP">
<a href="https://www.sweetypatel.net/escorts/ishaani/22">
<img class="img-fluid" src="https://res.cloudinary.com/sweetypatel/image/upload/e_blur:1000,q_1,f_auto//uploads/profile/ishaani-2.webp" alt=" ishaani Mumbai escorts" width="194" height="294">
</a>
<div class="available-now"><span>Available Now</span></div>
</div>
<div class="details-wrap ">
<div class="details rounded-bottom">
<div class="p-details px-2">
<div class="p-info col-8 p-0">
<h3 class="text-bold t-name text-uppercase">ishaani</h3>
<h4 class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>19+girl</h4>
</div>
<div class="star-wrap col-4 p-0">
<span class="d-block font-weight-bold">Rating</span>
<span class="dja"><i class="icon-star-full mr-1" aria-hidden="true"></i>5.0</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-4 col-lg-3 even-odd">
<div class="member rounded-top">
<div class="pic rounded-top">
<img class="vip lazyload" data-src="assets/img/VIP-star.png" alt="VIP" title="VIP">
<a href="https://www.sweetypatel.net/escorts/mahika/23">
<img class="img-fluid" src="https://res.cloudinary.com/sweetypatel/image/upload/e_blur:1000,q_1,f_auto//uploads/profile/Mahika-2.webp" alt=" Mahika Mumbai escorts" width="194" height="294">
</a>
<div class="available-now"><span>Available Now</span></div>
</div>
<div class="details-wrap ">
<div class="details rounded-bottom">
<div class="p-details px-2">
<div class="p-info col-8 p-0">
<h3 class="text-bold t-name text-uppercase">mahika</h3>
<h4 class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>Indipendent Escorts</h4>
</div>
<div class="star-wrap col-4 p-0">
<span class="d-block font-weight-bold">Rating</span>
<span class="dja"><i class="icon-star-full mr-1" aria-hidden="true"></i>5.0</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-4 col-lg-3 even-odd">
<div class="member rounded-top">
<div class="pic rounded-top">
<img class="vip lazyload" data-src="assets/img/VIP-star.png" alt="VIP" title="VIP">
<a href="https://www.sweetypatel.net/escorts/nitara/24">
<img class="img-fluid" src="https://res.cloudinary.com/sweetypatel/image/upload/e_blur:1000,q_1,f_auto//uploads/profile/nitara-2.webp" alt=" VIP Escort " width="194" height="294">
</a>
<div class="available-now"><span>Available Now</span></div>
</div>
<div class="details-wrap ">
<div class="details rounded-bottom">
<div class="p-details px-2">
<div class="p-info col-8 p-0">
<h3 class="text-bold t-name text-uppercase">nitara</h3>
<h4 class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>Mumbai Escorts</h4>
</div>
<div class="star-wrap col-4 p-0">
<span class="d-block font-weight-bold">Rating</span>
<span class="dja"><i class="icon-star-full mr-1" aria-hidden="true"></i>5.0</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-4 col-lg-3 even-odd">
<div class="member rounded-top">
<div class="pic rounded-top">
<img class="vip lazyload" data-src="assets/img/VIP-star.png" alt="VIP" title="VIP">
<a href="https://www.sweetypatel.net/escorts/sunita/25">
<img class="img-fluid" src="https://res.cloudinary.com/sweetypatel/image/upload/e_blur:1000,q_1,f_auto//uploads/profile/sunita-2.webp" alt=" Sunita Mumbai escorts" width="194" height="294">
</a>
<div class="available-now"><span>Available Now</span></div>
</div>
<div class="details-wrap ">
<div class="details rounded-bottom">
<div class="p-details px-2">
<div class="p-info col-8 p-0">
<h3 class="text-bold t-name text-uppercase">sunita</h3>
<h4 class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>Mumbai Couple</h4>
</div>
<div class="star-wrap col-4 p-0">
<span class="d-block font-weight-bold">Rating</span>
<span class="dja"><i class="icon-star-full mr-1" aria-hidden="true"></i>5.0</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-4 col-lg-3 even-odd">
<div class="member rounded-top">
<div class="pic rounded-top">
<img class="vip lazyload" data-src="assets/img/VIP-star.png" alt="VIP" title="VIP">
<a href="https://www.sweetypatel.net/escorts/sweety/26">
<img class="img-fluid" src="https://res.cloudinary.com/sweetypatel/image/upload/e_blur:1000,q_1,f_auto//uploads/profile/Sweety-2.webp" alt=" Sweety Mumbai escorts" width="194" height="294">
</a>
<div class="available-now"><span>Available Now</span></div>
</div>
<div class="details-wrap ">
<div class="details rounded-bottom">
<div class="p-details px-2">
<div class="p-info col-8 p-0">
<h3 class="text-bold t-name text-uppercase">sweety</h3>
<h4 class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>Lokhandwala Escorts</h4>
</div>
<div class="star-wrap col-4 p-0">
<span class="d-block font-weight-bold">Rating</span>
<span class="dja"><i class="icon-star-full mr-1" aria-hidden="true"></i>5.0</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-4 col-lg-3 even-odd">
<div class="member rounded-top">
<div class="pic rounded-top">
<img class="vip lazyload" data-src="assets/img/VIP-star.png" alt="VIP" title="VIP">
<a href="https://www.sweetypatel.net/escorts/nikita/27">
<img class="img-fluid" src="https://res.cloudinary.com/sweetypatel/image/upload/e_blur:1000,q_1,f_auto//uploads/profile/Nikita-2.webp" alt=" Nikita Mumbai escorts" width="194" height="294">
</a>
<div class="available-now"><span>Available Now</span></div>
</div>
<div class="details-wrap ">
<div class="details rounded-bottom">
<div class="p-details px-2">
<div class="p-info col-8 p-0">
<h3 class="text-bold t-name text-uppercase">nikita</h3>
<h4 class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>Kalyan Independent</h4>
</div>
<div class="star-wrap col-4 p-0">
<span class="d-block font-weight-bold">Rating</span>
<span class="dja"><i class="icon-star-full mr-1" aria-hidden="true"></i>5.0</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-4 col-lg-3 even-odd">
<div class="member rounded-top">
<div class="pic rounded-top">
<img class="vip lazyload" data-src="assets/img/VIP-star.png" alt="VIP" title="VIP">
<a href="https://www.sweetypatel.net/escorts/sara/28">
<img class="img-fluid" src="https://res.cloudinary.com/sweetypatel/image/upload/e_blur:1000,q_1,f_auto//uploads/profile/sara-2.webp" alt="Hot Escorts sara" width="194" height="294">
</a>
<div class="available-now"><span>Available Now</span></div>
</div>
<div class="details-wrap ">
<div class="details rounded-bottom">
<div class="p-details px-2">
<div class="p-info col-8 p-0">
<h3 class="text-bold t-name text-uppercase">sara</h3>
<h4 class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>brunette mumbai escorts</h4>
</div>
<div class="star-wrap col-4 p-0">
<span class="d-block font-weight-bold">Rating</span>
<span class="dja"><i class="icon-star-full mr-1" aria-hidden="true"></i>5.0</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-4 col-lg-3 even-odd">
<div class="member rounded-top">
<div class="pic rounded-top">
<img class="vip lazyload" data-src="assets/img/VIP-star.png" alt="VIP" title="VIP">
<a href="https://www.sweetypatel.net/escorts/aditi/29">
<img class="img-fluid" src="https://res.cloudinary.com/sweetypatel/image/upload/e_blur:1000,q_1,f_auto//uploads/profile/aditi-2.webp" alt="brunette mumbai escorts" width="194" height="294">
</a>
<div class="available-now"><span>Available Now</span></div>
</div>
<div class="details-wrap ">
<div class="details rounded-bottom">
<div class="p-details px-2">
<div class="p-info col-8 p-0">
<h3 class="text-bold t-name text-uppercase">aditi</h3>
<h4 class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>big boobs girls</h4>
</div>
<div class="star-wrap col-4 p-0">
<span class="d-block font-weight-bold">Rating</span>
<span class="dja"><i class="icon-star-full mr-1" aria-hidden="true"></i>5.0</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-4 col-lg-3 even-odd">
<div class="member rounded-top">
<div class="pic rounded-top">
<img class="vip lazyload" data-src="assets/img/VIP-star.png" alt="VIP" title="VIP">
<a href="https://www.sweetypatel.net/escorts/pooja/30">
<img class="img-fluid" src="https://res.cloudinary.com/sweetypatel/image/upload/e_blur:1000,q_1,f_auto//uploads/profile/pooja-2.webp" alt="brunette mumbai escorts" width="194" height="294">
</a>
<div class="available-now"><span>Available Now</span></div>
</div>
<div class="details-wrap ">
<div class="details rounded-bottom">
<div class="p-details px-2">
<div class="p-info col-8 p-0">
<h3 class="text-bold t-name text-uppercase">pooja</h3>
<h4 class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>panvel escorts</h4>
</div>
<div class="star-wrap col-4 p-0">
<span class="d-block font-weight-bold">Rating</span>
<span class="dja"><i class="icon-star-full mr-1" aria-hidden="true"></i>5.0</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-4 col-lg-3 even-odd">
<div class="member rounded-top">
<div class="pic rounded-top">
<img class="vip lazyload" data-src="assets/img/VIP-star.png" alt="VIP" title="VIP">
<a href="https://www.sweetypatel.net/escorts/lipi/31">
<img class="img-fluid" src="https://res.cloudinary.com/sweetypatel/image/upload/e_blur:1000,q_1,f_auto//uploads/profile/lipi-2.webp" alt="brunette Mumbai escorts" width="194" height="294">
</a>
<div class="available-now"><span>Available Now</span></div>
</div>
<div class="details-wrap ">
<div class="details rounded-bottom">
<div class="p-details px-2">
<div class="p-info col-8 p-0">
<h3 class="text-bold t-name text-uppercase">lipi</h3>
<h4 class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>Air hostess Mumbai Escorts</h4>
</div>
<div class="star-wrap col-4 p-0">
<span class="d-block font-weight-bold">Rating</span>
<span class="dja"><i class="icon-star-full mr-1" aria-hidden="true"></i>5.0</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-4 col-lg-3 even-odd">
<div class="member rounded-top">
<div class="pic rounded-top">
<img class="vip lazyload" data-src="assets/img/VIP-star.png" alt="VIP" title="VIP">
<a href="https://www.sweetypatel.net/escorts/neena/32">
<img class="img-fluid" src="https://res.cloudinary.com/sweetypatel/image/upload/e_blur:1000,q_1,f_auto//uploads/profile/neena-2.webp" alt="brunette mumbai escorts" width="194" height="294">
</a>
<div class="available-now"><span>Available Now</span></div>
</div>
<div class="details-wrap ">
<div class="details rounded-bottom">
<div class="p-details px-2">
<div class="p-info col-8 p-0">
<h3 class="text-bold t-name text-uppercase">neena</h3>
<h4 class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>Fatty Women Mumbai Escort</h4>
</div>
<div class="star-wrap col-4 p-0">
<span class="d-block font-weight-bold">Rating</span>
<span class="dja"><i class="icon-star-full mr-1" aria-hidden="true"></i>5.0</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-4 col-lg-3 even-odd">
<div class="member rounded-top">
<div class="pic rounded-top">
<img class="vip lazyload" data-src="assets/img/VIP-star.png" alt="VIP" title="VIP">
<a href="https://www.sweetypatel.net/escorts/minakshi/33">
<img class="img-fluid" src="https://res.cloudinary.com/sweetypatel/image/upload/e_blur:1000,q_1,f_auto//uploads/profile/minakshi-2.webp" alt="brunette mumbai escorts" width="194" height="294">
</a>
<div class="available-now"><span>Available Now</span></div>
</div>
<div class="details-wrap ">
<div class="details rounded-bottom">
<div class="p-details px-2">
<div class="p-info col-8 p-0">
<h3 class="text-bold t-name text-uppercase">minakshi</h3>
<h4 class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>teenage escorts in Mumbai</h4>
</div>
<div class="star-wrap col-4 p-0">
<span class="d-block font-weight-bold">Rating</span>
<span class="dja"><i class="icon-star-full mr-1" aria-hidden="true"></i>5.0</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-4 col-lg-3 even-odd">
<div class="member rounded-top">
<div class="pic rounded-top">
<img class="vip lazyload" data-src="assets/img/VIP-star.png" alt="VIP" title="VIP">
<a href="https://www.sweetypatel.net/escorts/saka/34">
<img class="img-fluid" src="https://res.cloudinary.com/sweetypatel/image/upload/e_blur:1000,q_1,f_auto//uploads/profile/saka-2.webp" alt="teenage escorts in Mumbai" width="194" height="294">
</a>
<div class="available-now"><span>Available Now</span></div>
</div>
<div class="details-wrap ">
<div class="details rounded-bottom">
<div class="p-details px-2">
<div class="p-info col-8 p-0">
<h3 class="text-bold t-name text-uppercase">saka</h3>
<h4 class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>Thai Massage Girl</h4>
</div>
<div class="star-wrap col-4 p-0">
<span class="d-block font-weight-bold">Rating</span>
<span class="dja"><i class="icon-star-full mr-1" aria-hidden="true"></i>5.0</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-4 col-lg-3 even-odd">
<div class="member rounded-top">
<div class="pic rounded-top">
<img class="vip lazyload" data-src="assets/img/VIP-star.png" alt="VIP" title="VIP">
<a href="https://www.sweetypatel.net/escorts/niki/35">
<img class="img-fluid" src="https://res.cloudinary.com/sweetypatel/image/upload/e_blur:1000,q_1,f_auto//uploads/profile/niki-2.webp" alt="Massage Girl niki" width="194" height="294">
</a>
<div class="available-now"><span>Available Now</span></div>
</div>
<div class="details-wrap ">
<div class="details rounded-bottom">
<div class="p-details px-2">
<div class="p-info col-8 p-0">
<h3 class="text-bold t-name text-uppercase">niki</h3>
<h4 class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>Santacruz Escorts</h4>
</div>
<div class="star-wrap col-4 p-0">
<span class="d-block font-weight-bold">Rating</span>
<span class="dja"><i class="icon-star-full mr-1" aria-hidden="true"></i>5.0</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-4 col-lg-3 even-odd">
<div class="member rounded-top">
<div class="pic rounded-top">
<img class="vip lazyload" data-src="assets/img/VIP-star.png" alt="VIP" title="VIP">
<a href="https://www.sweetypatel.net/escorts/meera/36">
<img class="img-fluid" src="https://res.cloudinary.com/sweetypatel/image/upload/e_blur:1000,q_1,f_auto//uploads/profile/meera-2.webp" alt="Massage Girl" width="194" height="294">
</a>
<div class="available-now"><span>Available Now</span></div>
</div>
<div class="details-wrap ">
<div class="details rounded-bottom">
<div class="p-details px-2">
<div class="p-info col-8 p-0">
<h3 class="text-bold t-name text-uppercase">meera</h3>
<h4 class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>Bhandup Escorts</h4>
</div>
<div class="star-wrap col-4 p-0">
<span class="d-block font-weight-bold">Rating</span>
<span class="dja"><i class="icon-star-full mr-1" aria-hidden="true"></i>5.0</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<style>
.text {
color: #fff;
font-size: 16px;
line-height: 28px;
margin-bottom: 21px
}
.text h2 {
color: #f3a806;
margin: 25px 0;
font-family: 'Montserrat', sans-serif
}
h1,
h2 {
color: #f3a806;
font-family: 'Montserrat', sans-serif
}
.text ul {
padding: 0;
margin-top: 25px;
margin-bottom: 20px
}
.text ul li {
list-style: none;
padding-left: 20px;
position: relative;
margin-bottom: 10px;
display: inline-block;
margin-right: 10px
}
.text ul li:before {
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;
content: "\f105";
position: absolute;
left: 0;
top: 6px;
color: #f3a806;
font-size: 18px
}
.title {
margin: 0 auto 60px;
font-size: 49px;
font-weight: bold;
color: #cfd1d2;
font-family: 'Poppins', sans-serif;
display: inline-block;
position: relative
}
.title:before {
position: absolute;
content: '';
width: 100%;
height: 2px;
background: #f3a806;
bottom: -10px
}
.escorts_locations {
width: 100%;
display: block;
padding: 0 0 15px 0;
border-bottom: 1px solid #ffc107;
margin-bottom: 37px
}
.escorts_locations h4 {
color: #000;
font-weight: 300;
font-size: 24px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 15px
}
.escorts_locations ul {
display: inline-block;
width: 100%;
margin: 0;
padding: 0;
margin-top: 10px
}
.escorts_locations ul li {
display: inline-block;
padding: 0 25px 0 0;
position: relative
}
.escorts_locations ul li::before {
content: "";
position: absolute;
left: 0;
background: url(ges/check.png/images/check.png);
height: 15px;
width: 15px;
background-size: contain;
top: 6px
}
.escorts_locations ul li a {
padding-left: 25px
}
.escorts_locations ul li a:hover {
color: #fff
}
.inner-page {
padding: 30px 0 30px
}
.contact {
position: relative;
height: auto;
display: table;
padding: 40px 0 40px;
width: 100%
}
.headerdiv {
background: #000
}
a,
a:hover {
color: #f3a806
}
::-webkit-input-placeholder {
color: #ffffff80
}
@media(max-width:767px) {
.escorts_locations ul li {
width: 100%
}
.escorts_locations {
margin-top: 20px
}
}
@media only screen and (max-width:992px) {
.title:before {
left: 0;
bottom: -5px
}
.title {
font-size: 25px;
margin: 0 auto 65px;
line-height: 35px
}
}
@media only screen and (max-width:767px) {
.title {
font-size: 25px;
margin: 0 auto 25px;
line-height: 35px
}
.contact {
padding: 0
}
.title {
font-size: 25px;
margin: 30px auto 55px
}
.headerdiv .title {
margin-top: 0
}
}
@media only screen and (max-width:680px) {
.escorts_locations ul li a {
padding-left: 25px;
font-size: 14px
}
}
.escorts_locations a {
color: #000;
margin-left: 5px;
font-size: 21px;
}
</style>
<div class="inner-page">
<div class="container">
<h2 class="main-heading text-danger"> Escorts type<span class="text-secondary">Select According to your taste</span></h2>
<div class="contact">
<div class="col-md-12 col-sm-12">
<div class="escorts_locations text">
<h3 class="text-dark text-uppercase">Escorts Type: 1</h3>
<div class="row">
<div class="col-md-6 col-lg-4 col-xl-4">
<img class="lazyload" data-src="https://img.icons8.com/material/60/000000/external-link-squared.png" width="20" height="20" alt="escort category link" /><a href="https://www.sweetypatel.net/category/collage-girls-videos/1"> Collage girls videos</a>
</div>
<div class="col-md-6 col-lg-4 col-xl-4">
<img class="lazyload" data-src="https://img.icons8.com/material/60/000000/external-link-squared.png" width="20" height="20" alt="escort category link" /><a href="https://www.sweetypatel.net/category/new-escorts/2"> New escorts</a>
</div>
<div class="col-md-6 col-lg-4 col-xl-4">
<img class="lazyload" data-src="https://img.icons8.com/material/60/000000/external-link-squared.png" width="20" height="20" alt="escort category link" /><a href="https://www.sweetypatel.net/category/brazilian-girls/4"> Brazilian girls</a>
</div>
<div class="col-md-6 col-lg-4 col-xl-4">
<img class="lazyload" data-src="https://img.icons8.com/material/60/000000/external-link-squared.png" width="20" height="20" alt="escort category link" /><a href="https://www.sweetypatel.net/category/desi-call-girls/5"> Desi call girls</a>
</div>
<div class="col-md-6 col-lg-4 col-xl-4">
<img class="lazyload" data-src="https://img.icons8.com/material/60/000000/external-link-squared.png" width="20" height="20" alt="escort category link" /><a href="https://www.sweetypatel.net/category/south-girls-sex-video/6"> South girls sex video</a>
</div>
<div class="col-md-6 col-lg-4 col-xl-4">
<img class="lazyload" data-src="https://img.icons8.com/material/60/000000/external-link-squared.png" width="20" height="20" alt="escort category link" /><a href="https://www.sweetypatel.net/category/mallu-aunty/7"> Mallu aunty</a>
</div>
<div class="col-md-6 col-lg-4 col-xl-4">
<img class="lazyload" data-src="https://img.icons8.com/material/60/000000/external-link-squared.png" width="20" height="20" alt="escort category link" /><a href="https://www.sweetypatel.net/category/london-girls/8"> London girls</a>
</div>
<div class="col-md-6 col-lg-4 col-xl-4">
<img class="lazyload" data-src="https://img.icons8.com/material/60/000000/external-link-squared.png" width="20" height="20" alt="escort category link" /><a href="https://www.sweetypatel.net/category/model-escorts/9"> Model escorts</a>
</div>
<div class="col-md-6 col-lg-4 col-xl-4">
<img class="lazyload" data-src="https://img.icons8.com/material/60/000000/external-link-squared.png" width="20" height="20" alt="escort category link" /><a href="https://www.sweetypatel.net/category/recommended-escorts/10"> Recommended escorts</a>
</div>
</div>
</div>
<div class="escorts_locations text">
<h3 class="text-dark text-uppercase">Escorts Type: 2</h3>
<div class="row">
<div class="col-md-6 col-lg-4 col-xl-4">
<img class="lazyload" data-src="https://img.icons8.com/ios-filled/60/000000/fingerprint.png" width="20" height="20" alt="escorts category" /><a href="https://www.sweetypatel.net/category/spanish-girls-in-mumbai/11"> Spanish girls in mumbai</a>
</div>
<div class="col-md-6 col-lg-4 col-xl-4">
<img class="lazyload" data-src="https://img.icons8.com/ios-filled/60/000000/fingerprint.png" width="20" height="20" alt="escorts category" /><a href="https://www.sweetypatel.net/category/women-seeking-men/12"> Women seeking men</a>
</div>
<div class="col-md-6 col-lg-4 col-xl-4">
<img class="lazyload" data-src="https://img.icons8.com/ios-filled/60/000000/fingerprint.png" width="20" height="20" alt="escorts category" /><a href="https://www.sweetypatel.net/category/female-prostitute/13"> Female prostitute</a>
</div>
<div class="col-md-6 col-lg-4 col-xl-4">
<img class="lazyload" data-src="https://img.icons8.com/ios-filled/60/000000/fingerprint.png" width="20" height="20" alt="escorts category" /><a href="https://www.sweetypatel.net/category/petite-escorts/14"> Petite escorts</a>
</div>
<div class="col-md-6 col-lg-4 col-xl-4">
<img class="lazyload" data-src="https://img.icons8.com/ios-filled/60/000000/fingerprint.png" width="20" height="20" alt="escorts category" /><a href="https://www.sweetypatel.net/category/cheap-rates-escorts/15"> Cheap rates escorts</a>
</div>
<div class="col-md-6 col-lg-4 col-xl-4">
<img class="lazyload" data-src="https://img.icons8.com/ios-filled/60/000000/fingerprint.png" width="20" height="20" alt="escorts category" /><a href="https://www.sweetypatel.net/category/hookers-in-mumbai/16"> Hookers in mumbai</a>
</div>
<div class="col-md-6 col-lg-4 col-xl-4">
<img class="lazyload" data-src="https://img.icons8.com/ios-filled/60/000000/fingerprint.png" width="20" height="20" alt="escorts category" /><a href="https://www.sweetypatel.net/category/british-girls/17"> British girls</a>
</div>
<div class="col-md-6 col-lg-4 col-xl-4">
<img class="lazyload" data-src="https://img.icons8.com/ios-filled/60/000000/fingerprint.png" width="20" height="20" alt="escorts category" /><a href="https://www.sweetypatel.net/category/colombian-escorts/18"> Colombian escorts</a>
</div>
<div class="col-md-6 col-lg-4 col-xl-4">
<img class="lazyload" data-src="https://img.icons8.com/ios-filled/60/000000/fingerprint.png" width="20" height="20" alt="escorts category" /><a href="https://www.sweetypatel.net/category/women-escorts/19"> Women escorts</a>
</div>
</div>
</div>
<div class="escorts_locations text">
<h3 class="text-dark text-uppercase">Escorts Type: 3</h3>
<div class="row">
<div class="col-md-6 col-lg-4 col-xl-4">
<img class="lazyload" data-src="https://img.icons8.com/glyph-neue/60/000000/link.png" width="20" height="20" alt="escort category" />
<a href="https://www.sweetypatel.net/category/casual-sex/20"> Casual sex</a>
</div>
<div class="col-md-6 col-lg-4 col-xl-4">
<img class="lazyload" data-src="https://img.icons8.com/glyph-neue/60/000000/link.png" width="20" height="20" alt="escort category" />
<a href="https://www.sweetypatel.net/category/slim-escorts/21"> Slim escorts</a>
</div>
<div class="col-md-6 col-lg-4 col-xl-4">
<img class="lazyload" data-src="https://img.icons8.com/glyph-neue/60/000000/link.png" width="20" height="20" alt="escort category" />
<a href="https://www.sweetypatel.net/category/adult-services/22"> Adult services</a>
</div>
<div class="col-md-6 col-lg-4 col-xl-4">
<img class="lazyload" data-src="https://img.icons8.com/glyph-neue/60/000000/link.png" width="20" height="20" alt="escort category" />
<a href="https://www.sweetypatel.net/category/tamil-escorts/23"> Tamil escorts</a>
</div>
<div class="col-md-6 col-lg-4 col-xl-4">
<img class="lazyload" data-src="https://img.icons8.com/glyph-neue/60/000000/link.png" width="20" height="20" alt="escort category" />
<a href="https://www.sweetypatel.net/category/marathi-escorts/24"> Marathi escorts</a>
</div>
<div class="col-md-6 col-lg-4 col-xl-4">
<img class="lazyload" data-src="https://img.icons8.com/glyph-neue/60/000000/link.png" width="20" height="20" alt="escort category" />
<a href="https://www.sweetypatel.net/category/travel-companion/25"> Travel companion</a>
</div>
<div class="col-md-6 col-lg-4 col-xl-4">
<img class="lazyload" data-src="https://img.icons8.com/glyph-neue/60/000000/link.png" width="20" height="20" alt="escort category" />
<a href="https://www.sweetypatel.net/category/late-night-escorts/26"> Late night escorts</a>
</div>
<div class="col-md-6 col-lg-4 col-xl-4">
<img class="lazyload" data-src="https://img.icons8.com/glyph-neue/60/000000/link.png" width="20" height="20" alt="escort category" />
<a href="https://www.sweetypatel.net/category/18-plus-escorts/28"> 18 plus escorts</a>
</div>
<div class="col-md-6 col-lg-4 col-xl-4">
<img class="lazyload" data-src="https://img.icons8.com/glyph-neue/60/000000/link.png" width="20" height="20" alt="escort category" />
<a href="https://www.sweetypatel.net/category/mallu-aunty-sex-videos/29"> Mallu aunty sex videos</a>
</div>
<div class="col-md-6 col-lg-4 col-xl-4">
<img class="lazyload" data-src="https://img.icons8.com/glyph-neue/60/000000/link.png" width="20" height="20" alt="escort category" />
<a href="https://www.sweetypatel.net/category/mumbai-red-light-area/31"> Mumbai red light area</a>
</div>
<div class="col-md-6 col-lg-4 col-xl-4">
<img class="lazyload" data-src="https://img.icons8.com/glyph-neue/60/000000/link.png" width="20" height="20" alt="escort category" />
<a href="https://www.sweetypatel.net/category/mumbai-sexy-aunty/32"> Mumbai sexy aunty</a>
</div>
<div class="col-md-6 col-lg-4 col-xl-4">
<img class="lazyload" data-src="https://img.icons8.com/glyph-neue/60/000000/link.png" width="20" height="20" alt="escort category" />
<a href="https://www.sweetypatel.net/category/shemale-escorts/33"> Shemale escorts</a>
</div>
<div class="col-md-6 col-lg-4 col-xl-4">
<img class="lazyload" data-src="https://img.icons8.com/glyph-neue/60/000000/link.png" width="20" height="20" alt="escort category" />
<a href="https://www.sweetypatel.net/category/dating-girls-in-mumbai/34"> Dating girls in mumbai</a>
</div>
<div class="col-md-6 col-lg-4 col-xl-4">
<img class="lazyload" data-src="https://img.icons8.com/glyph-neue/60/000000/link.png" width="20" height="20" alt="escort category" />
<a href="https://www.sweetypatel.net/category/russian-escorts/35"> Russian escorts</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<section class="bg-purple">
<div class="container py-5">
<h2 class="main-heading text-purple">Shed all your stress <span class="text-secondary">once you enter our door!</span></h2>
<p>Looking for some good time to find mental pleasure? Come to us! We are blessed with a number of <b><a href="https://www.sweetypatel.net/">Female escorts Mumbai</a></b> who are ready to provide you with mental and physical pleasure. Sex is the best option to eradicate stress! Keeping this in mind, our escorts have the perfect skills to erase all your mind stress there by leaving you stress-free and satisfied.</p>
<p class="mb-0">Moreover, with a good body massage, or soapy massage, our girls will make sure they remove all
your frustration and tiredness in one go! One sexy massage session followed by a bed sesh with
our sexy divas is more than enough to serve your brain with positivity.
</p><br>
<h2 class="main-heading"><span class="text-secondary">Call our call girl at your convenience</span></h2>
<p>We offer seductive and hot escorts straight at your location. Offering outcall and Incall
facilities to our customers, we have been serving lots of customers each day. Simply <b><a href="tel:+918577807904">call us</a></b> and
fix your appointment.
</p>
<p>Our Mumbai escort agency will be right there at your service at the scheduled time and date. Our only aim is to provide 100% real
satisfaction to our customers and help them get familiar with the real definition of sensual
pleasure in bed.
</p>
<P class="mb-0">You can either come down to our agency or call our escorts down to your
location. Call us for booking your girl now! <b>Incall and outcall service</b> ! What do you prefer?
</P><br>
<h2 class="main-heading"><span class="text-secondary">Mumbai Escorts Service - Independent Escort girls</span></h2>
<p>We select our sexy girls very keenly and carefully. This is done because we are committed to
delivering the best <b>escort service in Mumbai</b>. To serve the accurate needs of our
clients, we don't compromise on quality and service. Imagine spending beautiful evenings and
nights with our <b><a href="https://www.sweetypatel.net/call-girls-mumbai">independent call girls in Mumbai</a></b>. They are bold, intelligent, sexy and dazzling. The night you spend with us will be the best night of your life and
we assure you this.</p>
<p>Our call girls are endowed with brilliant fantasies to take you to the world of
lust and satisfaction. You can complete and fulfill all your sex desires and kinky needs with the
escorts of our agency. Once you connect with us, you will forget the rest of the world. Feeling
the warmth and depth of our escorts, you will enter a whole new world of lust.</p>
<p>Mumbai escorts will blow your mind away with their cute smile and
dazzling eyes. No one would look and tell them that they are escorts. They are independent,
intelligent, and appealing. You will get straight attached to their personality once you connect
with them. Our <b><a href="https://www.sweetypatel.net/">Mumbai Escorts</a></b> don't mind being your girlfriend or companion as well.</p>
</div>
</section>
<style>
.lc-name {
position: absolute;
bottom: -2px;
right: 0;
z-index: 9;
font-weight: 700;
text-transform: uppercase;
font-size: 12px;
background: #810000;
padding: 6px 11px;
border-radius: 20px 0 0 20px;
color: #fff;
}
.gredient {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 2;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, .16), rgb(0 0 0 / 48%));
}
@media screen and (max-width: 600px) {
.lc-name {
font-size: 10px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 77%;
}
}
</style>
<section class="bg-dark py-5">
<div class="container-fluid">
<h2 class="main-heading text-warning text-center">12+ Locations<span class="text-light">Choose Your Escorts Location Near By</span></h2>
<div class="row mt-3 justify-content-center">
<div class="col-6 col-sm-4 col-md-3 col-lg-2 pb-3 even-odd">
<a class="partners-item" href="https://www.sweetypatel.net/location/andheri-escorts/5" title="Andheri escorts">
<div class="partners-item__thumb position-relative">
<h3 class="lc-name"><span class="icon-location mr-1"></span>andheri escorts</h3>
<img class="img-fluid lazyload rounded" data-src="https://www.sweetypatel.net/uploads/location/andheri.jpg" width="198" height="202" alt="Andheri Escorts Mumbai">
</div>
</a>
</div>
<div class="col-6 col-sm-4 col-md-3 col-lg-2 pb-3 even-odd">
<a class="partners-item" href="https://www.sweetypatel.net/location/bandra-escorts/6" title="Bandra escorts">
<div class="partners-item__thumb position-relative">
<h3 class="lc-name"><span class="icon-location mr-1"></span>bandra escorts</h3>
<img class="img-fluid lazyload rounded" data-src="https://www.sweetypatel.net/uploads/location/mumbai-escorts-bandra-1.jpg" width="198" height="202" alt="Bandra Escorts Mumbai">
</div>
</a>
</div>
<div class="col-6 col-sm-4 col-md-3 col-lg-2 pb-3 even-odd">
<a class="partners-item" href="https://www.sweetypatel.net/location/juhu-escorts/7" title="Juhu escorts">
<div class="partners-item__thumb position-relative">
<h3 class="lc-name"><span class="icon-location mr-1"></span>juhu escorts</h3>
<img class="img-fluid lazyload rounded" data-src="https://www.sweetypatel.net/uploads/location/mumbai-Escorts-juhu-1.jpg" width="198" height="202" alt="Juhu Escorts Mumbai">
</div>
</a>
</div>
<div class="col-6 col-sm-4 col-md-3 col-lg-2 pb-3 even-odd">
<a class="partners-item" href="https://www.sweetypatel.net/location/south-mumbai-escorts/8" title="South mumbai escorts">
<div class="partners-item__thumb position-relative">
<h3 class="lc-name"><span class="icon-location mr-1"></span>south mumbai escorts</h3>
<img class="img-fluid lazyload rounded" data-src="https://www.sweetypatel.net/uploads/location/mumbai-escorts-south-1.jpg" width="198" height="202" alt="south mumbai escorts Mumbai">
</div>
</a>
</div>
<div class="col-6 col-sm-4 col-md-3 col-lg-2 pb-3 even-odd">
<a class="partners-item" href="https://www.sweetypatel.net/location/powai-call-girls/9" title="Powai call girls">
<div class="partners-item__thumb position-relative">
<h3 class="lc-name"><span class="icon-location mr-1"></span>powai call girls</h3>
<img class="img-fluid lazyload rounded" data-src="https://www.sweetypatel.net/uploads/location/mumbai-escorts-powai-1.jpg" width="198" height="202" alt="powai call girls Mumbai">
</div>
</a>
</div>
<div class="col-6 col-sm-4 col-md-3 col-lg-2 pb-3 even-odd">
<a class="partners-item" href="https://www.sweetypatel.net/location/goregaon-escorts/10" title="Goregaon escorts">
<div class="partners-item__thumb position-relative">
<h3 class="lc-name"><span class="icon-location mr-1"></span>goregaon escorts</h3>
<img class="img-fluid lazyload rounded" data-src="https://www.sweetypatel.net/uploads/location/mumbai-escorts-goregoan-1.jpg" width="198" height="202" alt="goregaon escorts service Mumbai">
</div>
</a>
</div>
<div class="col-6 col-sm-4 col-md-3 col-lg-2 pb-3 even-odd">
<a class="partners-item" href="https://www.sweetypatel.net/location/chembur-girls-mumbai/11" title="Chembur girls mumbai">
<div class="partners-item__thumb position-relative">
<h3 class="lc-name"><span class="icon-location mr-1"></span>chembur girls mumbai</h3>
<img class="img-fluid lazyload rounded" data-src="https://www.sweetypatel.net/uploads/location/mumbai-escorts-chembur-1.jpg" width="198" height="202" alt="chembur girls mumbai Mumbai">
</div>
</a>
</div>
<div class="col-6 col-sm-4 col-md-3 col-lg-2 pb-3 even-odd">
<a class="partners-item" href="https://www.sweetypatel.net/location/malad-escorts/12" title="Malad escorts">
<div class="partners-item__thumb position-relative">
<h3 class="lc-name"><span class="icon-location mr-1"></span>malad escorts</h3>
<img class="img-fluid lazyload rounded" data-src="https://www.sweetypatel.net/uploads/location/mumbai-escorts-malad-1.jpg" width="198" height="202" alt="malad escorts Mumbai">
</div>
</a>
</div>
<div class="col-6 col-sm-4 col-md-3 col-lg-2 pb-3 even-odd">
<a class="partners-item" href="https://www.sweetypatel.net/location/kalyan-escorts/13" title="Kalyan escorts">
<div class="partners-item__thumb position-relative">
<h3 class="lc-name"><span class="icon-location mr-1"></span>kalyan escorts</h3>
<img class="img-fluid lazyload rounded" data-src="https://www.sweetypatel.net/uploads/location/mumbai-escorts-kalyan-1.jpg" width="198" height="202" alt="kalyan escorts Mumbai">
</div>
</a>
</div>
<div class="col-6 col-sm-4 col-md-3 col-lg-2 pb-3 even-odd">
<a class="partners-item" href="https://www.sweetypatel.net/location/versova-escorts/14" title="Versova escorts">
<div class="partners-item__thumb position-relative">
<h3 class="lc-name"><span class="icon-location mr-1"></span>versova escorts</h3>
<img class="img-fluid lazyload rounded" data-src="https://www.sweetypatel.net/uploads/location/mumbai-escorts-versova-1.jpg" width="198" height="202" alt="versova escorts Mumbai">
</div>
</a>
</div>
<div class="col-6 col-sm-4 col-md-3 col-lg-2 pb-3 even-odd">
<a class="partners-item" href="https://www.sweetypatel.net/location/borivali-escorts/15" title="Borivali escorts">
<div class="partners-item__thumb position-relative">
<h3 class="lc-name"><span class="icon-location mr-1"></span>borivali escorts</h3>
<img class="img-fluid lazyload rounded" data-src="https://www.sweetypatel.net/uploads/location/borivali-one.jpg" width="198" height="202" alt="borivali escorts Mumbai">
</div>
</a>
</div>
<div class="col-6 col-sm-4 col-md-3 col-lg-2 pb-3 even-odd">
<a class="partners-item" href="https://www.sweetypatel.net/location/wadala-escorts/16" title="Wadala escorts">
<div class="partners-item__thumb position-relative">
<h3 class="lc-name"><span class="icon-location mr-1"></span>wadala escorts</h3>
<img class="img-fluid lazyload rounded" data-src="https://www.sweetypatel.net/uploads/location/wadala-one.jpg" width="198" height="202" alt="wadala escorts Mumbai">
</div>
</a>
</div>
<div class="col-6 col-sm-4 col-md-3 col-lg-2 pb-3 even-odd">
<a class="partners-item" href="https://www.sweetypatel.net/location/navi-mumbai/18" title="Navi mumbai">
<div class="partners-item__thumb position-relative">
<h3 class="lc-name"><span class="icon-location mr-1"></span>navi mumbai</h3>
<img class="img-fluid lazyload rounded" data-src="https://www.sweetypatel.net/uploads/location/navi-mumbai2.jpg" width="198" height="202" alt="Navi Mumbai Escorts Mumbai">
</div>
</a>
</div>
<div class="col-6 col-sm-4 col-md-3 col-lg-2 pb-3 even-odd">
<a class="partners-item" href="https://www.sweetypatel.net/location/worli-escorts/19" title="Worli escorts">
<div class="partners-item__thumb position-relative">
<h3 class="lc-name"><span class="icon-location mr-1"></span>worli escorts</h3>
<img class="img-fluid lazyload rounded" data-src="https://www.sweetypatel.net/uploads/location/worli.jpg" width="198" height="202" alt="Worli Escorts Mumbai">
</div>
</a>
</div>
<div class="col-6 col-sm-4 col-md-3 col-lg-2 pb-3 even-odd">
<a class="partners-item" href="https://www.sweetypatel.net/location/nerul-escorts/20" title="Nerul escorts">
<div class="partners-item__thumb position-relative">
<h3 class="lc-name"><span class="icon-location mr-1"></span>nerul escorts</h3>
<img class="img-fluid lazyload rounded" data-src="https://www.sweetypatel.net/uploads/location/nerul.jpg" width="198" height="202" alt="Nerul Escorts Mumbai">
</div>
</a>
</div>
<div class="col-6 col-sm-4 col-md-3 col-lg-2 pb-3 even-odd">
<a class="partners-item" href="https://www.sweetypatel.net/location/kurla-escorts/21" title="Kurla escorts">
<div class="partners-item__thumb position-relative">
<h3 class="lc-name"><span class="icon-location mr-1"></span>kurla escorts</h3>
<img class="img-fluid lazyload rounded" data-src="https://www.sweetypatel.net/uploads/location/navi-mumbai3.jpg" width="198" height="202" alt="Navi Mumbai Escorts Mumbai">
</div>
</a>
</div>
<div class="col-6 col-sm-4 col-md-3 col-lg-2 pb-3 even-odd">
<a class="partners-item" href="https://www.sweetypatel.net/location/vashi-escorts/22" title="Vashi escorts">
<div class="partners-item__thumb position-relative">
<h3 class="lc-name"><span class="icon-location mr-1"></span>vashi escorts</h3>
<img class="img-fluid lazyload rounded" data-src="https://www.sweetypatel.net/uploads/location/vashi-escorts1.jpg" width="198" height="202" alt="vashi escorts Mumbai">
</div>
</a>
</div>
<div class="col-6 col-sm-4 col-md-3 col-lg-2 pb-3 even-odd">
<a class="partners-item" href="https://www.sweetypatel.net/location/colaba-escorts/23" title="Colaba escorts">
<div class="partners-item__thumb position-relative">
<h3 class="lc-name"><span class="icon-location mr-1"></span>colaba escorts</h3>
<img class="img-fluid lazyload rounded" data-src="https://www.sweetypatel.net/uploads/location/colaba-escorts1.jpg" width="198" height="202" alt="Colaba escorts Mumbai">
</div>
</a>
</div>
<div class="col-6 col-sm-4 col-md-3 col-lg-2 pb-3 even-odd">
<a class="partners-item" href="https://www.sweetypatel.net/location/sakinaka-escorts/24" title="Sakinaka escorts">
<div class="partners-item__thumb position-relative">
<h3 class="lc-name"><span class="icon-location mr-1"></span>sakinaka escorts</h3>
<img class="img-fluid lazyload rounded" data-src="https://www.sweetypatel.net/uploads/location/sakinaka-escorts1.jpg" width="198" height="202" alt="sakinaka escorts Mumbai">
</div>
</a>
</div>
<div class="col-6 col-sm-4 col-md-3 col-lg-2 pb-3 even-odd">
<a class="partners-item" href="https://www.sweetypatel.net/location/mira-road-escorts/25" title="Mira road escorts">
<div class="partners-item__thumb position-relative">
<h3 class="lc-name"><span class="icon-location mr-1"></span>mira road escorts</h3>
<img class="img-fluid lazyload rounded" data-src="https://www.sweetypatel.net/uploads/location/mira-roadi.jpg" width="198" height="202" alt="Mira road escorts Mumbai">
</div>
</a>
</div>
</div>
</div>
</section>
<section class="bg-red">
<div class="container py-5">
<h2 class="main-heading text-warning">Mumbai Female Escorts <span class="text-light"> at your service</span></h2>
<p>We offer huge benefits that include extensive <strong>female escorts</strong> for both
incall and outcall service, dating service, lusty service, Sexy companion service, and packed
service. Our escorts are well trained, experienced, and professional in serving you with their
skills and curvy body. Being in this industry for years now, they are endowed with the best
skills and experience.</p>
<p class="mb-0">What else can be better than this? We are blessed with beautiful <strong><a href="https://www.sweetypatel.net/category/russian-escorts/35">russian escorts</a></strong> who have been serving us in this service for years. Many of our clients opt
for different girls as per their moods and needs. Hence, we understand the need and thus are
equipped with fine, experienced and professional escorts. They are well aware and have high
expertise in serving erotic service as well. Once you meet them, they will make sure they make
you comfortable so that they can bring your soul out of your body with electrified touches and
sensual licks.</p><br>
<h2 class="main-heading text-warning"><span class="text-light">Escort Service available with the special Mumbai Escorts</span></h2>
<p>Our <strong>Escort Service</strong> is famous for it's quality and client satisfaction. Now we added some of the special escorts in our gallery for your different moods. You can contact us for your desired escorts such as party girls, housewife escorts, russian escorts, mallu aunty, model escorts, london girls, etc... </p>
<p>Parties are always be colourful and it is one of the chilling thing every one loves to do. If you are
struggling to get a partner for any of your parties then give a ring to our number. And we will
provide the best of the best girls as a partner and you can take the girl to any of your party to
have a great fun. Here at our place we can offer you things, which you will definitively likes.</p>
<p class="mb-0"> The party girls are one among those. Other than that the outcall and incall services are available
at your comfort. So you can chose any of the escort girl you like and you can book her to any of
your location through outcall. If it's incall then you need to come to girls place after the booking.</p><br>
<h2 class="main-heading text-warning"><span class="text-light">Mumbai escorts renders your long-waited weekend desire</span></h2>
<p class="mb-0">Everyone has their own kind of desires and they always looks for the beauty who matches that desires.
And now you are at the place which is created to find you a perfect match. Our busty and <strong><a href="https://www.sweetypatel.net/category/slim-escorts/21">slim girls</a></strong> may
also be the one among your desires. And we have some of those beauties and we want you to see it.</p>
<p>
Before that, what you need to know is, our busty and slim girls are not just beautiful.
they are highly classy and educated. So they’ll provide their beauty in variety of styles and their
charming nature will thrill you a lot. You will be enchanted to their lusty illustion and
every action you do will make you more romantic and you wouldn’t like to waste even a minute also . So
call us to see pics of our <strong>mumbai escorts</strong> and then book whenever you want, either outcall or incall.</p>
</div>
</section>
<section class="bg-light py-5">
<div class="container">
<h2 class="main-heading text-danger">Independent Escorts Mumbai <span class="text-secondary">Best Choice For You</span></h2>
<p><a href="https://www.topgirlsmumbai.com/">Independent escorts</a> in mumbai work for themselves in the shadows like in hotels, private buildings or houses and they charge more price.
The Mumbai independent escorts provided by agencies like us are everything in a total package. More than beauty they have the
perfectly fitted body which is really a treat for you to enjoy. Their captivating beauty is at-par with the standards of independent escorts in mumbai and they are well known about how to maintain it. So if you are deeply
in search of a highly attractive, good looking with perfectly fitted beauties then our <b>independent
escorts Mumbai</b> are the best choice for you.</p>
<p class="mb-0"> Now you can also avail our call girls service with our <strong><a href="https://www.sweetypatel.net/call-girls-mumbai">Mumbai call girls</a></strong> who are really waiting for your call. Don't think about where you are or something else, just
take your phone and give a call. The girl will came to your place within 20 minutes of your booking. And it may takes 30 minutes because of the traffic.</p> <br>
<h2 class="main-heading"><span class="text-secondary">Is Female Escorts Service in Mumbai really what you are looking for ?</span></h2>
<p class="mb-0"> Female escorts in mumbai deliver a variety of services including Oral-sex, French kissing, Fingering, Cum on body, GFE, OWO, Massage and deep throat. We have more than 300 <strong>Mumbai escorts</strong> and 60 <strong>call girls in mumbai</strong> at this time. Hurry up pick your phone and make your night memorable.</p> <br>
<h2 class="main-heading text-danger">All that glitters is gold for sure<span class="text-secondary"> Mumbai Escorts accompanies gale of lust where they go</span></h2>
<p class="mb-0">No wonder why so many people fall for their honey glazing figure. Being a mumbai escort is a privilege and they take this job seriously. The art of satisfaction is merely a genius play carried out by the <strong><a href="https://www.sweetypatel.net/call-girls-mumbai">call girls in mumbai</a></strong>. Their lavish lifestyle, uncomparable personality and the skill of fulfilling your sexual desire makes them nothing short of <strong>Aphrodite(The Greek God of lust)</strong></p><br>
<h2 class="main-heading"><span class="text-secondary">Nurture the experience of Incall & Outcall Escorts service mumbai</span></h2>
<p>Mumbai Escorts girls are selected for their exceptional beauty, great figure, friendliness, elegance and discretion.
The two services they provide are:-</p>
<ol>
<li>Incall service</li>
<li>Outcall service</li>
</ol>
<h2 class="main-heading"><span class="text-secondary">Incall services</span></h2>
<p class="mb-0">The term <b>"incall service"</b>means that you as a client will be visiting our mumbai escorts at a location to avail the services. In sweetypatel we have the best collaboration with all of the service providers in the town. We will be precisely guiding you
to reach the provider's house/hotel at the booked time. We have 90% success rates and our customers are very happy with our services. If you take cab service from us then everything will be taken care from our side. To know more about incall services give us <a href="tel:+918577807904">a call</a> directly.</p><br>
<h2 class="main-heading"><span class="text-secondary">Outcall services</span></h2>
<p class="mb-0"><b>"Outcall services"</b>is the most popular type of service availed in Mumbai. If you book sweetypatel's outcall escorts, no matter where you stay in mumbai, be it a hotel, resort, dorm room or a building our <strong>Mumbai escorts</strong> will reach at your whereabouts in no time. This is 24 hours service so don't worry if you think its too late our escorts in mumbai will arrive as an angel in your arms with a smirk in their face.</p>
<h2 class="main-heading text-danger">Top Experienced<span class="text-secondary"> independent escorts girls in Mumbai</span></h2>
<p class="mb-0">We belong to the 1% of independent escort service provider in mumbai, with variety of styles to choose from. Leading <Strong>independent escort girls</strong> in mumbai area are available at your service. Take your
time to look through the <a href="https://www.sweetypatel.net/mumbai-escort-girls-gallery">escorts gallery</a> stalk and commit to the Independent Escort girls near your place as we have rosebud year of experience representing young girls and best escorts in Mumbai.</p><br>
<h2 class="main-heading"><span class="text-secondary">Reliability of our independent escorts never failed</strong></h2>
<p>We never cheated any client by showing <a href="https://www.sweetypatel.net/mumbai-escort-girls-gallery">beautiful Escorts girls photo</a> and failed to deliver,
You will get what you saw in online. A detailed information of the escort you choose will be sent to you on WhatsApp. You will surely get the same girl as we believe and treat our customers as king.</p>
<p>Sweetypatel's amazing 24 / 7 Escorts service and limited period offers for VIP Models, bollywood models, and tantric divas proliferate strong desires within you and you won't resist booking someone like them. That's why choosing a reliable and trusted agency like us will surely help to fulfil your fantasies.</p>
<h2 class="main-heading"><span class="text-secondary" style="color:#810000!important;">Some of our clients reviews</strong></h2>
<div class="row">
<div class="col-md-3">
<img alt="Whatsapp client review" title="Whatsapp client review" class="lazyload img-fluid" width="391" height="720" data-src="https://www.sweetypatel.net/assets/img/whatsappss-1.png"></a>
</div>
<div class="col-md-3">
<img alt="Whatsapp client review" title="Whatsapp client review" class="lazyload img-fluid" width="391" height="720" data-src="https://www.sweetypatel.net/assets/img/whatsappss-2.png"></a>
</div>
<div class="col-md-3">
<img alt="Whatsapp client review" title="Whatsapp client review" class="lazyload img-fluid" width="391" height="720" data-src="https://www.sweetypatel.net/assets/img/whatsappss-3.png"></a>
</div>
<div class="col-md-3">
<img alt="Whatsapp client review" title="Whatsapp client review" class="lazyload img-fluid" width="391" height="720" data-src="https://www.sweetypatel.net/assets/img/whatsappss-4.png"></a>
</div>
</div>
</div>
</section>
<section class="bg-dark py-5">
<div class="container">
<h3 class="text-warning main-heading">High Class <span class="text-light">Foreign Escorts Mumbai</span></h3>
<div class="row">
<div class="col-12 col-md-6 my-2">
<a href="https://www.sweetypatel.net/category/london-girls/8">
<img alt="London escorts girl" title="London escorts girls" class="lazyload img-fluid" width="395" height="169" data-src="https://www.sweetypatel.net/assets/img/Mumbai-escorts-banner-1.jpg"></a>
</div>
<div class="col-12 col-md-6 my-2">
<a href="https://www.sweetypatel.net/category/brazilian-girls/4">
<img alt="Brazilian Girls" title="Brazilian Girls" width="395" height="169" class="lazyload img-fluid" data-src="https://www.sweetypatel.net/assets/img/Mumbai-escorts-banner-3.jpg"></a>
</div>
<div class="col-12 col-md-6 my-2">
<a href="https://www.sweetypatel.net/category/colombian-escorts/18">
<img alt="Colombian Escorts" title="Colombian Escorts Girls" width="395" height="169" class="lazyload img-fluid" data-src="https://www.sweetypatel.net/assets/img/Mumbai-escorts-banner-5.jpg"></a>
</div>
<div class="col-12 col-md-6 my-2">
<a href="https://www.sweetypatel.net/category/spanish-girls-in-mumbai/11">
<img alt="Spanish girls" title="Spanish Girls" width="395" height="169" class="lazyload img-fluid" data-src="https://www.sweetypatel.net/assets/img/Mumbai-escorts-banner-4.jpg">
</a>
</div>
</div>
</div>
</section>
<section class="bg-purple">
<div class="container py-5">
<h2 class="main-heading text-purple">MUMBAI ESCORTS <span class="text-secondary">DATES THAT SEEMS LIKE A DREAMLAND</span></h2>
<p>The Life short and affairs can get very complicated. So why not keep it simple peruse our <strong><a href="https://www.sweetypatel.net/mumbai-escort-girls-gallery"> hot sexy girl pic </a></strong> have shoot for your relax time, Whether you looking for a stunning beauty to accompany you on exploring all the sites, places of interest, exclusive night clubs party. Mumbai Escorts has offer to ensure find paradise in this great city.</p>
<p>Our companions are very discreet and are able to hold an intelligent conversation of Escorts nights in Mumbai. They dress perfectly, and really know how to make themselves the prettiest girls in any room at <b>Escorts Hotel Mumbai</b>. The majority of our escorts girls are based in Mumbai and some are different places for each profile for more information.</p>
<p> If you are looking for something special such as an evening out on the town in Mumbai. Our <strong><a href="https://www.sweetypatel.net/"> Mumbai Escort </a></strong> will be the special attractions in parties and functions because of their dressing.</p><br>
<h2 class="main-heading"><span class="text-secondary">Sexy Aunty in Mumbai to quench your thirst</span></h2>
<strong>
<p>If you are looking <a href="https://www.sweetypatel.net/category/mumbai-sexy-aunty/32">Hot and Sexy Aunty</a>
</strong> , who will take in charge of your
body and soul you have come to the right place, On this page you will find our
flirtatious aunties, ready and waiting to satisfy your desires, top to bottom. Why
not try out something new today, our <b>Mumbai Aunty</b> love to dress up
for you mens to foreplay with your guilty pleasures.</p><br>
<h2 class="main-heading"><span class="text-secondary">Consider Escorts Mumbai girls & Dating Escorts in Mumbai</span></h2>
<p>There are more than hundred reasons to hire <strong>escorts mumbai</strong> through the most leading escort service in mumbai. In turn what you get is quality, dedication, complete satisfaction, dinner, dating parties and seducing college girls. All you pay for as a high-priority client will be worthwhile for the love and care these dating escorts of mumbai will provide.
</p>
<p>Sweetypatel promises you a real mind blowing <strong><a href="https://www.sweetypatel.net/category/dating-girls-in-mumbai/34">Dating girls in Mumbai</a></strong> experience that will complete all of your desire. </p>
for you to meet and have delightful space. These are elite escorts to fit you style.
We tend to perceive you would too like the rationale of Mumbai Escorts and
work towards seeking out the simplest contest of your personal wants. Reach out to us with your budget and we will provide you a list of top quality escorts mumbai to sample your needs.</p>
<br>
<h3 class="main-heading"><span class="text-secondary">Wondering what GFE Escorts in Mumbai feels like ?</span></h3>
<p>If you are in a search of a beautiful and open-minded partner like your girlfriend, you should call our <strong><a href="https://www.sweetypatel.net/"> Mumbai Escorts </a></strong> ,
and you will get newest stocks for the year 2023 who specialize in providing GFE. Inspite of thousands of escorts in mumbai working hard to give their clients gracious satisfaction only some qualifies to provide a real girlfriend experience. Can you determine them ? No, That's why we are providing you with a checklist to identify a real <strong>GFE escorts in mumbai</strong> :-</p>
<ol>
<li>They are ready to provide a longer encounter rather than just having sex</li>
<li>They are not shy and ready to act like as you both are in a relationship</li>
<li>They try to spend time with you and are not eager to rush in to bed too soon.</li>
</ol>
<p>It is important to treat these special escorts with care as they are very humble and soft in nature. They way you speak will determine how comfortable these girls would feel around you. Buy them flowers, take them out for dinner, buy them clothes,go on long rides and kiss them on their forehead. Grant them love and see how they get flattened for you. </p>
<p> Our <strong><a href="https://www.sweetypatel.net/"> Escorts Mumbai </a></strong> comprises of exotic Indian Loving Girls and Hot girls Blackheads, Blondes, Brunettes, and even mature college girls, VIP Escorts Mumbai. These are some of the finest handpicked flavorful <strong>mumbai escorts </strong> Sweetypatel has to offer from all over the city.</p>
</div>
</section>
<style>
.footer-top {
padding: 60px 0;
background: #4b1383;
text-align: left;
color: #cccccc;
}
.footer-top span {
padding-bottom: 10px;
color: #fff;
display: block;
}
.footer-about img.logo-footer {
max-width: 190px;
margin-top: 0;
margin-bottom: 18px;
}
.footer-about p a {
border: 0;
}
.footer-about p a:hover, .footer-about p a:focus {
border: 0;
}
.footer-contact p {
word-wrap: break-word;
}
.footer-contact i {
padding-right: 10px;
font-size: 18px;
color: #666;
}
.footer-contact p a {
border: 0;
}
.footer-contact p a:hover, .footer-contact p a:focus {
border: 0;
}
.footer-links a {
color: #cccccc;
border: 0;
}
.footer-links a:hover, .footer-links a:focus {
color: #fff;
}
.footer-bottom {
padding: 15px 0 17px 0;
background: #3d0971;
text-align: left;
color: #ccc;
}
.footer-social {
padding-top: 3px;
text-align: right;
}
.footer-social a {
margin-left: 20px;
color: #ccc;
border: 0;
}
.footer-social a:hover, .footer-social a:focus {
color: #79a05f;
border: 0;
}
.footer-social i {
font-size: 24px;
vertical-align: middle;
}
.footer-copyright {
padding-top: 5px;
}
.footer-copyright a {
color: #fff;
border: 0;
}
.footer-copyright a:hover, .footer-copyright a:focus {
color: #aaa;
border: 0;
}
.footer-links a:hover, .footer-links a:focus {
color: #fff;
}
a {
text-decoration: none;
transition: all .3s;
}
a:hover, a:focus {
border: 0;
text-decoration: none;
}</style>
<footer>
<div class="footer-top">
<div class="container">
<div class="row">
<div class="col-md-3 footer-about">
<img class="logo-footer" src="https://www.sweetypatel.net/assets/images/logo-white.png" alt="Sweetypatel Logo" width="190" height="47">
<p>
Sweetypatel is a best Mumbai escort agency serving more than 200+ VIP client all over Maharastra.
</p>
</div>
<div class="col-md-4 offset-md-1 footer-contact">
<span class="h3">Contact</span>
<p><i class="icon-location2"></i> Andheri East, Mumbai Maharastra, 400069</p>
<p><i class="icon-phone"></i> Phone: +91 8577807904</p>
<p><i class="icon-envelop"></i> Email: <a style="color: #f3a806;" href="/cdn-cgi/l/email-protection#196a6e7c7c6d6069786d7c75746c747b7870597e74787075377a7674"><span class="__cf_email__" data-cfemail="95e6e2f0f0e1ece5f4e1f0f9f8e0f8f7f4fcd5f2f8f4fcf9bbf6faf8">[email protected]</span></a></p>
</div>
<div class="col-md-4 footer-links">
<div class="row">
<div class="col">
<span class="h3">Links</span>
</div>
</div>
<div class="row">
<div class="col-md-4">
<p><a class="scroll-link" href="https://www.sweetypatel.net/">Home</a></p>
<p><a href="https://www.sweetypatel.net/call-girls-mumbai">Call Girls</a></p>
<p><a href="https://www.sweetypatel.net/mumbai-escorts-rates">Rates</a></p>
<p><a href="https://www.sweetypatel.net/mumbai-escort-girls-gallery">Gallery</a></p>
</div>
<div class="col-md-8">
<p><a href="https://www.sweetypatel.net/mumbai-escort-type">Escort Type</a></p>
<p><a href="https://www.sweetypatel.net/mumbai-escort-locations">Location</a></p>
<p><a href="https://www.sweetypatel.net/mumbai-escorts-phone-numbers">Contact</a></p>
<div class="dmca-sec p-1">
<a target="_blank" rel="nofollow" href="//www.dmca.com/Protection/Status.aspx?id=717e5cee-c7e9-4b03-a733-741dd76f10ff" title="DMCA.com Protection Status" class="dmca-badge">
<img data-src="https://images.dmca.com/Badges/dmca_protected_6_120.png" width="97" height="37" class="lazyload dmca-text" alt="DMCA.com Protection Status" style=" display:inline !important; height: 37px !important; text-align:center;" /></a>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://images.dmca.com/Badges/DMCABadgeHelper.min.js"></script>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<div class="row">
<div class="col-md-6 footer-copyright">
© Copywright 2024 all right reserved <strong><a href="https://www.sweetypatel.net/">Sweetypatel.net</a></strong>
</div>
</div>
</div>
</div>
</footer>
</body>
<script>
const menu = document.querySelector('.menu');
const menuSection = menu.querySelector('.menu-section');
const menuArrow = menu.querySelector('.menu-mobile-arrow');
const menuClosed = menu.querySelector('.menu-mobile-close');
const menuTrigger = document.querySelector('.menu-mobile-trigger');
const menuOverlay = document.querySelector('.overlay');
let subMenu;
menuSection.addEventListener('click', (e) => {
if (!menu.classList.contains('active')) {
return;
}
if (e.target.closest('.menu-item-has-children')) {
const hasChildren = e.target.closest('.menu-item-has-children');
showSubMenu(hasChildren);
}
});
menuArrow.addEventListener('click', () => {
hideSubMenu();
});
menuTrigger.addEventListener('click', () => {
toggleMenu();
});
menuClosed.addEventListener('click', () => {
toggleMenu();
});
menuOverlay.addEventListener('click', () => {
toggleMenu();
});
function toggleMenu() {
menu.classList.toggle('active');
menuOverlay.classList.toggle('active');
}
function showSubMenu(hasChildren) {
subMenu = hasChildren.querySelector('.menu-subs');
subMenu.classList.add('active');
subMenu.style.animation = 'slideLeft 0.5s ease forwards';
const menuTitle = hasChildren.querySelector('i').parentNode.childNodes[0].textContent;
menu.querySelector('.menu-mobile-title').innerHTML = menuTitle;
menu.querySelector('.menu-mobile-header').classList.add('active');
}
function hideSubMenu() {
subMenu.style.animation = 'slideRight 0.5s ease forwards';
setTimeout(() => {
subMenu.classList.remove('active');
}, 300);
menu.querySelector('.menu-mobile-title').innerHTML = '';
menu.querySelector('.menu-mobile-header').classList.remove('active');
}
window.onresize = function() {
if (this.innerWidth > 991) {
if (menu.classList.contains('active')) {
toggleMenu();
}
}
};</script>
<script src="https://code.jquery.com/jquery-3.6.2.min.js" integrity="sha256-2krYZKh//PcchRtd+H+VyyQoZ/e3EcrkxhM8ycwASPA=" crossorigin="anonymous"></script>
<input type="hidden" value id="urisegment">
<script>
$('.ourprev').click(function() {
$('.ourprev').text("...");
console.log('prev');
$.ajax({
url: "https://www.sweetypatel.net/prev-escort",
method: 'post',
data: {
id: $('#urisegment').val()
},
success: function(res) {
let output = res.split(',');
window.location.href = "https://www.sweetypatel.net/escorts/" + output[1] + '/' + output[0];
}
});
});
$('.ournext').click(function() {
$('.ournext').text("....");
$.ajax({
url: "https://www.sweetypatel.net/next-escort",
method: 'post',
data: {
id: $('#urisegment').val()
},
success: function(res) {
let output = res.split(',');
window.location.href = "https://www.sweetypatel.net/escorts/" + output[1] + '/' + output[0];
}
});
})
</script>
<script>
const images = document.querySelectorAll("img")
const imgOptions = {};
const imgObserver = new IntersectionObserver((entries, imgObserver) => {
entries.forEach((entry) => {
if (!entry.isIntersecting) return;
const img = entry.target;
// img.src = img.src.replace("w=10&", "w=800&");
img.src = img.src.replace("e_blur:1000,q_1,f_auto/", "f_auto/");
imgObserver.unobserve(entry.target);
});
}, imgOptions);
images.forEach((img) => {
imgObserver.observe(img);
});
</script>
<script>
// JavaScript
document.addEventListener("DOMContentLoaded", function() {
let lazyImages = document.querySelectorAll(".lazyload");
if ("IntersectionObserver" in window) {
let imageObserver = new IntersectionObserver(function(entries, observer) {
entries.forEach(function(entry) {
if (entry.isIntersecting) {
let lazyImage = entry.target;
lazyImage.src = lazyImage.dataset.src;
lazyImage.classList.remove("lazyload");
imageObserver.unobserve(lazyImage);
}
});
});
lazyImages.forEach(function(lazyImage) {
imageObserver.observe(lazyImage);
});
} else {
// Fallback for browsers that don't support Intersection Observer
// You may add other fallback techniques here (e.g., onscroll event).
console.log("Intersection Observer is not supported. Lazy loading disabled.");
}
});
</script>
<script>
function loadGTMOnScroll() {
var gtmScript = document.createElement("script");
gtmScript.src = "https://www.googletagmanager.com/gtag/js?id=G-2EN45LLCS6";
gtmScript.async = true;
document.head.appendChild(gtmScript);
// Initialize GTM after script load
gtmScript.onload = function() {
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-2EN45LLCS6');
};
}
// Function to check if the user has scrolled to a specific position
function handleScroll() {
var specificPosition = 500; // Adjust this value to the desired scroll position
if (window.scrollY >= specificPosition) {
loadGTMOnScroll();
// Remove the event listener after loading GTM to prevent multiple loads
window.removeEventListener('scroll', handleScroll);
}
}
// Add an event listener to trigger the function when the user scrolls
window.addEventListener('scroll', handleScroll);
</script>
</html>