html {
font-family: brandon-grotesque,sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1.5;
-webkit-text-size-adjust: 100%;
background: #f5f5f5;
color: #4f4f4f
}
body {
margin: 0
}
a:active,
a:hover {
outline: none
}
a,
.dr-link {
color: #000;
font-weight: 500;
text-decoration: none;
cursor: pointer
}
a:hover,
.dr-link:hover,
.dr-link-toggle:hover .dr-link,
.dr-link-toggle:focus .dr-link {
color: #4b5053;
text-decoration: underline;
}
abbr[title] {
text-decoration: underline dotted;
-webkit-text-decoration-style: dotted
}
b,
strong {
font-weight: bolder
}
:not(pre) > code,
:not(pre) > kbd,
:not(pre) > samp {
font-family: Consolas, monaco, monospace;
font-size: .875rem;
color: #eb5757;
white-space: nowrap;
padding: 2px 6px;
background: #f8f8f8
}
em {
color: #4f4f4f
}
ins {
background: #ffd;
color: #4f4f4f;
text-decoration: none
}
mark {
background: #ffd;
color: #4f4f4f
}
q {
font-style: italic
}
small {
font-size: 100%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -0.5em
}
sub {
bottom: -0.25em
}
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle
}
canvas,
img,
video {
max-width: 100%;
height: auto;
box-sizing: border-box
}
@supports (display:block) {
svg {
max-width: 100%;
height: auto;
box-sizing: border-box
}
}
svg:not(:root) {
overflow: hidden
}
img:not([src]) {
min-width: 1px;
visibility: hidden
}
iframe {
border: 0
}
p,
ul,
ol,
dl,
pre,
address,
fieldset,
figure {
margin: 0 0 20px 0
}
* + p,
* + ul,
* + ol,
* + dl,
* + pre,
* + address,
* + fieldset,
* + figure {
margin-top: 20px
}
h1,
.dr-h1,
h2,
.dr-h2,
h3,
.dr-h3,
h4,
.dr-h4,
h5,
.dr-h5,
h6,
.dr-h6,
.dr-heading-small,
.dr-heading-medium,
.dr-heading-large,
.dr-heading-xlarge,
.dr-heading-2xlarge {
margin: 0 0 20px 0;
font-family: "Work Sans", sans-serif";
font-weight: normal;
color: #000000;
text-transform: none
}
* + h1,
* + .dr-h1,
* + h2,
* + .dr-h2,
* + h3,
* + .dr-h3,
* + h4,
* + .dr-h4,
* + h5,
* + .dr-h5,
* + h6,
* + .dr-h6,
* + .dr-heading-small,
* + .dr-heading-medium,
* + .dr-heading-large,
* + .dr-heading-xlarge,
* + .dr-heading-2xlarge {
margin-top: 20px
}
h1,
.dr-h1 {
font-size: 2.0rem;
line-height: 1.2
}
h2,
.dr-h2 {
font-size: 1.3rem;
line-height: 1.4;
font-weight: 550;
}
h3,
.dr-h3 {
font-size: 1.4rem;
line-height: 1.4
}
h4,
.dr-h4 {
font-size: 1.0rem;
line-height: 1.4
}
h5,
.dr-h5 {
font-size: 17px;
line-height: 1.4
}
h6,
.dr-h6 {
font-size: .875rem;
line-height: 1.4
}
@media (min-width:960px) {
h1,
.dr-h1 {
font-size: 1.2rem
}
h2,
.dr-h2 {
line-height: 1.4;
font-weight: 550;
}
}
ul,
ol {
padding-left: 30px
}
ul > li > ul,
ul > li > ol,
ol > li > ol,
ol > li > ul {
margin: 0
}
dt {
font-weight: bold
}
dd {
margin-left: 0
}
hr,
.dr-hr {
overflow: visible;
text-align: inherit;
margin: 0 0 20px 0;
border: 0;
border-top: 1px solid #e3dcdc
}
* + hr,
* + .dr-hr {
margin-top: 20px
}
address {
font-style: normal
}
blockquote {
margin: 0 0 20px 0;
font-size: 1.15rem;
line-height: 1.5;
font-style: italic;
color: #333
}
* + blockquote {
margin-top: 20px
}
blockquote p:last-of-type {
margin-bottom: 0
}
blockquote footer {
margin-top: 10px;
font-size: .875rem;
line-height: 1.5;
color: #4f4f4f
}
blockquote footer::before {
content: "— "
}
pre {
font: .875rem / 1.5 Consolas, monaco, monospace;
color: #4f4f4f;
-moz-tab-size: 4;
tab-size: 4;
overflow: auto;
padding: 10px;
border: 1px solid #e3dcdc;
border-radius: 3px;
background: #f5f5f5
}
pre code {
font-family: Consolas, monaco, monospace
}
::selection {
background: #012047;
color: #fff;
text-shadow: none
}
details,
main {
display: block
}
summary {
display: list-item
}
template {
display: none
}
.dr-breakpoint-s::before {
content: '640px'
}
.dr-breakpoint-m::before {
content: '960px'
}
.dr-breakpoint-l::before {
content: '1200px'
}
.dr-breakpoint-xl::before {
content: '1600px'
}
:root {
--dr-breakpoint-s: 640px;
--dr-breakpoint-m: 960px;
--dr-breakpoint-l: 1200px;
--dr-breakpoint-xl: 1600px
}
a.dr-link-muted,
.dr-link-muted a {
color: #999
}
a.dr-link-muted:hover,
.dr-link-muted a:hover,
.dr-link-toggle:hover .dr-link-muted,
.dr-link-toggle:focus .dr-link-muted {
color: #4f4f4f
}
a.dr-link-text,
.dr-link-text a {
color: inherit
}
a.dr-link-text:hover,
.dr-link-text a:hover,
.dr-link-toggle:hover .dr-link-text,
.dr-link-toggle:focus .dr-link-text {
color: #999
}
a.dr-link-heading,
.dr-link-heading a {
color: inherit
}
a.dr-link-heading:hover,
.dr-link-heading a:hover,
.dr-link-toggle:hover .dr-link-heading,
.dr-link-toggle:focus .dr-link-heading {
color: #012047;
text-decoration: none
}
a.dr-link-reset,
.dr-link-reset a {
color: inherit !important;
text-decoration: none !important
}
.dr-link-toggle {
color: inherit !important;
text-decoration: none !important
}
.dr-link-toggle:focus {
outline: none
}
.dr-heading-small {
font-size: 2.6rem;
line-height: 1.2
}
.dr-heading-medium {
font-size: 2.8875rem;
line-height: 1.1
}
.dr-heading-large {
font-size: 3.4rem;
line-height: 1.1
}
.dr-heading-xlarge {
font-size: 4rem;
line-height: 1
}
.dr-heading-2xlarge {
font-size: 6rem;
line-height: 1
}
@media (min-width:960px) {
.dr-heading-small {
font-size: 3.25rem
}
.dr-heading-medium {
font-size: 3.5rem
}
.dr-heading-large {
font-size: 4rem
}
.dr-heading-xlarge {
font-size: 6rem
}
.dr-heading-2xlarge {
font-size: 8rem
}
}
@media (min-width:1200px) {
.dr-heading-medium {
font-size: 2rem
}
.dr-heading-large {
font-size: 6rem
}
.dr-heading-xlarge {
font-size: 8rem
}
.dr-heading-2xlarge {
font-size: 11rem
}
}
.dr-heading-divider {
padding-bottom: calc(5px + 0.1em);
border-bottom: calc(0.2px + 0.05em) solid #e3dcdc
}
.dr-heading-bullet {
position: relative
}
.dr-heading-bullet::before {
content: "";
display: inline-block;
position: relative;
top: calc(-0.1 * 1em);
vertical-align: middle;
height: calc(4px + 0.7em);
margin-right: calc(5px + 0.2em);
border-left: calc(5px + 0.1em) solid #e3dcdc
}
.dr-heading-line {
overflow: hidden
}
.dr-heading-line > * {
display: inline-block;
position: relative
}
.dr-heading-line > ::before,
.dr-heading-line > ::after {
content: "";
position: absolute;
top: calc(50% - (calc(0.2px + 0.05em) / 2));
width: 2000px;
border-bottom: calc(0.2px + 0.05em) solid #e3dcdc
}
.dr-heading-line > ::before {
right: 100%;
margin-right: calc(5px + 0.3em)
}
.dr-heading-line > ::after {
left: 100%;
margin-left: calc(5px + 0.3em)
}
.dr-list {
padding: 0;
list-style: none
}
.dr-list > li::before,
.dr-list > li::after {
content: "";
display: table
}
.dr-list > li::after {
clear: both
}
.dr-list > li > :last-child {
margin-bottom: 0
}
.dr-list ul {
margin: 0;
padding-left: 30px;
list-style: none
}
.dr-list > li:nth-child(n+2),
.dr-list > li > ul {
margin-top: 10px
}
.dr-list-divider > li:nth-child(n+2) {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #e3dcdc
}
.dr-list-striped > li {
padding: 10px 10px
}
.dr-list-striped > li:nth-of-type(odd) {
border-top: 1px solid #e3dcdc;
border-bottom: 1px solid #e3dcdc
}
.dr-list-striped > li:nth-of-type(odd) {
background: #f8f8f8
}
.dr-list-striped > li:nth-child(n+2) {
margin-top: 0
}
.dr-list-bullet > li {
position: relative;
padding-left: calc(1.5em + 10px)
}
.dr-list-bullet > li::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 1.5em;
height: 1.5em;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%234f4f4f%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: 50% 50%;
display: block
}
.dr-list-large > li:nth-child(n+2),
.dr-list-large > li > ul {
margin-top: 20px
}
.dr-list-large.dr-list-divider > li:nth-child(n+2) {
margin-top: 20px;
padding-top: 20px
}
.dr-list-large.dr-list-striped > li {
padding: 20px 10px
}
.dr-list-large.dr-list-striped > li:nth-of-type(odd) {
border-top: 1px solid #e3dcdc;
border-bottom: 1px solid #e3dcdc
}
.dr-list-large.dr-list-striped > li:nth-child(n+2) {
margin-top: 0
}
.dr-table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
margin-bottom: 20px
}
* + .dr-table {
margin-top: 20px
}
.dr-table th {
padding: 16px 12px;
text-align: left;
vertical-align: bottom;
font-size: 17px;
font-weight: bold;
color: #4f4f4f;
text-transform: uppercase
}
.dr-table td {
padding: 16px 12px;
vertical-align: top
}
.dr-table td > :last-child {
margin-bottom: 0
}
.dr-table tfoot {
font-size: .875rem
}
.dr-table caption {
font-size: .875rem;
text-align: left;
color: #999
}
.dr-table-middle,
.dr-table-middle td {
vertical-align: middle !important
}
.dr-table-divider > tr:not(:first-child),
.dr-table-divider > :not(:first-child) > tr,
.dr-table-divider > :first-child > tr:not(:first-child) {
border-top: 1px solid #e3dcdc
}
.dr-table-striped > tr:nth-of-type(odd),
.dr-table-striped tbody tr:nth-of-type(odd) {
background: #f8f8f8;
border-top: 1px solid #e3dcdc;
border-bottom: 1px solid #e3dcdc
}
.dr-table-hover > tr:hover,
.dr-table-hover tbody tr:hover {
background: #ffd
}
.dr-table > tr.dr-active,
.dr-table tbody tr.dr-active {
background: #ffd
}
.dr-table-small th,
.dr-table-small td {
padding: 10px 12px
}
.dr-table-large th,
.dr-table-large td {
padding: 22px 12px
}
.dr-table-justify th:first-child,
.dr-table-justify td:first-child {
padding-left: 0
}
.dr-table-justify th:last-child,
.dr-table-justify td:last-child {
padding-right: 0
}
.dr-table-shrink {
width: 1px
}
.dr-table-expand {
min-width: 150px
}
.dr-table-link {
padding: 0 !important
}
.dr-table-link > a {
display: block;
padding: 16px 12px
}
.dr-table-small .dr-table-link > a {
padding: 10px 12px
}
@media (max-width:959px) {
.dr-table-responsive,
.dr-table-responsive tbody,
.dr-table-responsive th,
.dr-table-responsive td,
.dr-table-responsive tr {
display: block
}
.dr-table-responsive thead {
display: none
}
.dr-table-responsive th,
.dr-table-responsive td {
width: auto !important;
max-width: none !important;
min-width: 0 !important;
overflow: visible !important;
white-space: normal !important
}
.dr-table-responsive th:not(:first-child):not(.dr-table-link),
.dr-table-responsive td:not(:first-child):not(.dr-table-link),
.dr-table-responsive .dr-table-link:not(:first-child) > a {
padding-top: 5px !important
}
.dr-table-responsive th:not(:last-child):not(.dr-table-link),
.dr-table-responsive td:not(:last-child):not(.dr-table-link),
.dr-table-responsive .dr-table-link:not(:last-child) > a {
padding-bottom: 5px !important
}
.dr-table-justify.dr-table-responsive th,
.dr-table-justify.dr-table-responsive td {
padding-left: 0;
padding-right: 0
}
}
.dr-table tbody tr {
transition: background-color .1s linear
}
.dr-icon {
margin: 0;
border: none;
border-radius: 0;
overflow: visible;
font: inherit;
color: inherit;
text-transform: none;
padding: 0;
background-color: transparent;
display: inline-block;
fill: currentcolor;
line-height: 0
}
button.dr-icon:not(:disabled) {
cursor: pointer
}
.dr-icon::-moz-focus-inner {
border: 0;
padding: 0
}
.dr-icon:not(.dr-preserve) [fill*='#']:not(.dr-preserve) {
fill: currentcolor
}
.dr-icon:not(.dr-preserve) [stroke*='#']:not(.dr-preserve) {
stroke: currentcolor
}
.dr-icon > * {
transform: translate(0, 0)
}
.dr-icon-image {
width: 20px;
height: 20px;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle
}
.dr-icon-link {
color: #999
}
.dr-icon-link:hover,
.dr-icon-link:focus {
color: #4f4f4f;
outline: none
}
.dr-icon-link:active,
.dr-active > .dr-icon-link {
color: #424242
}
.dr-icon-button {
box-sizing: border-box;
width: 36px;
height: 36px;
border-radius: 500px;
background: #f8f8f8;
color: #999;
vertical-align: middle;
display: inline-flex;
justify-content: center;
align-items: center;
transition: .1s ease-in-out;
transition-property: color, background-color
}
.dr-icon-button:hover,
.dr-icon-button:focus {
background-color: #ebebeb;
color: #4f4f4f;
outline: none
}
.dr-icon-button:active,
.dr-active > .dr-icon-button {
background-color: #dfdfdf;
color: #4f4f4f
}
.dr-input,
.dr-select,
.dr-textarea,
.dr-radio,
.dr-checkbox {
box-sizing: border-box;
margin: 0;
border-radius: 0;
font: inherit
}
.dr-input {
overflow: visible
}
.dr-select {
text-transform: none
}
.dr-select optgroup {
font: inherit;
font-weight: bold
}
.dr-textarea {
overflow: auto
}
.dr-input[type="search"]::-webkit-search-cancel-button,
.dr-input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
.dr-input[type="number"]::-webkit-inner-spin-button,
.dr-input[type="number"]::-webkit-outer-spin-button {
height: auto
}
.dr-input::-moz-placeholder,
.dr-textarea::-moz-placeholder {
opacity: 1
}
.dr-radio:not(:disabled),
.dr-checkbox:not(:disabled) {
cursor: pointer
}
.dr-fieldset {
border: none;
margin: 0;
padding: 0
}
.dr-input,
.dr-textarea {
-webkit-appearance: none
}
.dr-input,
.dr-select,
.dr-textarea {
max-width: 100%;
width: 100%;
border: 0 none;
padding: 0 10px;
background: #fff;
color: #4f4f4f;
border: 1px solid #e3dcdc;
transition: .2s ease-in-out;
transition-property: color, background-color, border
}
.dr-input,
.dr-select:not([multiple]):not([size]) {
height: 40px;
vertical-align: middle;
display: inline-block
}
.dr-input:not(input),
.dr-select:not(select) {
line-height: 38px
}
.dr-select[multiple],
.dr-select[size],
.dr-textarea {
padding-top: 4px;
padding-bottom: 4px;
vertical-align: top
}
.dr-input:focus,
.dr-select:focus,
.dr-textarea:focus {
outline: none;
background-color: #fff;
color: #333;
border-color: #012047
}
.dr-input:disabled,
.dr-select:disabled,
.dr-textarea:disabled {
background-color: #f8f8f8;
color: #999;
border-color: #e3dcdc
}
.dr-input::-ms-input-placeholder {
color: #999 !important
}
.dr-input::placeholder {
color: #999
}
.dr-textarea::-ms-input-placeholder {
color: #999 !important
}
.dr-textarea::placeholder {
color: #999
}
.dr-form-small {
font-size: .875rem
}
.dr-form-small:not(textarea):not([multiple]):not([size]) {
height: 30px;
padding-left: 8px;
padding-right: 8px
}
.dr-form-small:not(select):not(input):not(textarea) {
line-height: 28px
}
.dr-form-large {
font-size: 1.15rem
}
.dr-form-large:not(textarea):not([multiple]):not([size]) {
height: 55px;
padding-left: 12px;
padding-right: 12px
}
.dr-form-large:not(select):not(input):not(textarea) {
line-height: 53px
}
.dr-form-danger,
.dr-form-danger:focus {
color: #eb5757;
border-color: #eb5757
}
.dr-form-success,
.dr-form-success:focus {
color: #3aaf89;
border-color: #3aaf89
}
.dr-form-blank {
background: none;
border-color: transparent
}
.dr-form-blank:focus {
border-color: #e3dcdc;
border-style: dashed
}
input.dr-form-width-xsmall {
width: 50px
}
select.dr-form-width-xsmall {
width: 75px
}
.dr-form-width-small {
width: 130px
}
.dr-form-width-medium {
width: 200px
}
.dr-form-width-large {
width: 500px
}
.dr-select:not([multiple]):not([size]) {
-webkit-appearance: none;
-moz-appearance: none;
padding-right: 20px;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%234f4f4f%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%234f4f4f%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
background-repeat: no-repeat;
background-position: 100% 50%
}
.dr-select:not([multiple]):not([size])::-ms-expand {
display: none
}
.dr-select:not([multiple]):not([size]) option {
color: #444
}
.dr-select:not([multiple]):not([size]):disabled {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
}
.dr-input[list] {
padding-right: 20px;
background-repeat: no-repeat;
background-position: 100% 50%
}
.dr-input[list]:hover,
.dr-input[list]:focus {
background-image: url(../../../home/dex/domains/EscortDR.com/public_html/site/templates/system/less/images/backgrounds/form-datalist.svg.html)
}
.dr-input[list]::-webkit-calendar-picker-indicator {
display: none
}
.dr-radio,
.dr-checkbox {
display: inline-block;
height: 16px;
width: 16px;
overflow: hidden;
margin-top: -4px;
vertical-align: middle;
-webkit-appearance: none;
-moz-appearance: none;
background-color: transparent;
background-repeat: no-repeat;
background-position: 50% 50%;
border: 1px solid #ccc0c0;
transition: .2s ease-in-out;
transition-property: background-color, border
}
.dr-radio {
border-radius: 50%
}
.dr-radio:focus,
.dr-checkbox:focus {
outline: none;
border-color: #012047
}
.dr-radio:checked,
.dr-checkbox:checked,
.dr-checkbox:indeterminate {
background-color: #012047;
border-color: transparent
}
.dr-radio:checked:focus,
.dr-checkbox:checked:focus,
.dr-checkbox:indeterminate:focus {
background-color: #791930
}
.dr-radio:checked {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")
}
.dr-checkbox:checked {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
}
.dr-checkbox:indeterminate {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E")
}
.dr-radio:disabled,
.dr-checkbox:disabled {
background-color: #f8f8f8;
border-color: #e3dcdc
}
.dr-radio:disabled:checked {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23999%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")
}
.dr-checkbox:disabled:checked {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
}
.dr-checkbox:disabled:indeterminate {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23999%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E")
}
.dr-legend {
width: 100%;
color: inherit;
padding: 0;
font-size: 1.4rem;
line-height: 1.4
}
.dr-form-custom {
display: inline-block;
position: relative;
max-width: 100%;
vertical-align: middle
}
.dr-form-custom select,
.dr-form-custom input[type="file"] {
position: absolute;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
left: 0;
-webkit-appearance: none;
opacity: 0;
cursor: pointer
}
.dr-form-custom input[type="file"] {
font-size: 500px;
overflow: hidden
}
.dr-form-label {
color: #333;
font-size: .875rem
}
.dr-form-stacked .dr-form-label {
display: block;
margin-bottom: 5px
}
@media (max-width:959px) {
.dr-form-horizontal .dr-form-label {
display: block;
margin-bottom: 5px
}
}
@media (min-width:960px) {
.dr-form-horizontal .dr-form-label {
width: 200px;
margin-top: 7px;
float: left
}
.dr-form-horizontal .dr-form-controls {
margin-left: 215px
}
.dr-form-horizontal .dr-form-controls-text {
padding-top: 7px
}
}
.dr-form-icon {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 40px;
display: inline-flex;
justify-content: center;
align-items: center;
color: #999
}
.dr-form-icon:hover {
color: #4f4f4f
}
.dr-form-icon:not(a):not(button):not(input) {
pointer-events: none
}
.dr-form-icon:not(.dr-form-icon-flip) ~ .dr-input {
padding-left: 40px !important
}
.dr-form-icon-flip {
right: 0;
left: auto
}
.dr-form-icon-flip ~ .dr-input {
padding-right: 40px !important
}
.button-style {
margin: 5px;
border: none;
overflow: visible;
font: inherit;
color: inherit;
text-transform: none;
-webkit-appearance: none;
border-radius: 0;
display: inline-block;
box-sizing: border-box;
padding: 0 25px;
vertical-align: middle;
font-size: .8rem;
line-height: 40px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: .1s ease-in-out;
transition-property: color, background-color, border-color
}
.button-style:not(:disabled) {
cursor: pointer
}
.button-style::-moz-focus-inner {
border: 0;
padding: 0
}
.button-style:hover {
text-decoration: none
}
.button-style:focus {
outline: none
}
.button-style-default {
background-color: transparent;
color: #333;
border: 1px solid #e3dcdc
}
.button-style-default:hover,
.button-style-default:focus {
background-color: rgba(0, 0, 0, 0);
color: #333;
border-color: #b6a3a3
}
.button-style-default:active,
.button-style-default.dr-active {
background-color: rgba(0, 0, 0, 0);
color: #333;
border-color: #9f8787
}
.button-style-add-profile {
background-color: #f8c628;
color: #000;
border: 1px solid transparent
}
.button-style-add-profile:hover,
.button-style-add-profile:focus {
background-color: #f8a221;
color: #fff
}
.button-style-add-profile:active,
.button-style-add-profile.dr-active {
background-color: #4b5053;
color: #fff
}
.button-style-load-more {
background-color: #4b5053;
color: #fff;
border: 1px solid transparent
}
.button-style-load-more:hover,
.button-style-load-more:focus {
background-color: #000;
color: #fff
}
.button-style-load-more:active,
.button-style-load-more.dr-active {
background-color: #4b5053;
color: #fff
}
.loadmore-style {
margin: 30px;
border: none;
overflow: visible;
font: inherit;
color: #fff;
text-transform: none;
-webkit-appearance: none;
border-radius: 0;
display: inline-block;
box-sizing: border-box;
padding: 0 25px;
vertical-align: middle;
font-size: 1rem;
line-height: 40px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: .1s ease-in-out;
transition-property: color, background-color, border-color;
}
.loadmore-style {
border-radius: 20px;
font-weight: bold;
}
.loadmore-style:not(:disabled) {
cursor: pointer
}
.loadmore-style::-moz-focus-inner {
border: 0;
padding: 0
}
.loadmore-style:hover {
text-decoration: none
}
.loadmore-style:focus {
outline: none
}
.button-style-primary {
background-color: #191a21;
color: #fff;
border: 1px solid transparent
}
.button-style-primary:hover,
.button-style-primary:focus {
background-color: #191a21;
color: #fff
}
.button-style-primary:active,
.button-style-primary.dr-active {
background-color: #191a21;
color: #fff
}
.button-style-secondary {
background-color: #191a21;
color: #fff;
border: 1px solid transparent
}
.button-style-secondary:hover,
.button-style-secondary:focus {
background-color: #654661;
color: #fff
}
.button-style-secondary:active,
.button-style-secondary.dr-active {
background-color: #563b52;
color: #fff
}
.button-style-danger {
background-color: #eb5757;
color: #fff;
border: 1px solid transparent
}
.button-style-danger:hover,
.button-style-danger:focus {
background-color: #e84040;
color: #fff
}
.button-style-danger:active,
.button-style-danger.dr-active {
background-color: #e62929;
color: #fff
}
.button-style-default:disabled,
.button-style-primary:disabled,
.button-style-secondary:disabled,
.button-style-danger:disabled {
background-color: #f8f8f8;
color: #999;
border-color: #e3dcdc
}
.button-style-small {
padding: 0 15px;
line-height: 30px;
font-size: .74rem
}
.button-style-large {
padding: 0 40px;
line-height: 55px;
font-size: 1rem
}
.button-style-text {
padding: 0;
line-height: 1.5;
background: none;
color: #4f4f4f;
position: relative
}
.button-style-text::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 100%;
border-bottom: 1px solid #012047;
transition: right .3s ease-out
}
.button-style-text:hover,
.button-style-text:focus {
color: #012047
}
.button-style-text:hover::before,
.button-style-text:focus::before {
right: 0
}
.button-style-text:disabled {
color: #999
}
.button-style-text:disabled::before {
display: none
}
.button-style-link {
padding: 0;
line-height: 1.5;
background: none;
color: #012047
}
.button-style-link:hover,
.button-style-link:focus {
color: #4b5053;
text-decoration: underline
}
.button-style-link:disabled {
color: #999;
text-decoration: none
}
.button-style-group {
display: inline-flex;
vertical-align: middle;
position: relative
}
.button-style-group > .button-style:nth-child(n+2),
.button-style-group > div:nth-child(n+2) .button-style {
margin-left: -1px
}
.button-style-group .button-style:hover,
.button-style-group .button-style:focus,
.button-style-group .button-style:active,
.button-style-group .button-style.dr-active {
position: relative;
z-index: 1
}
.dr-section {
box-sizing: border-box;
padding-top: 40px;
padding-bottom: 40px
}
@media (min-width:960px) {
.dr-section {
padding-top: 70px;
padding-bottom: 70px
}
}
.dr-section::before,
.dr-section::after {
content: "";
display: table
}
.dr-section::after {
clear: both
}
.dr-section > :last-child {
margin-bottom: 0
}
.dr-section-xsmall {
padding-top: 20px;
padding-bottom: 20px
}
.dr-section-small {
padding-top: 40px;
padding-bottom: 40px
}
.dr-section-large {
padding-top: 70px;
padding-bottom: 70px
}
@media (min-width:960px) {
.dr-section-large {
padding-top: 140px;
padding-bottom: 140px
}
}
.dr-section-xlarge {
padding-top: 140px;
padding-bottom: 140px
}
@media (min-width:960px) {
.dr-section-xlarge {
padding-top: 210px;
padding-bottom: 210px
}
}
.dr-section-default {
background: #f5f5f5
}
.dr-section-muted {
background: #f8f8f8
}
.dr-section-primary {
background: #012047
}
.dr-section-secondary {
background: #74506f
}
.container-md {
/*box-sizing: content-box;*/
max-width: 1400px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px
}
@media (min-width:640px) {
.container-md {
padding-left: 30px;
padding-right: 30px
}
}
@media (min-width:960px) {
.container-md {
padding-left: 40px;
padding-right: 40px
}
}
.container-md::before,
.container-md::after {
content: "";
display: table
}
.container-md::after {
clear: both
}
.container-md > :last-child {
margin-bottom: 0
}
.container-md .container-md {
padding-left: 0;
padding-right: 0
}
.container-md-xsmall {
max-width: 750px
}
.container-md-small {
max-width: 900px
}
.container-md-large {
max-width: 1600px
}
.container-md-xlarge {
max-width: 1600px
}
.container-md-expand {
max-width: none
}
.container-md-expand-left {
margin-left: 0
}
.container-md-expand-right {
margin-right: 0
}
@media (min-width:640px) {
.container-md-expand-left.container-md-xsmall,
.container-md-expand-right.container-md-xsmall {
max-width: calc(50% + (750px / 2) - 30px)
}
.container-md-expand-left.container-md-small,
.container-md-expand-right.container-md-small {
max-width: calc(50% + (900px / 2) - 30px)
}
}
@media (min-width:960px) {
.container-md-expand-left,
.container-md-expand-right {
max-width: calc(50% + (1400px / 2) - 40px)
}
.container-md-expand-left.container-md-xsmall,
.container-md-expand-right.container-md-xsmall {
max-width: calc(50% + (750px / 2) - 40px)
}
.container-md-expand-left.container-md-small,
.container-md-expand-right.container-md-small {
max-width: calc(50% + (900px / 2) - 40px)
}
.container-md-expand-left.container-md-large,
.container-md-expand-right.container-md-large {
max-width: calc(50% + (1600px / 2) - 40px)
}
.container-md-expand-left.container-md-xlarge,
.container-md-expand-right.container-md-xlarge {
max-width: calc(50% + (1600px / 2) - 40px)
}
}
.container-md-item-padding-remove-left,
.container-md-item-padding-remove-right {
width: calc(100% + 15px)
}
.container-md-item-padding-remove-left {
margin-left: -15px
}
.container-md-item-padding-remove-right {
margin-right: -15px
}
@media (min-width:640px) {
.container-md-item-padding-remove-left,
.container-md-item-padding-remove-right {
width: calc(100% + 30px)
}
.container-md-item-padding-remove-left {
margin-left: -30px
}
.container-md-item-padding-remove-right {
margin-right: -30px
}
}
@media (min-width:960px) {
.container-md-item-padding-remove-left,
.container-md-item-padding-remove-right {
width: calc(100% + 40px)
}
.container-md-item-padding-remove-left {
margin-left: -40px
}
.container-md-item-padding-remove-right {
margin-right: -40px
}
}
.login-container-md {
box-sizing: content-box;
max-width: 1400px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px
}
@media (min-width:640px) {
.login-container-md {
padding-left: 30px;
padding-right: 30px
}
}
@media (min-width:960px) {
.login-container-md {
padding-left: 40px;
padding-right: 40px
}
}
.login-container-md::before,
.login-container-md::after {
content: "";
display: table
}
.login-container-md::after {
clear: both
}
.login-container-md > :last-child {
margin-bottom: 0
}
.login-container-md .login-container-md {
padding-left: 0;
padding-right: 0
}
.login-container-md-xsmall {
max-width: 750px
}
.login-container-md-small {
max-width: 900px
}
.login-container-md-large {
max-width: 1600px
}
.login-container-md-xlarge {
max-width: 1600px
}
.login-container-md-expand {
max-width: none
}
.login-container-md-expand-left {
margin-left: 0
}
.login-container-md-expand-right {
margin-right: 0
}
@media (min-width:640px) {
.login-container-md-expand-left.login-container-md-xsmall,
.login-container-md-expand-right.login-container-md-xsmall {
max-width: calc(50% + (750px / 2) - 30px)
}
.login-container-md-expand-left.login-container-md-small,
.login-container-md-expand-right.login-container-md-small {
max-width: calc(50% + (900px / 2) - 30px)
}
}
@media (min-width:960px) {
.login-container-md-expand-left,
.login-container-md-expand-right {
max-width: calc(50% + (1400px / 2) - 40px)
}
.login-container-md-expand-left.login-container-md-xsmall,
.login-container-md-expand-right.login-container-md-xsmall {
max-width: calc(50% + (750px / 2) - 40px)
}
.login-container-md-expand-left.login-container-md-small,
.login-container-md-expand-right.login-container-md-small {
max-width: calc(50% + (900px / 2) - 40px)
}
.login-container-md-expand-left.login-container-md-large,
.login-container-md-expand-right.login-container-md-large {
max-width: calc(50% + (1600px / 2) - 40px)
}
.login-container-md-expand-left.login-container-md-xlarge,
.login-container-md-expand-right.login-container-md-xlarge {
max-width: calc(50% + (1600px / 2) - 40px)
}
}
.login-container-md-item-padding-remove-left,
.login-container-md-item-padding-remove-right {
width: calc(100% + 15px)
}
.login-container-md-item-padding-remove-left {
margin-left: -15px
}
.login-container-md-item-padding-remove-right {
margin-right: -15px
}
@media (min-width:640px) {
.login-container-md-item-padding-remove-left,
.login-container-md-item-padding-remove-right {
width: calc(100% + 30px)
}
.login-container-md-item-padding-remove-left {
margin-left: -30px
}
.login-container-md-item-padding-remove-right {
margin-right: -30px
}
}
@media (min-width:960px) {
.login-container-md-item-padding-remove-left,
.login-container-md-item-padding-remove-right {
width: calc(100% + 40px)
}
.login-container-md-item-padding-remove-left {
margin-left: -40px
}
.login-container-md-item-padding-remove-right {
margin-right: -40px
}
}
.grid-md {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none
}
.grid-md > * {
margin: 0
}
.grid-md > * > :last-child {
margin-bottom: 0px
}
.grid-md {
margin-left: -30px
}
.grid-md > * {
padding-left: 30px
}
.grid-md + .grid-md,
.grid-md > .grid-md-margin,
* + .grid-md-margin {
margin-top: 30px
}
@media (min-width:1200px) {
.grid-md {
margin-left: -40px
}
.grid-md > * {
padding-left: 40px
}
.grid-md + .grid-md,
.grid-md > .grid-md-margin,
* + .grid-md-margin {
margin-top: 40px
}
}
.grid-md-small,
.grid-md-column-small {
margin-left: -15px
}
.grid-md-small > *,
.grid-md-column-small > * {
padding-left: 15px
}
.grid-md + .grid-md-small,
.grid-md + .grid-md-row-small,
.grid-md-small > .grid-md-margin,
.grid-md-row-small > .grid-md-margin,
* + .grid-md-margin-small {
margin-top: 15px
}
.grid-md-medium,
.grid-md-column-medium {
margin-left: -30px
}
.grid-md-medium > *,
.grid-md-column-medium > * {
padding-left: 30px
}
.grid-md + .grid-md-medium,
.grid-md + .grid-md-row-medium,
.grid-md-medium > .grid-md-margin,
.grid-md-row-medium > .grid-md-margin,
* + .grid-md-margin-medium {
margin-top: 30px
}
.grid-md-large,
.grid-md-column-large {
margin-left: -40px
}
.grid-md-large > *,
.grid-md-column-large > * {
padding-left: 40px
}
.grid-md + .grid-md-large,
.grid-md + .grid-md-row-large,
.grid-md-large > .grid-md-margin,
.grid-md-row-large > .grid-md-margin,
* + .grid-md-margin-large {
margin-top: 40px
}
@media (min-width:1200px) {
.grid-md-large,
.grid-md-column-large {
margin-left: -70px
}
.grid-md-large > *,
.grid-md-column-large > * {
padding-left: 70px
}
.grid-md + .grid-md-large,
.grid-md + .grid-md-row-large,
.grid-md-large > .grid-md-margin,
.grid-md-row-large > .grid-md-margin,
* + .grid-md-margin-large {
margin-top: 70px
}
}
.grid-md-collapse,
.grid-md-column-collapse {
margin-left: 0
}
.grid-md-collapse > *,
.grid-md-column-collapse > * {
padding-left: 7px;
padding-top: 7px;
}
.grid-md + .grid-md-collapse,
.grid-md + .grid-md-row-collapse,
.grid-md-collapse > .grid-md-margin,
.grid-md-row-collapse > .grid-md-margin {
margin-top: 0
}
.grid-md-divider > * {
position: relative
}
.grid-md-divider > :not(.dr-first-column)::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
border-left: 1px solid #e3dcdc
}
.grid-md-divider.grid-md-stack > .grid-md-margin::before {
content: "";
position: absolute;
left: 0;
right: 0;
border-top: 1px solid #e3dcdc
}
.grid-md-divider {
margin-left: -60px
}
.grid-md-divider > * {
padding-left: 60px
}
.grid-md-divider > :not(.dr-first-column)::before {
left: 30px
}
.grid-md-divider.grid-md-stack > .grid-md-margin {
margin-top: 60px
}
.grid-md-divider.grid-md-stack > .grid-md-margin::before {
top: -30px;
left: 60px
}
@media (min-width:1200px) {
.grid-md-divider {
margin-left: -80px
}
.grid-md-divider > * {
padding-left: 80px
}
.grid-md-divider > :not(.dr-first-column)::before {
left: 40px
}
.grid-md-divider.grid-md-stack > .grid-md-margin {
margin-top: 80px
}
.grid-md-divider.grid-md-stack > .grid-md-margin::before {
top: -40px;
left: 80px
}
}
.grid-md-divider.grid-md-small,
.grid-md-divider.grid-md-column-small {
margin-left: -30px
}
.grid-md-divider.grid-md-small > *,
.grid-md-divider.grid-md-column-small > * {
padding-left: 30px
}
.grid-md-divider.grid-md-small > :not(.dr-first-column)::before,
.grid-md-divider.grid-md-column-small > :not(.dr-first-column)::before {
left: 15px
}
.grid-md-divider.grid-md-small.grid-md-stack > .grid-md-margin,
.grid-md-divider.grid-md-row-small.grid-md-stack > .grid-md-margin {
margin-top: 30px
}
.grid-md-divider.grid-md-small.grid-md-stack > .grid-md-margin::before {
top: -15px;
left: 30px
}
.grid-md-divider.grid-md-row-small.grid-md-stack > .grid-md-margin::before {
top: -15px
}
.grid-md-divider.grid-md-column-small.grid-md-stack > .grid-md-margin::before {
left: 30px
}
.grid-md-divider.grid-md-medium,
.grid-md-divider.grid-md-column-medium {
margin-left: -60px
}
.grid-md-divider.grid-md-medium > *,
.grid-md-divider.grid-md-column-medium > * {
padding-left: 60px
}
.grid-md-divider.grid-md-medium > :not(.dr-first-column)::before,
.grid-md-divider.grid-md-column-medium > :not(.dr-first-column)::before {
left: 30px
}
.grid-md-divider.grid-md-medium.grid-md-stack > .grid-md-margin,
.grid-md-divider.grid-md-row-medium.grid-md-stack > .grid-md-margin {
margin-top: 60px
}
.grid-md-divider.grid-md-medium.grid-md-stack > .grid-md-margin::before {
top: -30px;
left: 60px
}
.grid-md-divider.grid-md-row-medium.grid-md-stack > .grid-md-margin::before {
top: -30px
}
.grid-md-divider.grid-md-column-medium.grid-md-stack > .grid-md-margin::before {
left: 60px
}
.grid-md-divider.grid-md-large,
.grid-md-divider.grid-md-column-large {
margin-left: -80px
}
.grid-md-divider.grid-md-large > *,
.grid-md-divider.grid-md-column-large > * {
padding-left: 80px
}
.grid-md-divider.grid-md-large > :not(.dr-first-column)::before,
.grid-md-divider.grid-md-column-large > :not(.dr-first-column)::before {
left: 40px
}
.grid-md-divider.grid-md-large.grid-md-stack > .grid-md-margin,
.grid-md-divider.grid-md-row-large.grid-md-stack > .grid-md-margin {
margin-top: 80px
}
.grid-md-divider.grid-md-large.grid-md-stack > .grid-md-margin::before {
top: -40px;
left: 80px
}
.grid-md-divider.grid-md-row-large.grid-md-stack > .grid-md-margin::before {
top: -40px
}
.grid-md-divider.grid-md-column-large.grid-md-stack > .grid-md-margin::before {
left: 80px
}
@media (min-width:1200px) {
.grid-md-divider.grid-md-large,
.grid-md-divider.grid-md-column-large {
margin-left: -140px
}
.grid-md-divider.grid-md-large > *,
.grid-md-divider.grid-md-column-large > * {
padding-left: 140px
}
.grid-md-divider.grid-md-large > :not(.dr-first-column)::before,
.grid-md-divider.grid-md-column-large > :not(.dr-first-column)::before {
left: 70px
}
.grid-md-divider.grid-md-large.grid-md-stack > .grid-md-margin,
.grid-md-divider.grid-md-row-large.grid-md-stack > .grid-md-margin {
margin-top: 140px
}
.grid-md-divider.grid-md-large.grid-md-stack > .grid-md-margin::before {
top: -70px;
left: 140px
}
.grid-md-divider.grid-md-row-large.grid-md-stack > .grid-md-margin::before {
top: -70px
}
.grid-md-divider.grid-md-column-large.grid-md-stack > .grid-md-margin::before {
left: 140px
}
}
.grid-md-match > *,
.grid-md-item-match {
display: flex;
flex-wrap: wrap
}
.grid-md-match > * > :not([class*='dr-width']),
.grid-md-item-match > :not([class*='dr-width']) {
box-sizing: border-box;
width: 100%;
flex: auto
}
.dr-card {
position: relative;
box-sizing: border-box;
transition: box-shadow .1s ease-in-out
}
.dr-card-body {
padding: 30px 30px
}
.dr-card-header {
padding: 15px 30px
}
.dr-card-footer {
padding: 15px 30px
}
@media (min-width:1200px) {
.dr-card-body {
padding: 40px 40px
}
.dr-card-header {
padding: 20px 40px
}
.dr-card-footer {
padding: 20px 40px
}
}
.dr-card-body::before,
.dr-card-body::after,
.dr-card-header::before,
.dr-card-header::after,
.dr-card-footer::before,
.dr-card-footer::after {
content: "";
display: table
}
.dr-card-body::after,
.dr-card-header::after,
.dr-card-footer::after {
clear: both
}
.dr-card-body > :last-child,
.dr-card-header > :last-child,
.dr-card-footer > :last-child {
margin-bottom: 0
}
.dr-card-title {
font-size: 1.4rem;
line-height: 1.4
}
.dr-card-badge {
position: absolute;
top: 30px;
right: 30px;
z-index: 1
}
.dr-card-badge:first-child + * {
margin-top: 0
}
.dr-card-hover:not(.dr-card-default):not(.dr-card-primary):not(.dr-card-secondary):hover {
background: #fff;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1)
}
.dr-card-default {
background: #fff;
color: #4f4f4f;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08)
}
.dr-card-default .dr-card-title {
color: #333
}
.dr-card-default.dr-card-hover:hover {
background-color: #fff;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1)
}
.dr-card-default .dr-card-header {
border-bottom: 1px solid #e3dcdc
}
.dr-card-default .dr-card-footer {
border-top: 1px solid #e3dcdc
}
.dr-card-primary {
background: #012047;
color: #fff;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08)
}
.dr-card-primary .dr-card-title {
color: #fff
}
.dr-card-primary.dr-card-hover:hover {
background-color: #8e1e39;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1)
}
.dr-card-secondary {
background: #74506f;
color: #fff;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08)
}
.dr-card-secondary .dr-card-title {
color: #fff
}
.dr-card-secondary.dr-card-hover:hover {
background-color: #654661;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1)
}
.dr-card-small.dr-card-body,
.dr-card-small .dr-card-body {
padding: 20px 20px
}
.dr-card-small .dr-card-header {
padding: 13px 20px
}
.dr-card-small .dr-card-footer {
padding: 13px 20px
}
@media (min-width:1200px) {
.dr-card-large.dr-card-body,
.dr-card-large .dr-card-body {
padding: 70px 70px
}
.dr-card-large .dr-card-header {
padding: 35px 70px
}
.dr-card-large .dr-card-footer {
padding: 35px 70px
}
}
.dr-card-body > .dr-nav-default {
margin-left: -30px;
margin-right: -30px
}
.dr-card-body > .dr-nav-default:only-child {
margin-top: -15px;
margin-bottom: -15px
}
.dr-card-body .dr-nav-default > li > a,
.dr-card-body .dr-nav-default .dr-nav-header,
.dr-card-body .dr-nav-default .dr-nav-divider {
padding-left: 30px;
padding-right: 30px
}
.dr-card-body .dr-nav-default .dr-nav-sub {
padding-left: 45px
}
@media (min-width:1200px) {
.dr-card-body > .dr-nav-default {
margin-left: -40px;
margin-right: -40px
}
.dr-card-body > .dr-nav-default:only-child {
margin-top: -25px;
margin-bottom: -25px
}
.dr-card-body .dr-nav-default > li > a,
.dr-card-body .dr-nav-default .dr-nav-header,
.dr-card-body .dr-nav-default .dr-nav-divider {
padding-left: 40px;
padding-right: 40px
}
.dr-card-body .dr-nav-default .dr-nav-sub {
padding-left: 55px
}
}
.dr-card-small > .dr-nav-default {
margin-left: -20px;
margin-right: -20px
}
.dr-card-small > .dr-nav-default:only-child {
margin-top: -5px;
margin-bottom: -5px
}
.dr-card-small .dr-nav-default > li > a,
.dr-card-small .dr-nav-default .dr-nav-header,
.dr-card-small .dr-nav-default .dr-nav-divider {
padding-left: 20px;
padding-right: 20px
}
.dr-card-small .dr-nav-default .dr-nav-sub {
padding-left: 35px
}
@media (min-width:1200px) {
.dr-card-large > .dr-nav-default {
margin: 0
}
.dr-card-large > .dr-nav-default:only-child {
margin: 0
}
.dr-card-large .dr-nav-default > li > a,
.dr-card-large .dr-nav-default .dr-nav-header,
.dr-card-large .dr-nav-default .dr-nav-divider {
padding-left: 0;
padding-right: 0
}
.dr-card-large .dr-nav-default .dr-nav-sub {
padding-left: 15px
}
}
.dr-close {
color: #999;
transition: .1s ease-in-out;
transition-property: color, opacity
}
.dr-close:hover,
.dr-close:focus {
color: #4f4f4f;
outline: none
}
.dr-spinner > * {
animation: dr-spinner-rotate 1.4s linear infinite
}
@keyframes dr-spinner-rotate {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(270deg)
}
}
.dr-spinner > * > * {
stroke-dasharray: 88px;
stroke-dashoffset: 0;
transform-origin: center;
animation: dr-spinner-dash 1.4s ease-in-out infinite;
stroke-width: 1;
stroke-linecap: round
}
@keyframes dr-spinner-dash {
0% {
stroke-dashoffset: 88px
}
50% {
stroke-dashoffset: 22px;
transform: rotate(135deg)
}
100% {
stroke-dashoffset: 88px;
transform: rotate(450deg)
}
}
.dr-totop {
padding: 5px;
color: #999;
transition: color .1s ease-in-out
}
.dr-totop:hover,
.dr-totop:focus {
color: #4f4f4f;
outline: none
}
.dr-totop:active {
color: #333
}
.dr-alert {
position: relative;
margin-bottom: 20px;
padding: 15px 29px 15px 15px;
background: #f8f8f8;
color: #4f4f4f
}
* + .dr-alert {
margin-top: 20px
}
.dr-alert > :last-child {
margin-bottom: 0
}
.dr-alert-close {
position: absolute;
top: 20px;
right: 15px;
color: inherit;
opacity: .4
}
.dr-alert-close:first-child + * {
margin-top: 0
}
.dr-alert-close:hover,
.dr-alert-close:focus {
color: inherit;
opacity: .8
}
.dr-alert-primary {
background: #e6c2cb;
color: #012047
}
.dr-alert-success {
background: #e3f4ef;
color: #3aaf89
}
.dr-alert-warning {
background: #fdefe3;
color: #cf142b
}
.dr-alert-danger {
background: #fef5f5;
color: #eb5757
}
.dr-alert h1,
.dr-alert h2,
.dr-alert h3,
.dr-alert h4,
.dr-alert h5,
.dr-alert h6 {
color: inherit
}
.dr-alert a:not([class]) {
color: inherit;
text-decoration: underline
}
.dr-alert a:not([class]):hover {
color: inherit;
text-decoration: underline
}
.dr-badge {
box-sizing: border-box;
min-width: 22px;
height: 22px;
padding: 0 5px;
border-radius: 500px;
vertical-align: middle;
background: #012047;
color: #fff;
font-size: .875rem;
display: inline-flex;
justify-content: center;
align-items: center
}
.dr-badge:hover,
.dr-badge:focus {
color: #fff;
text-decoration: none;
outline: none
}
.dr-label {
display: inline-block;
padding: 0 15px;
background: #012047;
line-height: 22px;
font-size: .8rem;
color: #fff;
vertical-align: middle;
white-space: nowrap;
border-radius: 2px;
text-transform: uppercase
}
.dr-label-success {
background-color: #3aaf89;
color: #fff
}
.dr-label-warning {
background-color: #f2994a;
color: #fff
}
.dr-label-danger {
background-color: #eb5757;
color: #fff
}
.dr-article::before,
.dr-article::after {
content: "";
display: table
}
.dr-article::after {
clear: both
}
.dr-article > :last-child {
margin-bottom: 0
}
.dr-article + .dr-article {
margin-top: 70px
}
.dr-article-title {
font-size: 2.23125rem;
line-height: 1.2
}
@media (min-width:960px) {
.dr-article-title {
font-size: 2.625rem
}
}
.dr-article-meta {
font-size: .875rem;
line-height: 1.4;
color: #999
}
.dr-article-meta a {
color: #999
}
.dr-article-meta a:hover {
color: #4f4f4f;
text-decoration: none
}
.dr-nav,
.dr-nav ul {
margin: 0;
padding: 0;
list-style: none
}
.dr-nav li > a {
display: block;
text-decoration: none
}
.dr-nav li > a:focus {
outline: none
}
.dr-nav > li > a {
padding: 5px 0
}
ul.dr-nav-sub {
padding: 5px 0 5px 15px
}
.dr-nav-sub ul {
padding-left: 15px
}
.dr-nav-sub a {
padding: 2px 0
}
.dr-nav-parent-icon > .dr-parent > a::after {
content: "";
width: 1.5em;
height: 1.5em;
float: right;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%234f4f4f%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: 50% 50%
}
.dr-nav-parent-icon > .dr-parent.dr-open > a::after {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%234f4f4f%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E")
}
.dr-nav-header {
padding: 5px 0;
text-transform: none;
font-size: .875rem
}
.dr-nav-header:not(:first-child) {
margin-top: 20px
}
.dr-nav-divider {
margin: 5px 0
}
.dr-nav-default {
font-size: 1rem
}
.dr-nav-default > li > a {
color: #4f4f4f
}
.dr-nav-default > li > a:hover,
.dr-nav-default > li > a:focus {
color: #012047
}
.dr-nav-default > li.dr-active > a {
color: #012047
}
.dr-nav-default .dr-nav-header {
color: #333
}
.dr-nav-default .dr-nav-divider {
border-top: 1px solid #e3dcdc
}
.dr-nav-default .dr-nav-sub a {
color: #999
}
.dr-nav-default .dr-nav-sub a:hover,
.dr-nav-default .dr-nav-sub a:focus {
color: #4f4f4f
}
.dr-nav-default .dr-nav-sub li.dr-active > a {
color: #333
}
.dr-nav-primary > li > a {
font-size: 1.4rem;
line-height: 1.5;
color: #999
}
.dr-nav-primary > li > a:hover,
.dr-nav-primary > li > a:focus {
color: #4f4f4f
}
.dr-nav-primary > li.dr-active > a {
color: #333
}
.dr-nav-primary .dr-nav-header {
color: #333
}
.dr-nav-primary .dr-nav-divider {
border-top: 1px solid #e3dcdc
}
.dr-nav-primary .dr-nav-sub a {
color: #999
}
.dr-nav-primary .dr-nav-sub a:hover,
.dr-nav-primary .dr-nav-sub a:focus {
color: #4f4f4f
}
.dr-nav-primary .dr-nav-sub li.dr-active > a {
color: #333
}
.dr-nav-center {
text-align: center
}
.dr-nav-center .dr-nav-sub,
.dr-nav-center .dr-nav-sub ul {
padding-left: 0
}
.dr-nav-center.dr-nav-parent-icon > .dr-parent > a::after {
position: absolute
}
.dr-navbar {
display: flex;
position: relative
}
.dr-navbar-container:not(.dr-navbar-transparent) {
background: none
}
.dr-navbar-container > ::before,
.dr-navbar-container > ::after {
display: none !important
}
.dr-navbar-left,
.dr-navbar-right,
.dr-navbar-center,
.dr-navbar-center-left > *,
.dr-navbar-center-right > * {
display: flex;
align-items: center
}
.dr-navbar-right {
margin-left: auto
}
.dr-navbar-center:only-child {
margin-left: auto;
margin-right: auto;
position: relative
}
.dr-navbar-center:not(:only-child) {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: max-content;
box-sizing: border-box;
z-index: 990
}
.dr-navbar-center-left,
.dr-navbar-center-right {
position: absolute;
top: 0
}
.dr-navbar-center-left {
right: 100%
}
.dr-navbar-center-right {
left: 100%
}
[class*='dr-navbar-center-'] {
width: max-content;
box-sizing: border-box
}
.dr-navbar-nav {
display: flex;
margin: 0;
padding: 0;
list-style: none
}
.dr-navbar-left,
.dr-navbar-right,
.dr-navbar-center:only-child {
flex-wrap: wrap
}
.dr-navbar-nav > li > a,
.dr-navbar-item,
.dr-navbar-toggle {
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
min-height: 70px;
padding: 0 15px;
font-size: .95rem;
font-family: "Karla";
text-decoration: none
}
.dr-navbar-nav > li > a {
color: #333;
text-transform: none;
transition: .1s ease-in-out;
transition-property: color, background-color
}
.dr-navbar-nav > li:hover > a,
.dr-navbar-nav > li > a:focus,
.dr-navbar-nav > li > a.dr-open {
color: #012047;
outline: none
}
.dr-navbar-nav > li > a:active {
color: #012047
}
.dr-navbar-nav > li.dr-active > a {
color: #012047
}
.dr-navbar-item {
color: #4f4f4f
}
.dr-navbar-toggle {
color: #999
}
.dr-navbar-toggle:hover,
.dr-navbar-toggle:focus,
.dr-navbar-toggle.dr-open {
color: #4f4f4f;
outline: none;
text-decoration: none
}
.dr-navbar-subtitle {
font-size: .875rem
}
.dr-navbar-dropdown {
display: none;
position: absolute;
z-index: 1020;
box-sizing: border-box;
width: 200px;
padding: 25px;
background: #f5f5f5;
color: #4f4f4f;
box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15)
}
.dr-navbar-dropdown.dr-open {
display: block
}
[class*='dr-navbar-dropdown-top'] {
margin-top: -15px
}
[class*='dr-navbar-dropdown-bottom'] {
margin-top: 15px
}
[class*='dr-navbar-dropdown-left'] {
margin-left: -15px
}
[class*='dr-navbar-dropdown-right'] {
margin-left: 15px
}
.dr-navbar-dropdown-grid {
margin-left: -50px
}
.dr-navbar-dropdown-grid > * {
padding-left: 50px
}
.dr-navbar-dropdown-grid > .grid-md-margin {
margin-top: 50px
}
.dr-navbar-dropdown-stack .dr-navbar-dropdown-grid > * {
width: 100% !important
}
.dr-navbar-dropdown-width-2:not(.dr-navbar-dropdown-stack) {
width: 400px
}
.dr-navbar-dropdown-width-3:not(.dr-navbar-dropdown-stack) {
width: 600px
}
.dr-navbar-dropdown-width-4:not(.dr-navbar-dropdown-stack) {
width: 800px
}
.dr-navbar-dropdown-width-5:not(.dr-navbar-dropdown-stack) {
width: 1000px
}
.dr-navbar-dropdown-dropbar {
margin-top: 0;
margin-bottom: 0;
box-shadow: none
}
.dr-navbar-dropdown-nav {
font-size: .875rem
}
.dr-navbar-dropdown-nav > li > a {
color: #999
}
.dr-navbar-dropdown-nav > li > a:hover,
.dr-navbar-dropdown-nav > li > a:focus {
color: #4f4f4f
}
.dr-navbar-dropdown-nav > li.dr-active > a {
color: #333
}
.dr-navbar-dropdown-nav .dr-nav-header {
color: #333
}
.dr-navbar-dropdown-nav .dr-nav-divider {
border-top: 1px solid #e3dcdc
}
.dr-navbar-dropdown-nav .dr-nav-sub a {
color: #999
}
.dr-navbar-dropdown-nav .dr-nav-sub a:hover,
.dr-navbar-dropdown-nav .dr-nav-sub a:focus {
color: #4f4f4f
}
.dr-navbar-dropdown-nav .dr-nav-sub li.dr-active > a {
color: #333
}
.dr-navbar-dropbar {
background: #f5f5f5
}
.dr-navbar-dropbar-slide {
position: absolute;
z-index: 980;
left: 0;
right: 0;
box-shadow: 0 5px 7px rgba(0, 0, 0, 0.05)
}
.dr-navbar-container > .container-md .dr-navbar-left {
margin-left: -15px;
margin-right: -15px
}
.dr-navbar-container > .container-md .dr-navbar-right {
margin-right: -15px
}
.dr-navbar-dropdown-grid > * {
position: relative
}
.dr-navbar-dropdown-grid > :not(.dr-first-column)::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 25px;
border-left: 1px solid #e3dcdc
}
.dr-navbar-dropdown-grid.grid-md-stack > .grid-md-margin::before {
content: "";
position: absolute;
top: -25px;
left: 50px;
right: 0;
border-top: 1px solid #e3dcdc
}
.dr-subnav {
display: flex;
flex-wrap: wrap;
margin-left: -20px;
padding: 0;
list-style: none
}
.dr-subnav > * {
flex: none;
padding-left: 20px;
position: relative
}
.dr-subnav > * > :first-child {
display: block;
color: #333;
font-size: .9rem;
text-transform: none;
transition: .1s ease-in-out;
transition-property: color, background-color
}
.dr-subnav > * > a:hover,
.dr-subnav > * > a:focus {
color: #4f4f4f;
text-decoration: none;
outline: none
}
.dr-subnav > .dr-active > a {
color: #012047
}
.dr-subnav-divider > * {
display: flex;
align-items: center
}
.dr-subnav-divider > :nth-child(n+2):not(.dr-first-column)::before {
content: "";
height: 1.5em;
margin-left: 0;
margin-right: 20px;
border-left: 1px solid #e3dcdc
}
.dr-subnav-pill > * > :first-child {
padding: 5px 10px;
background: transparent;
color: #333
}
.dr-subnav-pill > * > a:hover,
.dr-subnav-pill > * > a:focus {
background-color: #f8f8f8;
color: #4f4f4f
}
.dr-subnav-pill > * > a:active {
background-color: #f8f8f8;
color: #4f4f4f
}
.dr-subnav-pill > .dr-active > a {
background-color: #012047;
color: #fff
}
.dr-subnav > .dr-disabled > a {
color: #999
}
.dr-breadcrumb {
display: flex;
flex-wrap: wrap;
padding: 0;
list-style: none
}
.dr-breadcrumb > * {
flex: none
}
.dr-breadcrumb > * > * {
display: inline-block;
font-size: .9rem;
color: #999
}
.dr-breadcrumb > * > :hover,
.dr-breadcrumb > * > :focus {
color: #4f4f4f;
text-decoration: none
}
.dr-breadcrumb > :last-child > * {
color: #4f4f4f
}
.dr-breadcrumb > :nth-child(n+2):not(.dr-first-column)::before {
content: "/";
display: inline-block;
margin: 0 20px;
font-size: .9rem;
color: #999
}
.dr-pagination {
display: flex;
flex-wrap: wrap;
margin-left: -20px;
padding: 0;
list-style: none
}
.dr-pagination > * {
flex: none;
padding-left: 20px;
position: relative
}
.dr-pagination > * > * {
display: block;
color: #999;
transition: color .1s ease-in-out
}
.dr-pagination > * > :hover,
.dr-pagination > * > :focus {
color: #4f4f4f;
text-decoration: none
}
.dr-pagination > .dr-active > * {
color: #4f4f4f
}
.dr-pagination > .dr-disabled > * {
color: #999
}
.dr-tab {
display: flex;
flex-wrap: wrap;
margin-left: -20px;
padding: 0;
list-style: none;
position: relative
}
.dr-tab::before {
content: "";
position: absolute;
bottom: 0;
left: 20px;
right: 0;
border-bottom: 1px solid #e3dcdc
}
.dr-tab > * {
flex: none;
padding-left: 20px;
position: relative
}
.dr-tab > * > a {
display: block;
text-align: center;
padding: 13px 15px;
color: #999;
border-bottom: 1px solid transparent;
font-size: .875rem;
text-transform: uppercase;
transition: color .1s ease-in-out
}
.dr-tab > * > a:hover,
.dr-tab > * > a:focus {
color: #4f4f4f;
text-decoration: none
}
.dr-tab > .dr-active > a {
color: #333;
border-color: #012047
}
.dr-tab > .dr-disabled > a {
color: #999
}
.dr-tab-bottom::before {
top: 0;
bottom: auto
}
.dr-tab-bottom > * > a {
border-top: 1px solid transparent;
border-bottom: none
}
.dr-tab-left,
.dr-tab-right {
flex-direction: column;
margin-left: 0
}
.dr-tab-left > *,
.dr-tab-right > * {
padding-left: 0
}
.dr-tab-left::before {
top: 0;
bottom: 0;
left: auto;
right: 0;
border-left: 1px solid #e3dcdc;
border-bottom: none
}
.dr-tab-right::before {
top: 0;
bottom: 0;
left: 0;
right: auto;
border-left: 1px solid #e3dcdc;
border-bottom: none
}
.dr-tab-left > * > a {
text-align: left;
border-right: 1px solid transparent;
border-bottom: none
}
.dr-tab-right > * > a {
text-align: left;
border-left: 1px solid transparent;
border-bottom: none
}
.dr-tab .dr-dropdown {
margin-left: 35px
}
.dr-slidenav {
padding: 5px 10px;
color: rgba(79, 79, 79, 0.5);
transition: color .1s ease-in-out
}
.dr-slidenav:hover,
.dr-slidenav:focus {
color: rgba(79, 79, 79, 0.9);
outline: none
}
.dr-slidenav:active {
color: rgba(79, 79, 79, 0.5)
}
.dr-slidenav-large {
padding: 10px 10px
}
.dr-slidenav-container {
display: flex
}
.dr-dotnav {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none;
margin-left: -12px
}
.dr-dotnav > * {
flex: none;
padding-left: 12px
}
.dr-dotnav > * > * {
display: block;
box-sizing: border-box;
width: 10px;
height: 10px;
border-radius: 50%;
background: transparent;
text-indent: 100%;
overflow: hidden;
white-space: nowrap;
border: 1px solid rgba(79, 79, 79, 0.4);
transition: .2s ease-in-out;
transition-property: background-color, border-color
}
.dr-dotnav > * > :hover,
.dr-dotnav > * > :focus {
background-color: rgba(79, 79, 79, 0.6);
outline: none;
border-color: transparent
}
.dr-dotnav > * > :active {
background-color: rgba(79, 79, 79, 0.2);
border-color: transparent
}
.dr-dotnav > .dr-active > * {
background-color: rgba(79, 79, 79, 0.6);
border-color: transparent
}
.dr-dotnav-vertical {
flex-direction: column;
margin-left: 0;
margin-top: -12px
}
.dr-dotnav-vertical > * {
padding-left: 0;
padding-top: 12px
}
.dr-accordion {
padding: 0;
list-style: none
}
.dr-accordion > :nth-child(n+2) {
margin-top: 20px;
margin-right: 15px
}
.dr-accordion-title {
display: block;
font-size: .875rem !important;
line-height: 1.4;
color: #333;
overflow: hidden
}
.dr-accordion-title::before {
content: "";
width: 1.4em;
height: 1.4em;
margin-left: 10px;
float: right;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%234f4f4f%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%234f4f4f%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: 50% 50%
}
.dr-open > .dr-accordion-title::before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%234f4f4f%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E")
}
.dr-accordion-title:hover,
.dr-accordion-title:focus {
color: #4f4f4f;
text-decoration: none;
outline: none
}
.dr-accordion-content {
margin-top: 20px
}
.dr-accordion-content::before,
.dr-accordion-content::after {
content: "";
display: table
}
.dr-accordion-content::after {
clear: both
}
.dr-accordion-content > :last-child {
margin-bottom: 0
}
.dr-drop {
display: none;
position: absolute;
z-index: 1020;
box-sizing: border-box;
width: 150px
}
.dr-drop.dr-open {
display: block
}
[class*='dr-drop-top'] {
margin-top: -20px
}
[class*='dr-drop-bottom'] {
margin-top: 20px
}
[class*='dr-drop-left'] {
margin-left: -20px
}
[class*='dr-drop-right'] {
margin-left: 20px
}
.dr-drop-stack .dr-drop-grid > * {
width: 100% !important
}
.dr-dropdown {
display: none;
position: absolute;
z-index: 1020;
box-sizing: border-box;
min-width: 200px;
padding: 15px;
background: #fff;
color: #4f4f4f;
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.05)
}
.dr-dropdown.dr-open {
display: block
}
.dr-dropdown-nav {
white-space: nowrap;
font-size: .875rem
}
.dr-dropdown-nav > li > a {
color: #999
}
.dr-dropdown-nav > li > a:hover,
.dr-dropdown-nav > li > a:focus,
.dr-dropdown-nav > li.dr-active > a {
color: #4f4f4f
}
.dr-dropdown-nav .dr-nav-header {
color: #333
}
.dr-dropdown-nav .dr-nav-divider {
border-top: 1px solid #e3dcdc
}
.dr-dropdown-nav .dr-nav-sub a {
color: #999
}
.dr-dropdown-nav .dr-nav-sub a:hover,
.dr-dropdown-nav .dr-nav-sub a:focus,
.dr-dropdown-nav .dr-nav-sub li.dr-active > a {
color: #4f4f4f
}
[class*='dr-dropdown-top'] {
margin-top: -20px
}
[class*='dr-dropdown-bottom'] {
margin-top: 20px
}
[class*='dr-dropdown-left'] {
margin-left: -20px
}
[class*='dr-dropdown-right'] {
margin-left: 20px
}
.dr-dropdown-stack .dr-dropdown-grid > * {
width: 100% !important
}
.dr-modal {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1010;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
padding: 15px 15px;
background: rgba(0 0 0 / 82%);
opacity: 0;
transition: opacity .15s linear
}
.dr-modal-paused {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1010;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
padding: 15px 15px;
background: rgba(0, 0, 0, 0);
opacity: 0;
transition: opacity .15s linear
}
@media (min-width:640px) {
.dr-modal {
padding: 50px 30px
}
}
@media (min-width:960px) {
.dr-modal {
padding-left: 40px;
padding-right: 40px
}
}
.dr-modal.dr-open {
opacity: 1
}
.dr-modal-page {
overflow: hidden
}
.dr-modal-dialog {
position: relative;
box-sizing: border-box;
margin: 0 auto;
width: 600px;
max-width: calc(100% - 0.01px) !important;
background: #fff;
opacity: 0;
transform: translateY(-100px);
transition: .3s linear;
transition-property: opacity, transform;
border-radius: 0.5rem;
}
.dr-open > .dr-modal-dialog {
opacity: 1;
transform: translateY(0)
}
.dr-modal-container .dr-modal-dialog {
width: 1200px
}
.dr-modal-full {
padding: 0;
background: none
}
.dr-modal-full .dr-modal-dialog {
margin: 0;
width: 100%;
max-width: 100%;
transform: translateY(0)
}
.dr-modal-body {
padding: 30px 30px;
background: #f8f8f8;
}
.dr-modal-header {
padding: 15px 30px;
background: #2d2c2c;
border-bottom: 1px solid #e3dcdc
}
.dr-modal-footer {
padding: 15px 30px;
background: #e8eaed;
}
.dr-modal-body::before,
.dr-modal-body::after,
.dr-modal-header::before,
.dr-modal-header::after,
.dr-modal-footer::before,
.dr-modal-footer::after {
content: "";
display: table
}
.dr-modal-body::after,
.dr-modal-header::after,
.dr-modal-footer::after {
clear: both
}
.dr-modal-body > :last-child,
.dr-modal-header > :last-child,
.dr-modal-footer > :last-child {}
.dr-modal-title {
font-size: 2rem;
line-height: 1.3
}
[class*='dr-modal-close-'] {
position: absolute;
z-index: 1010;
top: 10px;
right: 10px;
padding: 5px
}
[class*='dr-modal-close-']:first-child + * {
margin-top: 0
}
.dr-modal-close-outside {
top: 0;
right: -5px;
transform: translate(0, -100%);
color: #fff
}
.dr-modal-close-outside:hover {
color: #fff
}
@media (min-width:960px) {
.dr-modal-close-outside {
right: 0;
transform: translate(100%, -100%)
}
}
.dr-modal-close-full {
top: 0;
right: 0;
padding: 20px;
background: #fff
}
.dr-lightbox {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1010;
background: rgba(0, 0, 0, 0.85);
opacity: 0;
transition: opacity .15s linear
}
.dr-lightbox.dr-open {
display: block;
opacity: 1
}
.dr-lightbox-page {
overflow: hidden
}
.dr-lightbox-items > * {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
justify-content: center;
align-items: center;
color: rgba(255, 255, 255, 0.7);
will-change: transform, opacity
}
.dr-lightbox-items > * > * {
max-width: 100vw;
max-height: 100vh
}
.dr-lightbox-items > :focus {
outline: none
}
.dr-lightbox-items > * > :not(iframe) {
width: auto;
height: auto
}
.dr-lightbox-items > .dr-active {
display: flex
}
.dr-lightbox-toolbar {
padding: 10px 10px;
background: transparent;
color: rgba(255, 255, 255, 0.7)
}
.dr-lightbox-toolbar > * {
color: rgba(255, 255, 255, 0.7)
}
.dr-lightbox-toolbar-icon {
padding: 5px;
color: #fff
}
.dr-lightbox-toolbar-icon:hover {
color: #fff
}
.dr-lightbox-button {
box-sizing: border-box;
width: 50px;
height: 50px;
background: transparent;
color: rgba(255, 255, 255, 0.7);
display: inline-flex;
justify-content: center;
align-items: center
}
.dr-lightbox-button:hover {
color: #fff
}
.dr-lightbox-iframe {
width: 80%;
height: 80%
}
.dr-slideshow {
-webkit-tap-highlight-color: transparent
}
.dr-slideshow-items {
position: relative;
z-index: 0;
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
-webkit-touch-callout: none
}
.dr-slideshow-items > * {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
will-change: transform, opacity;
touch-action: pan-y
}
.dr-slideshow-items > :focus {
outline: none
}
.dr-slideshow-items > :not(.dr-active) {
display: none
}
.dr-slider {
-webkit-tap-highlight-color: transparent
}
.dr-slider-container {
overflow: hidden
}
.slider-items-style {
will-change: transform;
position: relative
}
.slider-items-style:not(.grid-md) {
display: flex;
margin: 0;
padding: 0;
list-style: none;
-webkit-touch-callout: none
}
.slider-items-style.grid-md {
flex-wrap: nowrap
}
.slider-items-style > * {
flex: none;
position: relative;
touch-action: pan-y
}
.slider-items-style > :focus {
outline: none
}
.dr-sticky-fixed {
z-index: 980;
box-sizing: border-box;
margin: 0 !important;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.dr-sticky[class*='dr-animation-'] {
animation-duration: .2s
}
.dr-sticky.dr-animation-reverse {
animation-duration: .2s
}
.dr-offcanvas {
display: none;
position: fixed;
top: 0;
bottom: 0;
left: 0;
z-index: 1000
}
.dr-offcanvas-flip .dr-offcanvas {
right: 0;
left: auto
}
.offcanvas-bar {
position: absolute;
top: 0;
bottom: 0;
left: -320px;
box-sizing: border-box;
width: 320px;
padding: 20px 20px;
background: #fff;
overflow-y: auto;
-webkit-overflow-scrolling: touch
}
@media (min-width:960px) {
.offcanvas-bar {
left: -380px;
width: 380px;
padding: 40px 40px
}
}
.dr-offcanvas-flip .offcanvas-bar {
left: auto;
right: -320px
}
@media (min-width:960px) {
.dr-offcanvas-flip .offcanvas-bar {
right: -380px
}
}
.dr-open > .offcanvas-bar {
left: 0
}
.dr-offcanvas-flip .dr-open > .offcanvas-bar {
left: auto;
right: 0;
top: 1px
}
.offcanvas-bar-animation {
transition: left .3s ease-out
}
.dr-offcanvas-flip .offcanvas-bar-animation {
transition-property: right
}
.dr-offcanvas-reveal {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 0;
overflow: hidden;
transition: width .3s ease-out
}
.dr-offcanvas-reveal .offcanvas-bar {
left: 0
}
.dr-offcanvas-flip .dr-offcanvas-reveal .offcanvas-bar {
left: auto;
right: 0
}
.dr-open > .dr-offcanvas-reveal {
width: 320px
}
@media (min-width:960px) {
.dr-open > .dr-offcanvas-reveal {
width: 380px
}
}
.dr-offcanvas-flip .dr-offcanvas-reveal {
right: 0;
left: auto
}
.dr-offcanvas-close {
position: absolute;
z-index: 1000;
top: 20px;
right: 20px;
padding: 5px
}
.dr-offcanvas-overlay {
width: 100vw;
touch-action: none
}
.dr-offcanvas-overlay::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.15);
opacity: 0;
transition: opacity .15s linear
}
.dr-offcanvas-overlay.dr-open::before {
opacity: 1
}
.dr-offcanvas-page,
.dr-offcanvas-container {
overflow-x: hidden
}
.dr-offcanvas-container {
position: relative;
left: 0;
transition: left .3s ease-out;
box-sizing: border-box;
width: 100%
}
:not(.dr-offcanvas-flip).dr-offcanvas-container-animation {
left: 320px
}
.dr-offcanvas-flip.dr-offcanvas-container-animation {
left: -320px
}
@media (min-width:960px) {
:not(.dr-offcanvas-flip).dr-offcanvas-container-animation {
left: 380px
}
.dr-offcanvas-flip.dr-offcanvas-container-animation {
left: -380px
}
}
.dr-switcher {
margin: 0;
padding: 0;
list-style: none
}
.dr-switcher > :not(.dr-active) {
display: none
}
.dr-switcher > * > :last-child {
margin-bottom: 0
}
.dr-notification {
position: fixed;
top: 10px;
left: 10px;
z-index: 1040;
box-sizing: border-box;
width: 350px
}
.dr-notification-top-right,
.dr-notification-bottom-right {
left: auto;
right: 10px
}
.dr-notification-top-center,
.dr-notification-bottom-center {
left: 50%;
margin-left: -175px
}
.dr-notification-bottom-left,
.dr-notification-bottom-right,
.dr-notification-bottom-center {
top: auto;
bottom: 10px
}
@media (max-width:639px) {
.dr-notification {
left: 10px;
right: 10px;
width: auto;
margin: 0
}
}
.dr-notification-message {
position: relative;
padding: 15px;
background: #f8f8f8;
color: #4f4f4f;
font-size: 1.15rem;
line-height: 1.4;
cursor: pointer
}
* + .dr-notification-message {
margin-top: 10px
}
.dr-notification-close {
display: none;
position: absolute;
top: 20px;
right: 15px
}
.dr-notification-message:hover .dr-notification-close {
display: block
}
.dr-notification-message-primary {
color: #fff
}
.dr-notification-message-success {
color: #fff
}
.dr-notification-message-warning {
color: #fff
}
.dr-notification-message-danger {
color: #fff
}
.dr-tooltip {
display: none;
position: absolute;
z-index: 1030;
box-sizing: border-box;
max-width: 200px;
padding: 3px 6px;
background: #666;
border-radius: 2px;
color: #fff;
font-size: 12px
}
.dr-tooltip.dr-active {
display: block
}
[class*='dr-tooltip-top'] {
margin-top: -10px
}
[class*='dr-tooltip-bottom'] {
margin-top: 10px
}
[class*='dr-tooltip-left'] {
margin-left: -10px
}
[class*='dr-tooltip-right'] {
margin-left: 10px
}
[class*='dr-animation-'] {
animation-duration: .5s;
animation-timing-function: ease-out;
animation-fill-mode: both
}
.dr-animation-fade {
animation-name: dr-fade;
animation-duration: .8s;
animation-timing-function: linear
}
.dr-animation-scale-up {
animation-name: dr-fade-scale-02
}
.dr-animation-scale-down {
animation-name: dr-fade-scale-18
}
.dr-animation-slide-top {
animation-name: dr-fade-top
}
.dr-animation-slide-bottom {
animation-name: dr-fade-bottom
}
.dr-animation-slide-left {
animation-name: dr-fade-left
}
.dr-animation-slide-right {
animation-name: dr-fade-right
}
.dr-animation-slide-top-small {
animation-name: dr-fade-top-small
}
.dr-animation-slide-bottom-small {
animation-name: dr-fade-bottom-small
}
.dr-animation-slide-left-small {
animation-name: dr-fade-left-small
}
.dr-animation-slide-right-small {
animation-name: dr-fade-right-small
}
.dr-animation-slide-top-medium {
animation-name: dr-fade-top-medium
}
.dr-animation-slide-bottom-medium {
animation-name: dr-fade-bottom-medium
}
.dr-animation-slide-left-medium {
animation-name: dr-fade-left-medium
}
.dr-animation-slide-right-medium {
animation-name: dr-fade-right-medium
}
.dr-animation-kenburns {
animation-name: dr-scale-kenburns;
animation-duration: 15s
}
.dr-animation-shake {
animation-name: dr-shake
}
.dr-animation-stroke {
animation-name: dr-stroke;
stroke-dasharray: var(--dr-animation-stroke);
animation-duration: 2s
}
.dr-animation-reverse {
animation-direction: reverse;
animation-timing-function: ease-in
}
.dr-animation-fast {
animation-duration: .1s
}
.dr-animation-toggle:not(:hover):not(:focus) [class*='dr-animation-'] {
animation-name: none
}
.dr-animation-toggle {
-webkit-tap-highlight-color: transparent
}
.dr-animation-toggle:focus {
outline: none
}
@keyframes dr-fade {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes dr-fade-top {
0% {
opacity: 0;
transform: translateY(-100%)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
@keyframes dr-fade-bottom {
0% {
opacity: 0;
transform: translateY(100%)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
@keyframes dr-fade-left {
0% {
opacity: 0;
transform: translateX(-100%)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
@keyframes dr-fade-right {
0% {
opacity: 0;
transform: translateX(100%)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
@keyframes dr-fade-top-small {
0% {
opacity: 0;
transform: translateY(-10px)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
@keyframes dr-fade-bottom-small {
0% {
opacity: 0;
transform: translateY(10px)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
@keyframes dr-fade-left-small {
0% {
opacity: 0;
transform: translateX(-10px)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
@keyframes dr-fade-right-small {
0% {
opacity: 0;
transform: translateX(10px)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
@keyframes dr-fade-top-medium {
0% {
opacity: 0;
transform: translateY(-50px)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
@keyframes dr-fade-bottom-medium {
0% {
opacity: 0;
transform: translateY(50px)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
@keyframes dr-fade-left-medium {
0% {
opacity: 0;
transform: translateX(-50px)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
@keyframes dr-fade-right-medium {
0% {
opacity: 0;
transform: translateX(50px)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
@keyframes dr-fade-scale-02 {
0% {
opacity: 0;
transform: scale(.2)
}
100% {
opacity: 1;
transform: scale(1)
}
}
@keyframes dr-fade-scale-18 {
0% {
opacity: 0;
transform: scale(1.8)
}
100% {
opacity: 1;
transform: scale(1)
}
}
@keyframes dr-scale-kenburns {
0% {
transform: scale(1)
}
100% {
transform: scale(1.2)
}
}
@keyframes dr-shake {
0%,
100% {
transform: translateX(0)
}
10% {
transform: translateX(-9px)
}
20% {
transform: translateX(8px)
}
30% {
transform: translateX(-7px)
}
40% {
transform: translateX(6px)
}
50% {
transform: translateX(-5px)
}
60% {
transform: translateX(4px)
}
70% {
transform: translateX(-3px)
}
80% {
transform: translateX(2px)
}
90% {
transform: translateX(-1px)
}
}
@keyframes dr-stroke {
0% {
stroke-dashoffset: var(--dr-animation-stroke)
}
100% {
stroke-dashoffset: 0
}
}
[class*='dr-child-width'] > * {
box-sizing: border-box;
width: 100%
}
.dr-child-width-1-2 > * {
width: 50%
}
.dr-child-width-mobile > * {
width: 100%
}
.dr-child-width-1-3 > * {
width: calc(100% * 1 / 3.001)
}
.dr-child-width-1-4 > * {
width: 25%
}
.dr-child-width-1-5 > * {
width: 20%
}
.dr-child-width-1-6 > * {
width: calc(100% * 1 / 6.001)
}
.child-width-style > * {
width: auto
}
.dr-child-width-expand > :not([class*='dr-width']) {
flex: 1;
min-width: 1px
}
@media (min-width:640px) {
.dr-child-width-1-1\@s > * {
width: 100%
}
.dr-child-width-1-2\@s > * {
width: 50%
}
.dr-child-width-1-3\@s > * {
width: calc(100% * 1 / 3.001)
}
.dr-child-width-1-4\@s > * {
width: 25%
}
.dr-child-width-1-5\@s > * {
width: 20%
}
.dr-child-width-1-6\@s > * {
width: calc(100% * 1 / 6.001)
}
.child-width-style\@s > * {
width: auto
}
.dr-child-width-expand\@s > : not([class*='dr-width']) {
flex: 1;
min-width: 1px
}
}
@media (min-width:960px) {
.dr-child-width-1-1\@m > * {
width: 100%
}
.dr-child-width-1-2\@m > * {
width: 50%
}
.dr-child-width-1-3\@m > * {
width: calc(100% * 1 / 3.001)
}
.dr-child-width-1-4\@m > * {
width: 25%
}
.dr-child-width-1-5\@m > * {
width: 20%
}
.dr-child-width-1-6\@m > * {
width: calc(100% * 1 / 6.001)
}
.child-width-style\@m > * {
width: auto
}
.dr-child-width-expand\@m > : not([class*='dr-width']) {
flex: 1;
min-width: 1px
}
}
@media (min-width:1200px) {
.dr-child-width-1-1\@l > * {
width: 100%
}
.dr-child-width-1-2\@l > * {
width: 50%
}
.dr-child-width-1-3\@l > * {
width: calc(100% * 1 / 3.001)
}
.dr-child-width-1-4\@l > * {
width: 25%
}
.dr-child-width-1-5\@l > * {
width: 25%
}
.dr-child-width-1-6\@l > * {
width: calc(100% * 1 / 6.001)
}
.child-width-style\@l > * {
width: auto
}
.dr-child-width-expand\@l > : not([class*='dr-width']) {
flex: 1;
min-width: 1px
}
}
@media (min-width:1600px) {
.dr-child-width-1-1\@xl > * {
width: 100%
}
.dr-child-width-1-2\@xl > * {
width: 50%
}
.dr-child-width-1-3\@xl > * {
width: calc(100% * 1 / 3.001)
}
.dr-child-width-1-4\@xl > * {
width: 25%
}
.dr-child-width-1-5\@xl > * {
width: 20%
}
.dr-child-width-1-6\@xl > * {
width: calc(100% * 1 / 6.001)
}
.child-width-style\@xl > * {
width: auto
}
.dr-child-width-expand\@xl > : not([class*='dr-width']) {
flex: 1;
min-width: 1px
}
}
[class*='dr-width'] {
box-sizing: border-box;
width: 100%;
max-width: 100%
}
.dr-width-1-2 {
width: 50%
}
.dr-width-1-3 {
width: calc(100% * 1 / 3.001)
}
.dr-width-2-3 {
width: calc(100% * 2 / 3.001)
}
.dr-width-1-4 {
width: 25%
}
.dr-width-3-4 {
width: 75%
}
.dr-width-1-5 {
width: 20%
}
.dr-width-2-5 {
width: 40%
}
.dr-width-3-5 {
width: 60%
}
.dr-width-4-5 {
width: 80%
}
.dr-width-1-6 {
width: calc(100% * 1 / 6.001)
}
.dr-width-5-6 {
width: calc(100% * 5 / 6.001)
}
.dr-width-small {
width: 120px
}
.dr-width-medium {
width: 300px
}
.dr-width-large {
width: 450px
}
.dr-width-xlarge {
width: 600px
}
.dr-width-xxlarge {
width: 750px
}
.dr-width-auto {
width: auto
}
.dr-width-expand {
flex: 1;
min-width: 1px
}
@media (min-width:640px) {
.dr-width-1-1\@s {
width: 100%
}
.dr-width-1-2\@s {
width: 50%
}
.dr-width-1-3\@s {
width: calc(100% * 1 / 3.001)
}
.dr-width-2-3\@s {
width: calc(100% * 2 / 3.001)
}
.dr-width-1-4\@s {
width: 25%
}
.dr-width-3-4\@s {
width: 75%
}
.dr-width-1-5\@s {
width: 20%
}
.dr-width-2-5\@s {
width: 40%
}
.dr-width-3-5\@s {
width: 60%
}
.dr-width-4-5\@s {
width: 80%
}
.dr-width-1-6\@s {
width: calc(100% * 1 / 6.001)
}
.dr-width-5-6\@s {
width: calc(100% * 5 / 6.001)
}
.dr-width-small\@s {
width: 120px
}
.dr-width-medium\@s {
width: 300px
}
.dr-width-large\@s {
width: 450px
}
.dr-width-xlarge\@s {
width: 600px
}
.dr-width-xxlarge\@s {
width: 750px
}
.dr-width-auto\@s {
width: auto
}
.dr-width-expand\@s {
flex: 1;
min-width: 1px
}
}
@media (min-width:960px) {
.dr-width-1-1\@m {
width: 100%
}
.dr-width-1-2\@m {
width: 50%
}
.dr-width-1-3\@m {
width: calc(100% * 1 / 3.001)
}
.dr-width-2-3\@m {
width: calc(100% * 2 / 3.001)
}
.dr-width-1-4\@m {
width: 25%
}
.dr-width-3-4\@m {
width: 75%
}
.dr-width-1-5\@m {
width: 20%
}
.dr-width-2-5\@m {
width: 40%
}
.dr-width-3-5\@m {
width: 60%
}
.dr-width-4-5\@m {
width: 80%
}
.dr-width-1-6\@m {
width: calc(100% * 1 / 6.001)
}
.dr-width-5-6\@m {
width: calc(100% * 5 / 6.001)
}
.dr-width-small\@m {
width: 120px
}
.dr-width-medium\@m {
width: 300px
}
.dr-width-large\@m {
width: 450px
}
.dr-width-xlarge\@m {
width: 600px
}
.dr-width-xxlarge\@m {
width: 750px
}
.dr-width-auto\@m {
width: auto
}
.dr-width-expand\@m {
flex: 1;
min-width: 1px
}
}
@media (min-width:1200px) {
.dr-width-1-1\@l {
width: 100%
}
.dr-width-1-2\@l {
width: 50%
}
.dr-width-1-3\@l {
width: calc(100% * 1 / 3.001)
}
.dr-width-2-3\@l {
width: calc(100% * 2 / 3.001)
}
.dr-width-1-4\@l {
width: 25%
}
.dr-width-3-4\@l {
width: 75%
}
.dr-width-1-5\@l {
width: 20%
}
.dr-width-2-5\@l {
width: 40%
}
.dr-width-3-5\@l {
width: 60%
}
.dr-width-4-5\@l {
width: 80%
}
.dr-width-1-6\@l {
width: calc(100% * 1 / 6.001)
}
.dr-width-5-6\@l {
width: calc(100% * 5 / 6.001)
}
.dr-width-small\@l {
width: 120px
}
.dr-width-medium\@l {
width: 300px
}
.dr-width-large\@l {
width: 450px
}
.dr-width-xlarge\@l {
width: 600px
}
.dr-width-xxlarge\@l {
width: 750px
}
.dr-width-auto\@l {
width: auto
}
.dr-width-expand\@l {
flex: 1;
min-width: 1px
}
}
@media (min-width:1600px) {
.dr-width-1-1\@xl {
width: 100%
}
.dr-width-1-2\@xl {
width: 50%
}
.dr-width-1-3\@xl {
width: calc(100% * 1 / 3.001)
}
.dr-width-2-3\@xl {
width: calc(100% * 2 / 3.001)
}
.dr-width-1-4\@xl {
width: 25%
}
.dr-width-3-4\@xl {
width: 75%
}
.dr-width-1-5\@xl {
width: 20%
}
.dr-width-2-5\@xl {
width: 40%
}
.dr-width-3-5\@xl {
width: 60%
}
.dr-width-4-5\@xl {
width: 80%
}
.dr-width-1-6\@xl {
width: calc(100% * 1 / 6.001)
}
.dr-width-5-6\@xl {
width: calc(100% * 5 / 6.001)
}
.dr-width-small\@xl {
width: 120px
}
.dr-width-medium\@xl {
width: 300px
}
.dr-width-large\@xl {
width: 450px
}
.dr-width-xlarge\@xl {
width: 600px
}
.dr-width-xxlarge\@xl {
width: 750px
}
.dr-width-auto\@xl {
width: auto
}
.dr-width-expand\@xl {
flex: 1;
min-width: 1px
}
}
[class*='dr-height'] {
box-sizing: border-box
}
.height-auto-one {
height: 100%
}
.dr-height-viewport {
min-height: 100vh
}
.dr-height-small {
height: 150px
}
.dr-height-medium {
height: 300px
}
.dr-height-large {
height: 450px
}
.dr-height-max-small {
max-height: 150px
}
.dr-height-max-medium {
max-height: 300px
}
.dr-height-max-large {
max-height: 450px
}
.dr-text-lead {
font-size: 1.4rem;
line-height: 1.5;
color: #333
}
.dr-text-meta {
font-size: .875rem;
line-height: 1.4;
color: #999
}
.dr-text-meta a {
color: #999
}
.dr-text-meta a:hover {
color: #4f4f4f;
text-decoration: none
}
.dr-text-small {
font-size: .875rem;
line-height: 1.8
}
.dr-text-large {
font-size: 1.4rem;
line-height: 1.8
}
.dr-text-light {
font-weight: 300
}
.dr-text-normal {
font-weight: 400
}
.text-style-bold {
font-weight: 700
}
.dr-text-lighter {
font-weight: lighter
}
.text-style-bolder {
font-weight: bolder
}
.dr-text-italic {
font-style: italic
}
.dr-text-capitalize {
text-transform: capitalize !important
}
.dr-text-lowercase {
text-transform: lowercase !important
}
.dr-text-muted {
color: #999 !important
}
.dr-text-emphasis {
color: #333 !important
}
.text-color-primary {
color: #000000 !important
}
.text-color-menu-icons {
color: #012047 !important
}
.dr-text-secondary {
color: #74506f !important
}
.dr-text-success {
color: #3aaf89 !important
}
.dr-text-warning {
color: #f2994a !important
}
.dr-text-danger {
color: #333333 !important
}
.dr-text-background {
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block;
color: #012047 !important
}
@supports (-webkit-background-clip:text) {
.dr-text-background {
background-color: #012047
}
}
.dr-text-left {
text-align: left !important
}
.dr-text-right {
text-align: right !important
}
.dr-text-center {
text-align: center !important
}
.dr-text-justify {
text-align: justify !important
}
@media (min-width:640px) {
.dr-text-left\@s {
text-align: left !important
}
.dr-text-right\@s {
text-align: right !important
}
.dr-text-center\@s {
text-align: center !important
}
}
@media (min-width:960px) {
.dr-text-left\@m {
text-align: left !important
}
.dr-text-right\@m {
text-align: right !important
}
.dr-text-center\@m {
text-align: center !important
}
}
@media (min-width:1200px) {
.dr-text-left\@l {
text-align: left !important
}
.dr-text-right\@l {
text-align: right !important
}
.dr-text-center\@l {
text-align: center !important
}
}
@media (min-width:1600px) {
.dr-text-left\@xl {
text-align: left !important
}
.dr-text-right\@xl {
text-align: right !important
}
.dr-text-center\@xl {
text-align: center !important
}
}
.dr-text-top {
vertical-align: top !important
}
.dr-text-middle {
vertical-align: middle !important
}
.dr-text-bottom {
vertical-align: bottom !important
}
.dr-text-baseline {
vertical-align: baseline !important
}
.dr-text-nowrap {
white-space: nowrap
}
.dr-text-truncate {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
th.dr-text-truncate,
td.dr-text-truncate {
max-width: 0
}
.dr-text-break {
overflow-wrap: break-word;
word-wrap: break-word
}
th.dr-text-break,
td.dr-text-break {
word-break: break-all
}
[class*='dr-column-'] {
column-gap: 30px
}
@media (min-width:1200px) {
[class*='dr-column-'] {
column-gap: 40px
}
}
[class*='dr-column-'] img {
transform: translate3d(0, 0, 0)
}
.dr-column-divider {
column-rule: 1px solid #e3dcdc;
column-gap: 60px
}
@media (min-width:1200px) {
.dr-column-divider {
column-gap: 80px
}
}
.dr-column-1-2 {
column-count: 2
}
.dr-column-1-3 {
column-count: 3
}
.dr-column-1-4 {
column-count: 4
}
.dr-column-1-5 {
column-count: 5
}
.dr-column-1-6 {
column-count: 6
}
@media (min-width:640px) {
.dr-column-1-2\@s {
column-count: 2
}
.dr-column-1-3\@s {
column-count: 3
}
.dr-column-1-4\@s {
column-count: 4
}
.dr-column-1-5\@s {
column-count: 5
}
.dr-column-1-6\@s {
column-count: 6
}
}
@media (min-width:960px) {
.dr-column-1-2\@m {
column-count: 2
}
.dr-column-1-3\@m {
column-count: 3
}
.dr-column-1-4\@m {
column-count: 4
}
.dr-column-1-5\@m {
column-count: 5
}
.dr-column-1-6\@m {
column-count: 6
}
}
@media (min-width:1200px) {
.dr-column-1-2\@l {
column-count: 2
}
.dr-column-1-3\@l {
column-count: 3
}
.dr-column-1-4\@l {
column-count: 4
}
.dr-column-1-5\@l {
column-count: 5
}
.dr-column-1-6\@l {
column-count: 6
}
}
@media (min-width:1600px) {
.dr-column-1-2\@xl {
column-count: 2
}
.dr-column-1-3\@xl {
column-count: 3
}
.dr-column-1-4\@xl {
column-count: 4
}
.dr-column-1-5\@xl {
column-count: 5
}
.dr-column-1-6\@xl {
column-count: 6
}
}
.dr-column-span {
column-span: all
}
.dr-cover {
max-width: none;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%)
}
iframe.dr-cover {
pointer-events: none
}
.dr-cover-container {
overflow: hidden;
position: relative
}
.dr-background-default {
background-color: #f5f5f5
}
.background-style-muted {
background-color: #ffffff
}
.dr-background-primary {
background-color: #ffffff
}
.dr-background-secondary {
background-color: #74506f
}
.dr-background-cover,
.dr-background-contain {
background-position: 50% 50%;
background-repeat: no-repeat
}
.dr-background-cover {
background-size: cover
}
.dr-background-contain {
background-size: contain
}
.dr-background-top-left {
background-position: 0 0
}
.dr-background-top-center {
background-position: 50% 0
}
.dr-background-top-right {
background-position: 100% 0
}
.dr-background-center-left {
background-position: 0 50%
}
.dr-background-center-center {
background-position: 50% 50%
}
.dr-background-center-right {
background-position: 100% 50%
}
.dr-background-bottom-left {
background-position: 0 100%
}
.dr-background-bottom-center {
background-position: 50% 100%
}
.dr-background-bottom-right {
background-position: 100% 100%
}
.dr-background-norepeat {
background-repeat: no-repeat
}
.dr-background-fixed {
background-attachment: fixed;
backface-visibility: hidden
}
@media (pointer:coarse) {
.dr-background-fixed {
background-attachment: scroll
}
}
@media (max-width:639px) {
.dr-background-image\@s {
background-image: none !important
}
}
@media (max-width:959px) {
.dr-background-image\@m {
background-image: none !important
}
}
@media (max-width:1199px) {
.dr-background-image\@l {
background-image: none !important
}
}
@media (max-width:1599px) {
.dr-background-image\@xl {
background-image: none !important
}
}
.dr-background-blend-multiply {
background-blend-mode: multiply
}
.dr-background-blend-screen {
background-blend-mode: screen
}
.dr-background-blend-overlay {
background-blend-mode: overlay
}
.dr-background-blend-darken {
background-blend-mode: darken
}
.dr-background-blend-lighten {
background-blend-mode: lighten
}
.dr-background-blend-color-dodge {
background-blend-mode: color-dodge
}
.dr-background-blend-color-burn {
background-blend-mode: color-burn
}
.dr-background-blend-hard-light {
background-blend-mode: hard-light
}
.dr-background-blend-soft-light {
background-blend-mode: soft-light
}
.dr-background-blend-difference {
background-blend-mode: difference
}
.dr-background-blend-exclusion {
background-blend-mode: exclusion
}
.dr-background-blend-hue {
background-blend-mode: hue
}
.dr-background-blend-saturation {
background-blend-mode: saturation
}
.dr-background-blend-color {
background-blend-mode: color
}
.dr-background-blend-luminosity {
background-blend-mode: luminosity
}
[class*='dr-align'] {
display: block;
margin-bottom: 30px
}
* + [class*='dr-align'] {
margin-top: 30px
}
.dr-align-center {
margin-left: auto;
margin-right: auto
}
.dr-align-left {
margin-top: 0;
margin-right: 30px;
float: left
}
.dr-align-right {
margin-top: 0;
margin-left: 30px;
float: right
}
@media (min-width:640px) {
.dr-align-left\@s {
margin-top: 0;
margin-right: 30px;
float: left
}
.dr-align-right\@s {
margin-top: 0;
margin-left: 30px;
float: right
}
}
@media (min-width:960px) {
.dr-align-left\@m {
margin-top: 0;
margin-right: 30px;
float: left
}
.dr-align-right\@m {
margin-top: 0;
margin-left: 30px;
float: right
}
}
@media (min-width:1200px) {
.dr-align-left\@l {
margin-top: 0;
float: left
}
.dr-align-right\@l {
margin-top: 0;
float: right
}
.dr-align-left,
.dr-align-left\@s,
.dr-align-left\@m,
.dr-align-left\@l {
margin-right: 40px
}
.dr-align-right,
.dr-align-right\@s,
.dr-align-right\@m,
.dr-align-right\@l {
margin-left: 40px
}
}
@media (min-width:1600px) {
.dr-align-left\@xl {
margin-top: 0;
margin-right: 40px;
float: left
}
.dr-align-right\@xl {
margin-top: 0;
margin-left: 40px;
float: right
}
}
.dr-svg,
.dr-svg:not(.dr-preserve) [fill*='#']:not(.dr-preserve) {
fill: currentcolor
}
.dr-svg:not(.dr-preserve) [stroke*='#']:not(.dr-preserve) {
stroke: currentcolor
}
.dr-svg {
transform: translate(0, 0)
}
.dr-panel {
position: relative;
box-sizing: border-box
}
.dr-panel::before,
.dr-panel::after {
content: "";
display: table
}
.dr-panel::after {
clear: both
}
.dr-panel > :last-child {
margin-bottom: 0
}
.dr-panel-scrollable {
height: 170px;
padding: 10px;
border: 1px solid #e3dcdc;
overflow: auto;
-webkit-overflow-scrolling: touch;
resize: both
}
.dr-clearfix::before {
content: "";
display: table-cell
}
.dr-clearfix::after {
content: "";
display: table;
clear: both
}
.dr-float-left {
float: left
}
.dr-float-right {
float: right
}
[class*='dr-float-'] {
max-width: 100%
}
.dr-overflow-hidden {
overflow: hidden
}
.dr-overflow-auto {
overflow: auto;
-webkit-overflow-scrolling: touch
}
.dr-overflow-auto > :last-child {
margin-bottom: 0
}
.dr-resize {
resize: both
}
.dr-resize-vertical {
resize: vertical
}
.dr-display-block {
display: block !important
}
.dr-display-inline {
display: inline !important
}
.dr-display-inline-block {
display: inline-block !important
}
[class*='style-inline'] {
display: inline-block;
position: relative;
max-width: 100%;
vertical-align: middle;
-webkit-backface-visibility: hidden
}
.style-inline-clip {
overflow: hidden
}
.dr-preserve-width,
.dr-preserve-width canvas,
.dr-preserve-width img,
.dr-preserve-width svg,
.dr-preserve-width video {
max-width: none
}
.dr-responsive-width,
.dr-responsive-height {
box-sizing: border-box
}
.dr-responsive-width {
max-width: 100% !important;
height: auto
}
.dr-responsive-height {
max-height: 100%;
width: auto;
max-width: none
}
.dr-border-circle {
border-radius: 50%
}
.dr-border-pill {
border-radius: 500px
}
.dr-border-rounded {
border-radius: 5px
}
.style-inline-clip[class*='dr-border-'] {
-webkit-transform: translateZ(0)
}
.dr-box-shadow-small {
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1)
}
.dr-box-shadow-medium {
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08)
}
.dr-box-shadow-large {
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1)
}
.dr-box-shadow-xlarge {
box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16)
}
[class*='dr-box-shadow-hover'] {
transition: box-shadow .1s ease-in-out
}
.dr-box-shadow-hover-small:hover {
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1)
}
.dr-box-shadow-hover-medium:hover {
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08)
}
.dr-box-shadow-hover-large:hover {
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1)
}
.dr-box-shadow-hover-xlarge:hover {
box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16)
}
@supports (filter:blur(0)) {
.dr-box-shadow-bottom {
display: inline-block;
position: relative;
max-width: 100%;
vertical-align: middle
}
.dr-box-shadow-bottom::before {
content: '';
position: absolute;
bottom: -30px;
left: 0;
right: 0;
height: 30px;
border-radius: 100%;
background: #444;
filter: blur(20px)
}
.dr-box-shadow-bottom > * {
position: relative
}
}
.dr-dropcap::first-letter,
.dr-dropcap > p:first-of-type::first-letter {
display: block;
margin-right: 10px;
float: left;
font-size: 4.5em;
line-height: 1;
margin-bottom: -2px
}
@-moz-document url-prefix() {
.dr-dropcap::first-letter,
.dr-dropcap > p:first-of-type::first-letter {
margin-top: 1.1%
}
}
@supports (-ms-ime-align:auto) {
.dr-dropcap > p:first-of-type::first-letter {
font-size: 1em
}
}
.dr-logo {
font-size: 1.4rem;
font-family: "Karla";
color: #4f4f4f;
text-decoration: none
}
.dr-logo:hover,
.dr-logo:focus {
color: #4f4f4f;
outline: none;
text-decoration: none
}
.dr-logo-inverse {
display: none
}
.dr-disabled {
pointer-events: none
}
.dr-drag,
.dr-drag * {
cursor: move
}
.dr-drag iframe {
pointer-events: none
}
.dr-dragover {
box-shadow: 0 0 20px rgba(100, 100, 100, 0.3)
}
.dr-blend-multiply {
mix-blend-mode: multiply
}
.dr-blend-screen {
mix-blend-mode: screen
}
.dr-blend-overlay {
mix-blend-mode: overlay
}
.dr-blend-darken {
mix-blend-mode: darken
}
.dr-blend-lighten {
mix-blend-mode: lighten
}
.dr-blend-color-dodge {
mix-blend-mode: color-dodge
}
.dr-blend-color-burn {
mix-blend-mode: color-burn
}
.dr-blend-hard-light {
mix-blend-mode: hard-light
}
.dr-blend-soft-light {
mix-blend-mode: soft-light
}
.dr-blend-difference {
mix-blend-mode: difference
}
.dr-blend-exclusion {
mix-blend-mode: exclusion
}
.dr-blend-hue {
mix-blend-mode: hue
}
.dr-blend-saturation {
mix-blend-mode: saturation
}
.dr-blend-color {
mix-blend-mode: color
}
.dr-blend-luminosity {
mix-blend-mode: luminosity
}
.dr-transform-center {
transform: translate(-50%, -50%)
}
.dr-transform-origin-top-left {
transform-origin: 0 0
}
.dr-transform-origin-top-center {
transform-origin: 50% 0
}
.dr-transform-origin-top-right {
transform-origin: 100% 0
}
.dr-transform-origin-center-left {
transform-origin: 0 50%
}
.dr-transform-origin-center-right {
transform-origin: 100% 50%
}
.dr-transform-origin-bottom-left {
transform-origin: 0 100%
}
.dr-transform-origin-bottom-center {
transform-origin: 50% 100%
}
.dr-transform-origin-bottom-right {
transform-origin: 100% 100%
}
.style-flex {
display: flex
}
.style-flex-inline {
display: inline-flex
}
.style-flex::before,
.style-flex::after,
.style-flex-inline::before,
.style-flex-inline::after {
display: none
}
.style-flex-left {
justify-content: flex-start
}
.style-flex-center {
justify-content: center
}
.style-flex-right {
justify-content: flex-end
}
.style-flex-between {
justify-content: space-between
}
.style-flex-around {
justify-content: space-around
}
@media (min-width:640px) {
.style-flex-left\@s {
justify-content: flex-start
}
.style-flex-center\@s {
justify-content: center
}
.style-flex-right\@s {
justify-content: flex-end
}
.style-flex-between\@s {
justify-content: space-between
}
.style-flex-around\@s {
justify-content: space-around
}
}
@media (min-width:960px) {
.style-flex-left\@m {
justify-content: flex-start
}
.style-flex-center\@m {
justify-content: center
}
.style-flex-right\@m {
justify-content: flex-end
}
.style-flex-between\@m {
justify-content: space-between
}
.style-flex-around\@m {
justify-content: space-around
}
}
@media (min-width:1200px) {
.style-flex-left\@l {
justify-content: flex-start
}
.style-flex-center\@l {
justify-content: center
}
.style-flex-right\@l {
justify-content: flex-end
}
.style-flex-between\@l {
justify-content: space-between
}
.style-flex-around\@l {
justify-content: space-around
}
}
@media (min-width:1600px) {
.style-flex-left\@xl {
justify-content: flex-start
}
.style-flex-center\@xl {
justify-content: center
}
.style-flex-right\@xl {
justify-content: flex-end
}
.style-flex-between\@xl {
justify-content: space-between
}
.style-flex-around\@xl {
justify-content: space-around
}
}
.style-flex-stretch {
align-items: stretch
}
.style-flex-top {
align-items: flex-start
}
.style-flex-middle {
align-items: center
}
.style-flex-bottom {
align-items: flex-end
}
.style-flex-row {
flex-direction: row
}
.style-flex-row-reverse {
flex-direction: row-reverse
}
.style-flex-column {
flex-direction: column
}
.style-flex-column-reverse {
flex-direction: column-reverse
}
.style-flex-nowrap {
flex-wrap: nowrap
}
.style-flex-wrap {
flex-wrap: wrap
}
.style-flex-wrap-reverse {
flex-wrap: wrap-reverse
}
.style-flex-wrap-stretch {
align-content: stretch
}
.style-flex-wrap-top {
align-content: flex-start
}
.style-flex-wrap-middle {
align-content: center
}
.style-flex-wrap-bottom {
align-content: flex-end
}
.style-flex-wrap-between {
align-content: space-between
}
.style-flex-wrap-around {
align-content: space-around
}
.style-flex-first {
order: -1
}
.style-flex-last {
order: 99
}
@media (min-width:640px) {
.style-flex-first\@s {
order: -1
}
.style-flex-last\@s {
order: 99
}
}
@media (min-width:960px) {
.style-flex-first\@m {
order: -1
}
.style-flex-last\@m {
order: 99
}
}
@media (min-width:1200px) {
.style-flex-first\@l {
order: -1
}
.style-flex-last\@l {
order: 99
}
}
@media (min-width:1600px) {
.style-flex-first\@xl {
order: -1
}
.style-flex-last\@xl {
order: 99
}
}
.style-flex-none {
flex: none
}
.style-flex-auto {
flex: auto
}
.style-flex-1 {
flex: 1
}
.dr-margin {
margin-bottom: 20px
}
* + .dr-margin {
margin-top: 20px !important
}
.dr-margin-top {
margin-top: 20px !important
}
.dr-margin-bottom {
margin-bottom: 20px !important
}
.margin-align-left {
margin-left: 20px !important
}
.margin-align-right {
margin-right: 20px !important
}
.dr-margin-small {
margin-bottom: 10px
}
* + .dr-margin-small {
margin-top: 10px !important
}
.dr-margin-small-top {
margin-top: 10px !important
}
.dr-margin-small-bottom {
margin-bottom: 10px !important
}
.dr-margin-small-left {
margin-left: 10px !important
}
.margin-light-right {
margin-right: 10px !important
}
.dr-m-md {
margin-bottom: 10px !important
}
* + .dr-m-md {
margin-top: 10px !important
}
.dr-m-md-top {
margin-top: 5px !important
}
.dr-m-md-bottom {
margin-bottom: 40px !important
}
.dr-m-md-left {
margin-left: 40px !important
}
.dr-m-md-right {
margin-right: 40px !important
}
.dr-margin-large {
margin-bottom: 40px
}
* + .dr-margin-large {
margin-top: 40px !important
}
.dr-margin-large-top {
margin-top: 40px !important
}
.dr-margin-large-bottom {
margin-bottom: 40px !important
}
.dr-margin-large-left {
margin-left: 40px !important
}
.dr-margin-large-right {
margin-right: 40px !important
}
@media (min-width:1200px) {
.dr-margin-large {
margin-bottom: 70px
}
* + .dr-margin-large {
margin-top: 70px !important
}
.dr-margin-large-top {
margin-top: 70px !important
}
.dr-margin-large-bottom {
margin-bottom: 70px !important
}
.dr-margin-large-left {
margin-left: 70px !important
}
.dr-margin-large-right {
margin-right: 70px !important
}
}
.dr-margin-xlarge {
margin-bottom: 70px
}
* + .dr-margin-xlarge {
margin-top: 70px !important
}
.dr-margin-xlarge-top {
margin-top: 70px !important
}
.dr-margin-xlarge-bottom {
margin-bottom: 70px !important
}
.dr-margin-xlarge-left {
margin-left: 70px !important
}
.dr-margin-xlarge-right {
margin-right: 70px !important
}
@media (min-width:1200px) {
.dr-margin-xlarge {
margin-bottom: 140px
}
* + .dr-margin-xlarge {
margin-top: 140px !important
}
.dr-margin-xlarge-top {
margin-top: 140px !important
}
.dr-margin-xlarge-bottom {
margin-bottom: 140px !important
}
.dr-margin-xlarge-left {
margin-left: 140px !important
}
.dr-margin-xlarge-right {
margin-right: 140px !important
}
}
.dr-margin-auto {
margin-left: auto !important;
margin-right: auto !important
}
.dr-margin-auto-top {
margin-top: auto !important
}
.dr-margin-auto-bottom {
margin-bottom: auto !important
}
.dr-margin-auto-left {
margin-left: auto !important
}
.dr-margin-auto-right {
margin-right: auto !important
}
.dr-margin-auto-vertical {
margin-top: auto !important;
margin-bottom: auto !important
}
@media (min-width:640px) {
.dr-margin-auto\@s {
margin-left: auto !important;
margin-right: auto !important
}
.dr-margin-auto-left\@s {
margin-left: auto !important
}
.dr-margin-auto-right\@s {
margin-right: auto !important
}
}
@media (min-width:960px) {
.dr-margin-auto\@m {
margin-left: auto !important;
margin-right: auto !important
}
.dr-margin-auto-left\@m {
margin-left: auto !important
}
.dr-margin-auto-right\@m {
margin-right: auto !important
}
}
@media (min-width:1200px) {
.dr-margin-auto\@l {
margin-left: auto !important;
margin-right: auto !important
}
.dr-margin-auto-left\@l {
margin-left: auto !important
}
.dr-margin-auto-right\@l {
margin-right: auto !important
}
}
@media (min-width:1600px) {
.dr-margin-auto\@xl {
margin-left: auto !important;
margin-right: auto !important
}
.dr-margin-auto-left\@xl {
margin-left: auto !important
}
.dr-margin-auto-right\@xl {
margin-right: auto !important
}
}
.margin-close {
margin: 0 !important
}
.margin-close-top {
margin-top: 0 !important
}
.margin-close-bottom {
margin-bottom: 0 !important
}
.margin-close-left {
margin-left: 0 !important
}
.margin-close-right {
margin-right: 0 !important
}
.margin-close-vertical {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.margin-close-adjacent + *,
.margin-close-first-child > :first-child {
margin-top: 0 !important
}
.margin-close-last-child > :last-child {
margin-bottom: 0 !important
}
@media (min-width:640px) {
.margin-close-left\@s {
margin-left: 0 !important
}
.margin-close-right\@s {
margin-right: 0 !important
}
}
@media (min-width:960px) {
.margin-close-left\@m {
margin-left: 0 !important
}
.margin-close-right\@m {
margin-right: 0 !important
}
}
@media (min-width:1200px) {
.margin-close-left\@l {
margin-left: 0 !important
}
.margin-close-right\@l {
margin-right: 0 !important
}
}
@media (min-width:1600px) {
.margin-close-left\@xl {
margin-left: 0 !important
}
.margin-close-right\@xl {
margin-right: 0 !important
}
}
.dr-padding {
padding: 30px
}
@media (min-width:1200px) {
.dr-padding {
padding: 40px;
border-radius: 1rem
}
}
.padding-s {
padding: 15px
}
.dr-padding-large {
padding: 30px
}
@media (min-width:1200px) {
.dr-padding-large {
padding: 70px
}
}
.dr-padding-remove {
padding: 0 !important
}
.dr-padding-remove-top {
padding-top: 0 !important
}
.dr-padding-remove-bottom {
padding-bottom: 0 !important
}
.dr-padding-remove-left {
padding-left: 0 !important
}
.dr-padding-remove-right {
padding-right: 0 !important
}
.dr-padding-remove-vertical {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.dr-padding-remove-horizontal {
padding-left: 0 !important;
padding-right: 0 !important
}
[class*='dr-position-top'],
[class*='dr-position-bottom'],
[class*='dr-position-left'],
[class*='dr-position-right'],
[class*='dr-position-center'] {
position: absolute !important;
max-width: 100%
}
.dr-position-top {
top: 0;
left: 0;
right: 0
}
.dr-position-bottom {
bottom: 0;
left: 0;
right: 0
}
.dr-position-left {
top: 0;
bottom: 0;
left: 0
}
.dr-position-right {
top: 0;
bottom: 0;
right: 0
}
.dr-position-top-left {
top: 0;
left: 0
}
.dr-position-top-right {
top: 0;
right: 0
}
.dr-position-bottom-left {
bottom: 0;
left: 0
}
.dr-position-bottom-right {
bottom: 0;
right: 0
}
.dr-position-center {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: max-content;
max-width: 100%;
box-sizing: border-box
}
[class*='dr-position-center-left'],
[class*='dr-position-center-right'] {
top: 50%;
transform: translateY(-50%)
}
.dr-position-center-left {
left: 0
}
.dr-position-center-right {
right: 0
}
.dr-position-center-left-out {
right: 100%;
width: max-content
}
.dr-position-center-right-out {
left: 100%;
width: max-content
}
.dr-position-top-center,
.dr-position-bottom-center {
left: 50%;
transform: translateX(-50%);
width: max-content;
max-width: 100%;
box-sizing: border-box
}
.dr-position-top-center {
top: 0
}
.dr-position-bottom-center {
bottom: 0
}
.dr-position-cover {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.pos-rel {
position: relative !important
}
.dr-position-absolute {
position: absolute !important
}
.dr-position-fixed {
position: fixed !important
}
.dr-position-z-index {
z-index: 1
}
.dr-position-small {
max-width: calc(100% - (15px * 2));
margin: 15px
}
.dr-position-small.dr-position-center {
transform: translate(-50%, -50%) translate(-15px, -15px)
}
.dr-position-small[class*='dr-position-center-left'],
.dr-position-small[class*='dr-position-center-right'] {
transform: translateY(-50%) translateY(-15px)
}
.dr-position-small.dr-position-top-center,
.dr-position-small.dr-position-bottom-center {
transform: translateX(-50%) translateX(-15px)
}
.dr-position-medium {
max-width: calc(100% - (30px * 2));
margin: 30px
}
.dr-position-medium.dr-position-center {
transform: translate(-50%, -50%) translate(-30px, -30px)
}
.dr-position-medium[class*='dr-position-center-left'],
.dr-position-medium[class*='dr-position-center-right'] {
transform: translateY(-50%) translateY(-30px)
}
.dr-position-medium.dr-position-top-center,
.dr-position-medium.dr-position-bottom-center {
transform: translateX(-50%) translateX(-30px)
}
.dr-position-large {
max-width: calc(100% - (30px * 2));
margin: 30px
}
.dr-position-large.dr-position-center {
transform: translate(-50%, -50%) translate(-30px, -30px)
}
.dr-position-large[class*='dr-position-center-left'],
.dr-position-large[class*='dr-position-center-right'] {
transform: translateY(-50%) translateY(-30px)
}
.dr-position-large.dr-position-top-center,
.dr-position-large.dr-position-bottom-center {
transform: translateX(-50%) translateX(-30px)
}
@media (min-width:1200px) {
.dr-position-large {
max-width: calc(100% - (50px * 2));
margin: 50px
}
.dr-position-large.dr-position-center {
transform: translate(-50%, -50%) translate(-50px, -50px)
}
.dr-position-large[class*='dr-position-center-left'],
.dr-position-large[class*='dr-position-center-right'] {
transform: translateY(-50%) translateY(-50px)
}
.dr-position-large.dr-position-top-center,
.dr-position-large.dr-position-bottom-center {
transform: translateX(-50%) translateX(-50px)
}
}
.dr-transition-toggle {
-webkit-tap-highlight-color: transparent
}
.dr-transition-toggle:focus {
outline: none
}
.dr-transition-fade,
[class*='dr-transition-scale'],
[class*='dr-transition-slide'] {
transition: .3s ease-out;
transition-property: opacity, transform, filter;
opacity: 0
}
.dr-transition-toggle:hover .dr-transition-fade,
.dr-transition-toggle:focus .dr-transition-fade,
.dr-transition-active.dr-active .dr-transition-fade {
opacity: 1
}
.dr-transition-scale-up {
transform: scale(1, 1)
}
.dr-transition-scale-down {
transform: scale(1.1, 1.1)
}
.dr-transition-toggle:hover .dr-transition-scale-up,
.dr-transition-toggle:focus .dr-transition-scale-up,
.dr-transition-active.dr-active .dr-transition-scale-up {
opacity: 1;
transform: scale(1.1, 1.1)
}
.dr-transition-toggle:hover .dr-transition-scale-down,
.dr-transition-toggle:focus .dr-transition-scale-down,
.dr-transition-active.dr-active .dr-transition-scale-down {
opacity: 1;
transform: scale(1, 1)
}
.dr-transition-slide-top {
transform: translateY(-100%)
}
.dr-transition-slide-bottom {
transform: translateY(100%)
}
.dr-transition-slide-left {
transform: translateX(-100%)
}
.dr-transition-slide-right {
transform: translateX(100%)
}
.dr-transition-slide-top-small {
transform: translateY(-10px)
}
.dr-transition-slide-bottom-small {
transform: translateY(10px)
}
.dr-transition-slide-left-small {
transform: translateX(-10px)
}
.dr-transition-slide-right-small {
transform: translateX(10px)
}
.dr-transition-slide-top-medium {
transform: translateY(-50px)
}
.dr-transition-slide-bottom-medium {
transform: translateY(50px)
}
.dr-transition-slide-left-medium {
transform: translateX(-50px)
}
.dr-transition-slide-right-medium {
transform: translateX(50px)
}
.dr-transition-toggle:hover [class*='dr-transition-slide'],
.dr-transition-toggle:focus [class*='dr-transition-slide'],
.dr-transition-active.dr-active [class*='dr-transition-slide'] {
opacity: 1;
transform: translate(0, 0)
}
.dr-transition-opaque {
opacity: 1
}
.dr-transition-slow {
transition-duration: .7s
}
[hidden],
.dr-hidden {
display: none !important
}
@media (min-width:640px) {
.dr-hidden\@s {
display: none !important
}
}
@media (min-width:960px) {
.dr-hidden\@m {
display: none !important
}
}
@media (min-width:1200px) {
.dr-hidden\@l {
display: none !important
}
}
@media (min-width:1600px) {
.dr-hidden\@xl {
display: none !important
}
}
@media (max-width:639px) {
.dr-visible\@s {
display: none !important
}
}
@media (max-width:959px) {
.dr-visible\@m {
display: none !important
}
}
@media (max-width:1199px) {
.dr-visible\@l {
display: none !important
}
}
@media (max-width:1599px) {
.dr-visible\@xl {
display: none !important
}
}
.dr-invisible {
visibility: hidden !important
}
.dr-visible-toggle:not(:hover):not(:focus) .dr-hidden-hover:not(:focus-within) {
position: absolute !important;
width: 0 !important;
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important
}
.dr-visible-toggle:not(:hover):not(:focus) .dr-invisible-hover:not(:focus-within) {
opacity: 0 !important
}
.dr-visible-toggle {
-webkit-tap-highlight-color: transparent
}
.dr-visible-toggle:focus {
outline: none
}
@media (pointer:coarse) {
.dr-hidden-touch {
display: none !important
}
}
.dr-hidden-notouch {
display: none !important
}
@media (pointer:coarse) {
.dr-hidden-notouch {
display: block !important
}
}
.dr-light,
.dr-section-primary:not(.dr-preserve-color),
.dr-section-secondary:not(.dr-preserve-color),
.dr-card-primary.dr-card-body,
.dr-card-primary > :not([class*='dr-card-media']),
.dr-card-secondary.dr-card-body,
.dr-card-secondary > :not([class*='dr-card-media']) {
color: rgba(255, 255, 255, 0.8)
}
.dr-light a,
.dr-light .dr-link,
.dr-section-primary:not(.dr-preserve-color) a,
.dr-section-primary:not(.dr-preserve-color) .dr-link,
.dr-section-secondary:not(.dr-preserve-color) a,
.dr-section-secondary:not(.dr-preserve-color) .dr-link,
.dr-card-primary.dr-card-body a,
.dr-card-primary.dr-card-body .dr-link,
.dr-card-primary > :not([class*='dr-card-media']) a,
.dr-card-primary > :not([class*='dr-card-media']) .dr-link,
.dr-card-secondary.dr-card-body a,
.dr-card-secondary.dr-card-body .dr-link,
.dr-card-secondary > :not([class*='dr-card-media']) a,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-link {
color: #9ca3af
}
.dr-light a:hover,
.dr-light .dr-link:hover,
.dr-section-primary:not(.dr-preserve-color) a:hover,
.dr-section-primary:not(.dr-preserve-color) .dr-link:hover,
.dr-section-secondary:not(.dr-preserve-color) a:hover,
.dr-section-secondary:not(.dr-preserve-color) .dr-link:hover,
.dr-card-primary.dr-card-body a:hover,
.dr-card-primary.dr-card-body .dr-link:hover,
.dr-card-primary > :not([class*='dr-card-media']) a:hover,
.dr-card-primary > :not([class*='dr-card-media']) .dr-link:hover,
.dr-card-secondary.dr-card-body a:hover,
.dr-card-secondary.dr-card-body .dr-link:hover,
.dr-card-secondary > :not([class*='dr-card-media']) a:hover,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-link:hover {
color: #fff
}
.dr-light :not(pre) > code,
.dr-light :not(pre) > kbd,
.dr-light :not(pre) > samp,
.dr-section-primary:not(.dr-preserve-color) :not(pre) > code,
.dr-section-primary:not(.dr-preserve-color) :not(pre) > kbd,
.dr-section-primary:not(.dr-preserve-color) :not(pre) > samp,
.dr-section-secondary:not(.dr-preserve-color) :not(pre) > code,
.dr-section-secondary:not(.dr-preserve-color) :not(pre) > kbd,
.dr-section-secondary:not(.dr-preserve-color) :not(pre) > samp,
.dr-card-primary.dr-card-body :not(pre) > code,
.dr-card-primary.dr-card-body :not(pre) > kbd,
.dr-card-primary.dr-card-body :not(pre) > samp,
.dr-card-primary > :not([class*='dr-card-media']) :not(pre) > code,
.dr-card-primary > :not([class*='dr-card-media']) :not(pre) > kbd,
.dr-card-primary > :not([class*='dr-card-media']) :not(pre) > samp,
.dr-card-secondary.dr-card-body :not(pre) > code,
.dr-card-secondary.dr-card-body :not(pre) > kbd,
.dr-card-secondary.dr-card-body :not(pre) > samp,
.dr-card-secondary > :not([class*='dr-card-media']) :not(pre) > code,
.dr-card-secondary > :not([class*='dr-card-media']) :not(pre) > kbd,
.dr-card-secondary > :not([class*='dr-card-media']) :not(pre) > samp {
color: rgba(255, 255, 255, 0.8);
background: rgba(255, 255, 255, 0.1)
}
.dr-light em,
.dr-section-primary:not(.dr-preserve-color) em,
.dr-section-secondary:not(.dr-preserve-color) em,
.dr-card-primary.dr-card-body em,
.dr-card-primary > :not([class*='dr-card-media']) em,
.dr-card-secondary.dr-card-body em,
.dr-card-secondary > :not([class*='dr-card-media']) em {
color: #fff
}
.dr-light h1,
.dr-light .dr-h1,
.dr-light h2,
.dr-light .dr-h2,
.dr-light h3,
.dr-light .dr-h3,
.dr-light h4,
.dr-light .dr-h4,
.dr-light h5,
.dr-light .dr-h5,
.dr-light h6,
.dr-light .dr-h6,
.dr-light .dr-heading-small,
.dr-light .dr-heading-medium,
.dr-light .dr-heading-large,
.dr-light .dr-heading-xlarge,
.dr-light .dr-heading-2xlarge,
.dr-section-primary:not(.dr-preserve-color) h1,
.dr-section-primary:not(.dr-preserve-color) .dr-h1,
.dr-section-primary:not(.dr-preserve-color) h2,
.dr-section-primary:not(.dr-preserve-color) .dr-h2,
.dr-section-primary:not(.dr-preserve-color) h3,
.dr-section-primary:not(.dr-preserve-color) .dr-h3,
.dr-section-primary:not(.dr-preserve-color) h4,
.dr-section-primary:not(.dr-preserve-color) .dr-h4,
.dr-section-primary:not(.dr-preserve-color) h5,
.dr-section-primary:not(.dr-preserve-color) .dr-h5,
.dr-section-primary:not(.dr-preserve-color) h6,
.dr-section-primary:not(.dr-preserve-color) .dr-h6,
.dr-section-primary:not(.dr-preserve-color) .dr-heading-small,
.dr-section-primary:not(.dr-preserve-color) .dr-heading-medium,
.dr-section-primary:not(.dr-preserve-color) .dr-heading-large,
.dr-section-primary:not(.dr-preserve-color) .dr-heading-xlarge,
.dr-section-primary:not(.dr-preserve-color) .dr-heading-2xlarge,
.dr-section-secondary:not(.dr-preserve-color) h1,
.dr-section-secondary:not(.dr-preserve-color) .dr-h1,
.dr-section-secondary:not(.dr-preserve-color) h2,
.dr-section-secondary:not(.dr-preserve-color) .dr-h2,
.dr-section-secondary:not(.dr-preserve-color) h3,
.dr-section-secondary:not(.dr-preserve-color) .dr-h3,
.dr-section-secondary:not(.dr-preserve-color) h4,
.dr-section-secondary:not(.dr-preserve-color) .dr-h4,
.dr-section-secondary:not(.dr-preserve-color) h5,
.dr-section-secondary:not(.dr-preserve-color) .dr-h5,
.dr-section-secondary:not(.dr-preserve-color) h6,
.dr-section-secondary:not(.dr-preserve-color) .dr-h6,
.dr-section-secondary:not(.dr-preserve-color) .dr-heading-small,
.dr-section-secondary:not(.dr-preserve-color) .dr-heading-medium,
.dr-section-secondary:not(.dr-preserve-color) .dr-heading-large,
.dr-section-secondary:not(.dr-preserve-color) .dr-heading-xlarge,
.dr-section-secondary:not(.dr-preserve-color) .dr-heading-2xlarge,
.dr-card-primary.dr-card-body h1,
.dr-card-primary.dr-card-body .dr-h1,
.dr-card-primary.dr-card-body h2,
.dr-card-primary.dr-card-body .dr-h2,
.dr-card-primary.dr-card-body h3,
.dr-card-primary.dr-card-body .dr-h3,
.dr-card-primary.dr-card-body h4,
.dr-card-primary.dr-card-body .dr-h4,
.dr-card-primary.dr-card-body h5,
.dr-card-primary.dr-card-body .dr-h5,
.dr-card-primary.dr-card-body h6,
.dr-card-primary.dr-card-body .dr-h6,
.dr-card-primary.dr-card-body .dr-heading-small,
.dr-card-primary.dr-card-body .dr-heading-medium,
.dr-card-primary.dr-card-body .dr-heading-large,
.dr-card-primary.dr-card-body .dr-heading-xlarge,
.dr-card-primary.dr-card-body .dr-heading-2xlarge,
.dr-card-primary > :not([class*='dr-card-media']) h1,
.dr-card-primary > :not([class*='dr-card-media']) .dr-h1,
.dr-card-primary > :not([class*='dr-card-media']) h2,
.dr-card-primary > :not([class*='dr-card-media']) .dr-h2,
.dr-card-primary > :not([class*='dr-card-media']) h3,
.dr-card-primary > :not([class*='dr-card-media']) .dr-h3,
.dr-card-primary > :not([class*='dr-card-media']) h4,
.dr-card-primary > :not([class*='dr-card-media']) .dr-h4,
.dr-card-primary > :not([class*='dr-card-media']) h5,
.dr-card-primary > :not([class*='dr-card-media']) .dr-h5,
.dr-card-primary > :not([class*='dr-card-media']) h6,
.dr-card-primary > :not([class*='dr-card-media']) .dr-h6,
.dr-card-primary > :not([class*='dr-card-media']) .dr-heading-small,
.dr-card-primary > :not([class*='dr-card-media']) .dr-heading-medium,
.dr-card-primary > :not([class*='dr-card-media']) .dr-heading-large,
.dr-card-primary > :not([class*='dr-card-media']) .dr-heading-xlarge,
.dr-card-primary > :not([class*='dr-card-media']) .dr-heading-2xlarge,
.dr-card-secondary.dr-card-body h1,
.dr-card-secondary.dr-card-body .dr-h1,
.dr-card-secondary.dr-card-body h2,
.dr-card-secondary.dr-card-body .dr-h2,
.dr-card-secondary.dr-card-body h3,
.dr-card-secondary.dr-card-body .dr-h3,
.dr-card-secondary.dr-card-body h4,
.dr-card-secondary.dr-card-body .dr-h4,
.dr-card-secondary.dr-card-body h5,
.dr-card-secondary.dr-card-body .dr-h5,
.dr-card-secondary.dr-card-body h6,
.dr-card-secondary.dr-card-body .dr-h6,
.dr-card-secondary.dr-card-body .dr-heading-small,
.dr-card-secondary.dr-card-body .dr-heading-medium,
.dr-card-secondary.dr-card-body .dr-heading-large,
.dr-card-secondary.dr-card-body .dr-heading-xlarge,
.dr-card-secondary.dr-card-body .dr-heading-2xlarge,
.dr-card-secondary > :not([class*='dr-card-media']) h1,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-h1,
.dr-card-secondary > :not([class*='dr-card-media']) h2,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-h2,
.dr-card-secondary > :not([class*='dr-card-media']) h3,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-h3,
.dr-card-secondary > :not([class*='dr-card-media']) h4,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-h4,
.dr-card-secondary > :not([class*='dr-card-media']) h5,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-h5,
.dr-card-secondary > :not([class*='dr-card-media']) h6,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-h6,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-heading-small,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-heading-medium,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-heading-large,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-heading-xlarge,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-heading-2xlarge {
color: #fff
}
.dr-light blockquote,
.dr-section-primary:not(.dr-preserve-color) blockquote,
.dr-section-secondary:not(.dr-preserve-color) blockquote,
.dr-card-primary.dr-card-body blockquote,
.dr-card-primary > :not([class*='dr-card-media']) blockquote,
.dr-card-secondary.dr-card-body blockquote,
.dr-card-secondary > :not([class*='dr-card-media']) blockquote {
color: #fff
}
.dr-light blockquote footer,
.dr-section-primary:not(.dr-preserve-color) blockquote footer,
.dr-section-secondary:not(.dr-preserve-color) blockquote footer,
.dr-card-primary.dr-card-body blockquote footer,
.dr-card-primary > :not([class*='dr-card-media']) blockquote footer,
.dr-card-secondary.dr-card-body blockquote footer,
.dr-card-secondary > :not([class*='dr-card-media']) blockquote footer {
color: rgba(255, 255, 255, 0.8)
}
.dr-light hr,
.dr-light .dr-hr,
.dr-section-primary:not(.dr-preserve-color) hr,
.dr-section-primary:not(.dr-preserve-color) .dr-hr,
.dr-section-secondary:not(.dr-preserve-color) hr,
.dr-section-secondary:not(.dr-preserve-color) .dr-hr,
.dr-card-primary.dr-card-body hr,
.dr-card-primary.dr-card-body .dr-hr,
.dr-card-primary > :not([class*='dr-card-media']) hr,
.dr-card-primary > :not([class*='dr-card-media']) .dr-hr,
.dr-card-secondary.dr-card-body hr,
.dr-card-secondary.dr-card-body .dr-hr,
.dr-card-secondary > :not([class*='dr-card-media']) hr,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-hr {
border-top-color: rgba(255, 255, 255, 0.2)
}
.dr-light .dr-link-muted,
.dr-light .dr-link-muted a,
.dr-section-primary:not(.dr-preserve-color) .dr-link-muted,
.dr-section-primary:not(.dr-preserve-color) .dr-link-muted a,
.dr-section-secondary:not(.dr-preserve-color) .dr-link-muted,
.dr-section-secondary:not(.dr-preserve-color) .dr-link-muted a,
.dr-card-primary.dr-card-body .dr-link-muted,
.dr-card-primary.dr-card-body .dr-link-muted a,
.dr-card-primary > :not([class*='dr-card-media']) .dr-link-muted,
.dr-card-primary > :not([class*='dr-card-media']) .dr-link-muted a,
.dr-card-secondary.dr-card-body .dr-link-muted,
.dr-card-secondary.dr-card-body .dr-link-muted a,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-link-muted,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-link-muted a {
color: rgba(255, 255, 255, 0.5)
}
.dr-light .dr-link-muted:hover,
.dr-light .dr-link-muted a:hover,
.dr-section-primary:not(.dr-preserve-color) .dr-link-muted:hover,
.dr-section-primary:not(.dr-preserve-color) .dr-link-muted a:hover,
.dr-section-secondary:not(.dr-preserve-color) .dr-link-muted:hover,
.dr-section-secondary:not(.dr-preserve-color) .dr-link-muted a:hover,
.dr-card-primary.dr-card-body .dr-link-muted:hover,
.dr-card-primary.dr-card-body .dr-link-muted a:hover,
.dr-card-primary > :not([class*='dr-card-media']) .dr-link-muted:hover,
.dr-card-primary > :not([class*='dr-card-media']) .dr-link-muted a:hover,
.dr-card-secondary.dr-card-body .dr-link-muted:hover,
.dr-card-secondary.dr-card-body .dr-link-muted a:hover,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-link-muted:hover,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-link-muted a:hover {
color: rgba(255, 255, 255, 0.8)
}
.dr-light .dr-link-text:hover,
.dr-light .dr-link-text a:hover,
.dr-section-primary:not(.dr-preserve-color) .dr-link-text:hover,
.dr-section-primary:not(.dr-preserve-color) .dr-link-text a:hover,
.dr-section-secondary:not(.dr-preserve-color) .dr-link-text:hover,
.dr-section-secondary:not(.dr-preserve-color) .dr-link-text a:hover,
.dr-card-primary.dr-card-body .dr-link-text:hover,
.dr-card-primary.dr-card-body .dr-link-text a:hover,
.dr-card-primary > :not([class*='dr-card-media']) .dr-link-text:hover,
.dr-card-primary > :not([class*='dr-card-media']) .dr-link-text a:hover,
.dr-card-secondary.dr-card-body .dr-link-text:hover,
.dr-card-secondary.dr-card-body .dr-link-text a:hover,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-link-text:hover,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-link-text a:hover {
color: rgba(255, 255, 255, 0.5)
}
.dr-light .dr-link-heading:hover,
.dr-light .dr-link-heading a:hover,
.dr-section-primary:not(.dr-preserve-color) .dr-link-heading:hover,
.dr-section-primary:not(.dr-preserve-color) .dr-link-heading a:hover,
.dr-section-secondary:not(.dr-preserve-color) .dr-link-heading:hover,
.dr-section-secondary:not(.dr-preserve-color) .dr-link-heading a:hover,
.dr-card-primary.dr-card-body .dr-link-heading:hover,
.dr-card-primary.dr-card-body .dr-link-heading a:hover,
.dr-card-primary > :not([class*='dr-card-media']) .dr-link-heading:hover,
.dr-card-primary > :not([class*='dr-card-media']) .dr-link-heading a:hover,
.dr-card-secondary.dr-card-body .dr-link-heading:hover,
.dr-card-secondary.dr-card-body .dr-link-heading a:hover,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-link-heading:hover,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-link-heading a:hover {
color: #fff
}
.dr-light .dr-heading-divider,
.dr-section-primary:not(.dr-preserve-color) .dr-heading-divider,
.dr-section-secondary:not(.dr-preserve-color) .dr-heading-divider,
.dr-card-primary.dr-card-body .dr-heading-divider,
.dr-card-primary > :not([class*='dr-card-media']) .dr-heading-divider,
.dr-card-secondary.dr-card-body .dr-heading-divider,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-heading-divider {
border-bottom-color: rgba(255, 255, 255, 0.2)
}
.dr-light .dr-heading-bullet::before,
.dr-section-primary:not(.dr-preserve-color) .dr-heading-bullet::before,
.dr-section-secondary:not(.dr-preserve-color) .dr-heading-bullet::before,
.dr-card-primary.dr-card-body .dr-heading-bullet::before,
.dr-card-primary > :not([class*='dr-card-media']) .dr-heading-bullet::before,
.dr-card-secondary.dr-card-body .dr-heading-bullet::before,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-heading-bullet::before {
border-left-color: rgba(255, 255, 255, 0.2)
}
.dr-light .dr-heading-line > ::before,
.dr-light .dr-heading-line > ::after,
.dr-section-primary:not(.dr-preserve-color) .dr-heading-line > ::before,
.dr-section-primary:not(.dr-preserve-color) .dr-heading-line > ::after,
.dr-section-secondary:not(.dr-preserve-color) .dr-heading-line > ::before,
.dr-section-secondary:not(.dr-preserve-color) .dr-heading-line > ::after,
.dr-card-primary.dr-card-body .dr-heading-line > ::before,
.dr-card-primary.dr-card-body .dr-heading-line > ::after,
.dr-card-primary > :not([class*='dr-card-media']) .dr-heading-line > ::before,
.dr-card-primary > :not([class*='dr-card-media']) .dr-heading-line > ::after,
.dr-card-secondary.dr-card-body .dr-heading-line > ::before,
.dr-card-secondary.dr-card-body .dr-heading-line > ::after,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-heading-line > ::before,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-heading-line > ::after {
border-bottom-color: rgba(255, 255, 255, 0.2)
}
.dr-light .dr-list-divider > li:nth-child(n+2),
.dr-section-primary:not(.dr-preserve-color) .dr-list-divider > li:nth-child(n+2),
.dr-section-secondary:not(.dr-preserve-color) .dr-list-divider > li:nth-child(n+2),
.dr-card-primary.dr-card-body .dr-list-divider > li:nth-child(n+2),
.dr-card-primary > :not([class*='dr-card-media']) .dr-list-divider > li:nth-child(n+2),
.dr-card-secondary.dr-card-body .dr-list-divider > li:nth-child(n+2),
.dr-card-secondary > :not([class*='dr-card-media']) .dr-list-divider > li:nth-child(n+2) {
border-top-color: rgba(255, 255, 255, 0.2)
}
.dr-light .dr-list-striped > li:nth-of-type(odd),
.dr-section-primary:not(.dr-preserve-color) .dr-list-striped > li:nth-of-type(odd),
.dr-section-secondary:not(.dr-preserve-color) .dr-list-striped > li:nth-of-type(odd),
.dr-card-primary.dr-card-body .dr-list-striped > li:nth-of-type(odd),
.dr-card-primary > :not([class*='dr-card-media']) .dr-list-striped > li:nth-of-type(odd),
.dr-card-secondary.dr-card-body .dr-list-striped > li:nth-of-type(odd),
.dr-card-secondary > :not([class*='dr-card-media']) .dr-list-striped > li:nth-of-type(odd) {
border-top-color: rgba(255, 255, 255, 0.2);
border-bottom-color: rgba(255, 255, 255, 0.2)
}
.dr-light .dr-list-striped > li:nth-of-type(odd),
.dr-section-primary:not(.dr-preserve-color) .dr-list-striped > li:nth-of-type(odd),
.dr-section-secondary:not(.dr-preserve-color) .dr-list-striped > li:nth-of-type(odd),
.dr-card-primary.dr-card-body .dr-list-striped > li:nth-of-type(odd),
.dr-card-primary > :not([class*='dr-card-media']) .dr-list-striped > li:nth-of-type(odd),
.dr-card-secondary.dr-card-body .dr-list-striped > li:nth-of-type(odd),
.dr-card-secondary > :not([class*='dr-card-media']) .dr-list-striped > li:nth-of-type(odd) {
background-color: rgba(255, 255, 255, 0.1)
}
.dr-light .dr-list-bullet > li::before,
.dr-section-primary:not(.dr-preserve-color) .dr-list-bullet > li::before,
.dr-section-secondary:not(.dr-preserve-color) .dr-list-bullet > li::before,
.dr-card-primary.dr-card-body .dr-list-bullet > li::before,
.dr-card-primary > :not([class*='dr-card-media']) .dr-list-bullet > li::before,
.dr-card-secondary.dr-card-body .dr-list-bullet > li::before,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-list-bullet > li::before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22rgba%28255,255,255,0.8%29%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E")
}
.dr-light .dr-table th,
.dr-section-primary:not(.dr-preserve-color) .dr-table th,
.dr-section-secondary:not(.dr-preserve-color) .dr-table th,
.dr-card-primary.dr-card-body .dr-table th,
.dr-card-primary > :not([class*='dr-card-media']) .dr-table th,
.dr-card-secondary.dr-card-body .dr-table th,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-table th {
color: rgba(255, 255, 255, 0.8)
}
.dr-light .dr-table caption,
.dr-section-primary:not(.dr-preserve-color) .dr-table caption,
.dr-section-secondary:not(.dr-preserve-color) .dr-table caption,
.dr-card-primary.dr-card-body .dr-table caption,
.dr-card-primary > :not([class*='dr-card-media']) .dr-table caption,
.dr-card-secondary.dr-card-body .dr-table caption,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-table caption {
color: rgba(255, 255, 255, 0.5)
}
.dr-light .dr-table > tr.dr-active,
.dr-light .dr-table tbody tr.dr-active,
.dr-section-primary:not(.dr-preserve-color) .dr-table > tr.dr-active,
.dr-section-primary:not(.dr-preserve-color) .dr-table tbody tr.dr-active,
.dr-section-secondary:not(.dr-preserve-color) .dr-table > tr.dr-active,
.dr-section-secondary:not(.dr-preserve-color) .dr-table tbody tr.dr-active,
.dr-card-primary.dr-card-body .dr-table > tr.dr-active,
.dr-card-primary.dr-card-body .dr-table tbody tr.dr-active,
.dr-card-primary > :not([class*='dr-card-media']) .dr-table > tr.dr-active,
.dr-card-primary > :not([class*='dr-card-media']) .dr-table tbody tr.dr-active,
.dr-card-secondary.dr-card-body .dr-table > tr.dr-active,
.dr-card-secondary.dr-card-body .dr-table tbody tr.dr-active,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-table > tr.dr-active,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-table tbody tr.dr-active {
background: rgba(255, 255, 255, 0.08)
}
.dr-light .dr-table-divider > tr:not(:first-child),
.dr-light .dr-table-divider > :not(:first-child) > tr,
.dr-light .dr-table-divider > :first-child > tr:not(:first-child),
.dr-section-primary:not(.dr-preserve-color) .dr-table-divider > tr:not(:first-child),
.dr-section-primary:not(.dr-preserve-color) .dr-table-divider > :not(:first-child) > tr,
.dr-section-primary:not(.dr-preserve-color) .dr-table-divider > :first-child > tr:not(:first-child),
.dr-section-secondary:not(.dr-preserve-color) .dr-table-divider > tr:not(:first-child),
.dr-section-secondary:not(.dr-preserve-color) .dr-table-divider > :not(:first-child) > tr,
.dr-section-secondary:not(.dr-preserve-color) .dr-table-divider > :first-child > tr:not(:first-child),
.dr-card-primary.dr-card-body .dr-table-divider > tr:not(:first-child),
.dr-card-primary.dr-card-body .dr-table-divider > :not(:first-child) > tr,
.dr-card-primary.dr-card-body .dr-table-divider > :first-child > tr:not(:first-child),
.dr-card-primary > :not([class*='dr-card-media']) .dr-table-divider > tr:not(:first-child),
.dr-card-primary > :not([class*='dr-card-media']) .dr-table-divider > :not(:first-child) > tr,
.dr-card-primary > :not([class*='dr-card-media']) .dr-table-divider > :first-child > tr:not(:first-child),
.dr-card-secondary.dr-card-body .dr-table-divider > tr:not(:first-child),
.dr-card-secondary.dr-card-body .dr-table-divider > :not(:first-child) > tr,
.dr-card-secondary.dr-card-body .dr-table-divider > :first-child > tr:not(:first-child),
.dr-card-secondary > :not([class*='dr-card-media']) .dr-table-divider > tr:not(:first-child),
.dr-card-secondary > :not([class*='dr-card-media']) .dr-table-divider > :not(:first-child) > tr,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-table-divider > :first-child > tr:not(:first-child) {
border-top-color: rgba(255, 255, 255, 0.2)
}
.dr-light .dr-table-striped > tr:nth-of-type(odd),
.dr-light .dr-table-striped tbody tr:nth-of-type(odd),
.dr-section-primary:not(.dr-preserve-color) .dr-table-striped > tr:nth-of-type(odd),
.dr-section-primary:not(.dr-preserve-color) .dr-table-striped tbody tr:nth-of-type(odd),
.dr-section-secondary:not(.dr-preserve-color) .dr-table-striped > tr:nth-of-type(odd),
.dr-section-secondary:not(.dr-preserve-color) .dr-table-striped tbody tr:nth-of-type(odd),
.dr-card-primary.dr-card-body .dr-table-striped > tr:nth-of-type(odd),
.dr-card-primary.dr-card-body .dr-table-striped tbody tr:nth-of-type(odd),
.dr-card-primary > :not([class*='dr-card-media']) .dr-table-striped > tr:nth-of-type(odd),
.dr-card-primary > :not([class*='dr-card-media']) .dr-table-striped tbody tr:nth-of-type(odd),
.dr-card-secondary.dr-card-body .dr-table-striped > tr:nth-of-type(odd),
.dr-card-secondary.dr-card-body .dr-table-striped tbody tr:nth-of-type(odd),
.dr-card-secondary > :not([class*='dr-card-media']) .dr-table-striped > tr:nth-of-type(odd),
.dr-card-secondary > :not([class*='dr-card-media']) .dr-table-striped tbody tr:nth-of-type(odd) {
background: rgba(255, 255, 255, 0.1);
border-top-color: rgba(255, 255, 255, 0.2);
border-bottom-color: rgba(255, 255, 255, 0.2)
}
.dr-light .dr-table-hover > tr:hover,
.dr-light .dr-table-hover tbody tr:hover,
.dr-section-primary:not(.dr-preserve-color) .dr-table-hover > tr:hover,
.dr-section-primary:not(.dr-preserve-color) .dr-table-hover tbody tr:hover,
.dr-section-secondary:not(.dr-preserve-color) .dr-table-hover > tr:hover,
.dr-section-secondary:not(.dr-preserve-color) .dr-table-hover tbody tr:hover,
.dr-card-primary.dr-card-body .dr-table-hover > tr:hover,
.dr-card-primary.dr-card-body .dr-table-hover tbody tr:hover,
.dr-card-primary > :not([class*='dr-card-media']) .dr-table-hover > tr:hover,
.dr-card-primary > :not([class*='dr-card-media']) .dr-table-hover tbody tr:hover,
.dr-card-secondary.dr-card-body .dr-table-hover > tr:hover,
.dr-card-secondary.dr-card-body .dr-table-hover tbody tr:hover,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-table-hover > tr:hover,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-table-hover tbody tr:hover {
background: rgba(255, 255, 255, 0.08)
}
.dr-light .dr-icon-link,
.dr-section-primary:not(.dr-preserve-color) .dr-icon-link,
.dr-section-secondary:not(.dr-preserve-color) .dr-icon-link,
.dr-card-primary.dr-card-body .dr-icon-link,
.dr-card-primary > :not([class*='dr-card-media']) .dr-icon-link,
.dr-card-secondary.dr-card-body .dr-icon-link,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-icon-link {
color: rgba(255, 255, 255, 0.5)
}
.dr-light .dr-icon-link:hover,
.dr-light .dr-icon-link:focus,
.dr-section-primary:not(.dr-preserve-color) .dr-icon-link:hover,
.dr-section-primary:not(.dr-preserve-color) .dr-icon-link:focus,
.dr-section-secondary:not(.dr-preserve-color) .dr-icon-link:hover,
.dr-section-secondary:not(.dr-preserve-color) .dr-icon-link:focus,
.dr-card-primary.dr-card-body .dr-icon-link:hover,
.dr-card-primary.dr-card-body .dr-icon-link:focus,
.dr-card-primary > :not([class*='dr-card-media']) .dr-icon-link:hover,
.dr-card-primary > :not([class*='dr-card-media']) .dr-icon-link:focus,
.dr-card-secondary.dr-card-body .dr-icon-link:hover,
.dr-card-secondary.dr-card-body .dr-icon-link:focus,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-icon-link:hover,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-icon-link:focus {
color: rgba(255, 255, 255, 0.8)
}
.dr-light .dr-icon-link:active,
.dr-light .dr-active > .dr-icon-link,
.dr-section-primary:not(.dr-preserve-color) .dr-icon-link:active,
.dr-section-primary:not(.dr-preserve-color) .dr-active > .dr-icon-link,
.dr-section-secondary:not(.dr-preserve-color) .dr-icon-link:active,
.dr-section-secondary:not(.dr-preserve-color) .dr-active > .dr-icon-link,
.dr-card-primary.dr-card-body .dr-icon-link:active,
.dr-card-primary.dr-card-body .dr-active > .dr-icon-link,
.dr-card-primary > :not([class*='dr-card-media']) .dr-icon-link:active,
.dr-card-primary > :not([class*='dr-card-media']) .dr-active > .dr-icon-link,
.dr-card-secondary.dr-card-body .dr-icon-link:active,
.dr-card-secondary.dr-card-body .dr-active > .dr-icon-link,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-icon-link:active,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-active > .dr-icon-link {
color: rgba(255, 255, 255, 0.8)
}
.dr-light .dr-icon-button,
.dr-section-primary:not(.dr-preserve-color) .dr-icon-button,
.dr-section-secondary:not(.dr-preserve-color) .dr-icon-button,
.dr-card-primary.dr-card-body .dr-icon-button,
.dr-card-primary > :not([class*='dr-card-media']) .dr-icon-button,
.dr-card-secondary.dr-card-body .dr-icon-button,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-icon-button {
background-color: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.5)
}
.dr-light .dr-icon-button:hover,
.dr-light .dr-icon-button:focus,
.dr-section-primary:not(.dr-preserve-color) .dr-icon-button:hover,
.dr-section-primary:not(.dr-preserve-color) .dr-icon-button:focus,
.dr-section-secondary:not(.dr-preserve-color) .dr-icon-button:hover,
.dr-section-secondary:not(.dr-preserve-color) .dr-icon-button:focus,
.dr-card-primary.dr-card-body .dr-icon-button:hover,
.dr-card-primary.dr-card-body .dr-icon-button:focus,
.dr-card-primary > :not([class*='dr-card-media']) .dr-icon-button:hover,
.dr-card-primary > :not([class*='dr-card-media']) .dr-icon-button:focus,
.dr-card-secondary.dr-card-body .dr-icon-button:hover,
.dr-card-secondary.dr-card-body .dr-icon-button:focus,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-icon-button:hover,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-icon-button:focus {
background-color: rgba(242, 242, 242, 0.1);
color: rgba(255, 255, 255, 0.8)
}
.dr-light .dr-icon-button:active,
.dr-section-primary:not(.dr-preserve-color) .dr-icon-button:active,
.dr-section-secondary:not(.dr-preserve-color) .dr-icon-button:active,
.dr-card-primary.dr-card-body .dr-icon-button:active,
.dr-card-primary > :not([class*='dr-card-media']) .dr-icon-button:active,
.dr-card-secondary.dr-card-body .dr-icon-button:active,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-icon-button:active {
background-color: rgba(230, 230, 230, 0.1);
color: rgba(255, 255, 255, 0.8)
}
.dr-light .dr-input,
.dr-light .dr-select,
.dr-light .dr-textarea,
.dr-section-primary:not(.dr-preserve-color) .dr-input,
.dr-section-primary:not(.dr-preserve-color) .dr-select,
.dr-section-primary:not(.dr-preserve-color) .dr-textarea,
.dr-section-secondary:not(.dr-preserve-color) .dr-input,
.dr-section-secondary:not(.dr-preserve-color) .dr-select,
.dr-section-secondary:not(.dr-preserve-color) .dr-textarea,
.dr-card-primary.dr-card-body .dr-input,
.dr-card-primary.dr-card-body .dr-select,
.dr-card-primary.dr-card-body .dr-textarea,
.dr-card-primary > :not([class*='dr-card-media']) .dr-input,
.dr-card-primary > :not([class*='dr-card-media']) .dr-select,
.dr-card-primary > :not([class*='dr-card-media']) .dr-textarea,
.dr-card-secondary.dr-card-body .dr-input,
.dr-card-secondary.dr-card-body .dr-select,
.dr-card-secondary.dr-card-body .dr-textarea,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-input,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-select,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-textarea {
background-color: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.8);
background-clip: padding-box;
border-color: rgba(255, 255, 255, 0.2)
}
.dr-light .dr-input:focus,
.dr-light .dr-select:focus,
.dr-light .dr-textarea:focus,
.dr-section-primary:not(.dr-preserve-color) .dr-input:focus,
.dr-section-primary:not(.dr-preserve-color) .dr-select:focus,
.dr-section-primary:not(.dr-preserve-color) .dr-textarea:focus,
.dr-section-secondary:not(.dr-preserve-color) .dr-input:focus,
.dr-section-secondary:not(.dr-preserve-color) .dr-select:focus,
.dr-section-secondary:not(.dr-preserve-color) .dr-textarea:focus,
.dr-card-primary.dr-card-body .dr-input:focus,
.dr-card-primary.dr-card-body .dr-select:focus,
.dr-card-primary.dr-card-body .dr-textarea:focus,
.dr-card-primary > :not([class*='dr-card-media']) .dr-input:focus,
.dr-card-primary > :not([class*='dr-card-media']) .dr-select:focus,
.dr-card-primary > :not([class*='dr-card-media']) .dr-textarea:focus,
.dr-card-secondary.dr-card-body .dr-input:focus,
.dr-card-secondary.dr-card-body .dr-select:focus,
.dr-card-secondary.dr-card-body .dr-textarea:focus,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-input:focus,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-select:focus,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-textarea:focus {
background-color: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.8);
border-color: rgba(255, 255, 255, 0.8)
}
.dr-light .dr-input::-ms-input-placeholder,
.dr-section-primary:not(.dr-preserve-color) .dr-input::-ms-input-placeholder,
.dr-section-secondary:not(.dr-preserve-color) .dr-input::-ms-input-placeholder,
.dr-card-primary.dr-card-body .dr-input::-ms-input-placeholder,
.dr-card-primary > :not([class*='dr-card-media']) .dr-input::-ms-input-placeholder,
.dr-card-secondary.dr-card-body .dr-input::-ms-input-placeholder,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-input::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5) !important
}
.dr-light .dr-input::placeholder,
.dr-section-primary:not(.dr-preserve-color) .dr-input::placeholder,
.dr-section-secondary:not(.dr-preserve-color) .dr-input::placeholder,
.dr-card-primary.dr-card-body .dr-input::placeholder,
.dr-card-primary > :not([class*='dr-card-media']) .dr-input::placeholder,
.dr-card-secondary.dr-card-body .dr-input::placeholder,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-input::placeholder {
color: rgba(255, 255, 255, 0.5)
}
.dr-light .dr-textarea::-ms-input-placeholder,
.dr-section-primary:not(.dr-preserve-color) .dr-textarea::-ms-input-placeholder,
.dr-section-secondary:not(.dr-preserve-color) .dr-textarea::-ms-input-placeholder,
.dr-card-primary.dr-card-body .dr-textarea::-ms-input-placeholder,
.dr-card-primary > :not([class*='dr-card-media']) .dr-textarea::-ms-input-placeholder,
.dr-card-secondary.dr-card-body .dr-textarea::-ms-input-placeholder,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-textarea::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5) !important
}
.dr-light .dr-textarea::placeholder,
.dr-section-primary:not(.dr-preserve-color) .dr-textarea::placeholder,
.dr-section-secondary:not(.dr-preserve-color) .dr-textarea::placeholder,
.dr-card-primary.dr-card-body .dr-textarea::placeholder,
.dr-card-primary > :not([class*='dr-card-media']) .dr-textarea::placeholder,
.dr-card-secondary.dr-card-body .dr-textarea::placeholder,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-textarea::placeholder {
color: rgba(255, 255, 255, 0.5)
}
.dr-light .dr-select:not([multiple]):not([size]),
.dr-section-primary:not(.dr-preserve-color) .dr-select:not([multiple]):not([size]),
.dr-section-secondary:not(.dr-preserve-color) .dr-select:not([multiple]):not([size]),
.dr-card-primary.dr-card-body .dr-select:not([multiple]):not([size]),
.dr-card-primary > :not([class*='dr-card-media']) .dr-select:not([multiple]):not([size]),
.dr-card-secondary.dr-card-body .dr-select:not([multiple]):not([size]),
.dr-card-secondary > :not([class*='dr-card-media']) .dr-select:not([multiple]):not([size]) {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,255,255,0.8%29%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,255,255,0.8%29%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
}
.dr-light .dr-input[list]:hover,
.dr-light .dr-input[list]:focus,
.dr-section-primary:not(.dr-preserve-color) .dr-input[list]:hover,
.dr-section-primary:not(.dr-preserve-color) .dr-input[list]:focus,
.dr-section-secondary:not(.dr-preserve-color) .dr-input[list]:hover,
.dr-section-secondary:not(.dr-preserve-color) .dr-input[list]:focus,
.dr-card-primary.dr-card-body .dr-input[list]:hover,
.dr-card-primary.dr-card-body .dr-input[list]:focus,
.dr-card-primary > :not([class*='dr-card-media']) .dr-input[list]:hover,
.dr-card-primary > :not([class*='dr-card-media']) .dr-input[list]:focus,
.dr-card-secondary.dr-card-body .dr-input[list]:hover,
.dr-card-secondary.dr-card-body .dr-input[list]:focus,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-input[list]:hover,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-input[list]:focus {
background-image: url(../../../home/dex/domains/EscortDR.com/public_html/site/templates/system/less/images/backgrounds/form-datalist.svg.html)
}
.dr-light .dr-radio,
.dr-light .dr-checkbox,
.dr-section-primary:not(.dr-preserve-color) .dr-radio,
.dr-section-primary:not(.dr-preserve-color) .dr-checkbox,
.dr-section-secondary:not(.dr-preserve-color) .dr-radio,
.dr-section-secondary:not(.dr-preserve-color) .dr-checkbox,
.dr-card-primary.dr-card-body .dr-radio,
.dr-card-primary.dr-card-body .dr-checkbox,
.dr-card-primary > :not([class*='dr-card-media']) .dr-radio,
.dr-card-primary > :not([class*='dr-card-media']) .dr-checkbox,
.dr-card-secondary.dr-card-body .dr-radio,
.dr-card-secondary.dr-card-body .dr-checkbox,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-radio,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-checkbox {
background-color: rgba(242, 242, 242, 0.1);
border-color: rgba(255, 255, 255, 0.2)
}
.dr-light .dr-radio:focus,
.dr-light .dr-checkbox:focus,
.dr-section-primary:not(.dr-preserve-color) .dr-radio:focus,
.dr-section-primary:not(.dr-preserve-color) .dr-checkbox:focus,
.dr-section-secondary:not(.dr-preserve-color) .dr-radio:focus,
.dr-section-secondary:not(.dr-preserve-color) .dr-checkbox:focus,
.dr-card-primary.dr-card-body .dr-radio:focus,
.dr-card-primary.dr-card-body .dr-checkbox:focus,
.dr-card-primary > :not([class*='dr-card-media']) .dr-radio:focus,
.dr-card-primary > :not([class*='dr-card-media']) .dr-checkbox:focus,
.dr-card-secondary.dr-card-body .dr-radio:focus,
.dr-card-secondary.dr-card-body .dr-checkbox:focus,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-radio:focus,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-checkbox:focus {
border-color: rgba(255, 255, 255, 0.8)
}
.dr-light .dr-radio:checked,
.dr-light .dr-checkbox:checked,
.dr-light .dr-checkbox:indeterminate,
.dr-section-primary:not(.dr-preserve-color) .dr-radio:checked,
.dr-section-primary:not(.dr-preserve-color) .dr-checkbox:checked,
.dr-section-primary:not(.dr-preserve-color) .dr-checkbox:indeterminate,
.dr-section-secondary:not(.dr-preserve-color) .dr-radio:checked,
.dr-section-secondary:not(.dr-preserve-color) .dr-checkbox:checked,
.dr-section-secondary:not(.dr-preserve-color) .dr-checkbox:indeterminate,
.dr-card-primary.dr-card-body .dr-radio:checked,
.dr-card-primary.dr-card-body .dr-checkbox:checked,
.dr-card-primary.dr-card-body .dr-checkbox:indeterminate,
.dr-card-primary > :not([class*='dr-card-media']) .dr-radio:checked,
.dr-card-primary > :not([class*='dr-card-media']) .dr-checkbox:checked,
.dr-card-primary > :not([class*='dr-card-media']) .dr-checkbox:indeterminate,
.dr-card-secondary.dr-card-body .dr-radio:checked,
.dr-card-secondary.dr-card-body .dr-checkbox:checked,
.dr-card-secondary.dr-card-body .dr-checkbox:indeterminate,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-radio:checked,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-checkbox:checked,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-checkbox:indeterminate {
background-color: #fff;
border-color: rgba(255, 255, 255, 0.8)
}
.dr-light .dr-radio:checked:focus,
.dr-light .dr-checkbox:checked:focus,
.dr-light .dr-checkbox:indeterminate:focus,
.dr-section-primary:not(.dr-preserve-color) .dr-radio:checked:focus,
.dr-section-primary:not(.dr-preserve-color) .dr-checkbox:checked:focus,
.dr-section-primary:not(.dr-preserve-color) .dr-checkbox:indeterminate:focus,
.dr-section-secondary:not(.dr-preserve-color) .dr-radio:checked:focus,
.dr-section-secondary:not(.dr-preserve-color) .dr-checkbox:checked:focus,
.dr-section-secondary:not(.dr-preserve-color) .dr-checkbox:indeterminate:focus,
.dr-card-primary.dr-card-body .dr-radio:checked:focus,
.dr-card-primary.dr-card-body .dr-checkbox:checked:focus,
.dr-card-primary.dr-card-body .dr-checkbox:indeterminate:focus,
.dr-card-primary > :not([class*='dr-card-media']) .dr-radio:checked:focus,
.dr-card-primary > :not([class*='dr-card-media']) .dr-checkbox:checked:focus,
.dr-card-primary > :not([class*='dr-card-media']) .dr-checkbox:indeterminate:focus,
.dr-card-secondary.dr-card-body .dr-radio:checked:focus,
.dr-card-secondary.dr-card-body .dr-checkbox:checked:focus,
.dr-card-secondary.dr-card-body .dr-checkbox:indeterminate:focus,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-radio:checked:focus,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-checkbox:checked:focus,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-checkbox:indeterminate:focus {
background-color: #e6e6e6
}
.dr-light .dr-radio:checked,
.dr-section-primary:not(.dr-preserve-color) .dr-radio:checked,
.dr-section-secondary:not(.dr-preserve-color) .dr-radio:checked,
.dr-card-primary.dr-card-body .dr-radio:checked,
.dr-card-primary > :not([class*='dr-card-media']) .dr-radio:checked,
.dr-card-secondary.dr-card-body .dr-radio:checked,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-radio:checked {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%234f4f4f%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")
}
.dr-light .dr-checkbox:checked,
.dr-section-primary:not(.dr-preserve-color) .dr-checkbox:checked,
.dr-section-secondary:not(.dr-preserve-color) .dr-checkbox:checked,
.dr-card-primary.dr-card-body .dr-checkbox:checked,
.dr-card-primary > :not([class*='dr-card-media']) .dr-checkbox:checked,
.dr-card-secondary.dr-card-body .dr-checkbox:checked,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-checkbox:checked {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%234f4f4f%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
}
.dr-light .dr-checkbox:indeterminate,
.dr-section-primary:not(.dr-preserve-color) .dr-checkbox:indeterminate,
.dr-section-secondary:not(.dr-preserve-color) .dr-checkbox:indeterminate,
.dr-card-primary.dr-card-body .dr-checkbox:indeterminate,
.dr-card-primary > :not([class*='dr-card-media']) .dr-checkbox:indeterminate,
.dr-card-secondary.dr-card-body .dr-checkbox:indeterminate,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-checkbox:indeterminate {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%234f4f4f%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E")
}
.dr-light .dr-form-label,
.dr-section-primary:not(.dr-preserve-color) .dr-form-label,
.dr-section-secondary:not(.dr-preserve-color) .dr-form-label,
.dr-card-primary.dr-card-body .dr-form-label,
.dr-card-primary > :not([class*='dr-card-media']) .dr-form-label,
.dr-card-secondary.dr-card-body .dr-form-label,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-form-label {
color: #fff
}
.dr-light .dr-form-icon,
.dr-section-primary:not(.dr-preserve-color) .dr-form-icon,
.dr-section-secondary:not(.dr-preserve-color) .dr-form-icon,
.dr-card-primary.dr-card-body .dr-form-icon,
.dr-card-primary > :not([class*='dr-card-media']) .dr-form-icon,
.dr-card-secondary.dr-card-body .dr-form-icon,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-form-icon {
color: rgba(255, 255, 255, 0.5)
}
.dr-light .dr-form-icon:hover,
.dr-section-primary:not(.dr-preserve-color) .dr-form-icon:hover,
.dr-section-secondary:not(.dr-preserve-color) .dr-form-icon:hover,
.dr-card-primary.dr-card-body .dr-form-icon:hover,
.dr-card-primary > :not([class*='dr-card-media']) .dr-form-icon:hover,
.dr-card-secondary.dr-card-body .dr-form-icon:hover,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-form-icon:hover {
color: rgba(255, 255, 255, 0.8)
}
.dr-light .button-style-default,
.dr-section-primary:not(.dr-preserve-color) .button-style-default,
.dr-section-secondary:not(.dr-preserve-color) .button-style-default,
.dr-card-primary.dr-card-body .button-style-default,
.dr-card-primary > :not([class*='dr-card-media']) .button-style-default,
.dr-card-secondary.dr-card-body .button-style-default,
.dr-card-secondary > :not([class*='dr-card-media']) .button-style-default {
background-color: #fff;
color: #4f4f4f;
border-color: rgba(255, 255, 255, 0.8)
}
.dr-light .button-style-default:hover,
.dr-light .button-style-default:focus,
.dr-section-primary:not(.dr-preserve-color) .button-style-default:hover,
.dr-section-primary:not(.dr-preserve-color) .button-style-default:focus,
.dr-section-secondary:not(.dr-preserve-color) .button-style-default:hover,
.dr-section-secondary:not(.dr-preserve-color) .button-style-default:focus,
.dr-card-primary.dr-card-body .button-style-default:hover,
.dr-card-primary.dr-card-body .button-style-default:focus,
.dr-card-primary > :not([class*='dr-card-media']) .button-style-default:hover,
.dr-card-primary > :not([class*='dr-card-media']) .button-style-default:focus,
.dr-card-secondary.dr-card-body .button-style-default:hover,
.dr-card-secondary.dr-card-body .button-style-default:focus,
.dr-card-secondary > :not([class*='dr-card-media']) .button-style-default:hover,
.dr-card-secondary > :not([class*='dr-card-media']) .button-style-default:focus {
background-color: #f2f2f2;
color: #4f4f4f;
border-color: #fff
}
.dr-light .button-style-default:active,
.dr-light .button-style-default.dr-active,
.dr-section-primary:not(.dr-preserve-color) .button-style-default:active,
.dr-section-primary:not(.dr-preserve-color) .button-style-default.dr-active,
.dr-section-secondary:not(.dr-preserve-color) .button-style-default:active,
.dr-section-secondary:not(.dr-preserve-color) .button-style-default.dr-active,
.dr-card-primary.dr-card-body .button-style-default:active,
.dr-card-primary.dr-card-body .button-style-default.dr-active,
.dr-card-primary > :not([class*='dr-card-media']) .button-style-default:active,
.dr-card-primary > :not([class*='dr-card-media']) .button-style-default.dr-active,
.dr-card-secondary.dr-card-body .button-style-default:active,
.dr-card-secondary.dr-card-body .button-style-default.dr-active,
.dr-card-secondary > :not([class*='dr-card-media']) .button-style-default:active,
.dr-card-secondary > :not([class*='dr-card-media']) .button-style-default.dr-active {
background-color: #e6e6e6;
color: #4f4f4f;
border-color: #fff
}
.dr-light .button-style-primary,
.dr-section-primary:not(.dr-preserve-color) .button-style-primary,
.dr-section-secondary:not(.dr-preserve-color) .button-style-primary,
.dr-card-primary.dr-card-body .button-style-primary,
.dr-card-primary > :not([class*='dr-card-media']) .button-style-primary,
.dr-card-secondary.dr-card-body .button-style-primary,
.dr-card-secondary > :not([class*='dr-card-media']) .button-style-primary {
background-color: #012047;
color: #fff
}
.dr-light .button-style-primary:hover,
.dr-light .button-style-primary:focus,
.dr-section-primary:not(.dr-preserve-color) .button-style-primary:hover,
.dr-section-primary:not(.dr-preserve-color) .button-style-primary:focus,
.dr-section-secondary:not(.dr-preserve-color) .button-style-primary:hover,
.dr-section-secondary:not(.dr-preserve-color) .button-style-primary:focus,
.dr-card-primary.dr-card-body .button-style-primary:hover,
.dr-card-primary.dr-card-body .button-style-primary:focus,
.dr-card-primary > :not([class*='dr-card-media']) .button-style-primary:hover,
.dr-card-primary > :not([class*='dr-card-media']) .button-style-primary:focus,
.dr-card-secondary.dr-card-body .button-style-primary:hover,
.dr-card-secondary.dr-card-body .button-style-primary:focus,
.dr-card-secondary > :not([class*='dr-card-media']) .button-style-primary:hover,
.dr-card-secondary > :not([class*='dr-card-media']) .button-style-primary:focus {
background-color: #8e1e39;
color: #fff
}
.dr-light .button-style-primary:active,
.dr-light .button-style-primary.dr-active,
.dr-section-primary:not(.dr-preserve-color) .button-style-primary:active,
.dr-section-primary:not(.dr-preserve-color) .button-style-primary.dr-active,
.dr-section-secondary:not(.dr-preserve-color) .button-style-primary:active,
.dr-section-secondary:not(.dr-preserve-color) .button-style-primary.dr-active,
.dr-card-primary.dr-card-body .button-style-primary:active,
.dr-card-primary.dr-card-body .button-style-primary.dr-active,
.dr-card-primary > :not([class*='dr-card-media']) .button-style-primary:active,
.dr-card-primary > :not([class*='dr-card-media']) .button-style-primary.dr-active,
.dr-card-secondary.dr-card-body .button-style-primary:active,
.dr-card-secondary.dr-card-body .button-style-primary.dr-active,
.dr-card-secondary > :not([class*='dr-card-media']) .button-style-primary:active,
.dr-card-secondary > :not([class*='dr-card-media']) .button-style-primary.dr-active {
background-color: #791930;
color: #fff
}
.dr-light .button-style-secondary,
.dr-section-primary:not(.dr-preserve-color) .button-style-secondary,
.dr-section-secondary:not(.dr-preserve-color) .button-style-secondary,
.dr-card-primary.dr-card-body .button-style-secondary,
.dr-card-primary > :not([class*='dr-card-media']) .button-style-secondary,
.dr-card-secondary.dr-card-body .button-style-secondary,
.dr-card-secondary > :not([class*='dr-card-media']) .button-style-secondary {
background-color: #012047;
color: #fff
}
.dr-light .button-style-secondary:hover,
.dr-light .button-style-secondary:focus,
.dr-section-primary:not(.dr-preserve-color) .button-style-secondary:hover,
.dr-section-primary:not(.dr-preserve-color) .button-style-secondary:focus,
.dr-section-secondary:not(.dr-preserve-color) .button-style-secondary:hover,
.dr-section-secondary:not(.dr-preserve-color) .button-style-secondary:focus,
.dr-card-primary.dr-card-body .button-style-secondary:hover,
.dr-card-primary.dr-card-body .button-style-secondary:focus,
.dr-card-primary > :not([class*='dr-card-media']) .button-style-secondary:hover,
.dr-card-primary > :not([class*='dr-card-media']) .button-style-secondary:focus,
.dr-card-secondary.dr-card-body .button-style-secondary:hover,
.dr-card-secondary.dr-card-body .button-style-secondary:focus,
.dr-card-secondary > :not([class*='dr-card-media']) .button-style-secondary:hover,
.dr-card-secondary > :not([class*='dr-card-media']) .button-style-secondary:focus {
background-color: #654661;
color: #fff
}
.dr-light .button-style-secondary:active,
.dr-light .button-style-secondary.dr-active,
.dr-section-primary:not(.dr-preserve-color) .button-style-secondary:active,
.dr-section-primary:not(.dr-preserve-color) .button-style-secondary.dr-active,
.dr-section-secondary:not(.dr-preserve-color) .button-style-secondary:active,
.dr-section-secondary:not(.dr-preserve-color) .button-style-secondary.dr-active,
.dr-card-primary.dr-card-body .button-style-secondary:active,
.dr-card-primary.dr-card-body .button-style-secondary.dr-active,
.dr-card-primary > :not([class*='dr-card-media']) .button-style-secondary:active,
.dr-card-primary > :not([class*='dr-card-media']) .button-style-secondary.dr-active,
.dr-card-secondary.dr-card-body .button-style-secondary:active,
.dr-card-secondary.dr-card-body .button-style-secondary.dr-active,
.dr-card-secondary > :not([class*='dr-card-media']) .button-style-secondary:active,
.dr-card-secondary > :not([class*='dr-card-media']) .button-style-secondary.dr-active {
background-color: #563b52;
color: #fff
}
.dr-light .button-style-text,
.dr-section-primary:not(.dr-preserve-color) .button-style-text,
.dr-section-secondary:not(.dr-preserve-color) .button-style-text,
.dr-card-primary.dr-card-body .button-style-text,
.dr-card-primary > :not([class*='dr-card-media']) .button-style-text,
.dr-card-secondary.dr-card-body .button-style-text,
.dr-card-secondary > :not([class*='dr-card-media']) .button-style-text {
color: rgba(255, 255, 255, 0.5)
}
.dr-light .button-style-text::before,
.dr-section-primary:not(.dr-preserve-color) .button-style-text::before,
.dr-section-secondary:not(.dr-preserve-color) .button-style-text::before,
.dr-card-primary.dr-card-body .button-style-text::before,
.dr-card-primary > :not([class*='dr-card-media']) .button-style-text::before,
.dr-card-secondary.dr-card-body .button-style-text::before,
.dr-card-secondary > :not([class*='dr-card-media']) .button-style-text::before {
border-bottom-color: #fff
}
.dr-light .button-style-text:hover,
.dr-light .button-style-text:focus,
.dr-section-primary:not(.dr-preserve-color) .button-style-text:hover,
.dr-section-primary:not(.dr-preserve-color) .button-style-text:focus,
.dr-section-secondary:not(.dr-preserve-color) .button-style-text:hover,
.dr-section-secondary:not(.dr-preserve-color) .button-style-text:focus,
.dr-card-primary.dr-card-body .button-style-text:hover,
.dr-card-primary.dr-card-body .button-style-text:focus,
.dr-card-primary > :not([class*='dr-card-media']) .button-style-text:hover,
.dr-card-primary > :not([class*='dr-card-media']) .button-style-text:focus,
.dr-card-secondary.dr-card-body .button-style-text:hover,
.dr-card-secondary.dr-card-body .button-style-text:focus,
.dr-card-secondary > :not([class*='dr-card-media']) .button-style-text:hover,
.dr-card-secondary > :not([class*='dr-card-media']) .button-style-text:focus {
color: rgba(255, 255, 255, 0.8)
}
.dr-light .button-style-text:disabled,
.dr-section-primary:not(.dr-preserve-color) .button-style-text:disabled,
.dr-section-secondary:not(.dr-preserve-color) .button-style-text:disabled,
.dr-card-primary.dr-card-body .button-style-text:disabled,
.dr-card-primary > :not([class*='dr-card-media']) .button-style-text:disabled,
.dr-card-secondary.dr-card-body .button-style-text:disabled,
.dr-card-secondary > :not([class*='dr-card-media']) .button-style-text:disabled {
color: rgba(255, 255, 255, 0.5)
}
.dr-light .button-style-link,
.dr-section-primary:not(.dr-preserve-color) .button-style-link,
.dr-section-secondary:not(.dr-preserve-color) .button-style-link,
.dr-card-primary.dr-card-body .button-style-link,
.dr-card-primary > :not([class*='dr-card-media']) .button-style-link,
.dr-card-secondary.dr-card-body .button-style-link,
.dr-card-secondary > :not([class*='dr-card-media']) .button-style-link {
color: rgba(255, 255, 255, 0.5)
}
.dr-light .button-style-link:hover,
.dr-light .button-style-link:focus,
.dr-section-primary:not(.dr-preserve-color) .button-style-link:hover,
.dr-section-primary:not(.dr-preserve-color) .button-style-link:focus,
.dr-section-secondary:not(.dr-preserve-color) .button-style-link:hover,
.dr-section-secondary:not(.dr-preserve-color) .button-style-link:focus,
.dr-card-primary.dr-card-body .button-style-link:hover,
.dr-card-primary.dr-card-body .button-style-link:focus,
.dr-card-primary > :not([class*='dr-card-media']) .button-style-link:hover,
.dr-card-primary > :not([class*='dr-card-media']) .button-style-link:focus,
.dr-card-secondary.dr-card-body .button-style-link:hover,
.dr-card-secondary.dr-card-body .button-style-link:focus,
.dr-card-secondary > :not([class*='dr-card-media']) .button-style-link:hover,
.dr-card-secondary > :not([class*='dr-card-media']) .button-style-link:focus {
color: rgba(255, 255, 255, 0.8)
}
.dr-light .grid-md-divider > :not(.dr-first-column)::before,
.dr-section-primary:not(.dr-preserve-color) .grid-md-divider > :not(.dr-first-column)::before,
.dr-section-secondary:not(.dr-preserve-color) .grid-md-divider > :not(.dr-first-column)::before,
.dr-card-primary.dr-card-body .grid-md-divider > :not(.dr-first-column)::before,
.dr-card-primary > :not([class*='dr-card-media']) .grid-md-divider > :not(.dr-first-column)::before,
.dr-card-secondary.dr-card-body .grid-md-divider > :not(.dr-first-column)::before,
.dr-card-secondary > :not([class*='dr-card-media']) .grid-md-divider > :not(.dr-first-column)::before {
border-left-color: rgba(255, 255, 255, 0.2)
}
.dr-light .grid-md-divider.grid-md-stack > .grid-md-margin::before,
.dr-section-primary:not(.dr-preserve-color) .grid-md-divider.grid-md-stack > .grid-md-margin::before,
.dr-section-secondary:not(.dr-preserve-color) .grid-md-divider.grid-md-stack > .grid-md-margin::before,
.dr-card-primary.dr-card-body .grid-md-divider.grid-md-stack > .grid-md-margin::before,
.dr-card-primary > :not([class*='dr-card-media']) .grid-md-divider.grid-md-stack > .grid-md-margin::before,
.dr-card-secondary.dr-card-body .grid-md-divider.grid-md-stack > .grid-md-margin::before,
.dr-card-secondary > :not([class*='dr-card-media']) .grid-md-divider.grid-md-stack > .grid-md-margin::before {
border-top-color: rgba(255, 255, 255, 0.2)
}
.dr-light .dr-close,
.dr-section-primary:not(.dr-preserve-color) .dr-close,
.dr-section-secondary:not(.dr-preserve-color) .dr-close,
.dr-card-primary.dr-card-body .dr-close,
.dr-card-primary > :not([class*='dr-card-media']) .dr-close,
.dr-card-secondary.dr-card-body .dr-close,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-close {
color: rgba(255, 255, 255, 0.5)
}
.dr-light .dr-close:hover,
.dr-light .dr-close:focus,
.dr-section-primary:not(.dr-preserve-color) .dr-close:hover,
.dr-section-primary:not(.dr-preserve-color) .dr-close:focus,
.dr-section-secondary:not(.dr-preserve-color) .dr-close:hover,
.dr-section-secondary:not(.dr-preserve-color) .dr-close:focus,
.dr-card-primary.dr-card-body .dr-close:hover,
.dr-card-primary.dr-card-body .dr-close:focus,
.dr-card-primary > :not([class*='dr-card-media']) .dr-close:hover,
.dr-card-primary > :not([class*='dr-card-media']) .dr-close:focus,
.dr-card-secondary.dr-card-body .dr-close:hover,
.dr-card-secondary.dr-card-body .dr-close:focus,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-close:hover,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-close:focus {
color: rgba(255, 255, 255, 0.8)
}
.dr-light .dr-totop,
.dr-section-primary:not(.dr-preserve-color) .dr-totop,
.dr-section-secondary:not(.dr-preserve-color) .dr-totop,
.dr-card-primary.dr-card-body .dr-totop,
.dr-card-primary > :not([class*='dr-card-media']) .dr-totop,
.dr-card-secondary.dr-card-body .dr-totop,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-totop {
color: rgba(255, 255, 255, 0.5)
}
.dr-light .dr-totop:hover,
.dr-light .dr-totop:focus,
.dr-section-primary:not(.dr-preserve-color) .dr-totop:hover,
.dr-section-primary:not(.dr-preserve-color) .dr-totop:focus,
.dr-section-secondary:not(.dr-preserve-color) .dr-totop:hover,
.dr-section-secondary:not(.dr-preserve-color) .dr-totop:focus,
.dr-card-primary.dr-card-body .dr-totop:hover,
.dr-card-primary.dr-card-body .dr-totop:focus,
.dr-card-primary > :not([class*='dr-card-media']) .dr-totop:hover,
.dr-card-primary > :not([class*='dr-card-media']) .dr-totop:focus,
.dr-card-secondary.dr-card-body .dr-totop:hover,
.dr-card-secondary.dr-card-body .dr-totop:focus,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-totop:hover,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-totop:focus {
color: rgba(255, 255, 255, 0.8)
}
.dr-light .dr-totop:active,
.dr-section-primary:not(.dr-preserve-color) .dr-totop:active,
.dr-section-secondary:not(.dr-preserve-color) .dr-totop:active,
.dr-card-primary.dr-card-body .dr-totop:active,
.dr-card-primary > :not([class*='dr-card-media']) .dr-totop:active,
.dr-card-secondary.dr-card-body .dr-totop:active,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-totop:active {
color: #fff
}
.dr-light .dr-badge,
.dr-section-primary:not(.dr-preserve-color) .dr-badge,
.dr-section-secondary:not(.dr-preserve-color) .dr-badge,
.dr-card-primary.dr-card-body .dr-badge,
.dr-card-primary > :not([class*='dr-card-media']) .dr-badge,
.dr-card-secondary.dr-card-body .dr-badge,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-badge {
background-color: #fff;
color: #4f4f4f
}
.dr-light .dr-badge:hover,
.dr-light .dr-badge:focus,
.dr-section-primary:not(.dr-preserve-color) .dr-badge:hover,
.dr-section-primary:not(.dr-preserve-color) .dr-badge:focus,
.dr-section-secondary:not(.dr-preserve-color) .dr-badge:hover,
.dr-section-secondary:not(.dr-preserve-color) .dr-badge:focus,
.dr-card-primary.dr-card-body .dr-badge:hover,
.dr-card-primary.dr-card-body .dr-badge:focus,
.dr-card-primary > :not([class*='dr-card-media']) .dr-badge:hover,
.dr-card-primary > :not([class*='dr-card-media']) .dr-badge:focus,
.dr-card-secondary.dr-card-body .dr-badge:hover,
.dr-card-secondary.dr-card-body .dr-badge:focus,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-badge:hover,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-badge:focus {
color: #4f4f4f
}
.dr-light .dr-label,
.dr-section-primary:not(.dr-preserve-color) .dr-label,
.dr-section-secondary:not(.dr-preserve-color) .dr-label,
.dr-card-primary.dr-card-body .dr-label,
.dr-card-primary > :not([class*='dr-card-media']) .dr-label,
.dr-card-secondary.dr-card-body .dr-label,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-label {
background-color: #fff;
color: #4f4f4f
}
.dr-light .dr-article-meta,
.dr-section-primary:not(.dr-preserve-color) .dr-article-meta,
.dr-section-secondary:not(.dr-preserve-color) .dr-article-meta,
.dr-card-primary.dr-card-body .dr-article-meta,
.dr-card-primary > :not([class*='dr-card-media']) .dr-article-meta,
.dr-card-secondary.dr-card-body .dr-article-meta,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-article-meta {
color: rgba(255, 255, 255, 0.5)
}
.dr-light .dr-nav-parent-icon > .dr-parent > a::after,
.dr-section-primary:not(.dr-preserve-color) .dr-nav-parent-icon > .dr-parent > a::after,
.dr-section-secondary:not(.dr-preserve-color) .dr-nav-parent-icon > .dr-parent > a::after,
.dr-card-primary.dr-card-body .dr-nav-parent-icon > .dr-parent > a::after,
.dr-card-primary > :not([class*='dr-card-media']) .dr-nav-parent-icon > .dr-parent > a::after,
.dr-card-secondary.dr-card-body .dr-nav-parent-icon > .dr-parent > a::after,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-nav-parent-icon > .dr-parent > a::after {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,255,255,0.8%29%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E")
}
.dr-light .dr-nav-parent-icon > .dr-parent.dr-open > a::after,
.dr-section-primary:not(.dr-preserve-color) .dr-nav-parent-icon > .dr-parent.dr-open > a::after,
.dr-section-secondary:not(.dr-preserve-color) .dr-nav-parent-icon > .dr-parent.dr-open > a::after,
.dr-card-primary.dr-card-body .dr-nav-parent-icon > .dr-parent.dr-open > a::after,
.dr-card-primary > :not([class*='dr-card-media']) .dr-nav-parent-icon > .dr-parent.dr-open > a::after,
.dr-card-secondary.dr-card-body .dr-nav-parent-icon > .dr-parent.dr-open > a::after,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-nav-parent-icon > .dr-parent.dr-open > a::after {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,255,255,0.8%29%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E")
}
.dr-light .dr-nav-default > li > a,
.dr-section-primary:not(.dr-preserve-color) .dr-nav-default > li > a,
.dr-section-secondary:not(.dr-preserve-color) .dr-nav-default > li > a,
.dr-card-primary.dr-card-body .dr-nav-default > li > a,
.dr-card-primary > :not([class*='dr-card-media']) .dr-nav-default > li > a,
.dr-card-secondary.dr-card-body .dr-nav-default > li > a,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-nav-default > li > a {
color: rgba(255, 255, 255, 0.5)
}
.dr-light .dr-nav-default > li > a:hover,
.dr-light .dr-nav-default > li > a:focus,
.dr-section-primary:not(.dr-preserve-color) .dr-nav-default > li > a:hover,
.dr-section-primary:not(.dr-preserve-color) .dr-nav-default > li > a:focus,
.dr-section-secondary:not(.dr-preserve-color) .dr-nav-default > li > a:hover,
.dr-section-secondary:not(.dr-preserve-color) .dr-nav-default > li > a:focus,
.dr-card-primary.dr-card-body .dr-nav-default > li > a:hover,
.dr-card-primary.dr-card-body .dr-nav-default > li > a:focus,
.dr-card-primary > :not([class*='dr-card-media']) .dr-nav-default > li > a:hover,
.dr-card-primary > :not([class*='dr-card-media']) .dr-nav-default > li > a:focus,
.dr-card-secondary.dr-card-body .dr-nav-default > li > a:hover,
.dr-card-secondary.dr-card-body .dr-nav-default > li > a:focus,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-nav-default > li > a:hover,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-nav-default > li > a:focus {
color: rgba(255, 255, 255, 0.8)
}
.dr-light .dr-nav-default > li.dr-active > a,
.dr-section-primary:not(.dr-preserve-color) .dr-nav-default > li.dr-active > a,
.dr-section-secondary:not(.dr-preserve-color) .dr-nav-default > li.dr-active > a,
.dr-card-primary.dr-card-body .dr-nav-default > li.dr-active > a,
.dr-card-primary > :not([class*='dr-card-media']) .dr-nav-default > li.dr-active > a,
.dr-card-secondary.dr-card-body .dr-nav-default > li.dr-active > a,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-nav-default > li.dr-active > a {
color: #fff
}
.dr-light .dr-nav-default .dr-nav-header,
.dr-section-primary:not(.dr-preserve-color) .dr-nav-default .dr-nav-header,
.dr-section-secondary:not(.dr-preserve-color) .dr-nav-default .dr-nav-header,
.dr-card-primary.dr-card-body .dr-nav-default .dr-nav-header,
.dr-card-primary > :not([class*='dr-card-media']) .dr-nav-default .dr-nav-header,
.dr-card-secondary.dr-card-body .dr-nav-default .dr-nav-header,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-nav-default .dr-nav-header {
color: #fff
}
.dr-light .dr-nav-default .dr-nav-divider,
.dr-section-primary:not(.dr-preserve-color) .dr-nav-default .dr-nav-divider,
.dr-section-secondary:not(.dr-preserve-color) .dr-nav-default .dr-nav-divider,
.dr-card-primary.dr-card-body .dr-nav-default .dr-nav-divider,
.dr-card-primary > :not([class*='dr-card-media']) .dr-nav-default .dr-nav-divider,
.dr-card-secondary.dr-card-body .dr-nav-default .dr-nav-divider,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-nav-default .dr-nav-divider {
border-top-color: rgba(255, 255, 255, 0.2)
}
.dr-light .dr-nav-default .dr-nav-sub a,
.dr-section-primary:not(.dr-preserve-color) .dr-nav-default .dr-nav-sub a,
.dr-section-secondary:not(.dr-preserve-color) .dr-nav-default .dr-nav-sub a,
.dr-card-primary.dr-card-body .dr-nav-default .dr-nav-sub a,
.dr-card-primary > :not([class*='dr-card-media']) .dr-nav-default .dr-nav-sub a,
.dr-card-secondary.dr-card-body .dr-nav-default .dr-nav-sub a,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-nav-default .dr-nav-sub a {
color: rgba(255, 255, 255, 0.5)
}
.dr-light .dr-nav-default .dr-nav-sub a:hover,
.dr-light .dr-nav-default .dr-nav-sub a:focus,
.dr-section-primary:not(.dr-preserve-color) .dr-nav-default .dr-nav-sub a:hover,
.dr-section-primary:not(.dr-preserve-color) .dr-nav-default .dr-nav-sub a:focus,
.dr-section-secondary:not(.dr-preserve-color) .dr-nav-default .dr-nav-sub a:hover,
.dr-section-secondary:not(.dr-preserve-color) .dr-nav-default .dr-nav-sub a:focus,
.dr-card-primary.dr-card-body .dr-nav-default .dr-nav-sub a:hover,
.dr-card-primary.dr-card-body .dr-nav-default .dr-nav-sub a:focus,
.dr-card-primary > :not([class*='dr-card-media']) .dr-nav-default .dr-nav-sub a:hover,
.dr-card-primary > :not([class*='dr-card-media']) .dr-nav-default .dr-nav-sub a:focus,
.dr-card-secondary.dr-card-body .dr-nav-default .dr-nav-sub a:hover,
.dr-card-secondary.dr-card-body .dr-nav-default .dr-nav-sub a:focus,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-nav-default .dr-nav-sub a:hover,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-nav-default .dr-nav-sub a:focus {
color: rgba(255, 255, 255, 0.8)
}
.dr-light .dr-nav-default .dr-nav-sub li.dr-active > a,
.dr-section-primary:not(.dr-preserve-color) .dr-nav-default .dr-nav-sub li.dr-active > a,
.dr-section-secondary:not(.dr-preserve-color) .dr-nav-default .dr-nav-sub li.dr-active > a,
.dr-card-primary.dr-card-body .dr-nav-default .dr-nav-sub li.dr-active > a,
.dr-card-primary > :not([class*='dr-card-media']) .dr-nav-default .dr-nav-sub li.dr-active > a,
.dr-card-secondary.dr-card-body .dr-nav-default .dr-nav-sub li.dr-active > a,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-nav-default .dr-nav-sub li.dr-active > a {
color: #fff
}
.dr-light .dr-nav-primary > li > a,
.dr-section-primary:not(.dr-preserve-color) .dr-nav-primary > li > a,
.dr-section-secondary:not(.dr-preserve-color) .dr-nav-primary > li > a,
.dr-card-primary.dr-card-body .dr-nav-primary > li > a,
.dr-card-primary > :not([class*='dr-card-media']) .dr-nav-primary > li > a,
.dr-card-secondary.dr-card-body .dr-nav-primary > li > a,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-nav-primary > li > a {
color: rgba(255, 255, 255, 0.5)
}
.dr-light .dr-nav-primary > li > a:hover,
.dr-light .dr-nav-primary > li > a:focus,
.dr-section-primary:not(.dr-preserve-color) .dr-nav-primary > li > a:hover,
.dr-section-primary:not(.dr-preserve-color) .dr-nav-primary > li > a:focus,
.dr-section-secondary:not(.dr-preserve-color) .dr-nav-primary > li > a:hover,
.dr-section-secondary:not(.dr-preserve-color) .dr-nav-primary > li > a:focus,
.dr-card-primary.dr-card-body .dr-nav-primary > li > a:hover,
.dr-card-primary.dr-card-body .dr-nav-primary > li > a:focus,
.dr-card-primary > :not([class*='dr-card-media']) .dr-nav-primary > li > a:hover,
.dr-card-primary > :not([class*='dr-card-media']) .dr-nav-primary > li > a:focus,
.dr-card-secondary.dr-card-body .dr-nav-primary > li > a:hover,
.dr-card-secondary.dr-card-body .dr-nav-primary > li > a:focus,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-nav-primary > li > a:hover,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-nav-primary > li > a:focus {
color: rgba(255, 255, 255, 0.8)
}
.dr-light .dr-nav-primary > li.dr-active > a,
.dr-section-primary:not(.dr-preserve-color) .dr-nav-primary > li.dr-active > a,
.dr-section-secondary:not(.dr-preserve-color) .dr-nav-primary > li.dr-active > a,
.dr-card-primary.dr-card-body .dr-nav-primary > li.dr-active > a,
.dr-card-primary > :not([class*='dr-card-media']) .dr-nav-primary > li.dr-active > a,
.dr-card-secondary.dr-card-body .dr-nav-primary > li.dr-active > a,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-nav-primary > li.dr-active > a {
color: #fff
}
.dr-light .dr-nav-primary .dr-nav-header,
.dr-section-primary:not(.dr-preserve-color) .dr-nav-primary .dr-nav-header,
.dr-section-secondary:not(.dr-preserve-color) .dr-nav-primary .dr-nav-header,
.dr-card-primary.dr-card-body .dr-nav-primary .dr-nav-header,
.dr-card-primary > :not([class*='dr-card-media']) .dr-nav-primary .dr-nav-header,
.dr-card-secondary.dr-card-body .dr-nav-primary .dr-nav-header,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-nav-primary .dr-nav-header {
color: #fff
}
.dr-light .dr-nav-primary .dr-nav-divider,
.dr-section-primary:not(.dr-preserve-color) .dr-nav-primary .dr-nav-divider,
.dr-section-secondary:not(.dr-preserve-color) .dr-nav-primary .dr-nav-divider,
.dr-card-primary.dr-card-body .dr-nav-primary .dr-nav-divider,
.dr-card-primary > :not([class*='dr-card-media']) .dr-nav-primary .dr-nav-divider,
.dr-card-secondary.dr-card-body .dr-nav-primary .dr-nav-divider,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-nav-primary .dr-nav-divider {
border-top-color: rgba(255, 255, 255, 0.2)
}
.dr-light .dr-nav-primary .dr-nav-sub a,
.dr-section-primary:not(.dr-preserve-color) .dr-nav-primary .dr-nav-sub a,
.dr-section-secondary:not(.dr-preserve-color) .dr-nav-primary .dr-nav-sub a,
.dr-card-primary.dr-card-body .dr-nav-primary .dr-nav-sub a,
.dr-card-primary > :not([class*='dr-card-media']) .dr-nav-primary .dr-nav-sub a,
.dr-card-secondary.dr-card-body .dr-nav-primary .dr-nav-sub a,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-nav-primary .dr-nav-sub a {
color: rgba(255, 255, 255, 0.5)
}
.dr-light .dr-nav-primary .dr-nav-sub a:hover,
.dr-light .dr-nav-primary .dr-nav-sub a:focus,
.dr-section-primary:not(.dr-preserve-color) .dr-nav-primary .dr-nav-sub a:hover,
.dr-section-primary:not(.dr-preserve-color) .dr-nav-primary .dr-nav-sub a:focus,
.dr-section-secondary:not(.dr-preserve-color) .dr-nav-primary .dr-nav-sub a:hover,
.dr-section-secondary:not(.dr-preserve-color) .dr-nav-primary .dr-nav-sub a:focus,
.dr-card-primary.dr-card-body .dr-nav-primary .dr-nav-sub a:hover,
.dr-card-primary.dr-card-body .dr-nav-primary .dr-nav-sub a:focus,
.dr-card-primary > :not([class*='dr-card-media']) .dr-nav-primary .dr-nav-sub a:hover,
.dr-card-primary > :not([class*='dr-card-media']) .dr-nav-primary .dr-nav-sub a:focus,
.dr-card-secondary.dr-card-body .dr-nav-primary .dr-nav-sub a:hover,
.dr-card-secondary.dr-card-body .dr-nav-primary .dr-nav-sub a:focus,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-nav-primary .dr-nav-sub a:hover,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-nav-primary .dr-nav-sub a:focus {
color: rgba(255, 255, 255, 0.8)
}
.dr-light .dr-nav-primary .dr-nav-sub li.dr-active > a,
.dr-section-primary:not(.dr-preserve-color) .dr-nav-primary .dr-nav-sub li.dr-active > a,
.dr-section-secondary:not(.dr-preserve-color) .dr-nav-primary .dr-nav-sub li.dr-active > a,
.dr-card-primary.dr-card-body .dr-nav-primary .dr-nav-sub li.dr-active > a,
.dr-card-primary > :not([class*='dr-card-media']) .dr-nav-primary .dr-nav-sub li.dr-active > a,
.dr-card-secondary.dr-card-body .dr-nav-primary .dr-nav-sub li.dr-active > a,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-nav-primary .dr-nav-sub li.dr-active > a {
color: #fff
}
.dr-light .dr-navbar-nav > li > a,
.dr-section-primary:not(.dr-preserve-color) .dr-navbar-nav > li > a,
.dr-section-secondary:not(.dr-preserve-color) .dr-navbar-nav > li > a,
.dr-card-primary.dr-card-body .dr-navbar-nav > li > a,
.dr-card-primary > :not([class*='dr-card-media']) .dr-navbar-nav > li > a,
.dr-card-secondary.dr-card-body .dr-navbar-nav > li > a,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-navbar-nav > li > a {
color: rgba(255, 255, 255, 0.7)
}
.dr-light .dr-navbar-nav > li:hover > a,
.dr-light .dr-navbar-nav > li > a:focus,
.dr-light .dr-navbar-nav > li > a.dr-open,
.dr-section-primary:not(.dr-preserve-color) .dr-navbar-nav > li:hover > a,
.dr-section-primary:not(.dr-preserve-color) .dr-navbar-nav > li > a:focus,
.dr-section-primary:not(.dr-preserve-color) .dr-navbar-nav > li > a.dr-open,
.dr-section-secondary:not(.dr-preserve-color) .dr-navbar-nav > li:hover > a,
.dr-section-secondary:not(.dr-preserve-color) .dr-navbar-nav > li > a:focus,
.dr-section-secondary:not(.dr-preserve-color) .dr-navbar-nav > li > a.dr-open,
.dr-card-primary.dr-card-body .dr-navbar-nav > li:hover > a,
.dr-card-primary.dr-card-body .dr-navbar-nav > li > a:focus,
.dr-card-primary.dr-card-body .dr-navbar-nav > li > a.dr-open,
.dr-card-primary > :not([class*='dr-card-media']) .dr-navbar-nav > li:hover > a,
.dr-card-primary > :not([class*='dr-card-media']) .dr-navbar-nav > li > a:focus,
.dr-card-primary > :not([class*='dr-card-media']) .dr-navbar-nav > li > a.dr-open,
.dr-card-secondary.dr-card-body .dr-navbar-nav > li:hover > a,
.dr-card-secondary.dr-card-body .dr-navbar-nav > li > a:focus,
.dr-card-secondary.dr-card-body .dr-navbar-nav > li > a.dr-open,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-navbar-nav > li:hover > a,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-navbar-nav > li > a:focus,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-navbar-nav > li > a.dr-open {
color: #fff
}
.dr-light .dr-navbar-nav > li > a:active,
.dr-section-primary:not(.dr-preserve-color) .dr-navbar-nav > li > a:active,
.dr-section-secondary:not(.dr-preserve-color) .dr-navbar-nav > li > a:active,
.dr-card-primary.dr-card-body .dr-navbar-nav > li > a:active,
.dr-card-primary > :not([class*='dr-card-media']) .dr-navbar-nav > li > a:active,
.dr-card-secondary.dr-card-body .dr-navbar-nav > li > a:active,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-navbar-nav > li > a:active {
color: #fff
}
.dr-light .dr-navbar-nav > li.dr-active > a,
.dr-section-primary:not(.dr-preserve-color) .dr-navbar-nav > li.dr-active > a,
.dr-section-secondary:not(.dr-preserve-color) .dr-navbar-nav > li.dr-active > a,
.dr-card-primary.dr-card-body .dr-navbar-nav > li.dr-active > a,
.dr-card-primary > :not([class*='dr-card-media']) .dr-navbar-nav > li.dr-active > a,
.dr-card-secondary.dr-card-body .dr-navbar-nav > li.dr-active > a,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-navbar-nav > li.dr-active > a {
color: #fff
}
.dr-light .dr-navbar-item,
.dr-section-primary:not(.dr-preserve-color) .dr-navbar-item,
.dr-section-secondary:not(.dr-preserve-color) .dr-navbar-item,
.dr-card-primary.dr-card-body .dr-navbar-item,
.dr-card-primary > :not([class*='dr-card-media']) .dr-navbar-item,
.dr-card-secondary.dr-card-body .dr-navbar-item,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-navbar-item {
color: rgba(255, 255, 255, 0.7)
}
.dr-light .dr-navbar-toggle,
.dr-section-primary:not(.dr-preserve-color) .dr-navbar-toggle,
.dr-section-secondary:not(.dr-preserve-color) .dr-navbar-toggle,
.dr-card-primary.dr-card-body .dr-navbar-toggle,
.dr-card-primary > :not([class*='dr-card-media']) .dr-navbar-toggle,
.dr-card-secondary.dr-card-body .dr-navbar-toggle,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-navbar-toggle {
color: rgba(255, 255, 255, 0.5)
}
.dr-light .dr-navbar-toggle:hover,
.dr-light .dr-navbar-toggle:focus,
.dr-light .dr-navbar-toggle.dr-open,
.dr-section-primary:not(.dr-preserve-color) .dr-navbar-toggle:hover,
.dr-section-primary:not(.dr-preserve-color) .dr-navbar-toggle:focus,
.dr-section-primary:not(.dr-preserve-color) .dr-navbar-toggle.dr-open,
.dr-section-secondary:not(.dr-preserve-color) .dr-navbar-toggle:hover,
.dr-section-secondary:not(.dr-preserve-color) .dr-navbar-toggle:focus,
.dr-section-secondary:not(.dr-preserve-color) .dr-navbar-toggle.dr-open,
.dr-card-primary.dr-card-body .dr-navbar-toggle:hover,
.dr-card-primary.dr-card-body .dr-navbar-toggle:focus,
.dr-card-primary.dr-card-body .dr-navbar-toggle.dr-open,
.dr-card-primary > :not([class*='dr-card-media']) .dr-navbar-toggle:hover,
.dr-card-primary > :not([class*='dr-card-media']) .dr-navbar-toggle:focus,
.dr-card-primary > :not([class*='dr-card-media']) .dr-navbar-toggle.dr-open,
.dr-card-secondary.dr-card-body .dr-navbar-toggle:hover,
.dr-card-secondary.dr-card-body .dr-navbar-toggle:focus,
.dr-card-secondary.dr-card-body .dr-navbar-toggle.dr-open,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-navbar-toggle:hover,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-navbar-toggle:focus,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-navbar-toggle.dr-open {
color: rgba(255, 255, 255, 0.8)
}
.dr-light .dr-subnav > * > :first-child,
.dr-section-primary:not(.dr-preserve-color) .dr-subnav > * > :first-child,
.dr-section-secondary:not(.dr-preserve-color) .dr-subnav > * > :first-child,
.dr-card-primary.dr-card-body .dr-subnav > * > :first-child,
.dr-card-primary > :not([class*='dr-card-media']) .dr-subnav > * > :first-child,
.dr-card-secondary.dr-card-body .dr-subnav > * > :first-child,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-subnav > * > :first-child {
color: rgba(255, 255, 255, 0.5)
}
.dr-light .dr-subnav > * > a:hover,
.dr-light .dr-subnav > * > a:focus,
.dr-section-primary:not(.dr-preserve-color) .dr-subnav > * > a:hover,
.dr-section-primary:not(.dr-preserve-color) .dr-subnav > * > a:focus,
.dr-section-secondary:not(.dr-preserve-color) .dr-subnav > * > a:hover,
.dr-section-secondary:not(.dr-preserve-color) .dr-subnav > * > a:focus,
.dr-card-primary.dr-card-body .dr-subnav > * > a:hover,
.dr-card-primary.dr-card-body .dr-subnav > * > a:focus,
.dr-card-primary > :not([class*='dr-card-media']) .dr-subnav > * > a:hover,
.dr-card-primary > :not([class*='dr-card-media']) .dr-subnav > * > a:focus,
.dr-card-secondary.dr-card-body .dr-subnav > * > a:hover,
.dr-card-secondary.dr-card-body .dr-subnav > * > a:focus,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-subnav > * > a:hover,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-subnav > * > a:focus {
color: rgba(255, 255, 255, 0.8)
}
.dr-light .dr-subnav > .dr-active > a,
.dr-section-primary:not(.dr-preserve-color) .dr-subnav > .dr-active > a,
.dr-section-secondary:not(.dr-preserve-color) .dr-subnav > .dr-active > a,
.dr-card-primary.dr-card-body .dr-subnav > .dr-active > a,
.dr-card-primary > :not([class*='dr-card-media']) .dr-subnav > .dr-active > a,
.dr-card-secondary.dr-card-body .dr-subnav > .dr-active > a,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-subnav > .dr-active > a {
color: #fff
}
.dr-light .dr-subnav-divider > :nth-child(n+2):not(.dr-first-column)::before,
.dr-section-primary:not(.dr-preserve-color) .dr-subnav-divider > :nth-child(n+2):not(.dr-first-column)::before,
.dr-section-secondary:not(.dr-preserve-color) .dr-subnav-divider > :nth-child(n+2):not(.dr-first-column)::before,
.dr-card-primary.dr-card-body .dr-subnav-divider > :nth-child(n+2):not(.dr-first-column)::before,
.dr-card-primary > :not([class*='dr-card-media']) .dr-subnav-divider > :nth-child(n+2):not(.dr-first-column)::before,
.dr-card-secondary.dr-card-body .dr-subnav-divider > :nth-child(n+2):not(.dr-first-column)::before,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-subnav-divider > :nth-child(n+2):not(.dr-first-column)::before {
border-left-color: rgba(255, 255, 255, 0.2)
}
.dr-light .dr-subnav-pill > * > :first-child,
.dr-section-primary:not(.dr-preserve-color) .dr-subnav-pill > * > :first-child,
.dr-section-secondary:not(.dr-preserve-color) .dr-subnav-pill > * > :first-child,
.dr-card-primary.dr-card-body .dr-subnav-pill > * > :first-child,
.dr-card-primary > :not([class*='dr-card-media']) .dr-subnav-pill > * > :first-child,
.dr-card-secondary.dr-card-body .dr-subnav-pill > * > :first-child,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-subnav-pill > * > :first-child {
background-color: transparent;
color: rgba(255, 255, 255, 0.5)
}
.dr-light .dr-subnav-pill > * > a:hover,
.dr-light .dr-subnav-pill > * > a:focus,
.dr-section-primary:not(.dr-preserve-color) .dr-subnav-pill > * > a:hover,
.dr-section-primary:not(.dr-preserve-color) .dr-subnav-pill > * > a:focus,
.dr-section-secondary:not(.dr-preserve-color) .dr-subnav-pill > * > a:hover,
.dr-section-secondary:not(.dr-preserve-color) .dr-subnav-pill > * > a:focus,
.dr-card-primary.dr-card-body .dr-subnav-pill > * > a:hover,
.dr-card-primary.dr-card-body .dr-subnav-pill > * > a:focus,
.dr-card-primary > :not([class*='dr-card-media']) .dr-subnav-pill > * > a:hover,
.dr-card-primary > :not([class*='dr-card-media']) .dr-subnav-pill > * > a:focus,
.dr-card-secondary.dr-card-body .dr-subnav-pill > * > a:hover,
.dr-card-secondary.dr-card-body .dr-subnav-pill > * > a:focus,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-subnav-pill > * > a:hover,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-subnav-pill > * > a:focus {
background-color: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.8)
}
.dr-light .dr-subnav-pill > * > a:active,
.dr-section-primary:not(.dr-preserve-color) .dr-subnav-pill > * > a:active,
.dr-section-secondary:not(.dr-preserve-color) .dr-subnav-pill > * > a:active,
.dr-card-primary.dr-card-body .dr-subnav-pill > * > a:active,
.dr-card-primary > :not([class*='dr-card-media']) .dr-subnav-pill > * > a:active,
.dr-card-secondary.dr-card-body .dr-subnav-pill > * > a:active,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-subnav-pill > * > a:active {
background-color: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.8)
}
.dr-light .dr-subnav-pill > .dr-active > a,
.dr-section-primary:not(.dr-preserve-color) .dr-subnav-pill > .dr-active > a,
.dr-section-secondary:not(.dr-preserve-color) .dr-subnav-pill > .dr-active > a,
.dr-card-primary.dr-card-body .dr-subnav-pill > .dr-active > a,
.dr-card-primary > :not([class*='dr-card-media']) .dr-subnav-pill > .dr-active > a,
.dr-card-secondary.dr-card-body .dr-subnav-pill > .dr-active > a,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-subnav-pill > .dr-active > a {
background-color: #fff;
color: #4f4f4f
}
.dr-light .dr-subnav > .dr-disabled > a,
.dr-section-primary:not(.dr-preserve-color) .dr-subnav > .dr-disabled > a,
.dr-section-secondary:not(.dr-preserve-color) .dr-subnav > .dr-disabled > a,
.dr-card-primary.dr-card-body .dr-subnav > .dr-disabled > a,
.dr-card-primary > :not([class*='dr-card-media']) .dr-subnav > .dr-disabled > a,
.dr-card-secondary.dr-card-body .dr-subnav > .dr-disabled > a,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-subnav > .dr-disabled > a {
color: rgba(255, 255, 255, 0.5)
}
.dr-light .dr-breadcrumb > * > *,
.dr-section-primary:not(.dr-preserve-color) .dr-breadcrumb > * > *,
.dr-section-secondary:not(.dr-preserve-color) .dr-breadcrumb > * > *,
.dr-card-primary.dr-card-body .dr-breadcrumb > * > *,
.dr-card-primary > :not([class*='dr-card-media']) .dr-breadcrumb > * > *,
.dr-card-secondary.dr-card-body .dr-breadcrumb > * > *,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-breadcrumb > * > * {
color: rgba(255, 255, 255, 0.5)
}
.dr-light .dr-breadcrumb > * > :hover,
.dr-light .dr-breadcrumb > * > :focus,
.dr-section-primary:not(.dr-preserve-color) .dr-breadcrumb > * > :hover,
.dr-section-primary:not(.dr-preserve-color) .dr-breadcrumb > * > :focus,
.dr-section-secondary:not(.dr-preserve-color) .dr-breadcrumb > * > :hover,
.dr-section-secondary:not(.dr-preserve-color) .dr-breadcrumb > * > :focus,
.dr-card-primary.dr-card-body .dr-breadcrumb > * > :hover,
.dr-card-primary.dr-card-body .dr-breadcrumb > * > :focus,
.dr-card-primary > :not([class*='dr-card-media']) .dr-breadcrumb > * > :hover,
.dr-card-primary > :not([class*='dr-card-media']) .dr-breadcrumb > * > :focus,
.dr-card-secondary.dr-card-body .dr-breadcrumb > * > :hover,
.dr-card-secondary.dr-card-body .dr-breadcrumb > * > :focus,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-breadcrumb > * > :hover,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-breadcrumb > * > :focus {
color: rgba(255, 255, 255, 0.8)
}
.dr-light .dr-breadcrumb > :last-child > *,
.dr-section-primary:not(.dr-preserve-color) .dr-breadcrumb > :last-child > *,
.dr-section-secondary:not(.dr-preserve-color) .dr-breadcrumb > :last-child > *,
.dr-card-primary.dr-card-body .dr-breadcrumb > :last-child > *,
.dr-card-primary > :not([class*='dr-card-media']) .dr-breadcrumb > :last-child > *,
.dr-card-secondary.dr-card-body .dr-breadcrumb > :last-child > *,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-breadcrumb > :last-child > * {
color: rgba(255, 255, 255, 0.8)
}
.dr-light .dr-breadcrumb > :nth-child(n+2):not(.dr-first-column)::before,
.dr-section-primary:not(.dr-preserve-color) .dr-breadcrumb > :nth-child(n+2):not(.dr-first-column)::before,
.dr-section-secondary:not(.dr-preserve-color) .dr-breadcrumb > :nth-child(n+2):not(.dr-first-column)::before,
.dr-card-primary.dr-card-body .dr-breadcrumb > :nth-child(n+2):not(.dr-first-column)::before,
.dr-card-primary > :not([class*='dr-card-media']) .dr-breadcrumb > :nth-child(n+2):not(.dr-first-column)::before,
.dr-card-secondary.dr-card-body .dr-breadcrumb > :nth-child(n+2):not(.dr-first-column)::before,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-breadcrumb > :nth-child(n+2):not(.dr-first-column)::before {
color: rgba(255, 255, 255, 0.5)
}
.dr-light .dr-pagination > * > *,
.dr-section-primary:not(.dr-preserve-color) .dr-pagination > * > *,
.dr-section-secondary:not(.dr-preserve-color) .dr-pagination > * > *,
.dr-card-primary.dr-card-body .dr-pagination > * > *,
.dr-card-primary > :not([class*='dr-card-media']) .dr-pagination > * > *,
.dr-card-secondary.dr-card-body .dr-pagination > * > *,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-pagination > * > * {
color: rgba(255, 255, 255, 0.5)
}
.dr-light .dr-pagination > * > :hover,
.dr-light .dr-pagination > * > :focus,
.dr-section-primary:not(.dr-preserve-color) .dr-pagination > * > :hover,
.dr-section-primary:not(.dr-preserve-color) .dr-pagination > * > :focus,
.dr-section-secondary:not(.dr-preserve-color) .dr-pagination > * > :hover,
.dr-section-secondary:not(.dr-preserve-color) .dr-pagination > * > :focus,
.dr-card-primary.dr-card-body .dr-pagination > * > :hover,
.dr-card-primary.dr-card-body .dr-pagination > * > :focus,
.dr-card-primary > :not([class*='dr-card-media']) .dr-pagination > * > :hover,
.dr-card-primary > :not([class*='dr-card-media']) .dr-pagination > * > :focus,
.dr-card-secondary.dr-card-body .dr-pagination > * > :hover,
.dr-card-secondary.dr-card-body .dr-pagination > * > :focus,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-pagination > * > :hover,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-pagination > * > :focus {
color: rgba(255, 255, 255, 0.8)
}
.dr-light .dr-pagination > .dr-active > *,
.dr-section-primary:not(.dr-preserve-color) .dr-pagination > .dr-active > *,
.dr-section-secondary:not(.dr-preserve-color) .dr-pagination > .dr-active > *,
.dr-card-primary.dr-card-body .dr-pagination > .dr-active > *,
.dr-card-primary > :not([class*='dr-card-media']) .dr-pagination > .dr-active > *,
.dr-card-secondary.dr-card-body .dr-pagination > .dr-active > *,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-pagination > .dr-active > * {
color: rgba(255, 255, 255, 0.8)
}
.dr-light .dr-pagination > .dr-disabled > *,
.dr-section-primary:not(.dr-preserve-color) .dr-pagination > .dr-disabled > *,
.dr-section-secondary:not(.dr-preserve-color) .dr-pagination > .dr-disabled > *,
.dr-card-primary.dr-card-body .dr-pagination > .dr-disabled > *,
.dr-card-primary > :not([class*='dr-card-media']) .dr-pagination > .dr-disabled > *,
.dr-card-secondary.dr-card-body .dr-pagination > .dr-disabled > *,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-pagination > .dr-disabled > * {
color: rgba(255, 255, 255, 0.5)
}
.dr-light .dr-tab::before,
.dr-section-primary:not(.dr-preserve-color) .dr-tab::before,
.dr-section-secondary:not(.dr-preserve-color) .dr-tab::before,
.dr-card-primary.dr-card-body .dr-tab::before,
.dr-card-primary > :not([class*='dr-card-media']) .dr-tab::before,
.dr-card-secondary.dr-card-body .dr-tab::before,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-tab::before {
border-color: rgba(255, 255, 255, 0.2)
}
.dr-light .dr-tab > * > a,
.dr-section-primary:not(.dr-preserve-color) .dr-tab > * > a,
.dr-section-secondary:not(.dr-preserve-color) .dr-tab > * > a,
.dr-card-primary.dr-card-body .dr-tab > * > a,
.dr-card-primary > :not([class*='dr-card-media']) .dr-tab > * > a,
.dr-card-secondary.dr-card-body .dr-tab > * > a,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-tab > * > a {
color: rgba(255, 255, 255, 0.5)
}
.dr-light .dr-tab > * > a:hover,
.dr-light .dr-tab > * > a:focus,
.dr-section-primary:not(.dr-preserve-color) .dr-tab > * > a:hover,
.dr-section-primary:not(.dr-preserve-color) .dr-tab > * > a:focus,
.dr-section-secondary:not(.dr-preserve-color) .dr-tab > * > a:hover,
.dr-section-secondary:not(.dr-preserve-color) .dr-tab > * > a:focus,
.dr-card-primary.dr-card-body .dr-tab > * > a:hover,
.dr-card-primary.dr-card-body .dr-tab > * > a:focus,
.dr-card-primary > :not([class*='dr-card-media']) .dr-tab > * > a:hover,
.dr-card-primary > :not([class*='dr-card-media']) .dr-tab > * > a:focus,
.dr-card-secondary.dr-card-body .dr-tab > * > a:hover,
.dr-card-secondary.dr-card-body .dr-tab > * > a:focus,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-tab > * > a:hover,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-tab > * > a:focus {
color: rgba(255, 255, 255, 0.8)
}
.dr-light .dr-tab > .dr-active > a,
.dr-section-primary:not(.dr-preserve-color) .dr-tab > .dr-active > a,
.dr-section-secondary:not(.dr-preserve-color) .dr-tab > .dr-active > a,
.dr-card-primary.dr-card-body .dr-tab > .dr-active > a,
.dr-card-primary > :not([class*='dr-card-media']) .dr-tab > .dr-active > a,
.dr-card-secondary.dr-card-body .dr-tab > .dr-active > a,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-tab > .dr-active > a {
color: #fff;
border-color: #fff
}
.dr-light .dr-tab > .dr-disabled > a,
.dr-section-primary:not(.dr-preserve-color) .dr-tab > .dr-disabled > a,
.dr-section-secondary:not(.dr-preserve-color) .dr-tab > .dr-disabled > a,
.dr-card-primary.dr-card-body .dr-tab > .dr-disabled > a,
.dr-card-primary > :not([class*='dr-card-media']) .dr-tab > .dr-disabled > a,
.dr-card-secondary.dr-card-body .dr-tab > .dr-disabled > a,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-tab > .dr-disabled > a {
color: rgba(255, 255, 255, 0.5)
}
.dr-light .dr-slidenav,
.dr-section-primary:not(.dr-preserve-color) .dr-slidenav,
.dr-section-secondary:not(.dr-preserve-color) .dr-slidenav,
.dr-card-primary.dr-card-body .dr-slidenav,
.dr-card-primary > :not([class*='dr-card-media']) .dr-slidenav,
.dr-card-secondary.dr-card-body .dr-slidenav,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-slidenav {
color: rgba(255, 255, 255, 0.7)
}
.dr-light .dr-slidenav:hover,
.dr-light .dr-slidenav:focus,
.dr-section-primary:not(.dr-preserve-color) .dr-slidenav:hover,
.dr-section-primary:not(.dr-preserve-color) .dr-slidenav:focus,
.dr-section-secondary:not(.dr-preserve-color) .dr-slidenav:hover,
.dr-section-secondary:not(.dr-preserve-color) .dr-slidenav:focus,
.dr-card-primary.dr-card-body .dr-slidenav:hover,
.dr-card-primary.dr-card-body .dr-slidenav:focus,
.dr-card-primary > :not([class*='dr-card-media']) .dr-slidenav:hover,
.dr-card-primary > :not([class*='dr-card-media']) .dr-slidenav:focus,
.dr-card-secondary.dr-card-body .dr-slidenav:hover,
.dr-card-secondary.dr-card-body .dr-slidenav:focus,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-slidenav:hover,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-slidenav:focus {
color: rgba(255, 255, 255, 0.95)
}
.dr-light .dr-slidenav:active,
.dr-section-primary:not(.dr-preserve-color) .dr-slidenav:active,
.dr-section-secondary:not(.dr-preserve-color) .dr-slidenav:active,
.dr-card-primary.dr-card-body .dr-slidenav:active,
.dr-card-primary > :not([class*='dr-card-media']) .dr-slidenav:active,
.dr-card-secondary.dr-card-body .dr-slidenav:active,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-slidenav:active {
color: rgba(255, 255, 255, 0.7)
}
.dr-light .dr-dotnav > * > *,
.dr-section-primary:not(.dr-preserve-color) .dr-dotnav > * > *,
.dr-section-secondary:not(.dr-preserve-color) .dr-dotnav > * > *,
.dr-card-primary.dr-card-body .dr-dotnav > * > *,
.dr-card-primary > :not([class*='dr-card-media']) .dr-dotnav > * > *,
.dr-card-secondary.dr-card-body .dr-dotnav > * > *,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-dotnav > * > * {
background-color: transparent;
border-color: rgba(255, 255, 255, 0.9)
}
.dr-light .dr-dotnav > * > :hover,
.dr-light .dr-dotnav > * > :focus,
.dr-section-primary:not(.dr-preserve-color) .dr-dotnav > * > :hover,
.dr-section-primary:not(.dr-preserve-color) .dr-dotnav > * > :focus,
.dr-section-secondary:not(.dr-preserve-color) .dr-dotnav > * > :hover,
.dr-section-secondary:not(.dr-preserve-color) .dr-dotnav > * > :focus,
.dr-card-primary.dr-card-body .dr-dotnav > * > :hover,
.dr-card-primary.dr-card-body .dr-dotnav > * > :focus,
.dr-card-primary > :not([class*='dr-card-media']) .dr-dotnav > * > :hover,
.dr-card-primary > :not([class*='dr-card-media']) .dr-dotnav > * > :focus,
.dr-card-secondary.dr-card-body .dr-dotnav > * > :hover,
.dr-card-secondary.dr-card-body .dr-dotnav > * > :focus,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-dotnav > * > :hover,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-dotnav > * > :focus {
background-color: rgba(255, 255, 255, 0.9);
border-color: transparent
}
.dr-light .dr-dotnav > * > :active,
.dr-section-primary:not(.dr-preserve-color) .dr-dotnav > * > :active,
.dr-section-secondary:not(.dr-preserve-color) .dr-dotnav > * > :active,
.dr-card-primary.dr-card-body .dr-dotnav > * > :active,
.dr-card-primary > :not([class*='dr-card-media']) .dr-dotnav > * > :active,
.dr-card-secondary.dr-card-body .dr-dotnav > * > :active,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-dotnav > * > :active {
background-color: rgba(255, 255, 255, 0.5);
border-color: transparent
}
.dr-light .dr-dotnav > .dr-active > *,
.dr-section-primary:not(.dr-preserve-color) .dr-dotnav > .dr-active > *,
.dr-section-secondary:not(.dr-preserve-color) .dr-dotnav > .dr-active > *,
.dr-card-primary.dr-card-body .dr-dotnav > .dr-active > *,
.dr-card-primary > :not([class*='dr-card-media']) .dr-dotnav > .dr-active > *,
.dr-card-secondary.dr-card-body .dr-dotnav > .dr-active > *,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-dotnav > .dr-active > * {
background-color: rgba(255, 255, 255, 0.9);
border-color: transparent
}
.dr-light .dr-accordion-title,
.dr-section-primary:not(.dr-preserve-color) .dr-accordion-title,
.dr-section-secondary:not(.dr-preserve-color) .dr-accordion-title,
.dr-card-primary.dr-card-body .dr-accordion-title,
.dr-card-primary > :not([class*='dr-card-media']) .dr-accordion-title,
.dr-card-secondary.dr-card-body .dr-accordion-title,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-accordion-title {
color: #fff
}
.dr-light .dr-accordion-title:hover,
.dr-light .dr-accordion-title:focus,
.dr-section-primary:not(.dr-preserve-color) .dr-accordion-title:hover,
.dr-section-primary:not(.dr-preserve-color) .dr-accordion-title:focus,
.dr-section-secondary:not(.dr-preserve-color) .dr-accordion-title:hover,
.dr-section-secondary:not(.dr-preserve-color) .dr-accordion-title:focus,
.dr-card-primary.dr-card-body .dr-accordion-title:hover,
.dr-card-primary.dr-card-body .dr-accordion-title:focus,
.dr-card-primary > :not([class*='dr-card-media']) .dr-accordion-title:hover,
.dr-card-primary > :not([class*='dr-card-media']) .dr-accordion-title:focus,
.dr-card-secondary.dr-card-body .dr-accordion-title:hover,
.dr-card-secondary.dr-card-body .dr-accordion-title:focus,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-accordion-title:hover,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-accordion-title:focus {
color: rgba(255, 255, 255, 0.8)
}
.dr-light .dr-text-lead,
.dr-section-primary:not(.dr-preserve-color) .dr-text-lead,
.dr-section-secondary:not(.dr-preserve-color) .dr-text-lead,
.dr-card-primary.dr-card-body .dr-text-lead,
.dr-card-primary > :not([class*='dr-card-media']) .dr-text-lead,
.dr-card-secondary.dr-card-body .dr-text-lead,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-text-lead {
color: rgba(255, 255, 255, 0.8)
}
.dr-light .dr-text-meta,
.dr-section-primary:not(.dr-preserve-color) .dr-text-meta,
.dr-section-secondary:not(.dr-preserve-color) .dr-text-meta,
.dr-card-primary.dr-card-body .dr-text-meta,
.dr-card-primary > :not([class*='dr-card-media']) .dr-text-meta,
.dr-card-secondary.dr-card-body .dr-text-meta,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-text-meta {
color: rgba(255, 255, 255, 0.5)
}
.dr-light .dr-text-muted,
.dr-section-primary:not(.dr-preserve-color) .dr-text-muted,
.dr-section-secondary:not(.dr-preserve-color) .dr-text-muted,
.dr-card-primary.dr-card-body .dr-text-muted,
.dr-card-primary > :not([class*='dr-card-media']) .dr-text-muted,
.dr-card-secondary.dr-card-body .dr-text-muted,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-text-muted {
color: rgba(255, 255, 255, 0.5) !important
}
.dr-light .dr-text-emphasis,
.dr-section-primary:not(.dr-preserve-color) .dr-text-emphasis,
.dr-section-secondary:not(.dr-preserve-color) .dr-text-emphasis,
.dr-card-primary.dr-card-body .dr-text-emphasis,
.dr-card-primary > :not([class*='dr-card-media']) .dr-text-emphasis,
.dr-card-secondary.dr-card-body .dr-text-emphasis,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-text-emphasis {
color: #fff !important
}
.dr-light .text-color-primary,
.dr-section-primary:not(.dr-preserve-color) .text-color-primary,
.dr-section-secondary:not(.dr-preserve-color) .text-color-primary,
.dr-card-primary.dr-card-body .text-color-primary,
.dr-card-primary > :not([class*='dr-card-media']) .text-color-primary,
.dr-card-secondary.dr-card-body .text-color-primary,
.dr-card-secondary > :not([class*='dr-card-media']) .text-color-primary {
color: #012047 !important
}
.dr-light .dr-text-secondary,
.dr-section-primary:not(.dr-preserve-color) .dr-text-secondary,
.dr-section-secondary:not(.dr-preserve-color) .dr-text-secondary,
.dr-card-primary.dr-card-body .dr-text-secondary,
.dr-card-primary > :not([class*='dr-card-media']) .dr-text-secondary,
.dr-card-secondary.dr-card-body .dr-text-secondary,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-text-secondary {
color: #fff !important
}
.dr-light .dr-column-divider,
.dr-section-primary:not(.dr-preserve-color) .dr-column-divider,
.dr-section-secondary:not(.dr-preserve-color) .dr-column-divider,
.dr-card-primary.dr-card-body .dr-column-divider,
.dr-card-primary > :not([class*='dr-card-media']) .dr-column-divider,
.dr-card-secondary.dr-card-body .dr-column-divider,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-column-divider {
column-rule-color: rgba(255, 255, 255, 0.2)
}
.dr-light .dr-logo,
.dr-section-primary:not(.dr-preserve-color) .dr-logo,
.dr-section-secondary:not(.dr-preserve-color) .dr-logo,
.dr-card-primary.dr-card-body .dr-logo,
.dr-card-primary > :not([class*='dr-card-media']) .dr-logo,
.dr-card-secondary.dr-card-body .dr-logo,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-logo {
color: rgba(255, 255, 255, 0.8)
}
.dr-light .dr-logo:hover,
.dr-light .dr-logo:focus,
.dr-section-primary:not(.dr-preserve-color) .dr-logo:hover,
.dr-section-primary:not(.dr-preserve-color) .dr-logo:focus,
.dr-section-secondary:not(.dr-preserve-color) .dr-logo:hover,
.dr-section-secondary:not(.dr-preserve-color) .dr-logo:focus,
.dr-card-primary.dr-card-body .dr-logo:hover,
.dr-card-primary.dr-card-body .dr-logo:focus,
.dr-card-primary > :not([class*='dr-card-media']) .dr-logo:hover,
.dr-card-primary > :not([class*='dr-card-media']) .dr-logo:focus,
.dr-card-secondary.dr-card-body .dr-logo:hover,
.dr-card-secondary.dr-card-body .dr-logo:focus,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-logo:hover,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-logo:focus {
color: rgba(255, 255, 255, 0.8)
}
.dr-light .dr-logo > :not(.dr-logo-inverse):not(:only-of-type),
.dr-section-primary:not(.dr-preserve-color) .dr-logo > :not(.dr-logo-inverse):not(:only-of-type),
.dr-section-secondary:not(.dr-preserve-color) .dr-logo > :not(.dr-logo-inverse):not(:only-of-type),
.dr-card-primary.dr-card-body .dr-logo > :not(.dr-logo-inverse):not(:only-of-type),
.dr-card-primary > :not([class*='dr-card-media']) .dr-logo > :not(.dr-logo-inverse):not(:only-of-type),
.dr-card-secondary.dr-card-body .dr-logo > :not(.dr-logo-inverse):not(:only-of-type),
.dr-card-secondary > :not([class*='dr-card-media']) .dr-logo > :not(.dr-logo-inverse):not(:only-of-type) {
display: none
}
.dr-light .dr-logo-inverse,
.dr-section-primary:not(.dr-preserve-color) .dr-logo-inverse,
.dr-section-secondary:not(.dr-preserve-color) .dr-logo-inverse,
.dr-card-primary.dr-card-body .dr-logo-inverse,
.dr-card-primary > :not([class*='dr-card-media']) .dr-logo-inverse,
.dr-card-secondary.dr-card-body .dr-logo-inverse,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-logo-inverse {
display: inline
}
.dr-light .dr-accordion-title::before,
.dr-section-primary:not(.dr-preserve-color) .dr-accordion-title::before,
.dr-section-secondary:not(.dr-preserve-color) .dr-accordion-title::before,
.dr-card-primary.dr-card-body .dr-accordion-title::before,
.dr-card-primary > :not([class*='dr-card-media']) .dr-accordion-title::before,
.dr-card-secondary.dr-card-body .dr-accordion-title::before,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-accordion-title::before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,255,255,0.8%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,255,255,0.8%29%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E")
}
.dr-light .dr-open > .dr-accordion-title::before,
.dr-section-primary:not(.dr-preserve-color) .dr-open > .dr-accordion-title::before,
.dr-section-secondary:not(.dr-preserve-color) .dr-open > .dr-accordion-title::before,
.dr-card-primary.dr-card-body .dr-open > .dr-accordion-title::before,
.dr-card-primary > :not([class*='dr-card-media']) .dr-open > .dr-accordion-title::before,
.dr-card-secondary.dr-card-body .dr-open > .dr-accordion-title::before,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-open > .dr-accordion-title::before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,255,255,0.8%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E")
}
pre {
white-space: normal
}
p:last-child {
margin-bottom: 0
}
#top-menu-style li > a {
line-height: 30px;
text-transform: uppercase;
font-size: 0.80rem;
color: #333
}
#top-menu-style li.dr-open a,
#top-menu-style li:hover a {
color: #012047;
text-decoration: underline
}
#login-menu-style li > a {
line-height: 30px;
text-transform: uppercase;
font-size: 0.85rem;
font-weight: bold;
color: #fff
}
#login-menu-style li.dr-open a,
#login-menu-style li:hover a {
color: #fff;
text-decoration: none
}
.dr-navbar-nav li > a i {
margin-top: -1px
}
#location-autocomplete + .button-style {
border: 1px solid transparent;
line-height: 34px;
border-radius: 3px;
margin-left: 10px;
font-size: 0.78rem;
background: rgba(240, 240, 240, 0.8)
}
#location-autocomplete + .button-style:hover {
border: 1px solid #e3dcdc;
background: #F0F0F0
}
body {
background: #f5f5f5 !important
}
#header {
direction: ltr !important
}
.tm-grid-mini {
margin-left: -5px
}
.tm-grid-mini > * {
padding-left: 5px
}
.grid-md + .tm-grid-mini,
.tm-grid-mini > .grid-md-margin {
margin-top: 5px
}
.categories-box-nav.dr-nav li > a {
padding-top: 7px !important;
padding-bottom: 7px !important
}
.categories-box-nav-sub:hover {
display: block !important
}
.categories-box-nav-sub .dr-nav li > a {
padding-top: 3px !important;
padding-bottom: 3px !important
}
.dr-tab > .dr-active > a {
border-width: 2px
}
.dr-tab > .dr-active > a i {
color: #012047
}
.bg-color-white.dr-tab {
margin: 0
}
.bg-color-white.dr-tab:before {
display: none
}
.bg-color-white.dr-tab:not(.dr-tab-left):not(.dr-tab-right) > li {
padding-left: 0
}
.bg-color-white.dr-tab:not(.dr-tab-left):not(.dr-tab-right) > li + li {
border-left: 1px solid #e3dcdc
}
.bg-color-white li.dr-active {
padding-bottom: 1px;
margin-bottom: -2px
}
.tm-tab-box i {
margin-right: 5px;
color: #333
}
.tm-tab-box a {
color: #333;
font-weight: bold
}
.dr-tab-left.tm-tab-box:before {
display: none
}
.dr-tab-left li span,
.dr-tab-left li a {
padding: 15px 15px
}
.dr-tab-left li span {
display: block
}
.dr-tab-left li:hover a {
background: rgba(0, 0, 0, 0.01);
color: #012047
}
.dr-tab-left li.dr-active a {
color: #012047;
border: none
}
.dr-tab-left li + li {
border-top: 1px solid #e3dcdc
}
.tm-tabs {
list-style: none;
padding: 0;
display: flex;
border-bottom: 1px solid #e3dcdc;
width: 100%
}
.tm-tabs i {
margin-right: 5px
}
.tm-tabs > li {
border: 1px solid transparent;
border-top-left-radius: 5px;
border-top-right-radius: 5px
}
.tm-tabs > li > a {
display: block;
height: 40px;
line-height: 40px;
padding: 0 25px;
color: #4f4f4f
}
.tm-tabs > li.dr-active {
border: 1px solid #e3dcdc;
border-bottom: 0;
margin-bottom: -1px;
background: white
}
.tm-tabs > li.dr-active > a {
color: #333
}
.tm-tabs > li:hover * {
text-decoration: none
}
@media (max-width:767px) {
.tm-tabs {
display: block
}
.tm-tabs > li {
display: block;
width: 100%;
float: none;
border: none !important
}
.tm-tabs > li.dr-active {
background: #f8f8f8
}
.dr-light .tm-tabs > li.dr-active,
.dr-section-primary:not(.dr-preserve-color) .tm-tabs > li.dr-active,
.dr-section-secondary:not(.dr-preserve-color) .tm-tabs > li.dr-active,
.dr-card-primary.dr-card-body .tm-tabs > li.dr-active,
.dr-card-primary > :not([class*='dr-card-media']) .tm-tabs > li.dr-active,
.dr-card-secondary.dr-card-body .tm-tabs > li.dr-active,
.dr-card-secondary > :not([class*='dr-card-media']) .tm-tabs > li.dr-active {
background: rgba(255, 255, 255, 0.1)
}
}
.LoginRegisterPro .Inputfield {
width: 100% !important;
background: none !important;
border: none !important;
margin: 0 !important;
padding: 0 !important;
margin-bottom: 20px !important
}
.LoginRegisterPro .InputfieldHeader {
display: block;
margin-bottom: 5px
}
.LoginRegisterPro .InputfieldContent .description {
font-size: .875rem;
color: #999;
margin-bottom: 10px !important
}
.LoginRegisterPro .InputfieldPasswordRow {
margin: 0 !important;
margin-bottom: 20px !important
}
.LoginRegisterPro .InputfieldPassword input {
width: 70% !important
}
.LoginRegisterPro .Inputfields .InputfieldRadiosColumns li,
.LoginRegisterPro .Inputfields .InputfieldRadiosFloated li {
float: none !important
}
.LoginRegisterPro .InputfieldRadiosFloated {
display: flex !important;
margin-top: 0 !important
}
.dr-input,
.dr-textarea,
.dr-select {
border-radius: 3px
}
.dr-form-label {
display: block;
margin-bottom: 5px
}
.dr-light .dr-input,
.dr-light .dr-textarea,
.dr-light .dr-select,
.dr-section-primary:not(.dr-preserve-color) .dr-input,
.dr-section-primary:not(.dr-preserve-color) .dr-textarea,
.dr-section-primary:not(.dr-preserve-color) .dr-select,
.dr-section-secondary:not(.dr-preserve-color) .dr-input,
.dr-section-secondary:not(.dr-preserve-color) .dr-textarea,
.dr-section-secondary:not(.dr-preserve-color) .dr-select,
.dr-card-primary.dr-card-body .dr-input,
.dr-card-primary.dr-card-body .dr-textarea,
.dr-card-primary.dr-card-body .dr-select,
.dr-card-primary > :not([class*='dr-card-media']) .dr-input,
.dr-card-primary > :not([class*='dr-card-media']) .dr-textarea,
.dr-card-primary > :not([class*='dr-card-media']) .dr-select,
.dr-card-secondary.dr-card-body .dr-input,
.dr-card-secondary.dr-card-body .dr-textarea,
.dr-card-secondary.dr-card-body .dr-select,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-input,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-textarea,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-select {
background: white !important;
color: #4f4f4f !important
}
.dr-light .dr-input::-webkit-input-placeholder,
.dr-section-primary:not(.dr-preserve-color) .dr-input::-webkit-input-placeholder,
.dr-section-secondary:not(.dr-preserve-color) .dr-input::-webkit-input-placeholder,
.dr-card-primary.dr-card-body .dr-input::-webkit-input-placeholder,
.dr-card-primary > :not([class*='dr-card-media']) .dr-input::-webkit-input-placeholder,
.dr-card-secondary.dr-card-body .dr-input::-webkit-input-placeholder,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-input::-webkit-input-placeholder {
color: #999
}
.dr-light .dr-input:-ms-input-placeholder,
.dr-section-primary:not(.dr-preserve-color) .dr-input:-ms-input-placeholder,
.dr-section-secondary:not(.dr-preserve-color) .dr-input:-ms-input-placeholder,
.dr-card-primary.dr-card-body .dr-input:-ms-input-placeholder,
.dr-card-primary > :not([class*='dr-card-media']) .dr-input:-ms-input-placeholder,
.dr-card-secondary.dr-card-body .dr-input:-ms-input-placeholder,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-input:-ms-input-placeholder {
color: #999
}
.dr-light .dr-input::placeholder,
.dr-section-primary:not(.dr-preserve-color) .dr-input::placeholder,
.dr-section-secondary:not(.dr-preserve-color) .dr-input::placeholder,
.dr-card-primary.dr-card-body .dr-input::placeholder,
.dr-card-primary > :not([class*='dr-card-media']) .dr-input::placeholder,
.dr-card-secondary.dr-card-body .dr-input::placeholder,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-input::placeholder {
color: #999
}
.tm-input-box {
position: relative
}
.tm-input-box input[type=checkbox] {
display: none
}
.tm-input-box > a:not(.button-style),
.tm-input-box input[type=submit],
.tm-input-box > span {
font-size: 14px;
background: white;
display: block;
box-sizing: border-box;
border: 1px solid #e3dcdc;
padding: 7px 10px;
border-radius: 3px
}
.tm-input-box > a:not(.button-style) {
color: #333
}
.tm-input-box > a:not(.button-style):hover {
text-decoration: none
}
.tm-input-box > a:not(.button-style).dr-active {
border-color: #012047
}
.tm-input-box input[type=submit]:hover,
.tm-input-box > span:hover {
cursor: pointer
}
.tm-input-box input[type=submit] {
height: 36px;
line-height: 36px;
padding: 0 20px;
background: #012047;
color: white;
border: none
}
.tm-input-box.dr-active > span,
.tm-input-box input:checked + span {
border-color: #012047
}
.tm-input-box.tm-input-box-dropdown:after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f078";
position: absolute;
top: 50%;
right: 10px;
margin-top: -11px
}
.tm-input-box .dr-dropdown {
padding: 5px 0;
width: 120px;
margin-top: 0px !important;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05) !important
}
.tm-input-box .dr-dropdown li {
position: relative
}
.tm-input-box .dr-dropdown li > a {
padding: 5px 15px
}
.tm-input-box .dr-dropdown li > a.dr-active {
background: #f8f8f8
}
.tm-input-box .dr-dropdown li a.dr-active:after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f058";
position: absolute;
right: 15px;
color: #3aaf89
}
.tm-input-box .button-style {
border-radius: 3px !important;
height: 36px;
line-height: 36px
}
.dr-breadcrumb * {
line-height: 1 !important
}
.dr-breadcrumb > li > * > i {
transition: .2s ease
}
.dr-breadcrumb > li > .dr-open > i {
transform: rotate(180deg);
transition: .2s ease;
position: relative;
top: 1px
}
.dr-breadcrumb .dr-dropdown {
min-width: 250px;
padding: 10px 0;
border-radius: 5px
}
.dr-breadcrumb .dr-dropdown a {
padding: 7px 20px;
font-size: 0.9rem
}
.dr-breadcrumb .tm-dropdown-2.dr-dropdown {
min-width: 480px
}
.dr-breadcrumb .dr-first-column .dr-nav > li {
border-right: 1px solid #e3dcdc
}
@-moz-document url-prefix() {
.dr-breadcrumb > li > .dr-open > i {
top: 3px
}
}
.dr-light .dr-breadcrumb > li:hover > *,
.dr-light .dr-breadcrumb > li > span,
.dr-section-primary:not(.dr-preserve-color) .dr-breadcrumb > li:hover > *,
.dr-section-primary:not(.dr-preserve-color) .dr-breadcrumb > li > span,
.dr-section-secondary:not(.dr-preserve-color) .dr-breadcrumb > li:hover > *,
.dr-section-secondary:not(.dr-preserve-color) .dr-breadcrumb > li > span,
.dr-card-primary.dr-card-body .dr-breadcrumb > li:hover > *,
.dr-card-primary.dr-card-body .dr-breadcrumb > li > span,
.dr-card-primary > :not([class*='dr-card-media']) .dr-breadcrumb > li:hover > *,
.dr-card-primary > :not([class*='dr-card-media']) .dr-breadcrumb > li > span,
.dr-card-secondary.dr-card-body .dr-breadcrumb > li:hover > *,
.dr-card-secondary.dr-card-body .dr-breadcrumb > li > span,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-breadcrumb > li:hover > *,
.dr-card-secondary > :not([class*='dr-card-media']) .dr-breadcrumb > li > span {
color: white !important
}
.offcanvas-bar {
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
transition-duration: 0.2s !important
}
.offcanvas-bar.offcanvas-menu-style {
padding: 0;
margin: 0;
padding-right: 50px
}
.offcanvas-bar.offcanvas-menu-style div {
box-sizing: border-box !important
}
@media (min-width:1200px) {
.offcanvas-bar.offcanvas-menu-style > * {
min-width: 330px
}
}
.offcanvas-bar.offcanvas-menu-style .dr-nav li.dr-nav-header,
.offcanvas-bar.offcanvas-menu-style .dr-nav li > div,
.offcanvas-bar.offcanvas-menu-style .dr-nav li a,
.offcanvas-bar.offcanvas-menu-style .dr-nav li > span.country-menu-item {
display: block;
padding: 10px 20px;
border-bottom: 1px solid #fff;
position: relative;
margin: 0;
font-weight:700
}
.offcanvas-bar.offcanvas-menu-style .dr-nav li > span.country-menu-item:hover {
cursor: pointer;
color: #012047
}
.offcanvas-bar.offcanvas-menu-style .country-menu-item:after {
content: "\f054";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 13px;
color: #999;
position: absolute;
top: 50%;
margin-top: -9px;
right: 20px
}
.offcanvas-bar.offcanvas-menu-style .dr-accordion .dr-accordion-title {
font-size: 1rem;
border: none;
padding: 10px 20px
}
.offcanvas-bar.offcanvas-menu-style .dr-accordion .dr-accordion-content {
/*padding: 0px !important;*/
margin: 0;
}
.offcanvas-bar.offcanvas-menu-style .dr-accordion > li {
margin: 0;
border-bottom: 1px solid #fff
}
.offcanvas-bar.offcanvas-menu-style .dr-accordion ul > li + li {
margin-top: 5px
}
.offcanvas-icon-block {
background: #f0f0f0;
width: 50px;
height: 100%;
position: fixed;
right: 0;
top: 1px;
bottom: 0;
z-index: 9999 !important;
margin-right: -50px;
transition: margin-right .2s
}
.dr-offcanvas-page .offcanvas-icon-block {
margin-right: 0;
transition: margin-right .2s
}
.offcanvas-icon-block li {
margin-top: 15px
}
.offcanvas-icon-block li > a {
display: block;
padding: 5px;
color: #333333
}
.offcanvas-icon-block i {
font-size: 18px
}
input.button-style {
-webkit-appearance: none !important
}
.button-style {
border-radius: 5px;
font-weight: bold
}
.button-style.button-style-small {
border-radius: 3px
}
.button-style.button-style-small i {
width: 20px;
height: 20px;
line-height: 20px
}
.button-style.tm-button-mini {
height: 24px;
line-height: 22px;
border-radius: 2px;
padding: 0 10px;
font-size: 0.85rem
}
.button-style.tm-button-rounded.button-style-small {
border-radius: 15px
}
.button-style.tm-button-rounded.button-style-large {
border-radius: 27.5px
}
.button-style.tm-button-rounded.tm-button-mini {
border-radius: 12px
}
.button-style.tm-button-icon i {
width: 24px;
height: 24px;
line-height: 24px;
margin-right: 5px;
background: white;
border-radius: 50%;
color: #012047;
font-size: 11px
}
.button-style.tm-button-icon:disabled i {
background: #f8f8f8 !important;
color: #999 !important;
border: 1px solid #e3dcdc
}
.button-style-default {
border-color: #012047;
box-sizing: border-box;
color: #012047
}
.button-style-default:not(:disabled):hover {
background: rgba(163, 34, 65, 0.1)
}
.button-style-default:not(:disabled):focus,
.button-style-default:not(:disabled):active,
.button-style-default:not(:disabled):hover {
background: none;
border-color: #012047;
color: #012047
}
.button-style-default.tm-button-icon i {
background: #012047;
color: white
}
.button-style-success {
background: #3aaf89;
color: white
}
.button-style-success:hover,
.button-style-success:focus,
.button-style-success:active {
color: white
}
#add-to-favorites.dr-active i {
font-weight: 900
}
@media (max-width:960px) {
#promo-top .dr-h3 {
font-size: 20px
}
#promo-top .promo-top-text {
width: 70%
}
#promo-top .promo-top-button {
width: auto;
margin-left: auto;
position: relative !important;
top: auto !important;
bottom: auto !important;
left: auto !important;
right: auto !important;
transform: none !important;
text-align: right
}
#promo-top .promo-top-button .button-style {
padding: 0 15px
}
}
.dr-dropdown {
border-radius: 5px;
border: 1px solid rgba(0, 0, 0, 0.05)
}
.dr-dropdown-bottom-center:before,
.dr-dropdown-bottom-center:after {
content: "";
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: transparent;
border-bottom-color: white;
border-width: 10px;
margin-left: -10px
}
.dr-dropdown-bottom-center:before {
border-bottom-color: rgba(0, 0, 0, 0.05);
border-width: 12px;
margin-left: -12px
}
.dr-nav i {
margin-right: 10px
}
.far.fa-bullseye:before,
.far.fa-link:before,
.far.fa-bullhorn:before,
.far.fa-briefcase::before {
font-weight: bold !important
}
.far.fa-file-text:before {
content: "\f15c"
}
.far.fa-code-fork:before {
content: "\f126";
font-weight: bold !important
}
.dr-card {
background: white;
box-shadow: none;
border-radius: 1rem;
transition: box-shadow .3s
}
.dr-card .dr-nav-header {
padding: 0 !important;
font-size: 1.1rem;
border-bottom: 1px solid #e3dcdc;
margin: 0
}
.dr-card .dr-nav-header a {
padding: 10px 20px !important
}
.dr-card div.dr-nav-header {
padding: 10px 20px !important;
font-size: 1.1rem
}
.dr-card-small .dr-card-body,
.dr-card-small.dr-card-body {
padding: 15px
}
.dr-card-small .dr-card-title {
font-size: 1rem;
line-height: 1.2;
font-weight: bold;
margin: 15px 0
}
.model-card:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(transparent 30%, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7))
}
.model-card .model-card-overlay {
background: rgba(0, 0, 0, 0.75)
}
.model-card .model-card-overlay * {
color: white
}
.dr-label {
text-transform: none;
border: none;
height: 22px;
border-radius: 11px
}
.tm-label-dark {
background: #1a1a1a;
color: white
}
.tm-card-labels-left,
.tm-card-labels-right {
position: absolute;
top: 15px;
right: 15px
}
.tm-card-labels-left {
right: auto;
left: 15px
}
.tm-label {
background: white;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1px;
padding: 5px 12px;
border-radius: 15px;
text-align: center
}
.tm-label + .tm-label {
margin-top: 10px
}
.tm-label.tm-label-primary {
background: #012047;
color: white
}
.tm-label.tm-label-success {
background: #3aaf89;
color: white
}
.tm-label.tm-label-warning {
background: #f2994a;
color: white
}
.tm-label.tm-label-danger {
background: #eb5757;
color: white
}
.tm-label.tm-label-dark {
background: #1a1a1a;
color: white
}
.tm-table-space td {
padding: 13px 25px
}
.dr-drop-bottom-center:before,
.dr-drop-bottom-center:after {
content: "";
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: transparent;
border-bottom-color: white;
border-width: 10px;
margin-left: -10px
}
.dr-drop-bottom-center:before {
border-bottom-color: rgba(0, 0, 0, 0.05);
border-width: 12px;
margin-left: -12px
}
.dr-pagination li + li {
padding-left: 10px
}
.dr-pagination a {
width: 28px;
height: 28px;
line-height: 28px;
border: 1px solid #e3dcdc;
color: #333;
font-weight: bold;
text-align: center;
border-radius: 50%
}
.dr-pagination li.dr-active a {
border: none;
background: #012047;
color: white
}
.dr-pagination li:not(.dr-active):hover a {
background: white
}
.dr-pagination .pagination-prev a,
.dr-pagination .pagination-next a {
width: auto;
padding: 0 20px;
border-radius: 14px
}
.dr-subnav > li > a {
font-weight: bold
}
.dr-accordion-title {
border: 1px solid #e3dcdc;
padding: 15px 25px;
border-radius: 5px
}
@media (max-width:640px) {
.dr-accordion-title {
font-size: 1rem;
padding: 10px 15px
}
}
.dr-slideshow .dr-slidenav {
box-sizing: border-box;
width: 50px;
height: 160px;
background: rgba(0, 0, 0, 0.5);
color: #fff;
text-align: center
}
.dr-slideshow .dr-slidenav svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
@media (max-width:640px) {
.dr-slideshow .dr-slidenav {
height: 100%
}
}
.tm-slidenav-out .dr-slidenav {
padding: 0;
margin-left: 10px
}
.tm-slidenav-out svg {
height: 20px !important
}
.tm-slidenav-out .dr-invisible {
visibility: visible !important
}
.dr-lightbox .dr-slidenav,
.dr-slidenav.tm-slidenav-in {
background: rgba(0, 0, 0, 0.7);
padding: 12px 10px
}
#modal-18 {
background: rgba(3,7,18,.4)
}
#modal-18 p {
color: rgba(14, 14, 14, 0.8)
}
#modal-18 p a,
#modal-18 p .dr-link {
color: #fff
}
#modal-18 p a:hover,
#modal-18 p .dr-link:hover {
color: #fff
}
#modal-18 p :not(pre) > code,
#modal-18 p :not(pre) > kbd,
#modal-18 p :not(pre) > samp {
color: rgba(255, 255, 255, 0.8);
background: rgba(255, 255, 255, 0.1)
}
#modal-18 p em {
color: #fff
}
#modal-18 p h1,
#modal-18 p .dr-h1,
#modal-18 p h2,
#modal-18 p .dr-h2,
#modal-18 p h3,
#modal-18 p .dr-h3,
#modal-18 p h4,
#modal-18 p .dr-h4,
#modal-18 p h5,
#modal-18 p .dr-h5,
#modal-18 p h6,
#modal-18 p .dr-h6,
#modal-18 p .dr-heading-small,
#modal-18 p .dr-heading-medium,
#modal-18 p .dr-heading-large,
#modal-18 p .dr-heading-xlarge,
#modal-18 p .dr-heading-2xlarge {
color: #fff
}
#modal-18 p blockquote {
color: #fff
}
#modal-18 p blockquote footer {
color: rgba(255, 255, 255, 0.8)
}
#modal-18 p hr,
#modal-18 p .dr-hr {
border-top-color: rgba(255, 255, 255, 0.2)
}
#modal-18 p .dr-link-muted,
#modal-18 p .dr-link-muted a {
color: rgba(255, 255, 255, 0.5)
}
#modal-18 p .dr-link-muted:hover,
#modal-18 p .dr-link-muted a:hover {
color: rgba(255, 255, 255, 0.8)
}
#modal-18 p .dr-link-text:hover,
#modal-18 p .dr-link-text a:hover {
color: rgba(255, 255, 255, 0.5)
}
#modal-18 p .dr-link-heading:hover,
#modal-18 p .dr-link-heading a:hover {
color: #fff
}
#modal-18 p .dr-heading-divider {
border-bottom-color: rgba(255, 255, 255, 0.2)
}
#modal-18 p .dr-heading-bullet::before {
border-left-color: rgba(255, 255, 255, 0.2)
}
#modal-18 p .dr-heading-line > ::before,
#modal-18 p .dr-heading-line > ::after {
border-bottom-color: rgba(255, 255, 255, 0.2)
}
#modal-18 p .dr-list-divider > li:nth-child(n+2) {
border-top-color: rgba(255, 255, 255, 0.2)
}
#modal-18 p .dr-list-striped > li:nth-of-type(odd) {
border-top-color: rgba(255, 255, 255, 0.2);
border-bottom-color: rgba(255, 255, 255, 0.2)
}
#modal-18 p .dr-list-striped > li:nth-of-type(odd) {
background-color: rgba(255, 255, 255, 0.1)
}
#modal-18 p .dr-list-bullet > li::before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22rgba%28255,255,255,0.8%29%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E")
}
#modal-18 p .dr-table th {
color: rgba(255, 255, 255, 0.8)
}
#modal-18 p .dr-table caption {
color: rgba(255, 255, 255, 0.5)
}
#modal-18 p .dr-table > tr.dr-active,
#modal-18 p .dr-table tbody tr.dr-active {
background: rgba(255, 255, 255, 0.08)
}
#modal-18 p .dr-table-divider > tr:not(:first-child),
#modal-18 p .dr-table-divider > :not(:first-child) > tr,
#modal-18 p .dr-table-divider > :first-child > tr:not(:first-child) {
border-top-color: rgba(255, 255, 255, 0.2)
}
#modal-18 p .dr-table-striped > tr:nth-of-type(odd),
#modal-18 p .dr-table-striped tbody tr:nth-of-type(odd) {
background: rgba(255, 255, 255, 0.1);
border-top-color: rgba(255, 255, 255, 0.2);
border-bottom-color: rgba(255, 255, 255, 0.2)
}
#modal-18 p .dr-table-hover > tr:hover,
#modal-18 p .dr-table-hover tbody tr:hover {
background: rgba(255, 255, 255, 0.08)
}
#modal-18 p .dr-icon-link {
color: rgba(255, 255, 255, 0.5)
}
#modal-18 p .dr-icon-link:hover,
#modal-18 p .dr-icon-link:focus {
color: rgba(255, 255, 255, 0.8)
}
#modal-18 p .dr-icon-link:active,
#modal-18 p .dr-active > .dr-icon-link {
color: rgba(255, 255, 255, 0.8)
}
#modal-18 p .dr-icon-button {
background-color: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.5)
}
#modal-18 p .dr-icon-button:hover,
#modal-18 p .dr-icon-button:focus {
background-color: rgba(242, 242, 242, 0.1);
color: rgba(255, 255, 255, 0.8)
}
#modal-18 p .dr-icon-button:active {
background-color: rgba(230, 230, 230, 0.1);
color: rgba(255, 255, 255, 0.8)
}
#modal-18 p .dr-input,
#modal-18 p .dr-select,
#modal-18 p .dr-textarea {
background-color: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.8);
background-clip: padding-box;
border-color: rgba(255, 255, 255, 0.2)
}
#modal-18 p .dr-input:focus,
#modal-18 p .dr-select:focus,
#modal-18 p .dr-textarea:focus {
background-color: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.8);
border-color: rgba(255, 255, 255, 0.8)
}
#modal-18 p .dr-input::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5) !important
}
#modal-18 p .dr-input::placeholder {
color: rgba(255, 255, 255, 0.5)
}
#modal-18 p .dr-textarea::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5) !important
}
#modal-18 p .dr-textarea::placeholder {
color: rgba(255, 255, 255, 0.5)
}
#modal-18 p .dr-select:not([multiple]):not([size]) {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,255,255,0.8%29%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,255,255,0.8%29%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
}
#modal-18 p .dr-input[list]:hover,
#modal-18 p .dr-input[list]:focus {
background-image: url(../../../home/dex/domains/EscortDR.com/public_html/site/templates/system/less/images/backgrounds/form-datalist.svg.html)
}
#modal-18 p .dr-radio,
#modal-18 p .dr-checkbox {
background-color: rgba(242, 242, 242, 0.1);
border-color: rgba(255, 255, 255, 0.2)
}
#modal-18 p .dr-radio:focus,
#modal-18 p .dr-checkbox:focus {
border-color: rgba(255, 255, 255, 0.8)
}
#modal-18 p .dr-radio:checked,
#modal-18 p .dr-checkbox:checked,
#modal-18 p .dr-checkbox:indeterminate {
background-color: #fff;
border-color: rgba(255, 255, 255, 0.8)
}
#modal-18 p .dr-radio:checked:focus,
#modal-18 p .dr-checkbox:checked:focus,
#modal-18 p .dr-checkbox:indeterminate:focus {
background-color: #e6e6e6
}
#modal-18 p .dr-radio:checked {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%234f4f4f%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")
}
#modal-18 p .dr-checkbox:checked {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%234f4f4f%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
}
#modal-18 p .dr-checkbox:indeterminate {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%234f4f4f%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E")
}
#modal-18 p .dr-form-label {
color: #fff
}
#modal-18 p .dr-form-icon {
color: rgba(255, 255, 255, 0.5)
}
#modal-18 p .dr-form-icon:hover {
color: rgba(255, 255, 255, 0.8)
}
#modal-18 p .button-style-default {
background-color: #fff;
color: #4f4f4f;
border-color: rgba(255, 255, 255, 0.8)
}
#modal-18 p .button-style-default:hover,
#modal-18 p .button-style-default:focus {
background-color: #f2f2f2;
color: #4f4f4f;
border-color: #fff
}
#modal-18 p .button-style-default:active,
#modal-18 p .button-style-default.dr-active {
background-color: #e6e6e6;
color: #4f4f4f;
border-color: #fff
}
#modal-18 p .button-style-primary {
background-color: #012047;
color: #fff
}
#modal-18 p .button-style-primary:hover,
#modal-18 p .button-style-primary:focus {
background-color: #8e1e39;
color: #fff
}
#modal-18 p .button-style-primary:active,
#modal-18 p .button-style-primary.dr-active {
background-color: #791930;
color: #fff
}
#modal-18 p .button-style-secondary {
background-color: #012047;
color: #fff
}
#modal-18 p .button-style-secondary:hover,
#modal-18 p .button-style-secondary:focus {
background-color: #654661;
color: #fff
}
#modal-18 p .button-style-secondary:active,
#modal-18 p .button-style-secondary.dr-active {
background-color: #563b52;
color: #fff
}
#modal-18 p .button-style-text {
color: rgba(255, 255, 255, 0.5)
}
#modal-18 p .button-style-text::before {
border-bottom-color: #fff
}
#modal-18 p .button-style-text:hover,
#modal-18 p .button-style-text:focus {
color: rgba(255, 255, 255, 0.8)
}
#modal-18 p .button-style-text:disabled {
color: rgba(255, 255, 255, 0.5)
}
#modal-18 p .button-style-link {
color: rgba(255, 255, 255, 0.5)
}
#modal-18 p .button-style-link:hover,
#modal-18 p .button-style-link:focus {
color: rgba(255, 255, 255, 0.8)
}
#modal-18 p .grid-md-divider > :not(.dr-first-column)::before {
border-left-color: rgba(255, 255, 255, 0.2)
}
#modal-18 p .grid-md-divider.grid-md-stack > .grid-md-margin::before {
border-top-color: rgba(255, 255, 255, 0.2)
}
#modal-18 p .dr-close {
color: rgba(255, 255, 255, 0.5)
}
#modal-18 p .dr-close:hover,
#modal-18 p .dr-close:focus {
color: rgba(255, 255, 255, 0.8)
}
#modal-18 p .dr-totop {
color: rgba(255, 255, 255, 0.5)
}
#modal-18 p .dr-totop:hover,
#modal-18 p .dr-totop:focus {
color: rgba(255, 255, 255, 0.8)
}
#modal-18 p .dr-totop:active {
color: #fff
}
#modal-18 p .dr-badge {
background-color: #fff;
color: #4f4f4f
}
#modal-18 p .dr-badge:hover,
#modal-18 p .dr-badge:focus {
color: #4f4f4f
}
#modal-18 p .dr-label {
background-color: #fff;
color: #4f4f4f
}
#modal-18 p .dr-article-meta {
color: rgba(255, 255, 255, 0.5)
}
#modal-18 p .dr-nav-parent-icon > .dr-parent > a::after {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,255,255,0.8%29%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E")
}
#modal-18 p .dr-nav-parent-icon > .dr-parent.dr-open > a::after {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,255,255,0.8%29%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E")
}
#modal-18 p .dr-nav-default > li > a {
color: rgba(255, 255, 255, 0.5)
}
#modal-18 p .dr-nav-default > li > a:hover,
#modal-18 p .dr-nav-default > li > a:focus {
color: rgba(255, 255, 255, 0.8)
}
#modal-18 p .dr-nav-default > li.dr-active > a {
color: #fff
}
#modal-18 p .dr-nav-default .dr-nav-header {
color: #fff
}
#modal-18 p .dr-nav-default .dr-nav-divider {
border-top-color: rgba(255, 255, 255, 0.2)
}
#modal-18 p .dr-nav-default .dr-nav-sub a {
color: rgba(255, 255, 255, 0.5)
}
#modal-18 p .dr-nav-default .dr-nav-sub a:hover,
#modal-18 p .dr-nav-default .dr-nav-sub a:focus {
color: rgba(255, 255, 255, 0.8)
}
#modal-18 p .dr-nav-default .dr-nav-sub li.dr-active > a {
color: #fff
}
#modal-18 p .dr-nav-primary > li > a {
color: rgba(255, 255, 255, 0.5)
}
#modal-18 p .dr-nav-primary > li > a:hover,
#modal-18 p .dr-nav-primary > li > a:focus {
color: rgba(255, 255, 255, 0.8)
}
#modal-18 p .dr-nav-primary > li.dr-active > a {
color: #fff
}
#modal-18 p .dr-nav-primary .dr-nav-header {
color: #fff
}
#modal-18 p .dr-nav-primary .dr-nav-divider {
border-top-color: rgba(255, 255, 255, 0.2)
}
#modal-18 p .dr-nav-primary .dr-nav-sub a {
color: rgba(255, 255, 255, 0.5)
}
#modal-18 p .dr-nav-primary .dr-nav-sub a:hover,
#modal-18 p .dr-nav-primary .dr-nav-sub a:focus {
color: rgba(255, 255, 255, 0.8)
}
#modal-18 p .dr-nav-primary .dr-nav-sub li.dr-active > a {
color: #fff
}
#modal-18 p .dr-navbar-nav > li > a {
color: rgba(255, 255, 255, 0.7)
}
#modal-18 p .dr-navbar-nav > li:hover > a,
#modal-18 p .dr-navbar-nav > li > a:focus,
#modal-18 p .dr-navbar-nav > li > a.dr-open {
color: #fff
}
#modal-18 p .dr-navbar-nav > li > a:active {
color: #fff
}
#modal-18 p .dr-navbar-nav > li.dr-active > a {
color: #fff
}
#modal-18 p .dr-navbar-item {
color: rgba(255, 255, 255, 0.7)
}
#modal-18 p .dr-navbar-toggle {
color: rgba(255, 255, 255, 0.5)
}
#modal-18 p .dr-navbar-toggle:hover,
#modal-18 p .dr-navbar-toggle:focus,
#modal-18 p .dr-navbar-toggle.dr-open {
color: rgba(255, 255, 255, 0.8)
}
#modal-18 p .dr-subnav > * > :first-child {
color: rgba(255, 255, 255, 0.5)
}
#modal-18 p .dr-subnav > * > a:hover,
#modal-18 p .dr-subnav > * > a:focus {
color: rgba(255, 255, 255, 0.8)
}
#modal-18 p .dr-subnav > .dr-active > a {
color: #fff
}
#modal-18 p .dr-subnav-divider > :nth-child(n+2):not(.dr-first-column)::before {
border-left-color: rgba(255, 255, 255, 0.2)
}
#modal-18 p .dr-subnav-pill > * > :first-child {
background-color: transparent;
color: rgba(255, 255, 255, 0.5)
}
#modal-18 p .dr-subnav-pill > * > a:hover,
#modal-18 p .dr-subnav-pill > * > a:focus {
background-color: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.8)
}
#modal-18 p .dr-subnav-pill > * > a:active {
background-color: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.8)
}
#modal-18 p .dr-subnav-pill > .dr-active > a {
background-color: #fff;
color: #4f4f4f
}
#modal-18 p .dr-subnav > .dr-disabled > a {
color: rgba(255, 255, 255, 0.5)
}
#modal-18 p .dr-breadcrumb > * > * {
color: rgba(255, 255, 255, 0.5)
}
#modal-18 p .dr-breadcrumb > * > :hover,
#modal-18 p .dr-breadcrumb > * > :focus {
color: rgba(255, 255, 255, 0.8)
}
#modal-18 p .dr-breadcrumb > :last-child > * {
color: rgba(255, 255, 255, 0.8)
}
#modal-18 p .dr-breadcrumb > :nth-child(n+2):not(.dr-first-column)::before {
color: rgba(255, 255, 255, 0.5)
}
#modal-18 p .dr-pagination > * > * {
color: rgba(255, 255, 255, 0.5)
}
#modal-18 p .dr-pagination > * > :hover,
#modal-18 p .dr-pagination > * > :focus {
color: rgba(255, 255, 255, 0.8)
}
#modal-18 p .dr-pagination > .dr-active > * {
color: rgba(255, 255, 255, 0.8)
}
#modal-18 p .dr-pagination > .dr-disabled > * {
color: rgba(255, 255, 255, 0.5)
}
#modal-18 p .dr-tab::before {
border-color: rgba(255, 255, 255, 0.2)
}
#modal-18 p .dr-tab > * > a {
color: rgba(255, 255, 255, 0.5)
}
#modal-18 p .dr-tab > * > a:hover,
#modal-18 p .dr-tab > * > a:focus {
color: rgba(255, 255, 255, 0.8)
}
#modal-18 p .dr-tab > .dr-active > a {
color: #fff;
border-color: #fff
}
#modal-18 p .dr-tab > .dr-disabled > a {
color: rgba(255, 255, 255, 0.5)
}
#modal-18 p .dr-slidenav {
color: rgba(255, 255, 255, 0.7)
}
#modal-18 p .dr-slidenav:hover,
#modal-18 p .dr-slidenav:focus {
color: rgba(255, 255, 255, 0.95)
}
#modal-18 p .dr-slidenav:active {
color: rgba(255, 255, 255, 0.7)
}
#modal-18 p .dr-dotnav > * > * {
background-color: transparent;
border-color: rgba(255, 255, 255, 0.9)
}
#modal-18 p .dr-dotnav > * > :hover,
#modal-18 p .dr-dotnav > * > :focus {
background-color: rgba(255, 255, 255, 0.9);
border-color: transparent
}
#modal-18 p .dr-dotnav > * > :active {
background-color: rgba(255, 255, 255, 0.5);
border-color: transparent
}
#modal-18 p .dr-dotnav > .dr-active > * {
background-color: rgba(255, 255, 255, 0.9);
border-color: transparent
}
#modal-18 p .dr-accordion-title {
color: #fff
}
#modal-18 p .dr-accordion-title:hover,
#modal-18 p .dr-accordion-title:focus {
color: rgba(255, 255, 255, 0.8)
}
#modal-18 p .dr-text-lead {
color: rgba(255, 255, 255, 0.8)
}
#modal-18 p .dr-text-meta {
color: rgba(255, 255, 255, 0.5)
}
#modal-18 p .dr-text-muted {
color: rgba(255, 255, 255, 0.5) !important
}
#modal-18 p .dr-text-emphasis {
color: #fff !important
}
#modal-18 p .text-color-primary {
color: #012047 !important
}
#modal-18 p .dr-text-secondary {
color: #fff !important
}
#modal-18 p .dr-column-divider {
column-rule-color: rgba(255, 255, 255, 0.2)
}
#modal-18 p .dr-logo {
color: rgba(255, 255, 255, 0.8)
}
#modal-18 p .dr-logo:hover,
#modal-18 p .dr-logo:focus {
color: rgba(255, 255, 255, 0.8)
}
#modal-18 p .dr-logo > :not(.dr-logo-inverse):not(:only-of-type) {
display: none
}
#modal-18 p .dr-logo-inverse {
display: inline
}
#modal-18 p .dr-accordion-title::before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,255,255,0.8%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,255,255,0.8%29%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E")
}
#modal-18 p .dr-open > .dr-accordion-title::before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,255,255,0.8%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E")
}
#modal-18 p .dr-input,
#modal-18 p .dr-textarea,
#modal-18 p .dr-select {
background: white !important;
color: #4f4f4f !important
}
#modal-18 p .dr-input::-webkit-input-placeholder {
color: #999
}
#modal-18 p .dr-input:-ms-input-placeholder {
color: #999
}
#modal-18 p .dr-input::placeholder {
color: #999
}
#modal-18 p .dr-breadcrumb > li:hover > *,
#modal-18 p .dr-breadcrumb > li > span {
color: white !important
}
#modal-18 p.main-link-reset,
#modal-18 p .main-link-reset {
color: white !important
}
#modal-18 .dr-modal-dialog {
width: auto;
overflow: hidden;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4)
}
@media (min-width:640px) {
#modal-18 .dr-modal-dialog {
width: 600px
}
}
#modal-18 .dr-modal-body {
background: #ffffff
}
#modal-18 .dr-modal-footer {
background: #ffffff;
border-top: none;
padding: 25px
}
#modal-18 .button-style + .button-style {
margin-left: 15px
}
#modal-18 .button-style-default {
border: none;
background: #fff;
border: 2px solid transparent;
color: #83878f
}
#modal-18 .button-style-success {
background: #333333;
border: 2px solid #333333;
color: #fff
}
#modal-18 .button-style-success:hover {
background: #333333;
color: rgba(255, 255, 255, 0.9)
}
.dr-lightbox-items * {
transition-duration: 0s !important
}
#model-nav {
visibility: hidden;
height: 0
}
#model-nav.dr-active {
visibility: visible;
height: auto
}
.tm-ribbon {
width: 120px;
background: #012047;
position: absolute;
top: 14px;
left: -30px;
text-align: center;
font-size: 14px;
font-weight: bold;
line-height: 20px;
letter-spacing: 1px;
color: #000;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg)
}
.tm-ribbon.tm-ribbon-right {
right: -45px;
left: auto;
transform: rotate(45deg);
-webkit-transform: rotate(45deg)
}
.tm-ribbon.tm-ribbon-right.tm-ribbon-l {
right: -34px;
top: 20px
}
.tm-ribbon.tm-ribbon-bottom {
left: -30px;
top: auto;
bottom: 25px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg)
}
.tm-ribbon.tm-ribbon-success {
background: #3aaf89;
}
.tm-ribbon.tm-ribbon-warning {
background: #d2a662;
}
.tm-ribbon.tm-ribbon-diamond {
background: #c70b1f;
color: white;
}
.tm-ribbon.tm-ribbon-agency {
background: #287ee9;
color: white;
}
.tm-ribbon.tm-ribbon-gold {
background: #c70b1f;
color: white;
}
.tm-ribbon.tm-ribbon-silver {
background: #c70b1f;
color: white;
}
.tm-ribbon.tm-ribbon-danger {
background: #eb5757;
}
.tm-ribbon.tm-ribbon-dark {
background: #1a1a1a;
color: gold
}
.dr-alert-primary {
border: 1px solid rgba(163, 34, 65, 0.2)
}
.dr-alert-success {
border: 1px solid rgba(58, 175, 137, 0.2)
}
.dr-alert-warning {
border: 1px solid rgba(242, 153, 74, 0.2)
}
.dr-alert-danger {
border: 1px solid rgba(235, 87, 87, 0.2)
}
.dr-alert-success a {
color: #3aaf89
}
#location-autocomplete .dr-input {
background: rgba(0, 0, 0, 0.02) !important
}
#location-autocomplete .dr-input:focus {
background: white !important
}
#autocomplete-results {
position: absolute;
width: 100%;
background: white;
list-style: none;
margin-top: 10px;
border-radius: 5px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
padding: 0;
z-index: 1000;
max-height: 294px;
overflow-y: auto
}
#autocomplete-results li label {
padding: 10px 15px
}
#autocomplete-results li label:hover {
cursor: pointer;
background: rgba(0, 0, 0, 0.03)
}
#autocomplete-results li + li label {
border-top: 1px solid rgba(0, 0, 0, 0.1)
}
#autocomplete-results i {
right: 13px !important;
margin-right: 0 !important
}
#search-menu #autocomplete-results {
box-shadow: none;
border-radius: 0;
border: none;
margin-top: 16px;
margin-left: -15px;
margin-right: -15px;
max-height: none !important
}
#search-menu #autocomplete-results li:last-child label {
border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}
#search-menu #autocomplete-results label {
font-size: 0.95rem !important
}
#search-menu #menu-autocomplete-search {
background: white !important;
border: 1px solid #e3dcdc
}
#search-menu #menu-autocomplete-search:focus {
background: white !important
}
#dropzone.dropzone {
position: relative;
border: 2px dashed #e3dcdc
}
#dropzone.dropzone .dz-message {
display: block;
margin: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
font-size: 36px;
color: rgba(0, 0, 0, 0.05)
}
#dropzone.dropzone .dz-message span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
#dropzone.dropzone .dz-details {
height: 220px;
display: flex;
flex-direction: column;
justify-content: center
}
#dropzone.dropzone .dz-details .dz-filename {
font-size: 13px
}
#dropzone.dropzone .dz-preview {
margin: 0;
margin-bottom: 10px;
margin-right: 10px
}
#dropzone.dropzone .dz-preview .dz-image {
border-radius: 3px;
width: 185px;
height: 220px
}
#dropzone.dropzone .dz-preview .dz-progress {
border-radius: 3px
}
#dropzone.dropzone .dz-error-mark,
#dropzone.dropzone .dz-success-mark {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
background: rgba(255, 255, 255, 0.8);
z-index: 90
}
#dropzone.dropzone .dz-success-mark svg path {
fill: #3aaf89
}
#dropzone.dropzone .dz-error-mark svg path {
fill: #eb5757
}
#dropzone.dropzone .dz-message {
pointer-events: none
}
#dropzone.dropzone .dz-default.dz-message {
display: flex;
width: 100%;
justify-content: center
}
#dropzone.dropzone .dz-default.dz-message .dz-button {
background: none;
box-shadow: none;
border: none;
font-size: 18px;
color: #999
}
#dropzone.dropzone .dz-error-message {
width: 185px;
display: flex;
align-items: center;
text-align: center;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(235, 87, 87, 0.95);
border-radius: 3px;
z-index: 95
}
#dropzone.dropzone .dz-error-message:after {
display: none
}
#dropzone.dropzone .dz-upload {
background: #3aaf89
}
#dropzone.dropzone button.dropzone-remove {
display: none;
position: absolute;
top: 5px;
right: 5px;
z-index: 99;
font-size: 14px;
cursor: pointer;
color: #eb5757;
width: 24px;
height: 24px;
background: white;
border: none;
padding: 0;
border-radius: 50%;
text-align: center
}
#dropzone.dropzone button.dropzone-remove i {
cursor: pointer
}
#dropzone.dropzone button.dropzone-main-image {
display: none;
position: absolute;
top: 5px;
right: 38px;
z-index: 99;
border: none;
background: white;
padding: 0;
margin: 0;
width: 24px;
height: 24px;
font-size: 14px;
border-radius: 50%;
color: #3aaf89;
cursor: pointer !important
}
#dropzone.dropzone button.dropzone-main-image i {
cursor: pointer
}
#dropzone.dropzone .dropzone.dz-clickable .dropzone-main-image * {
cursor: pointer !important
}
#dropzone.dropzone .dropzone.dz-clickable .dropzone-main-image * i {
cursor: pointer
}
#dropzone.dropzone .dz-preview:hover button.dropzone-remove,
#dropzone.dropzone .dz-preview:hover button.dropzone-main-image {
display: block
}
.swal2-styled {
border-radius: 3px !important;
margin: 0 !important;
padding: 0 25px !important;
line-height: 40px !important
}
.swal2-styled:focus {
box-shadow: none !important
}
.swal2-confirm {
background: #012047 !important
}
.swal2-confirm:not([disabled]):hover {
background: #8e1e39 !important
}
.swal2-cancel {
background: #f8f8f8 !important;
color: #4f4f4f !important
}
.swal2-cancel:not([disabled]):hover {
background: #ebebeb !important
}
.swal2-actions button + button {
margin-left: 10px !important
}
.swal2-icon.swal2-success,
.swal2-icon.swal2-success .swal2-success-ring {
border-color: rgba(58, 175, 137, 0.35) !important
}
.swal2-icon.swal2-success [class^="swal2-success-line"] {
background-color: #3aaf89 !important
}
.swal2-icon.swal2-warning {
border-color: #f2994a !important;
color: #f2994a !important
}
.swal2-icon.swal2-error {
border-color: rgba(235, 87, 87, 0.35) !important
}
.swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
background-color: #eb5757 !important
}
.swal2-icon.swal2-info {
border-color: #012047 !important;
color: #012047 !important
}
.swal2-icon.swal2-question {
border-color: #012047 !important;
color: #012047 !important
}
.dr-notification {
border-radius: 5px;
z-index: 99999
}
.dr-notification-message {
border-radius: 5px;
box-shadow: 0 0 30px 3px rgba(0, 0, 0, 0.2);
border: none
}
.dr-notification-close {
color: white !important
}
.dr-notification-message-primary {
background: #012047
}
.dr-notification-message-success {
background: #3aaf89
}
.dr-notification-message-warning {
background: #f2994a
}
.dr-notification-message-danger {
background: #eb5757
}
.tm-box-shadow-none {
box-shadow: none !important
}
.tm-padding-medium {
padding: 25px
}
.tm-margin-mini {
margin: 5px 0
}
.tm-margin-mini-top {
margin-top: 5px
}
.tm-margin-mini-bottom {
margin-bottom: 5px
}
.tm-margin-mini-left {
margin-left: 5px
}
.margin-light-right {
margin-right: 5px
}
.tm-border {
border: 1px solid #e3dcdc
}
.tm-border-dashed {
border-style: dashed
}
.tm-border-left {
border-left: 1px solid #e3dcdc
}
.tm-border-right {
border-right: 1px solid #e3dcdc
}
.tm-border-top {
border-top: 1px solid #e3dcdc
}
.stroke-bb {
border-bottom: 1px solid #fff
}
.tm-border-remove {
border: none !important
}
.tm-border-remove-top {
border-top: none !important
}
.tm-border-remove-bottom {
border-bottom: none !important
}
.tm-border-remove-left {
border-left: none !important
}
.tm-border-remove-right {
border-right: none !important
}
.border-style-radius {
border-radius: 5px
}
.border-style-radius-s {
border-radius: 3px
}
.border-style-radius-l {
border-radius: 8px
}
.border-style-radius-top {
border-top-left-radius: 5px;
border-top-right-radius: 5px
}
.border-style-radius-bottom {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px
}
.tm-animation-03 {
animation-duration: 0.3s !important
}
.tm-object-fit {
object-fit: cover
}
.tm-bg-remove {
background: none !important
}
.tm-bg-dark {
background: #e8eaed
}
.tm-bg-dark-footer {
background: #18181b
}
.bg-color-white {
background: #ffffff
}
.bg-color-custom {
background: #fff
}
.bg-color-custom-fea {
background: #fff
}
.bg-color-login-fea {
background: #c70c1f
}
.tm-bg-success {
background: #3aaf89
}
.tm-bg-warning {
background: #f2994a
}
.tm-bg-danger {
background: #eb5757
}
.tm-bg-muted {
background: #ebebeb
}
.tm-text-base {
color: #4f4f4f !important
}
a.main-link-reset {
color: #333
}
a.main-link-reset:hover {
text-decoration: none
}
.dr-light.main-link-reset,
.dr-light .main-link-reset,
.dr-section-primary:not(.dr-preserve-color).main-link-reset,
.dr-section-primary:not(.dr-preserve-color) .main-link-reset,
.dr-section-secondary:not(.dr-preserve-color).main-link-reset,
.dr-section-secondary:not(.dr-preserve-color) .main-link-reset,
.dr-card-primary.dr-card-body.main-link-reset,
.dr-card-primary.dr-card-body .main-link-reset,
.dr-card-primary > :not([class*='dr-card-media']).main-link-reset,
.dr-card-primary > :not([class*='dr-card-media']) .main-link-reset,
.dr-card-secondary.dr-card-body.main-link-reset,
.dr-card-secondary.dr-card-body .main-link-reset,
.dr-card-secondary > :not([class*='dr-card-media']).main-link-reset,
.dr-card-secondary > :not([class*='dr-card-media']) .main-link-reset {
color: white !important
}
a.link-style-normal {
color: #143f6e
}
a.link-style-normal:hover {
color: #012047;
text-decoration: underline
}
a.tm-link-emphasis {
color: #333
}
a.tm-link-emphasis:hover {
color: #012047;
text-decoration: none
}
a.tm-text-decoration-none {
text-decoration: none !important
}
.tm-text-white {
color: white !important
}
.tm-line-height-none {
line-height: 1
}
.tm-line-height-small {
line-height: 1.2
}
.tm-line-height-medium {
line-height: 1.5
}
.tm-line-height-large {
line-height: 1.8
}
.z-index-1 {
z-index: 1
}
.z-index-9 {
z-index: 9
}
.z-index-99 {
z-index: 99
}
.z-index-999 {
z-index: 999
}
.list-style-reset {
list-style: none;
margin: 0;
padding: 0
}
.tm-no-events {
pointer-events: none
}
@media (max-width:640px) {
.tm-no-space\@s {
padding: 0 !important;
margin: 0 !important
}
.tm-no-space\@s [class*=border-style-radius] {
border-radius: 0 !important
}
.tm-no-margin\@s {
margin: 0 !important
}
.tm-no-margin-top\@s {
margin: 0 !important
}
.tm-no-margin-bottom\@s {
margin: 0 !important
}
.tm-text-center\@s {
text-align: center
}
}
@media (max-width:960px) {
.tm-no-space\@m {
padding: 0 !important;
margin: 0 !important
}
.tm-no-space\@m [class*=border-style-radius] {
border-radius: 0 !important
}
.tm-no-margin\@m {
margin: 0 !important
}
.tm-no-margin-top\@m {
margin: 0 !important
}
.tm-no-margin-bottom\@m {
margin: 0 !important
}
}
@media (max-width:1200px) {
.tm-no-space\@l {
padding: 0 !important;
margin: 0 !important
}
.tm-no-space\@l [class*=border-style-radius] {
border-radius: 0 !important
}
.tm-no-margin\@l {
margin: 0 !important
}
.tm-no-margin-top\@l {
margin: 0 !important
}
.tm-no-margin-bottom\@l {
margin: 0 !important
}
}
#dr-xs-header {
height: 60px;
padding: 0 20px;
background: white;
border-bottom: 1px solid #e3dcdc;
display: none;
}
#dr-xs-header a:hover {
text-decoration: none !important
}
@media (min-width:1400px) {
min-height: 560px
}
@media (max-width:960px) {
.tm-flex-reverse {
display: flex;
flex-wrap: wrap-reverse
}
.dr-subnav > * {
padding-left: 10px
}
.dr-subnav {
margin-left: -10px
}
.dr-subnav-divider > :nth-child(n+2):not(.dr-first-column)::before {
margin-right: 10px
}
.extra-fields-content .grid-md-divider.grid-md-stack > .grid-md-margin::before {
border: none
}
.tm-video-iframe {
max-height: 300px !important
}
.sidebar-bnr {
float: left;
text-align: center
}
.sidebar-bnr .dr-h3 {
font-size: 12px !important
}
.dr-m-md {
margin-bottom: 30px !important
}
* + .dr-m-md {
margin-top: 30px !important
}
.dr-section {
padding-top: 30px !important;
padding-bottom: 30px !important
}
.model-card {
height: 360px !important
}
}
@media (max-width:640px) {
h1,
.dr-h1 {
font-size: 1.2rem
}
h3,
.dr-h3 {
font-size: 1.25rem
}
h4,
.dr-h4 {
font-size: 1.1rem
}
.tm-table-space td {
padding: 13px 15px !important
}
.tm-video-iframe {
max-height: 240px !important
}
.dr-padding,
.dr-card-body {
padding: 15px !important
}
.sidebar-bnr {
width: 144px;
height: 66px
}
.dr-breadcrumb > :nth-child(n+2):not(.dr-first-column)::before {
margin: 0 7px !important
}
}
@media (max-width:640px) {
#promo-top {
padding-right: 30px
}
#promo-top .promo-top-text {
max-width: 200px;
font-size: 1.1rem !important
}
#promo-top .button-style {
line-height: 36px;
padding: 0 7px;
font-size: 0.9rem
}
}
@media (max-width:640px) {
.biz-page-header img {
width: 70px !important;
height: 70px !important
}
.biz-page-header .dr-h2,
.biz-page-header h1 {
font-size: 1.4rem !important
}
.biz-page-header h3 {
font-size: 1.1rem !important
}
.biz-contact table i {
display: none
}
.tm-section-headline {
text-align: center
}
* + .tm-section-headline {
margin: 20px 0
}
#home-biz-pages {
padding: 0 10px !important
}
* + .dr-m-md {
margin-top: 15px !important
}
.dr-m-md-bottom,
.dr-m-md {
margin: 5px;
margin-bottom: 25px !important;
border-radius: 1rem;
}
.model-card {
height: 300px !important
}
}
:root {
--primary-bg: #012047
}
html * {
letter-spacing: -0.2px
}
.autoComplete_highlighted {
color: var(--primary-bg) !important
}
@media (max-width:960px) {
#sidebar > div {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
column-gap: 10px
border-radius: 1rem;
}
#sidebar > div:before {
display: none
}
.sidebar-bnr {
width: 100%;
margin-top: 0 !important;
height: auto
}
}
@media (max-width:640px) {
#sidebar > div {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 10px
}
.model-card {
min-height: 300px !important
}
}
/* Footer section */
.escortdr-footer .row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.escortdr-footer .form-control {
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.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: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.escortdr-footer .form-control {
color: #2b2b2b;
font-size: 14px;
border-radius: 0;
}
.escortdr-footer .footer-subscribe-block .form-control {
color: #fff;
background-color: transparent;
border-color: #636368;
width: -webkit-fill-available;
}
.escortdr-footer .form-control--sm {
padding: 0px 15px;
}
.escortdr-footer .mln-btn {
background: #ffffff;
color: #2b2b2b;
transition: .2s;
border-color: transparent;
border-style: solid;
border-width: 1px;
}
.escortdr-footer .btn-sm {
height: auto;
font-size: 14px;
line-height: 24px;
padding: 5px 28px;
}
.escortdr-footer .btn-block {
display: block;
width: 100%;
}
.escortdr-footer .footer-color-2 .footer-subscribe-block .mln-btn:not(:hover) {
background: #fff;
color: #29292b;
border-color: #fff;
}
.escortdr-footer .footer-subscribe-block form > * + * {
margin-top: 10px;
}
.escortdr-footer .list-footer {
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding: 0;
list-style: none;
font-size: 14px;
line-height: 15px;
}
.escortdr-footer .col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.escortdr-footer .text-center {
text-align: center !important;
}
.escortdr-footer .text-md-left {
text-align: left !important;
}
.escortdr-footer .list-footer li:first-child a,
.list-footer li:first-child > span {
padding: 0 0 10px;
}
.escortdr-footer .collapsed-caret,
input[type=checkbox].collapsed-checkbox {
display: none;
}
.escortdr-footer .list-footer li a,
.list-footer li > span {
display: inline-block;
padding: 10px 0;
letter-spacing: .5px;
text-decoration: none;
}
.escortdr-footer .list-footer li:hover a,
.list-footer li > span {
text-decoration: underline;
}
.escortdr-footer .logo_text {
text-decoration: none !important;
}
.escortdr-footer .logo_text h2 {
color: #fff;
font-size: 29px;
letter-spacing: 1px;
font-weight: 800;
}
.escortdr-footer .logo_text h2 {
color: #fff;
font-size: 29px;
letter-spacing: 1px;
font-weight: 800;
}
.escortdr-footer .footer-subscribe-block:not(:first-child) {
margin-top: 35px;
}
.escortdr-footer ul.footer-socials {
color: #fff;
font-size: 13px;
}
.escortdr-footer .footer-socials {
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding: 0;
list-style: none;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.escortdr-footer {
padding: 50px 0px 10px;
}
.main-banners {
display: flex;
justify-content: space-between;
margin: 15px 0px;
}
.main-banners .banner-one,
.main-banners .banner-tw,
.main-banners .banner-th {
margin-right: 8px;
}
.logo_text h2 {
font-family: "Work Sans", sans-serif;
color: #021f47;
font-size: 29px;
letter-spacing: 1px;
font-weight: 800;
margin: 0px;
}
.logo-sidebar_text h2 {
font-family: "Work Sans", sans-serif;
color: #021f47;
font-size: 29px;
letter-spacing: 1px;
font-weight: 800;
margin: 0px;
}
.slider-items-style img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
}
.dr-accordion-content li a {
padding: 10px 0px !important;
border-bottom: 0px !important;
}
.dr-accordion-content li:last-child a {
border-bottom: 0px !important;
}
.model-card.pos-rel.tm-bg-dark {
overflow: hidden;
}
.body-type-filter .dr-accordion-content {
padding: 0px 20px 10px;
}
.tm-border-radius {
border-radius: 5px;
}
.main-link-reset img {
width: 60px;
height: 60px;
object-fit: cover;
margin: 15px;
}
.main-link-reset-logo img {
width: 200px;
height: 60px;
object-fit: contain !important;
margin: 15px;
}
.dr-text-right img {
margin-left: -15px;
}
.uk-button-default {
border-color: #a32241;
box-sizing: border-box;
color: #a32241;
}
.dr-button-default:not(:disabled):focus,
.dr-button-default:not(:disabled):active,
.dr-button-default:not(:disabled):hover {
background: none;
border-color: #a32241;
color: #a32241;
}
.dr-button-default:not(:disabled):hover {
background: rgba(0.29, 0.31, 0.33, 1.00);
}
.dr-button-default:active,
.uk-button-default.uk-active {
background-color: rgba(0, 0, 0, 0);
color: #333;
border-color: #9f8787;
}
.dr-button-default:hover,
.dr-button-default:focus {
background-color: rgba(0, 0, 0, 0);
color: #333;
border-color: #b6a3a3;
}
.dr-button:hover {
text-decoration: none;
}
.dr-button:not(:disabled) {
cursor: pointer;
}
.dr-button-default {
border-color: #a32241;
box-sizing: border-box;
color: #a32241;
}
.dr-button {
border-radius: 5px;
font-weight: bold;
}
.dr-margin-small-right {
margin-right: 10px !important;
}
.dr-button-default {
background-color: transparent;
color: #333;
border: 1px solid #e3dcdc;
}
.dr-button {
margin: 0;
border: none;
overflow: visible;
font: inherit;
color: inherit;
text-transform: none;
-webkit-appearance: none;
border-radius: 0;
display: inline-block;
box-sizing: border-box;
padding: 0 25px;
vertical-align: middle;
font-size: .8rem;
line-height: 40px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: .1s ease-in-out;
transition-property: color, background-color, border-color;
}
#report-info-modal .dr-button {
border: 1px solid #3aaf89;
color: #f8f8f8;
font-weight: 600;
border-radius: 5px;
background-color: #3aaf89;
}
#report-info-modal .dr-modal-close {
background-color: #2b2b2b !important;
color: #fff !important;
}
.modal-newsletter2 .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, 0.2);
border-radius: 0.3rem;
outline: 0;
}
.modal-newsletter2 .modal-content {
border: 0;
border-radius: 0;
background-color: transparent;
}
.modal-newsletter2 {
z-index: 999999 !important;
}
.modal-newsletter2 .modal-dialog {
background-color: #000 !important;
border-radius: 15px;
margin-top: 20px;
}
.modal-newsletter2 .modal-dialog .close {
border: none;
background-color: #fff;
position: absolute;
top: 0;
right: 0;
z-index: 9999999 !important;
display: block;
border-radius: 30px;
overflow: auto;
padding: 5px 8px 7px 8px;
margin: auto;
}
.modal-newsletter2 .row {
display: -ms-flexbox;
display: flex;
}
.modal-newsletter2 .modal-headar {
margin: auto;
text-align: center;
}
.modal-newsletter2 .modal-headar h3 {
margin: 0;
}
.modal-newsletter2 .product-carousel,
.modal-newsletter2 .product-grid {
margin-top: -30px;
justify-content: center;
}
@media (min-width: 1025px) {
.modal-newsletter2 .product-grid.product-lg-3 .product-item {
-ms-flex: 0 0 33.333%;
flex: 0 0 33.333%;
max-width: 30%;
}
}
@media (min-width: 768px) {
.modal-newsletter2 .product-grid.product-md-3 .product-item {
-ms-flex: 0 0 33.333%;
flex: 0 0 33.333%;
max-width: 30%;
}
}
.modal-newsletter2 .product-item {
margin-top: 30px;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
.modal-newsletter2 .product-item-photo-wrap {
position: relative;
z-index: 0;
min-height: 100px;
}
.modal-newsletter2 .product-item-photo {
display: block;
position: relative;
z-index: 2;
}
.modal-newsletter2 .product-item-photo img {
border: 3px solid #012047;
}
.modal-newsletter2 .product-item-photo img {
display: block;
width: 100%;
height: auto;
}
.modal-newsletter2 .product-item-photo img {
border: 3px solid #d3a662;
border-radius: .25rem;
}
.modal-newsletter2 .product-item-photo img {
width: 100%;
max-width: 100%;
transition: opacity .5s;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1, 1);
}
.modal-newsletter2 .lazyloaded,
.modal-newsletter2 img.lazyloaded {
opacity: 1;
}
.modal-newsletter2 .product-item-labels {
position: absolute;
left: 10px;
right: 10px;
top: 10px;
bottom: 10px;
z-index: 3;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
pointer-events: none;
}
.modal-newsletter2 .short-info-box {
position: absolute;
text-shadow: 1px 1px #000;
border-radius: .25rem;
color: #fff;
padding: 10px;
font-weight: 600;
bottom: 0;
left: 0;
right: 0;
line-height: 1rem;
background: linear-gradient(to bottom, rgba(214, 214, 214, 0) 0, rgba(0, 0, 0, .9) 100%);
z-index: 999;
}
.modal-newsletter2 .short-info-box a {
color: #fff;
text-decoration: none;
}
.modal-newsletter2 .justify-content-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.modal-newsletter2 .flex-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.modal-newsletter2 .d-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.modal-newsletter2 .short-info-box .p-1 {
padding: .25rem !important;
}
.modal-newsletter2 .e_showname {
font-size: 1.09rem;
color: #fff;
}
@media (min-width: 768px) {
.modal-newsletter2 .d-md-block {
display: block !important;
}
}
.modal-newsletter2 .ribbon {
position: absolute;
top: -2px;
left: -3px;
overflow: hidden;
width: 75px;
height: 75px;
z-index: 999;
}
.modal-newsletter2 .ribbon span {
font-size: 10px;
font-weight: 600;
color: #000;
text-align: center;
line-height: 20px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
width: 100px;
display: block;
background: #d3a662;
background: linear-gradient(#d3a662 0, #d3a662 100%);
box-shadow: 0 3px 10px -5px #000;
position: absolute;
top: 19px;
left: -21px;
}
.modal-newsletter2 .ribbon span::before {
border-left: 3px solid #012047;
}
.modal-newsletter2 .ribbon span::after,
.ribbon span::before {
border-top: 3px solid #012047;
}
.modal-newsletter2 .ribbon span::after,
.ribbon span::before {
position: absolute;
top: 100%;
z-index: -1;
border-bottom: 3px solid transparent;
border-top: 3px solid #d3a662;
content: "";
}
.modal-newsletter2 .ribbon span::after,
.ribbon span::before {
position: absolute;
top: 100%;
z-index: -1;
border-bottom: 3px solid transparent;
border-top: 3px solid #d3a662;
content: "";
}
.modal-newsletter2 .ribbon span::before {
left: 0;
border-left: 3px solid #d3a662;
border-right: 3px solid transparent;
}
.modal-newsletter2 .form-group:last-child,
.modal-newsletter2 .form-row:last-child {
margin-bottom: 0;
}
.modal-newsletter2 .form-group-footer {
width: 100%;
margin: auto;
text-align: center;
}
.modal-newsletter2 .form-group,
.form-row {
margin-bottom: 20px;
}
.modal-newsletter2 .modal .btn {
margin-right: auto;
margin-left: auto;
max-width: 370px;
}
.modal-newsletter2 .mln-btn {
background: #2b2b2b;
color: #fff;
transition: .2s;
border-color: transparent;
border-style: solid;
border-width: 1px;
}
.modal-newsletter2 .mln-btn,
.modal-newsletter2 .mln-btn-invert,
.modal-newsletter2 .mln-btn-promo,
.modal-newsletter2 .mln-btn-white {
height: 46px;
font-size: 18px;
line-height: 26px;
font-weight: 600;
padding: 9px 50px;
border-radius: 0;
cursor: pointer;
transition: .1s;
}
.modal-newsletter2 .h3-style,
h3 {
font-size: 28px;
line-height: 30px;
font-weight: 500;
margin-bottom: 0;
}
#contact-escort-modal .dr-modal-dialog {
width: 720px;
background: transparent;
}
#contact-escort-modal .container {
justify-content: center;
display: grid;
margin: 15px;
}
#phone-modal-2 .dr-modal-dialog {
width: 720px;
background: transparent;
}
#phone-modal-2 .container {
justify-content: center;
display: grid;
margin: 15px;
}
@media screen and (max-width: 720px) {
.hidden-mobile {
display: none;
}
.modal-newsletter2 .short-info-box {
padding: 1px;
}
.modal-newsletter2 .e_showname {
font-size: 13px;
}
.escort-location a {
font-size: 13px;
}
.escort-price {
font-size: 13px;
}
.modal-newsletter2 .form-group-footer {
display: contents;
}
.form-group-footer .col-sm-12 {
padding: 12px 0px !important;
}
.row.product-grid.product-lg-3.product-md-3.product-sm-2.product-xs-2.js-listingGrid {
padding: 0px !important;
}
.escort-showname {
padding-bottom: 0px !important;
}
}
.button-style-ek {
/*background-color: #fff !important;*/
}
#location-autocomplete .dr-input {
background: rgb(255 255 255) !important;
}
.text-color-menu-tools {
color: #031e47 !important;
}
.text-color-menu-tools:hover {
color: #031e47 !important;
}
.logo_text {
font-family: 'Poppins', sans-serif; /* Choose a stylish font */
font-size: 32px; /* Adjust size */
font-weight: 900; /* Make it bold */
text-transform: uppercase; /* Capital letters for logo effect */
background: linear-gradient(45deg, #ff416c, #ff4b2b); /* Gradient color */
-webkit-background-clip: text; /* Clip background to text */
-webkit-text-fill-color: transparent; /* Transparent text for gradient */
text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3); /* Subtle shadow for depth */
letter-spacing: 2px; /* Space letters for logo effect */
display: inline-block; /* Allows proper rendering */
}
}
/* stamp style */
.stamp.is-vip {
background-color: #111;
font-size: 14px;
height: 1.6rem;
padding: 2px 0 0 !important;
letter-spacing: normal;
font-weight: 700;
line-height: 14px;
}
.viplogo.is-vip {
/* background-color: #333;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
border-radius: 10%;
color: #fff;
border: 1px solid #ffd400;
box-shadow: 0 0 0 6px #333, 0 1px 1px 4px rgb(0 0 0 / 10%); */
position: absolute;
width: 45px;
height: 45px;
top: -10px;
right: 6px;
}
.stamp.is-vip.stamp-babes {
display: none;
/*background-color: #333;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
width: 30px;
height: 30px;
padding: 0;
border-radius: 10%;
color: #fff;
border: 1px solid #ffd400;
box-shadow: 0 0 0 6px #333, 0 1px 1px 4px rgb(0 0 0 / 10%);
top: 12px;
right: 13px;*/
}
/*
.stamp.is-vip.stamp-babes {
background-color: #333;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
width: 30px;
height: 30px;
padding: 0;
border-radius: 10%;
color: #fff;
border: 1px solid #ffd400;
box-shadow: 0 0 0 6px #333, 0 1px 1px 4px rgb(0 0 0 / 10%);
top: 12px;
right: 13px;
}
.stamp.is-vip.stamp-babes svg {
background-color: #333;
padding: 4px;
fill: #ffd400;
width: 22px;
height: 18px;
position: absolute;
top: -7px;
left: 50%;
margin-left: -11px;
border-radius: 20px 20px 5px 5px;
z-index: 2;
}*/
/* status style */
.status.is-verified {
background-color: #111;
font-size: 12px;
height: 1.6rem;
/* padding: 2px 0 0!important; */
letter-spacing: normal;
font-weight: 700;
line-height: 13px;
}
.viplogo.is-verified {
background-color: #333;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
border-radius: 10%;
color: #fff;
border: 1px solid #ffd400;
box-shadow: 0 0 0 6px #333, 0 1px 1px 4px rgb(0 0 0 / 10%);
*/ position: absolute;
width: 45px;
height: 45px;
top: 8px;
right: 8px;
}
.status.is-verified.stamp-photos {
display: none;
background-color: #333;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
width: 30px;
height: 30px;
padding: 0;
border-radius: 10%;
color: #fff;
border: 1px solid #ffd400;
box-shadow: 0 0 0 6px #333, 0 1px 1px 4px rgb(0 0 0 / 10%);
top: 12px;
right: 13px;
*/
}
.status.is-verified.status-photos {
background-color: #76ad33;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
width: 50px;
height: 50px;
padding: 0;
border-radius: 50%;
color: #fff;
background: linear-gradient(192deg, #a6c084, #549c2f);
/*box-shadow: 0 0 0 3px #a6c084, 0 4px 4px 3px rgb(0 0 0 / 90%); */
top: 210px;
right: 13px;
}
@media (max-width:568px) {
.status.is-verified.status-photos {
bottom: 45px;
top: auto;
}
}
.status.is-verified.status-photos svg {
background-color: #333;
padding: 4px;
fill: #ffd400;
width: 22px;
height: 18px;
position: absolute;
top: -7px;
left: 50%;
margin-left: -11px;
border-radius: 20px 20px 5px 5px;
z-index: 2;
}
.model-card-headline .stamp {
border-radius: 2px;
}
figure.stamp-babes-new {
background-color: #ec1c24;
font-size: 15px;
font-weight: 700;
position: absolute;
right: -15px;
bottom: 85px;
padding: 0px 10px 0px 6px;
}
figure.stamp-babes-new:before {
left: 50px;
border-left-color: transparent !important;
border: 11px solid #ec1c24;
position: absolute;
display: block;
bottom: 0px;
content: "";
z-index: 0;
}
.model-card-headline .stamp {
border-radius: 2px;
}
figure.stamp-babes-photos {
background-color: #6aa646;
font-size: 15px;
font-weight: 700;
position: absolute;
right: -15px;
bottom: 55px;
padding: 0px 10px 0px 6px;
}
figure.stamp-babes-photos:before {
left: -16px;
border-left-color: transparent !important;
border: 11px solid #6aa646;
position: absolute;
display: block;
bottom: 0px;
content: "";
z-index: 0;
}
.featured-icon {
position: absolute;
left: -20px;
top: 0px;
/*background-color: rgba(377,377,377,0.8 );*/
padding: 0px 23px 0px;
transform: rotate(-44deg);
}
.featured-icon svg {
width: 20px;
height: 20px;
}
.dispaly-visible {
display: inline-table !important;
}
.model-card-headline h5,
.model-card-headline span {
text-shadow: 0 1px 1px rgb(0 0 0 / 70%);
}
.model-card-headline .stamp {
border-radius: 2px;
}
figure.stamp-babes-ad {
background-color: #6aa646;
font-size: 15px;
font-weight: 700;
position: absolute;
right: -15px;
bottom: 55px;
padding: 0px 10px 0px 6px;
}
figure.stamp-babes-ad:before {
left: -16px;
border-left-color: transparent !important;
border: 11px solid #6aa646;
position: absolute;
display: block;
bottom: 0px;
content: "";
z-index: 0;
}
/*
.model-card-headline {
z-index: 0;
}
.model-card-headline:before {
content: "";
background-color: rgba(28, 69, 107, 0.5);
width: 120%;
height: 115%;
bottom: -1px;
left: -15px;
position: absolute;
z-index: -1;
}*/
.dr-button-list {
order: 1;
padding-left: 0;
margin-left: 0;
}
.dr-navbar-left.dr-full {
order: 0;
}
.dr-button-list ul li {
display: inline;
}
.button-color-gold {
text-transform: uppercase;
background-color: #ffd400;
color: #000;
cursor: pointer;
transition: all .2s ease-in-out;
background-size: 100% 100%;
background-position: center;
}
.button-color-red {
background-color: #db4241;
color: #fff;
}
.button-color-green {
background-color: #73c76a;
color: #fff;
}
#model-header .button-style {
width: 100px;
vertical-align: text-top;
border-color: #07e676 !important;
box-sizing: border-box;
color: #07e676 !important;
}
.btn-green {
background-color: #00e676;
}
.btn-green i {
color: #00e676 !important;
}
.contactbtn-green {
background-color: #00e676;
}
.contactbtn-green i {
color: #00e676 !important;
}
.full-img img {
width: 100%;
object-fit: cover;
}
.card-details #biz-about-text {
font-size: 15px;
}
.card-details .button-style-link {
padding: 0px !important;
margin: 0px !important;
}
.card-details .contactinfo ul {
padding-left: 0px;
list-style: none;
}
.card-details .contactinfo {
width: 320px;
}
.contactinfo i {
color: #1c456b;
font-size: 13px;
}
.font-light {
font-weight: 600;
}
.mb-2 {
margin-bottom: 10px !important;
}
@media (max-width:1100px) {
.xs-hidden {
display: none;
}
.dr-flex-unset {
display: block;
}
.dr-full-right ul {
padding-left: 15px;
}
.dr-full-right {
order: 0 !important;
}
.dr-navbar-left.dr-full {
width: 100% !important;
display: block;
order: 2;
}
.button-style {
margin-bottom: 5px !important;
}
#model-header .child-width-style {
margin-top: 15px;
}
.button-style {
border-radius: 5px;
font-weight: bold;
/* width: 100px;*/
font-size: 12px;
padding: 0px 10px;
}
.main-top-buttons .button-style {
width: 100px;
}
#modal-18 .button-style-success {
width: auto !important;
}
.dr-full-right ul {
padding-left: 0px;
}
.dr-full-right {
order: 0 !important;
text-align: center;
}
.contactinfo {
display: none;
}
.xs-contactinfo {
display: block !important;
background-color: #fff;
}
.xs-contactinfo ul {
padding-left: 0px;
list-style: none;
}
.biz-page-header .dr-width-auto {
width: 100%;
margin-bottom: 8px;
}
.card-details .button-style-link {
width: auto;
}
.xs-contactinfo a {
font-size: 15px;
}
.xs-contactinfo td i {
font-size: 14px;
}
.card-details img {
/*position: absolute;
margin-top: 15px;*/
}
.card-details h1,
.card-details h3 {
/*padding-left: 80px;*/
}
}
#contact-modal .dr-modal-dialog,
#report-info-modal .dr-modal-dialog {
background-color: #000 !important;
border-radius: 15px;
margin-top: 20px;
}
#contact-disclaimer-modal .dr-modal-dialog,
#contact-disclaimer-info-modal .dr-modal-dialog {
background-color: #000 !important;
border-radius: 15px;
margin-top: 20px;
}
.modal-head .dr-h3 {
font-size: 28px;
line-height: 30px;
font-weight: 700;
color: #fff;
padding: 20px 0px 15px 0px;
}
.modal-main {
padding: 0px 15px 0px 15px;
}
.modal-main .dr-h5 {
color: #fff;
}
.modal-main input {
background-color: #fff;
height: 50px;
margin-top: 6px;
}
.modal-main textarea {
margin-top: 6px;
background-color: #fff;
}
.modal-btn {
height: 46px;
font-size: 18px;
line-height: 26px;
font-weight: 600;
padding: 9px 50px;
border-radius: 0;
cursor: pointer;
transition: .1s;
background: #2b2b2b;
color: #fff;
transition: .2s;
border-color: transparent;
border-style: solid;
border-width: 1px;
margin: 10px;
}
.modal-foot {
text-align: center;
margin: 0px 0px 15px 0px;
}
#dropdownCountry {
font-size: 14px;
text-decoration: none;
margin-right: 15px;
font-weight: 500;
}
#dropdownCountry i {
width: 12px;
}
.dropdownCountry .dropdown-item {
font-size: 13px;
padding: 5px 15px;
color: #212529;
}
.dropdownCountry img {
width: 34px;
height: 20px;
border: 1px solid #0a245f7a;
padding: 1px;
border-radius: 2px;
margin-right: 2px;
}
@media (max-width:568px) {
#dropdownCountry {
margin-right: 0px;
}
#dr-xs-header .margin-align-left {
/*margin-left: 12px!important;*/
}
.xs-flex {
display: flex;
}
.dr-navbar-right.text-style-bold.dr-button-list.dr-full-right a.button-style.button-color-gold,
.dr-navbar-right.text-style-bold.dr-button-list.dr-full-right a.button-style.button-color-red {
width: 120px;
}
.modal-btn {
padding: 9px 30px;
}
.button-style-contact {
background-color: #07e676;
color: #fff;
border: 1px solid transparent;
}
.button-style-email {
border-color: #07e676 !important;
box-sizing: border-box;
color: #07e676;
!important;
}
.mb-0 {
margin-bottom: 0px;
}
.upper-text {
text-transform: uppercase;
}
.close {
position: absolute;
right: 13px;
top: 10px;
z-index: 99;
}
.dr-h2 {
font-weight: bolder;
}
}
.text-color-menu-icons { color: #031e47!important;}.bg-color-custom { background: #fff !important;}.tm-bg-dark-footer { background: #18181b !important;}.logo_text h2 { font-family: "Work Sans", sans-serif; color: #000; font-size: 29px; letter-spacing: 1px; font-weight: 800; margin: 0px;}text-color-menu-tools { color: #fff !important;}.text-color-menu-tools:hover { color: #000 !important;}.button-style-ek { background-color: #fff !important;}.text-color-menu-tools { color: #000 !important;}#dr-xs-header { height: 80px; padding: 0 20px; background: #fff !important; border-bottom: 1px solid #e3dcdc;}#dr-xs-header a { color: #000 !important;}.main-link-reset-logo img { width: 180px!important; height: 45px; object-fit: cover; margin: 5px!important;}.bg-color-custom-fea { background: #fff;}.button-style-load-more { background: #1b1f29; color: #fff; border: 1px solid transparent;}.text-color-menu-icons { color: #022169!important;}#dropdownCountry { font-size: 14px; text-decoration: none; margin-right: 15px; font-weight: 500;}#dropdownCountry i { width: 12px;}.dropdownCountry .dropdown-item { font-size: 13px; padding: 5px 15px; color: #212529;}.dropdownCountry img { width: 34px; height: 20px; border: 1px solid #0a245f7a; padding: 1px; border-radius: 2px; margin-right: 2px;}@media (max-width:568px) { #dropdownCountry { margin-right: 0px; }} @media (max-width: 640px)
.main-link-reset-logo img {
width: 190px !important;
object-fit: contain;
}
.text-mute {
color: #3e3f42;
}
.prv-profile {
position: absolute;
top: 56vh;
left: 10px;
background-color: #1b1f29 !important;
padding: 0px 0px 0px 15px;
border-radius: 11px;
color: #fff;
z-index: 9;
}
.next-profile {
position: absolute;
right: 10px;
top: 56vh;
background-color: #1b1f29 !important;
padding: 0px 3px 0px 31px;
border-radius: 11px;
z-index: 9;
}
.prv-profile span {
color: #fff;
}
.next-profile span {
color: #fff;
}
span.verifiedtext {
background: #326ADE;
color: #FFF;
text-transform: uppercase;
border-radius: 5px;
padding: 5px 6px;
font-size: 10px;
margin-top: 4px;
position: absolute;
margin-left: 13px;
}
span.verifiedtext:before {
content: "";
position: absolute;
top: 8px;
bottom: auto;
left: -10px;
border-width: 6px 10px 6px 0;
border-color: transparent #326ADE;
border-style: solid;
display: block;
width: 0;
}
#listing p {
margin: 0px;
padding: 0px;
line-height: 20px;
}
.profile_stuff_item span {
background: #F0F0F5;
border-radius: 3px;
display: inline-block;
margin: 2px;
font-size: 14px;
text-transform: uppercase;
text-align: center;
min-width: 24%;
line-height: 8px;
padding: 10px 0px 4px 0px;
}
#contact h2 {
text-align: left;
display: inline-block;
font-size: 1.7em;
margin-bottom: 7px;
text-transform: none;
font: weight 550px;
}
.reminderbox {
margin-bottom: 10px;
padding: 6px 15px;
font-size: 14px;
background: #F0F0F5;
border-radius: 5px;
}
.favbtn {
display: flex;
column-gap: 15px;
}
.fi_make_favorite, .fi_tool {
display: inline-block;
overflow: hidden;
text-align: center;
border: 1px #CECECE solid;
border-radius: 5px;
padding: 10px 0px;
color: #000;
font-weight: 400;
width: 100%;
background: linear-gradient(#F7F7F7, #E3E3E3) repeat scroll 0% 0% transparent;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}
.phone_number {
width: 70%;
padding: 6px 0 13px;
border-radius: 0px;
display: flex;
margin: 0;
font-size: 14px;
text-transform: uppercase;
text-align: left;
line-height: 1.1;
align-items: center;
column-gap: 13px;
}
}
.bignumber {
font-size: 1.7em;
font-weight: 600;
padding: 3px 0px;
display: block;
font-family: brandon-grotesque,sans-serif;
word-wrap: break-word;
}
.phone_number:nth-child(2) {
background-size: 34px 34px;
background-position: 8px 5px;
background-image: url();
}
span.bignumber a {
color: #FE4365;
font-size: 16px;
font-family: proxima-nova, sans-serif;
font-style: normal;
font-weight: 300;
display: block;
}
.walink a {
color: #4cb348 !important;
font-weight: 600 !important;
}
.profile_stuff_value {
font-family: brandon-grotesque,sans-serif;
font-size: 1.4em;
padding: 1px 0px 3px;
font-weight: 600;
}
.verifiedimg {
vertical-align: text-bottom;
}
.expires_box {
position: absolute;
right: 15px;
top: 15px;
color: #74787E;
font-size: 12px;
}
.profile_stuff_item span {
margin: 2px 2px 8px 2px;
}
span.verifiedtext {
margin-top: 15px;
}
span.verifiedtext:before {
top: 4px;
left: -9px;
}
.favbtn {
margin-top: 20px;
}
/* Styles for widget */
.exo-native-widget {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 15px;
padding: 15px 0;
max-width: 100%;
}
.exo-native-widget-item-container {
flex: 1 1 calc(25% - 15px);
display: flex;
flex-direction: column;
border: 1px solid #ccc;
border-radius: 12px;
overflow: hidden;
position: relative;
transition: transform 0.2s, box-shadow 0.2s;
background-color: #fff;
}
.exo-native-widget-item-container:hover {
transform: scale(1.03);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}
.exo-native-widget-item {
text-decoration: none;
color: inherit;
display: flex;
flex-direction: column;
height: 100%;
}
.exo-native-widget-item-image-wrapper {
width: 100%;
height: 250px;
overflow: hidden;
position: relative;
}
.exo-native-widget-item-image {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 100%;
height: 100%;
transition: transform 0.3s;
}
.exo-native-widget-item-image:hover {
transform: scale(1.05);
}
.online-now-banner {
position: absolute;
top: 8px;
right: 8px;
background-color: #28a745;
color: white;
font-size: 12px;
font-weight: bold;
padding: 4px 8px;
border-radius: 15px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
z-index: 10;
animation: pulse 1.5s infinite;
}
@keyframes pulse {
0%, 100% {
transform: scale(1);
box-shadow: 0 0 10px rgba(40, 167, 69, 0.6);
}
50% {
transform: scale(1.1);
box-shadow: 0 0 20px rgba(40, 167, 69, 0.8);
}
}
.exo-native-widget-item-content {
padding: 12px;
display: flex;
flex-direction: column;
justify-content: flex-start;
text-align: left;
}
.exo-native-widget-item-title {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #2b2b2b;
margin: 0 0 8px;
}
.exo-native-widget-item-brand {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #777;
}
@media (max-width: 768px) {
.exo-native-widget-item-container {
flex: 1 1 calc(50% - 15px);
}
}
/* Sticky Container for both StickyBar and Header */
.sticky-container {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1000;
width: 100%;
}
#sticky-bar {
background-color: #333;
padding: 10px 0;
}
#header.dr-sticky {
background-color: #fff;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
/* Navbar Search Box Styling */
.dr-navbar-center {
flex-grow: 3; /* Ensure the search box grows to take more space */
max-width: 1000px; /* Set a larger maximum width */
margin: 0 20px;
}
/* Adjust navbar layout for wider search */
.dr-navbar-left, .dr-navbar-right {
flex: 0 0 auto;
}
.navbar-search-form {
display: flex;
position: relative;
width: 100%;
}
.navbar-search-input {
width: 100%; /* Ensure the input takes full width of its container */
padding: 8px 15px;
border: 1px solid #ddd;
border-radius: 20px;
font-size: 14px;
background-color: #f8f8f8;
height: 36px;
}
.navbar-search-button {
position: absolute;
right: 5px;
top: 50%;
transform: translateY(-50%);
background: none;
border: none;
color: #555;
cursor: pointer;
padding: 5px;
font-size: 16px;
}
/* Update navbar layout */
.dr-navbar {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: nowrap;
}
/* Sticky Bar Container Layout */
.sticky-bar-container {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
}
.sticky-left, .sticky-right {
display: flex;
gap: 20px;
align-items: center;
}
.sticky-center {
flex: 1;
max-width: 400px;
margin: 0 20px;
}
/* Search Form Styling */
.top-search-form {
display: flex;
position: relative;
width: 100%;
}
.top-search-input {
width: 100%;
padding: 8px 15px;
border: none;
border-radius: 20px;
font-size: 14px;
background-color: #fff;
height: 36px;
}
.top-search-button {
position: absolute;
right: 5px;
top: 50%;
transform: translateY(-50%);
background: none;
border: none;
color: #333;
cursor: pointer;
padding: 5px;
font-size: 16px;
}
/* Link Styling */
.sticky-bar-container a {
color: white;
text-decoration: none;
font-size: 16px;
font-weight: bold;
transition: color 0.3s ease;
}
.sticky-bar-container a:hover {
color: #f8f8f8;
text-decoration: underline;
}
/* Mobile Header Styles */
#dr-xs-header {
background-color: #fff;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
position: relative;
}
/* Mobile Search Styling */
.mobile-search-container {
padding: 10px 15px;
background-color: #fff;
width: 100%;
position: absolute;
top: 100%;
left: 0;
right: 0;
z-index: 999;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
margin-bottom: 20px;
}
.mobile-search-form {
display: flex;
position: relative;
width: 100%;
}
.mobile-search-input {
width: 100%;
padding: 8px 15px;
border: 1px solid #ddd;
border-radius: 20px;
font-size: 14px;
background-color: #f8f8f8;
height: 36px;
}
.mobile-search-button {
position: absolute;
right: 5px;
top: 50%;
transform: translateY(-50%);
background: none;
border: none;
color: #555;
cursor: pointer;
padding: 5px;
font-size: 16px;
}
/* Responsive Styles */
@media (max-width: 768px) {
.sticky-bar-container {
flex-wrap: wrap;
}
.sticky-center {
order: 3;
width: 100%;
max-width: 100%;
margin: 10px 0 5px;
}
.sticky-bar-container a {
font-size: 14px;
}
.top-search-input {
height: 32px;
font-size: 13px;
}
/* Hide navbar search on mobile since we have the dedicated mobile search */
.dr-navbar-center {
display: none;
}
}
@media (max-width: 640px) {
#dr-xs-header {
position: relative; /* Changed from sticky to relative since parent is sticky */
z-index: 1000;
display: block !important;
width: 100%;
padding: 10px 15px;
}
#header {
display: none;
}
/* Force sticky behavior for mobile */
.sticky-container {
position: -webkit-sticky !important;
position: sticky !important;
top: 0 !important;
z-index: 1000 !important;
}
/* Ensure the mobile header is visible and properly styled */
html body .sticky-container #dr-xs-header {
display: block !important;
}
/* Override any potential conflicting styles */
body .pos-rel {
position: relative !important;
}
.sticky-left, .sticky-right {
gap: 10px;
}
}
.sticky-bar-container {
display: flex;
justify-content: center;
gap: 20px;
}
.sticky-bar-container a {
color: white;
text-decoration: none;
font-size: 16px;
font-weight: bold;
transition: color 0.3s ease;
}
/* Responsive adjustments */
@media (max-width: 768px) {
.sticky-bar-container a {
font-size: 14px;
}
}
/* Breadcrumb container with off-white background */
.hidden.md\:block {
display: block;
background: #f8f9fa; /* Off-white background */
padding: 12px 16px; /* Adds spacing inside the breadcrumb */
border-radius: 8px; /* Smooth rounded corners */
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); /* Soft shadow for depth */
margin-top: 20px; /* Space from the top */
}
/* Hide breadcrumb on small screens but keep it in HTML for SEO */
@media screen and (max-width: 768px) {
.hidden.md\:block {
display: none;
}
}
/* Breadcrumb list */
/* Breadcrumb container with off-white background (not full-width) */
.hidden.md\:block {
display: block;
background: #f8f9fa; /* Off-white background */
padding: 8px 16px; /* Adds spacing inside */
border-radius: 20px; /* Rounded ends */
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); /* Soft shadow */
margin-top: 20px; /* Adds space from the top */
display: inline-block; /* Makes background wrap around content */
}
/* Hide breadcrumb on mobile but keep it for SEO */
@media screen and (max-width: 768px) {
.hidden.md\:block {
display: none;
}
}
/* Breadcrumb list */
.inline-flex {
display: inline-flex;
align-items: center;
font-size: 14px; /* Slightly smaller text */
font-family: Arial, sans-serif;
list-style: none;
margin: 0;
padding: 0;
font-weight: 600; /* Semi-bold but not too thick */
}
/* Breadcrumb items */
.inline-flex li {
display: flex;
align-items: center;
}
/* Breadcrumb links */
.inline-flex li a {
text-decoration: none;
color: #333; /* Dark gray for readability */
font-weight: 600; /* Slightly bold */
display: flex;
align-items: center;
transition: color 0.3s ease-in-out;
}
/* Hover effect */
.inline-flex li a:hover {
color: #0073e6; /* Bright blue on hover */
}
/* Home icon */
.inline-flex li a div img {
width: 20px; /* Slightly smaller home icon */
height: 20px;
margin-right: 6px;
display: inline-block;
vertical-align: middle;
}
/* Chevron separator */
.inline-flex img[alt="chevron-right"] {
width: 5px;
height: 9px;
margin: 0 8px;
display: inline-block;
opacity: 0.7;
}
/* Current page (last item, no link) */
.inline-flex .text-purple-100 {
color: #444; /* Slightly darker for better contrast */
font-weight: 600;
}
/* FAQ Styling */
.faq-icon {
height: 20px;
width: 20px;
transition: transform 0.3s ease;
}
.faq-icon.rotate {
transform: rotate(90deg);
}
.faq-answer {
max-height: 0;
overflow: hidden;
transition: all 0.3s ease-out;
}
.faq-answer:not(.hidden) {
max-height: 2000px;
transition: all 0.5s ease-in;
padding-bottom: 8px;
}
/* Tailwind-like classes */
.mt-8 { margin-top: 2rem; }
.mt-6 { margin-top: 1.5rem; }
.mt-4 { margin-top: 1rem; }
.mt-3 { margin-top: 0.75rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-1 { margin-top: 0.25rem; }
.mb-4 { margin-bottom: 1rem; }
.ml-6 { margin-left: 1.5rem; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.pl-5 { padding-left: 1.25rem; }
.space-y-4 > * + * { margin-top: 1rem; }
.space-y-1 > * + * { margin-top: 0.25rem; }
.rounded-lg { border-radius: 0.5rem; }
.bg-gray-50 { background-color: #f9fafb; }
.hover\:bg-purple-50:hover { background-color: #f5f5f5; }
.shadow-sm { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }
.text-xl { font-size: 1.25rem; line-height: 1.75rem; }
.text-lg { font-size: 1.125rem; line-height: 1.75rem; }
.text-base { font-size: 1rem; line-height: 1.5rem; }
.font-bold { font-weight: 700; }
.font-medium { font-weight: 600; }
.text-purple-900 { color: #4c1d95; }
.text-gray-600 { color: #4b5563; }
.transition-all { transition-property: all; }
.duration-300 { transition-duration: 300ms; }
.transform { transform: translateZ(0); }
.cursor-pointer { cursor: pointer; }
.flex { display: flex; }
.w-full { width: 100%; }
.h-5 { height: 1.25rem; }
.w-5 { width: 1.25rem; }
.items-start { align-items: flex-start; }
.justify-between { justify-content: space-between; }
.leading-7 { line-height: 1.75rem; }
.divide-y > * + * { border-top-width: 1px; }
.divide-gray-200 > * + * { border-color: #e5e7eb; }
.list-disc { list-style-type: disc; }
/* Responsive design */
@media (max-width: 768px) {
.px-4 { padding-left: 0.75rem; padding-right: 0.75rem; }
.py-5 { padding-top: 1rem; padding-bottom: 1rem; }
.text-lg { font-size: 1rem; line-height: 1.5rem; }
.text-xl { font-size: 1.125rem; line-height: 1.5rem; }
.faq-icon { height: 16px; width: 16px; }
}
/* Extra Style for Header and search and tags*/
.search-modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.95);
z-index: 1000;
}
.modal-content {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #ffffff;
display: flex;
flex-direction: column;
}
.search-header {
padding: 20px;
border-bottom: 1px solid #eee;
display: flex;
justify-content: space-between;
align-items: center;
background: #f8f9fa;
}
.search-header h2 {
margin: 0;
padding: 0;
}
.close-modal {
font-size: 32px;
color: #666;
cursor: pointer;
transition: color 0.3s;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
}
.close-modal:hover {
color: #333;
}
.search-body {
flex: 1;
padding: 20px;
display: flex;
flex-direction: column;
}
.search-input-old {
width: 100%;
padding: 16px;
font-size: 18px;
border: 2px solid #1d1f27;
border-radius: 8px;
margin-bottom: 20px;
transition: all 0.3s ease;
}
.search-input:focus {
border-color: #0056b3;
box-shadow: 0 0 8px rgba(0,123,255,0.25);
}
.suggested-tags-container {
flex: 1;
overflow-y: auto;
margin-bottom: 80px; /* Space for toolbar */
}
.suggested-tags {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.tag {
background: #f1f3f5;
padding: 10px 18px;
border-radius: 25px;
cursor: pointer;
transition: all 0.2s ease;
font-size: 14px;
color: #495057;
}
.tag:hover {
background: #e9ecef;
transform: translateY(-1px);
}
.button-toolbar {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #fff;
padding: 15px 20px;
display: flex;
gap: 15px;
border-top: 1px solid #eee;
box-shadow: 0 -2px 10px rgba(0,0,0,0.05);
}
.reset-btn, .submit-btn {
flex: 1;
padding: 16px;
border: none;
border-radius: 8px;
font-size: 16px;
font-weight: 500;
cursor: pointer;
transition: all 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.reset-btn {
background: #f8f9fa;
color: #1d1f27;
border: 1px solid #eee;
}
.reset-btn:hover {
background: #f1f3f5;
transform: translateY(-1px);
}
.submit-btn {
background: #1d1f27;
color: white;
}
.submit-btn:hover {
background: #1d1f27;
transform: translateY(-1px);
}
@media (max-width: 768px) {
.search-header {
padding: 15px;
}
.search-input {
font-size: 16px;
padding: 14px;
}
.button-toolbar {
padding: 12px 15px;
}
.reset-btn, .submit-btn {
padding: 14px;
font-size: 15px;
}
}
* Desktop search styling to match mobile */
.navbar-search-form {
width: 100%;
max-width: 500px;
margin: 0 auto;
}
.search-container {
display: flex;
align-items: center;
background: #fff;
border: 1px solid #ddd;
border-radius: 25px;
padding: 0 5px;
height: 44px;
width: 100%;
position: relative;
box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.search-icon {
display: none; /* Hidden by default, shown in larger screens */
color: #999;
padding-left: 15px;
font-size: 14px;
}
.navbar-search-input {
flex: 1;
border: none;
background: transparent;
height: 42px;
padding: 0 15px;
font-size: 14px;
color: #333;
width: 100%;
}
.navbar-search-input:focus {
outline: none;
}
.navbar-search-input::placeholder {
color: #999;
}
.navbar-search-button {
background: #333;
border: none;
color: white;
width: 36px;
height: 36px;
font-size: 15px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
margin-right: 3px;
}
/* Desktop search styling */
@media (min-width: 992px) {
/* Modify container for better layout */
.container-md {
max-width: 1300px;
}
/* Adjust navbar layout */
.dr-navbar-container {
display: flex !important;
align-items: center !important;
}
/* Fix logo area */
.dr-navbar-left {
flex: 0 0 auto !important;
min-width: 170px !important;
margin-right: 20px !important;
}
/* Make center area expand */
.dr-navbar-center {
flex: 1 !important;
padding: 0 20px !important;
}
/* Fix right area */
.dr-navbar-right {
flex: 0 0 auto !important;
}
.search-icon {
display: flex;
}
.navbar-search-form {
max-width: 100%;
width: 100%;
}
.search-container {
border-radius: 30px;
height: 48px;
}
.navbar-search-input {
height: 46px;
font-size: 15px;
}
.navbar-search-button {
width: auto;
min-width: 100px;
padding: 0 20px;
border-radius: 20px;
font-size: 14px;
font-weight: 500;
transition: background-color 0.2s;
letter-spacing: 0.5px;
text-transform: uppercase;
height: 38px;
}
.navbar-search-button:hover {
background-color: #222;
}
}
/* Dropdown suggestions for desktop search (matching mobile style) */
.desktop-search-suggestions {
position: absolute;
top: 100%;
left: 0;
right: 0;
z-index: 1002;
background: white;
border-radius: 0 0 8px 8px;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
margin-top: 2px;
border: 1px solid #ddd;
border-top: none;
display: none;
}
/* Mobile header styling exactly like escortbabes.co.uk - improved version */
#dr-xs-header {
background: #fff !important;
position: relative !important;
z-index: 100 !important;
}
/* Container for logo and menu */
.mobile-header-top {
padding: 10px 15px !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
background: #fff !important;
height: 60px !important;
border-bottom: 1px solid #e6e6e6 !important;
}
/* Search container styling with proper spacing */
.mobile-search-container {
padding: 10px 15px !important;
background: #fff !important;
display: flex !important;
align-items: center !important;
border-bottom: 1px solid #e6e6e6 !important;
width: 100% !important;
z-index: 99 !important;
position: absolute !important;
left: 0 !important;
top: 60px !important;
box-sizing: border-box !important;
overflow: hidden !important; /* Prevent content from flowing outside */
}
/* Fixed search container when scrolling - eliminate the gap */
.mobile-search-container.is-sticky {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
box-shadow: 0 1px 4px rgba(0,0,0,0.1) !important;
margin-top: 0 !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
z-index: 999 !important;
}
/* Filter toggle button on left - fix visibility */
.mobile-filter-toggle {
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
max-width: 40px !important; /* Ensure fixed width */
border-radius: 50% !important;
background: #fff !important;
border: 1px solid #ddd !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: #555 !important;
font-size: 15px !important;
box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
margin-right: 10px !important;
flex-shrink: 0 !important;
z-index: 2 !important;
-webkit-tap-highlight-color: transparent !important; /* Remove tap highlight */
touch-action: manipulation !important; /* Improve touch behavior */
}
/* Search form with rounded corners */
.mobile-search-form {
flex: 1 !important;
display: flex !important;
border-radius: 20px !important;
background: #fff !important;
border: 1px solid #ddd !important;
overflow: hidden !important; /* Keep content inside */
position: relative !important;
height: 40px !important;
max-width: calc(100% - 50px) !important; /* Account for filter button */
box-sizing: border-box !important;
}
/* Search input field matching the rounded form */
.mobile-search-input {
flex: 1 !important;
border: none !important;
background: transparent !important;
height: 38px !important;
padding: 0 15px !important;
font-size: 14px !important;
color: #333 !important;
border-radius: 20px !important;
width: 0 !important; /* Allow flexbox to determine width */
min-width: 0 !important; /* Allow flexbox to determine width */
box-sizing: border-box !important;
}
.mobile-search-input::placeholder {
color: #999 !important;
}
.mobile-search-input:focus {
outline: none !important;
}
/* Black round button - prevent expansion */
.mobile-search-button {
background: #333 !important;
border: none !important;
color: white !important;
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
max-width: 40px !important;
font-size: 15px !important;
cursor: pointer !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 50% !important;
flex-shrink: 0 !important;
margin-right: -1px !important;
position: relative !important;
right: 1px !important;
-webkit-tap-highlight-color: transparent !important;
-webkit-appearance: none !important;
touch-action: manipulation !important;
box-sizing: border-box !important;
}
/* Dropdown suggestions for mobile */
.mobile-search-suggestions {
position: absolute !important;
top: 100% !important;
left: 0 !important;
right: 0 !important;
z-index: 1002 !important;
background: white !important;
border-radius: 0 0 8px 8px !important;
box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important;
margin-top: 1px !important;
border: 1px solid #ddd !important;
border-top: none !important;
display: none;
max-width: 100% !important;
}
.search-suggestion {
padding: 10px 15px !important;
border-bottom: 1px solid #f0f0f0 !important;
font-size: 14px !important;
color: #333 !important;
cursor: pointer !important;
}
.search-suggestion:last-child {
border-bottom: none !important;
}
.search-suggestion:hover {
background-color: #f9f9f9 !important;
}
.search-suggestion-highlight {
color: #333 !important;
font-weight: bold !important;
}
/* Add some padding to the content when search is sticky */
.mobile-search-spacer {
display: none;
height: 60px !important;
}
.mobile-search-spacer.active {
display: block !important;
}
/* Add media query to ensure this only applies to mobile */
@media (max-width: 768px) {
#header {
display: none !important;
}
/* Fix content to not be wider than viewport */
body {
overflow-x: hidden !important;
width: 100% !important;
max-width: 100% !important;
}
/* Additional fixes for mobile search */
.mobile-search-form,
.mobile-search-container,
.mobile-search-input,
.mobile-search-button {
-webkit-tap-highlight-color: transparent !important;
touch-action: manipulation !important;
}
/* Fix button to prevent it from expanding */
.mobile-search-button {
width: 38px !important;
height: 38px !important;
min-width: 38px !important;
max-width: 38px !important;
padding: 0px !important;
margin-right: -1px !important;
}
.filter-popup-container {
height: 100vh;
}
.button-toolbar {
display: flex !important;
}
.filter-actions {
display: none !important;
}
/* Ensure content starts below header + search when not sticky */
#wrapper {
padding-top: 10px !important;
max-width: 100% !important;
overflow-x: hidden !important;
}
/* Adjust when sticky */
body.search-is-sticky #wrapper {
padding-top: 60px !important;
}
}
/* Adjust when sticky - correct spacing */
body.search-is-sticky #wrapper {
padding-top: 60px !important;
transition: padding-top 0.1s !important;
}
/* Make all form controls and interactive elements have proper touch behavior */
button, input, a, [dr-toggle] {
-webkit-tap-highlight-color: transparent !important;
touch-action: manipulation !important;
}
/* Fix iOS zooming on input focus */
@media screen and (max-width: 768px) {
input, select, textarea {
font-size: 16px !important; /* Prevent iOS zoom */
}
}
/* Initial state */
.subnav {
display: none;
padding: 15px;
background: #fff;
}
.search-inputS {
width: 150px;
padding: 8px;
border: 1px solid #ccc;
border-radius: 4px;
transition: all 0.3s ease;
}
/* Expanded state */
.expanded-input {
width: 100%;
padding: 12px;
font-size: 16px;
border: 1px solid #ddd;
border-radius: 4px;
margin-bottom: 10px;
}
.recent-searches {
display: flex
;
gap: 8px;
flex-wrap: wrap;
width: 49%;
margin: auto;
}
.recent-search-btn {
padding: 6px 12px;
background: #f1f1f1;
font-weight: 600;
border: none;
border-radius: 16px;
cursor: pointer;
}
.recent-search-btn:hover {
background: #e0e0e0;
}
.expanded-search .search-input {
width: 50%;
}
.expanded-search .filters-input {
display: flex
;
border: 1px solid #ddd;
border-radius: 30px;
padding: 10px 20px;
justify-content: center;
align-items: center;
}
.main-filters-input {
display: flex;
border: 1px solid #ddd;
border-radius: 30px;
padding: 10px 10px;
justify-content: center;
align-items: center;
}
.flex-wrapper {
display: flex
;
gap: 20px;
padding-bottom: 15px;
justify-content: center;
}
.dr-navbar-center .search-input {
width: 310px;
margin-right: 12px;
}
.text-color-menu-tools {
border: 0;
background: transparent;
}
/*filter popup style*/
.open-filter-btn {
padding: 12px 24px;
background-color: #6d4aff;
color: white;
border: none;
border-radius: 8px;
font-size: 16px;
cursor: pointer;
}
.filter-modal-overlay {
position: fixed;
top: 0; left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.4);
display: none;
align-items: center;
justify-content: center;
z-index: 1000;
}
.filter-popup-container {
width: 540px;
background: white;
border-radius: 16px;
padding: 30px;
box-shadow: 0 8px 30px rgba(0,0,0,0.12);
position: relative;
}
.filter-close-btn {
position: absolute;
top: 16px;
right: 20px;
font-size: 20px;
font-weight: bold;
cursor: pointer;
color: #666;
}
.filter-popup-title {
margin: 0 0 24px;
font-size: 22px;
color: #1a1a1a;
}
.filter-section {
margin-bottom: 28px;
}
.filter-section-label {
display: block;
font-weight: 600;
margin-bottom: 10px;
font-size: 15px;
}
.filter-checkbox-group, .filter-extra-options {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.filter-checkbox-item {
display: flex;
align-items: center;
gap: 6px;
cursor: pointer;
font-size: 14px;
padding: 6px 10px;
background: #f7f8fa;
border-radius: 8px;
border: 1px solid #dfe3e8;
transition: background 0.2s ease;
}
.filter-checkbox-item:hover {
background: #edf0f4;
}
.filter-extra-options {
display: none;
margin-top: 12px;
}
.filter-age-inputs {
display: flex;
gap: 12px;
}
.filter-age-inputs input[type="number"] {
padding: 10px;
border: 1px solid #ccc;
border-radius: 8px;
width: 100%;
font-size: 14px;
}
.filter-note {
font-size: 13px;
color: #666;
margin-top: 10px;
}
.filter-actions {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 30px;
}
.filter-reset {
color: #6b6b6b;
font-size: 14px;
text-decoration: underline;
cursor: pointer;
}
.filter-search-btn {
background-color: #6d4aff;
color: white;
padding: 12px 28px;
border: none;
border-radius: 10px;
font-size: 15px;
font-weight: 500;
cursor: pointer;
}
.filter-show-more {
margin-top: 10px;
font-size: 14px;
color: #027bff;
cursor: pointer;
}
.filter-section-nationality {
overflow: scroll;
max-height: 300px;
}
/* Improve filter modal scrolling */
.filter-popup-container {
max-height: 80vh;
overflow-y: auto;
-webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
}
/* Hide scrollbars when not needed */
.filter-section {
overflow: visible;
}
/* Hide the overflow of filter sections until expanded */
.filter-extra-options {
display: none;
overflow: hidden;
}
/* When expanded, show with proper display style */
.filter-extra-options.expanded {
display: flex;
flex-direction: column;
}
/* Ensure proper spacing when expanded */
.filter-show-more {
margin-top: 10px;
cursor: pointer;
color: #555;
text-decoration: underline;
font-size: 0.9rem;
}
/* Adjust the toggleMore function to properly handle overflow *//*filter popup style*/
#esc-tabs .nav-item button {
font-weight: 600;
background-color: transparent;
border: none;
}
#esc-tabs .nav-item .active {
background-color: #191a20;
}
@media only screen and (min-width: 1024px) {
/* Your desktop-specific styles go here */
.biography .list-style-reset {
column-count: 2;
}
.services .list-style-reset {
column-count: 2;
}
}
#esc-tabs .nav-item button {
box-shadow: 0px 0px 6px 2px #ddd;
margin-right: 15px;
}
.tag-box-wrapper {
margin: 15px 0;
}
.tag-box {
display: inline-flex;
align-items: center;
background-color: #f0f0f0;
border-radius: 8px;
padding: 8px 16px;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.tag-name {
font-weight: 500;
color: #333;
margin-right: 12px;
}
.close-tag {
background: none;
border: none;
color: #666;
font-size: 20px;
cursor: pointer;
padding: 0 4px;
line-height: 1;
}
.close-tag:hover {
color: #333;
}
/* Tag box styling with consistent top margin only */
.tag-box-wrapper {
margin-top: 45px;
margin-bottom: 20px;
width: 100%;
}
.tag-box {
display: inline-flex;
align-items: center;
background-color: #f5f5f5;
padding: 8px 15px;
border-radius: 4px; /* Keep original square corners */
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.tag-name {
font-weight: 500;
margin-right: 10px;
}
.close-tag {
background: none;
border: none;
color: #666;
font-size: 18px;
padding: 0;
cursor: pointer;
}
/* Ensure tag box margin-top is maintained on mobile */
@media (max-width: 767px) {
.tag-box-wrapper {
margin-top: 45px; /* Keep the same margin on mobile */
}
}
/* Updated mobile styles for boxes - with Online Now banner removed */
@media (max-width: 768px) {
/* Grid layout for desktop, block for mobile */
#exo-widget-different-area {
display: block !important;
}
/* Hide all boxes by default on mobile */
.exo-native-widget-item-container {
display: none !important;
margin-bottom: 20px !important;
}
/* Only show the box with mobile-visible class */
.exo-native-widget-item-container.mobile-visible {
display: block !important;
border-radius: 10px !important;
box-shadow: 0 3px 12px rgba(0,0,0,0.15) !important;
margin: 5px 8px 5px !important;
background: #fff !important;
overflow: hidden !important;
}
/* Horizontal layout for mobile - image LEFT, text RIGHT */
.mobile-visible .exo-native-widget-item {
display: flex !important;
flex-direction: row !important; /* Image on LEFT */
height: 200px !important; /* Larger height */
}
.mobile-visible .exo-native-widget-item-image-wrapper {
width: 50% !important; /* Wider image area */
height: 230px !important; /* Taller image */
position: relative !important;
overflow: hidden !important;
}
.mobile-visible .exo-native-widget-item-image {
height: 100% !important;
width: 100% !important;
background-size: cover !important;
background-position: center !important;
}
.mobile-visible .exo-native-widget-item-content {
width: 50% !important;
padding: 20px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
}
.mobile-visible .exo-native-widget-item-title {
font-size: 20px !important; /* Larger font */
line-height: 1.4 !important;
margin-bottom: 12px !important;
font-weight: 500 !important;
}
.mobile-visible .exo-native-widget-item-brand {
font-size: 16px !important; /* Larger font */
color: #666 !important;
}
/* Hide the Online Now banner completely on mobile */
.mobile-visible .online-now-banner {
display: none !important;
}
}
/* Larger phones and small tablets in landscape */
@media (min-width: 480px) and (max-width: 768px) {
.mobile-visible .exo-native-widget-item {
height: 260px !important; /* Even larger for bigger screens */
}
.mobile-visible .exo-native-widget-item-image-wrapper {
height: 260px !important;
}
.mobile-visible .exo-native-widget-item-title {
font-size: 22px !important;
}
.mobile-visible .exo-native-widget-item-brand {
font-size: 18px !important;
}
}
body {
font-family: Arial, sans-serif;
background-color: #f9f9f9;
margin: 0;
padding: 0;
}
.container {
max-width: 1200px;
margin: 20px auto;
background: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.nav-tabs {
display: flex;
flex-wrap: wrap;
margin-bottom: 20px;
border-bottom: 2px solid #a73630;
list-style: none;
padding: 0;
}
.nav-tabs li {
flex: 1;
}
.nav-tabs a {
display: block;
padding: 10px 15px;
text-align: center;
color: #a73630;
text-decoration: none;
font-weight: bold;
border: 1px solid #ddd;
border-bottom: none;
border-radius: 4px 4px 0 0;
background: #f9f9f9;
transition: background 0.3s ease;
}
.nav-tabs a.active {
background: #a73630;
color: #fff;
border-bottom: 2px solid #a73630;
}
.tab-content {
border: 1px solid #ddd;
border-radius: 1rem;
padding: 1rem;
background: #fff;
}
h3 {
margin-bottom: 15px;
font-size: 1.2rem;
}
.code-box {
margin-bottom: 20px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.code-box div,
.code-box textarea {
flex: 1;
margin: 5px;
}
.code-box textarea {
padding: 10px;
border: 1px solid #ddd;
border-radius: 4px;
font-family: monospace;
resize: none;
width: calc(100% - 20px);
}
.code-box img {
max-width: 100%;
height: auto;
}
.code-box button {
padding: 8px 12px;
border: 1px solid #ccc;
background: rgba(0, 0, 0, 0.05);
border-radius: 4px;
cursor: pointer;
}
.form-container {
display: flex;
flex-direction: column;
gap: 15px;
}
.form-group {
display: flex;
flex-direction: column;
}
.form-group label {
font-weight: bold;
margin-bottom: 5px;
}
.form-group input {
padding: 10px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 14px;
}
.submit-btn {
padding: 10px 20px;
background: #333333;
color: #fff;
border: none;
border-radius: 4px;
font-weight: bold;
cursor: pointer;
}
.submit-btn:hover {
background: #822a25;
}
.error-message {
color: red;
font-size: 1.25rem;
margin: 20px 0;
text-align: center;
}
.success-message {
color: green;
font-size: 1.25rem;
margin: 20px 0;
text-align: center;
}
.g-recaptcha-container {
display: flex;
justify-content: center;
margin: 15px 0;
}
@media (max-width: 768px) {
.nav-tabs a {
font-size: 14px;
}
.code-box {
flex-direction: column;
align-items: stretch;
}
.code-box textarea {
width: 100%;
}
}
.network-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 20px;
margin: 20px 0;
}
.network-card {
text-align: center;
padding: 20px;
background: #fff;
border: 1px solid #ddd;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
transition: transform 0.2s, box-shadow 0.2s;
}
.network-card:hover {
transform: scale(1.05);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
.network-card img {
max-width: 100px;
margin-bottom: 15px;
border-radius: 50%;
transition: transform 0.3s;
}
.network-card img:hover {
transform: rotate(10deg) scale(1.1);
}
.network-card h5 {
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
color: #333;
}
.link-exchange {
display: inline-block;
margin-top: 10px;
font-size: 14px;
font-weight: bold;
color: #a73630;
text-decoration: underline;
transition: color 0.3s;
}
.link-exchange:hover {
color: #822a25;
}
@media (max-width: 768px) {
.network-grid {
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 15px;
}
.network-card img {
max-width: 80px;
}
.network-card h5 {
font-size: 16px;
}
.link-exchange {
font-size: 12px;
}
}
.service-bubble {
display: inline-block;
background: #f0f0f0;
color: #222;
border-radius: 7px; /* Less rounded */
padding: 0.5rem 1rem;
font-weight: 600;
font-size: 1em;
margin-bottom: 6px;
margin-right: 6px;
transition: background-color 0.2s ease;
}
.service-bubble:hover {
background: #e0e0e0;
}
.recent-search-btn {
color: #333 !important; /* Force the color on all devices */
-webkit-appearance: none; /* Prevents iOS default styling */
-webkit-text-fill-color: #333; /* Safari-specific text color */
}
.recent-search-btn:hover {
color: #333 !important;
}
/* Remove default blue focus outline and apply dark border for search inputs */
.navbar-search-input:focus,
.mobile-search-input:focus,
#searchInput:focus,
#searchTrigger:focus,
.search-input-old:focus {
outline: none !important;
border-color: #333 !important;
box-shadow: 0 0 0 2px rgba(1, 32, 71, 0.2) !important;
-webkit-appearance: none;
}
/* Remove iOS auto-zoom on focus */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="text"] {
font-size: 16px !important;
}
}
/* 2x2 grid for sponsored buttons on mobile, keep style/size */
@media (max-width: 568px) {
.dr-navbar-right.text-style-bold.dr-button-list.dr-full-right ul {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
padding-left: 0 !important;
margin: 0 auto !important;
width: 100% !important;
max-width: 260px; /* adjust as needed for your button width */
}
.dr-navbar-right.text-style-bold.dr-button-list.dr-full-right ul li {
display: inline-block !important;
width: 50% !important;
text-align: center !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
.dr-navbar-right.text-style-bold.dr-button-list.dr-full-right .button-style {
width: 90% !important;
margin: 5px auto !important;
display: inline-block !important;
font-size: 12px !important;
padding: 0 10px !important;
line-height: 40px !important;
}
}
.ads-bottom-space {
height: 30px;
}
.sidebar-featured-links-clean {
list-style: none;
padding: 0;
margin: 18px 0;
text-align: center;
}
.sidebar-featured-links-clean li {
margin: 0 0 10px 0;
padding: 0;
}
.sidebar-featured-links-clean li a {
display: inline-block;
color: #012047;
font-weight: bold;
font-size: 1.13em;
letter-spacing: 0.01em;
padding: 6px 0 8px 0;
border-bottom: 2px solid #eee;
transition: color 0.2s, border-color 0.2s, text-decoration 0.2s;
text-decoration: none;
}
.sidebar-featured-links-clean li:last-child a {
border-bottom: none;
}
.sidebar-featured-links-clean li a:hover,
.sidebar-featured-links-clean li a:focus {
color: #0056b3;
border-bottom: 2px solid #ffd36b;
text-decoration: underline;
}
.custom-pager.pager {
background: transparent;
border-radius: 16px;
padding: 1.5rem 2.5rem;
margin: 2rem auto 1rem auto;
max-width: 900px;
box-sizing: border-box;
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 0.75rem;
}
.fh-button {
border: 2px solid #262a2e;
outline: none;
background: transparent;
color: #262a2e;
font-size: 1.25em;
min-width: 54px;
min-height: 54px;
padding: 0 22px;
margin: 0;
border-radius: 12px;
cursor: pointer;
transition: background 0.15s, color 0.15s, box-shadow 0.15s;
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
font-weight: 600;
}
.fh-button__pager {
background: transparent;
}
.fh-button__large {
font-size: 1.25em;
min-width: 54px;
min-height: 54px;
padding: 0 22px;
}
.fh-button__pager:hover,
.fh-button__pager:focus {
background: #262a2e;
color: #fff;
border-color: #262a2e;
z-index: 2;
}
.fh-button_pressed,
.fh-button__pager.fh-button_pressed {
background: #262a2e;
color: #fff;
border-color: #262a2e;
cursor: default;
z-index: 3;
}
.fh-button__tertiary {
background: transparent;
color: #262a2e;
border: 2px solid #262a2e;
min-width: 70px;
padding: 0 26px;
font-weight: 600;
}
.fh-button__tertiary:hover,
.fh-button__tertiary:focus {
background: #262a2e;
color: #fff;
border-color: #262a2e;
}
.fh-button__inner {
display: flex;
align-items: center;
justify-content: center;
font-size: 1em;
font-weight: 600;
line-height: 1;
}
.fh-button__icon {
margin-left: 8px;
width: 1.3em;
height: 1.3em;
vertical-align: middle;
fill: #9499a8;
}
@media (max-width: 900px) {
.custom-pager.pager {
max-width: 98vw;
padding: 1rem 1vw;
}
}
@media (max-width: 600px) {
.custom-pager.pager {
padding: 0.75rem 3vw;
border-radius: 12px;
gap: 0.4rem;
}
.fh-button__large {
min-width: 40px;
min-height: 40px;
font-size: 1em;
padding: 0 10px;
}
.fh-button__tertiary {
min-width: 44px;
padding: 0 10px;
}
}
.dr-navbar p {
font-size: 18px; /* Increase font size */
font-weight: bold; /* Make the text bold */
color: #333; /* Darker text color for better visibility */
text-align: center; /* Center the text */
margin-bottom: 20px; /* Add space below the message */
}
@media (min-width: 769px) {
.exo-native-widget-item-content {
padding-bottom: 2.5em;
}
}
.sponsored-label {
display: inline-block;
font-size: 0.75em;
color: #888;
background: #f5f5f5;
border-radius: 8px;
padding: 2px 8px;
letter-spacing: 0.04em;
font-weight: 500;
position: absolute;
z-index: 2;
pointer-events: none;
box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
.sponsored-label-bottomright {
bottom: 8px;
right: 8px;
left: auto;
top: auto;
margin: 0;
}
.exo-native-widget-item {
position: relative;
}
.custom-loadmore-button {
display: inline-block;
padding: 12px 24px;
font-size: 16px;
font-weight: bold;
color: #fff; /* White text color */
background-color: #1c1f28; /* Primary blue color */
border: none;
border-radius: 5px;
text-decoration: none;
text-align: center;
transition: background-color 0.3s ease, transform 0.2s ease;
}
.custom-loadmore-button:hover {
background-color: #1c1f28; /* Same background color on hover */
color: #fff; /* Ensure text color remains white */
transform: scale(1.05); /* Slight zoom effect */
}
.custom-loadmore-button:active {
background-color: #1c1f28; /* Same background color on click */
color: #fff; /* Ensure text color remains white */
transform: scale(0.95); /* Slight shrink effect */
}
.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-radius: 1rem;
}
.pro-details-review-wrap {
background-color: #fff;
padding: 15px;
border-radius: 1rem;
}
@media (max-width: 767px) {
.card {
border: 15px solid #f5f5f5;
border-radius: 1.5rem;
}
/* Highly specific selectors to avoid conflicts */
ul.sponsored-sidebar-links li a.sponsored-sidebar-item {
display: block;
padding: 8px 15px;
background-color: #f8f8f8;
color: #333;
text-decoration: none;
border-radius: 4px;
transition: all 0.2s ease;
text-align: left;
border-left: 3px solid #ddd;
font-weight: normal;
}
ul.sponsored-sidebar-links li a.sponsored-sidebar-item:hover {
background-color: #f0f0f0;
border-left-color: #000;
padding-left: 18px;
text-decoration: none;
color: #333;
}
/* Prevent style interference with menu functionality */
ul.sponsored-sidebar-links li a.sponsored-sidebar-item:focus,
ul.sponsored-sidebar-links li a.sponsored-sidebar-item:active {
outline: none;
text-decoration: none;
}