@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//banhmiyummi.com/wp-content/themes/banhmiyummi/assets/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
    html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: 700;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: 700;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
} @media print {
*,
:after,
:before {
background: 0 0 !important;
color: #000 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
blockquote,
pre {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
img,
tr {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
h2,
h3,
p {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
.navbar {
display: none;
}
.btn > .caret,
.dropup > .btn > .caret {
border-top-color: #000 !important;
}
.label {
border: 1px solid #000;
}
.table {
border-collapse: collapse !important;
}
.table td,
.table th {
background-color: #fff !important;
}
.table-bordered td,
.table-bordered th {
border: 1px solid #ddd !important;
}
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
:after,
:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 10px;
-webkit-tap-highlight-color: transparent;
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333;
background-color: #fff;
}
button,
input,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: #337ab7;
text-decoration: none;
}
a:focus,
a:hover {
color: #23527c;
text-decoration: underline;
}
a:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
figure {
margin: 0;
}
img {
vertical-align: middle;
}
.img-responsive {
display: block;
max-width: 100%;
height: auto;
}
.img-rounded {
border-radius: 6px;
}
.img-thumbnail {
padding: 4px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
}
.img-circle {
border-radius: 50%;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
[role="button"] {
cursor: pointer;
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0;
}
@media (min-width: 768px) {
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0;
}
}
@media (min-width: 992px) {
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0;
}
}
@media (min-width: 1200px) {
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0;
}
}
table {
background-color: transparent;
}
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #777;
text-align: left;
}
th {
text-align: left;
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd;
}
.table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > td,
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > td,
.table > thead:first-child > tr:first-child > th {
border-top: 0;
}
.table > tbody + tbody {
border-top: 2px solid #ddd;
}
.table .table {
background-color: #fff;
}
.table-condensed > tbody > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > thead > tr > th {
padding: 5px;
}
.table-bordered {
border: 1px solid #ddd;
}
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
border: 1px solid #ddd;
}
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
background-color: #f5f5f5;
}
table col[class*="col-"] {
position: static;
float: none;
display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
position: static;
float: none;
display: table-cell;
}
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > thead > tr > td.active,
.table > thead > tr > th.active {
background-color: #f5f5f5;
}
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover {
background-color: #e8e8e8;
}
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > thead > tr > td.success,
.table > thead > tr > th.success {
background-color: #dff0d8;
}
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover {
background-color: #d0e9c6;
}
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > thead > tr > td.info,
.table > thead > tr > th.info {
background-color: #d9edf7;
}
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover {
background-color: #c4e3f3;
}
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > thead > tr > td.warning,
.table > thead > tr > th.warning {
background-color: #fcf8e3;
}
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover {
background-color: #faf2cc;
}
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > thead > tr > td.danger,
.table > thead > tr > th.danger {
background-color: #f2dede;
}
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover {
background-color: #ebcccc;
}
.table-responsive {
overflow-x: auto;
min-height: 0.01%;
}
@media screen and (max-width: 767px) {
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd;
}
.table-responsive > .table {
margin-bottom: 0;
}
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > td,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > thead > tr > th {
white-space: nowrap;
}
.table-responsive > .table-bordered {
border: 0;
}
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > thead > tr > th:first-child {
border-left: 0;
}
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > thead > tr > th:last-child {
border-right: 0;
}
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > th {
border-bottom: 0;
}
}
fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 700;
}
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input[type="checkbox"],
input[type="radio"] {
margin: 4px 0 0;
line-height: normal;
}
input[type="file"] {
display: block;
}
input[type="range"] {
display: block;
width: 100%;
}
select[multiple],
select[size] {
height: auto;
}
input[type="checkbox"]:focus,
input[type="file"]:focus,
input[type="radio"]:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
output {
display: block;
padding-top: 7px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
color: #999;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #999;
}
.form-control::-webkit-input-placeholder {
color: #999;
}
.form-control::-ms-expand {
border: 0;
background-color: transparent;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background-color: #eee;
opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
cursor: not-allowed;
}
textarea.form-control {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control,
input[type="time"].form-control {
line-height: 34px;
}
.input-group-sm input[type="date"],
.input-group-sm input[type="datetime-local"],
.input-group-sm input[type="month"],
.input-group-sm input[type="time"],
input[type="date"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm,
input[type="time"].input-sm {
line-height: 30px;
}
.input-group-lg input[type="date"],
.input-group-lg input[type="datetime-local"],
.input-group-lg input[type="month"],
.input-group-lg input[type="time"],
input[type="date"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg,
input[type="time"].input-lg {
line-height: 46px;
}
}
.form-group {
margin-bottom: 15px;
}
.checkbox,
.radio {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.checkbox label,
.radio label {
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
font-weight: 400;
cursor: pointer;
}
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"],
.radio input[type="radio"],
.radio-inline input[type="radio"] {
position: absolute;
margin-left: -20px;
}
.checkbox + .checkbox,
.radio + .radio {
margin-top: -5px;
}
.checkbox-inline,
.radio-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
vertical-align: middle;
font-weight: 400;
cursor: pointer;
}
.checkbox-inline + .checkbox-inline,
.radio-inline + .radio-inline {
margin-top: 0;
margin-left: 10px;
}
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] input[type="radio"],
input[type="checkbox"].disabled,
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="radio"][disabled] {
cursor: not-allowed;
}
.checkbox-inline.disabled,
.radio-inline.disabled,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .radio-inline {
cursor: not-allowed;
}
.checkbox.disabled label,
.radio.disabled label,
fieldset[disabled] .checkbox label,
fieldset[disabled] .radio label {
cursor: not-allowed;
}
.form-control-static {
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
min-height: 34px;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
padding-left: 0;
padding-right: 0;
}
.input-sm {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.input-sm {
height: 30px;
line-height: 30px;
}
select[multiple].input-sm,
textarea.input-sm {
height: auto;
}
.form-group-sm .form-control {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.form-group-sm select.form-control {
height: 30px;
line-height: 30px;
}
.form-group-sm select[multiple].form-control,
.form-group-sm textarea.form-control {
height: auto;
}
.form-group-sm .form-control-static {
height: 30px;
min-height: 32px;
padding: 6px 10px;
font-size: 12px;
line-height: 1.5;
}
.input-lg {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
select.input-lg {
height: 46px;
line-height: 46px;
}
select[multiple].input-lg,
textarea.input-lg {
height: auto;
}
.form-group-lg .form-control {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
.form-group-lg select.form-control {
height: 46px;
line-height: 46px;
}
.form-group-lg select[multiple].form-control,
.form-group-lg textarea.form-control {
height: auto;
}
.form-group-lg .form-control-static {
height: 46px;
min-height: 38px;
padding: 11px 16px;
font-size: 18px;
line-height: 1.3333333;
}
.has-feedback {
position: relative;
}
.has-feedback .form-control {
padding-right: 42.5px;
}
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
pointer-events: none;
}
.form-group-lg .form-control + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.input-lg + .form-control-feedback {
width: 46px;
height: 46px;
line-height: 46px;
}
.form-group-sm .form-control + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.input-sm + .form-control-feedback {
width: 30px;
height: 30px;
line-height: 30px;
}
.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label {
color: #3c763d;
}
.has-success .form-control {
border-color: #3c763d;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
border-color: #2b542c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
color: #3c763d;
border-color: #3c763d;
background-color: #dff0d8;
}
.has-success .form-control-feedback {
color: #3c763d;
}
.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.checkbox label,
.has-warning.checkbox-inline label,
.has-warning.radio label,
.has-warning.radio-inline label {
color: #8a6d3b;
}
.has-warning .form-control {
border-color: #8a6d3b;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
color: #8a6d3b;
border-color: #8a6d3b;
background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
color: #8a6d3b;
}
.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
color: #a94442;
}
.has-error .form-control {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
color: #a94442;
border-color: #a94442;
background-color: #f2dede;
}
.has-error .form-control-feedback {
color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
top: 0;
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373;
}
@media (min-width: 768px) {
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .form-control-static {
display: inline-block;
}
.form-inline .input-group {
display: inline-table;
vertical-align: middle;
}
.form-inline .input-group .form-control,
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn {
width: auto;
}
.form-inline .input-group > .form-control {
width: 100%;
}
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .checkbox,
.form-inline .radio {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .checkbox label,
.form-inline .radio label {
padding-left: 0;
}
.form-inline .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"] {
position: relative;
margin-left: 0;
}
.form-inline .has-feedback .form-control-feedback {
top: 0;
}
}
.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 7px;
}
.form-horizontal .checkbox,
.form-horizontal .radio {
min-height: 27px;
}
.form-horizontal .form-group {
margin-left: -15px;
margin-right: -15px;
}
@media (min-width: 768px) {
.form-horizontal .control-label {
text-align: right;
margin-bottom: 0;
padding-top: 7px;
}
}
.form-horizontal .has-feedback .form-control-feedback {
right: 15px;
}
@media (min-width: 768px) {
.form-horizontal .form-group-lg .control-label {
padding-top: 11px;
font-size: 18px;
}
}
@media (min-width: 768px) {
.form-horizontal .form-group-sm .control-label {
padding-top: 6px;
font-size: 12px;
}
}
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn.focus,
.btn:focus,
.btn:hover {
color: #333;
text-decoration: none;
}
.btn.active,
.btn:active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
cursor: not-allowed;
opacity: 0.65;
-webkit-box-shadow: none;
box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
pointer-events: none;
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc;
}
.btn-default.focus,
.btn-default:focus {
color: #333;
background-color: #e6e6e6;
border-color: #8c8c8c;
}
.btn-default:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default.active,
.btn-default:active,
.open > .dropdown-toggle.btn-default {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover {
color: #333;
background-color: #d4d4d4;
border-color: #8c8c8c;
}
.btn-default.active,
.btn-default:active,
.open > .dropdown-toggle.btn-default {
background-image: none;
}
.btn-default.disabled.focus,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled].focus,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
background-color: #fff;
border-color: #ccc;
}
.btn-default .badge {
color: #fff;
background-color: #333;
}
.btn-primary {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-primary.focus,
.btn-primary:focus {
color: #fff;
background-color: #286090;
border-color: #122b40;
}
.btn-primary:hover {
color: #fff;
background-color: #286090;
border-color: #204d74;
}
.btn-primary.active,
.btn-primary:active,
.open > .dropdown-toggle.btn-primary {
color: #fff;
background-color: #286090;
border-color: #204d74;
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
color: #fff;
background-color: #204d74;
border-color: #122b40;
}
.btn-primary.active,
.btn-primary:active,
.open > .dropdown-toggle.btn-primary {
background-image: none;
}
.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-primary .badge {
color: #337ab7;
background-color: #fff;
}
.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success.focus,
.btn-success:focus {
color: #fff;
background-color: #449d44;
border-color: #255625;
}
.btn-success:hover {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.btn-success.active,
.btn-success:active,
.open > .dropdown-toggle.btn-success {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open > .dropdown-toggle.btn-success.focus,
.open > .dropdown-toggle.btn-success:focus,
.open > .dropdown-toggle.btn-success:hover {
color: #fff;
background-color: #398439;
border-color: #255625;
}
.btn-success.active,
.btn-success:active,
.open > .dropdown-toggle.btn-success {
background-image: none;
}
.btn-success.disabled.focus,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled].focus,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success .badge {
color: #5cb85c;
background-color: #fff;
}
.btn-info {
color: #fff;
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info.focus,
.btn-info:focus {
color: #fff;
background-color: #31b0d5;
border-color: #1b6d85;
}
.btn-info:hover {
color: #fff;
background-color: #31b0d5;
border-color: #269abc;
}
.btn-info.active,
.btn-info:active,
.open > .dropdown-toggle.btn-info {
color: #fff;
background-color: #31b0d5;
border-color: #269abc;
}
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open > .dropdown-toggle.btn-info.focus,
.open > .dropdown-toggle.btn-info:focus,
.open > .dropdown-toggle.btn-info:hover {
color: #fff;
background-color: #269abc;
border-color: #1b6d85;
}
.btn-info.active,
.btn-info:active,
.open > .dropdown-toggle.btn-info {
background-image: none;
}
.btn-info.disabled.focus,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled].focus,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info .badge {
color: #5bc0de;
background-color: #fff;
}
.btn-warning {
color: #fff;
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning.focus,
.btn-warning:focus {
color: #fff;
background-color: #ec971f;
border-color: #985f0d;
}
.btn-warning:hover {
color: #fff;
background-color: #ec971f;
border-color: #d58512;
}
.btn-warning.active,
.btn-warning:active,
.open > .dropdown-toggle.btn-warning {
color: #fff;
background-color: #ec971f;
border-color: #d58512;
}
.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open > .dropdown-toggle.btn-warning.focus,
.open > .dropdown-toggle.btn-warning:focus,
.open > .dropdown-toggle.btn-warning:hover {
color: #fff;
background-color: #d58512;
border-color: #985f0d;
}
.btn-warning.active,
.btn-warning:active,
.open > .dropdown-toggle.btn-warning {
background-image: none;
}
.btn-warning.disabled.focus,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled].focus,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning .badge {
color: #f0ad4e;
background-color: #fff;
}
.btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger.focus,
.btn-danger:focus {
color: #fff;
background-color: #c9302c;
border-color: #761c19;
}
.btn-danger:hover {
color: #fff;
background-color: #c9302c;
border-color: #ac2925;
}
.btn-danger.active,
.btn-danger:active,
.open > .dropdown-toggle.btn-danger {
color: #fff;
background-color: #c9302c;
border-color: #ac2925;
}
.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open > .dropdown-toggle.btn-danger.focus,
.open > .dropdown-toggle.btn-danger:focus,
.open > .dropdown-toggle.btn-danger:hover {
color: #fff;
background-color: #ac2925;
border-color: #761c19;
}
.btn-danger.active,
.btn-danger:active,
.open > .dropdown-toggle.btn-danger {
background-image: none;
}
.btn-danger.disabled.focus,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled].focus,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger .badge {
color: #d9534f;
background-color: #fff;
}
.btn-link {
color: #337ab7;
font-weight: 400;
border-radius: 0;
}
.btn-link,
.btn-link.active,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
border-color: transparent;
}
.btn-link:focus,
.btn-link:hover {
color: #23527c;
text-decoration: underline;
background-color: transparent;
}
.btn-link[disabled]:focus,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:hover {
color: #777;
text-decoration: none;
}
.btn-lg {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
.btn-sm {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-xs {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 5px;
}
input[type="button"].btn-block,
input[type="reset"].btn-block,
input[type="submit"].btn-block {
width: 100%;
}
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
tr.collapse.in {
display: table-row;
}
tbody.collapse.in {
display: table-row-group;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height, visibility;
-o-transition-property: height, visibility;
transition-property: height, visibility;
-webkit-transition-duration: 0.35s;
-o-transition-duration: 0.35s;
transition-duration: 0.35s;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.dropdown,
.dropup {
position: relative;
}
.dropdown-toggle:focus {
outline: 0;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 14px;
text-align: left;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: 400;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
text-decoration: none;
color: #262626;
background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
color: #fff;
text-decoration: none;
outline: 0;
background-color: #337ab7;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover {
color: #777;
}
.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover {
text-decoration: none;
background-color: transparent;
background-image: none;
cursor: not-allowed;
}
.open > .dropdown-menu {
display: block;
}
.open > a {
outline: 0;
}
.dropdown-menu-right {
left: auto;
right: 0;
}
.dropdown-menu-left {
left: 0;
right: auto;
}
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.42857143;
color: #777;
white-space: nowrap;
}
.dropdown-backdrop {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 990;
}
.pull-right > .dropdown-menu {
right: 0;
left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px dashed;
content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px;
}
@media (min-width: 768px) {
.navbar-right .dropdown-menu {
left: auto;
right: 0;
}
.navbar-right .dropdown-menu-left {
left: 0;
right: auto;
}
}
.breadcrumb {
padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
background-color: #f5f5f5;
border-radius: 4px;
}
.breadcrumb > li {
display: inline-block;
}
.breadcrumb > li + li:before {
content: "/\00a0";
padding: 0 5px;
color: #ccc;
}
.breadcrumb > .active {
color: #777;
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
}
.pagination > li {
display: inline;
}
.pagination > li > a,
.pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
line-height: 1.42857143;
text-decoration: none;
color: #337ab7;
background-color: #fff;
border: 1px solid #ddd;
margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
margin-left: 0;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
z-index: 2;
color: #23527c;
background-color: #eee;
border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
z-index: 3;
color: #fff;
background-color: #337ab7;
border-color: #337ab7;
cursor: default;
}
.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
color: #777;
background-color: #fff;
border-color: #ddd;
cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
border-bottom-left-radius: 6px;
border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
border-bottom-right-radius: 6px;
border-top-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
.modal-open {
overflow: hidden;
}
.modal {
display: none;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.modal.fade .modal-dialog {
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
}
.modal-content {
position: relative;
background-color: #fff;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
-webkit-background-clip: padding-box;
background-clip: padding-box;
outline: 0;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop.in {
opacity: 0.5;
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
margin-top: -2px;
}
.modal-title {
margin: 0;
line-height: 1.42857143;
}
.modal-body {
position: relative;
padding: 15px;
}
.modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
margin-left: 5px;
margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media (min-width: 768px) {
.modal-dialog {
width: 600px;
margin: 30px auto;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.modal-sm {
width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
width: 900px;
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 400;
letter-spacing: normal;
line-break: auto;
line-height: 1.42857143;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
font-size: 12px;
opacity: 0;
}
.tooltip.in {
opacity: 0.9;
}
.tooltip.top {
margin-top: -3px;
padding: 5px 0;
}
.tooltip.right {
margin-left: 3px;
padding: 0 5px;
}
.tooltip.bottom {
margin-top: 3px;
padding: 5px 0;
}
.tooltip.left {
margin-left: -3px;
padding: 0 5px;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 4px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
bottom: 0;
right: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.modal-header:after,
.modal-header:before,
.row:after,
.row:before {
content: " ";
display: table;
}
.clearfix:after,
.container-fluid:after,
.container:after,
.form-horizontal .form-group:after,
.modal-footer:after,
.modal-header:after,
.row:after {
clear: both;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
}
.affix {
position: fixed;
}
@-ms-viewport {
width: device-width;
}
.visible-lg,
.visible-md,
.visible-sm,
.visible-xs {
display: none !important;
}
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table !important;
}
tr.visible-xs {
display: table-row !important;
}
td.visible-xs,
th.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table !important;
}
tr.visible-sm {
display: table-row !important;
}
td.visible-sm,
th.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table !important;
}
tr.visible-md {
display: table-row !important;
}
td.visible-md,
th.visible-md {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table !important;
}
tr.visible-lg {
display: table-row !important;
}
td.visible-lg,
th.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table !important;
}
tr.visible-print {
display: table-row !important;
}
td.visible-print,
th.visible-print {
display: table-cell !important;
}
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
@font-face {
font-family: ecs;
src: url(//banhmiyummi.com/wp-content/themes/banhmiyummi/assets/fonts/ecs.eot?91022735);
src: url(//banhmiyummi.com/wp-content/themes/banhmiyummi/assets/fonts/ecs.eot?91022735#iefix) format("embedded-opentype"), url(//banhmiyummi.com/wp-content/themes/banhmiyummi/assets/fonts/ecs.woff2?91022735) format("woff2"),
url(//banhmiyummi.com/wp-content/themes/banhmiyummi/assets/fonts/ecs.woff?91022735) format("woff"), url(//banhmiyummi.com/wp-content/themes/banhmiyummi/assets/fonts/ecs.ttf?91022735) format("truetype"), url(//banhmiyummi.com/wp-content/themes/banhmiyummi/assets/fonts/ecs.svg?91022735#ecs) format("svg");
font-weight: 400;
font-style: normal;
}
[class*=" ecs-"]:before,
[class^="ecs-"]:before {
font-family: ecs;
font-style: normal;
font-weight: 400;
speak: never;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: 0.2em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ecs-down-dir:before {
content: "\e800";
}
.ecs-up-dir:before {
content: "\e801";
}
.ecs-left-dir:before {
content: "\e802";
}
.ecs-up-open-mini:before {
content: "\e803";
}
.ecs-right-dir:before {
content: "\e804";
}
.ecs-down-open-mini:before {
content: "\e805";
}
.ecs-left-open-mini:before {
content: "\e806";
}
.ecs-right-open-mini:before {
content: "\e807";
}
.ecs-cancel:before {
content: "\e808";
}
.ecs-ok:before {
content: "\e809";
}
.ecs-th-large:before {
content: "\e80a";
}
.ecs-tags:before {
content: "\e80b";
}
.ecs-search:before {
content: "\e80c";
}
.ecs-down-open-big:before {
content: "\e80d";
}
.ecs-left-open-big:before {
content: "\e80e";
}
.ecs-right-open-big:before {
content: "\e80f";
}
.ecs-up-open-big:before {
content: "\e810";
}
.ecs-tag:before {
content: "\e811";
}
.ecs-home:before {
content: "\e812";
}
.ecs-calendar:before {
content: "\e813";
}
.ecs-location:before {
content: "\e814";
}
.ecs-mail:before {
content: "\e815";
}
.ecs-phone:before {
content: "\e816";
}
.ecs-th:before {
content: "\e817";
}
.ecs-th-list:before {
content: "\e818";
}
.ecs-comment:before {
content: "\e819";
}
.ecs-chat:before {
content: "\e81a";
}
.ecs-plus:before {
content: "\e81b";
}
.ecs-minus:before {
content: "\e81c";
}
.ecs-star-empty:before {
content: "\e81d";
}
.ecs-phone-1:before {
content: "\e81e";
}
.ecs-add:before {
content: "\e81f";
}
.ecs-star:before {
content: "\e820";
}
.ecs-checked:before {
content: "\e821";
}
.ecs-basket:before {
content: "\e822";
}
.ecs-arrow-right-round:before {
content: "\e823";
}
.ecs-arrow-left-round:before {
content: "\e824";
}
.ecs-play-circled2:before {
content: "\e825";
}
.ecs-arrow-left-full:before {
content: "\e826";
}
.ecs-arrow-right-full:before {
content: "\e827";
}
.ecs-play:before {
content: "\e828";
}
.ecs-eye:before {
content: "\e829";
}
.ecs-mail-1:before {
content: "\e82a";
}
.ecs-cart-pack:before {
content: "\e82b";
}
.ecs-paper-plane-1:before {
content: "\e82c";
}
.ecs-play-button:before {
content: "\e82d";
}
.ecs-user-border:before {
content: "\e82e";
}
.ecs-shopping-cart-1:before {
content: "\e82f";
}
.ecs-maximize:before {
content: "\e830";
}
.ecs-shopping-bag:before {
content: "\e831";
}
.ecs-shopping-cart:before {
content: "\e832";
}
.ecs-shopping-cart-add-button:before {
content: "\e833";
}
.ecs-left-quote:before {
content: "\e834";
}
.ecs-right-quote:before {
content: "\e835";
}
.ecs-zalo:before {
content: "\e836";
}
.ecs-admin-with-cogwheels:before {
content: "\e837";
}
.ecs-medical-history:before {
content: "\e838";
}
.ecs-shopping-cart-2:before {
content: "\e839";
}
.ecs-user-avatar:before {
content: "\e83a";
}
.ecs-logout:before {
content: "\e83b";
}
.ecs-copy:before {
content: "\e83c";
}
.ecs-clock:before {
content: "\e83d";
}
.ecs-right-big:before {
content: "\e83e";
}
.ecs-left-open:before {
content: "\e83f";
}
.ecs-search-1:before {
content: "\e840";
}
.ecs-right-open:before {
content: "\e841";
}
.ecs-cross-out:before {
content: "\e842";
}
.ecs-down-open:before {
content: "\e843";
}
.ecs-up-open:before {
content: "\e844";
}
.ecs-down-thin:before {
content: "\e845";
}
.ecs-left-thin:before {
content: "\e846";
}
.ecs-right-thin:before {
content: "\e847";
}
.ecs-up-thin:before {
content: "\e848";
}
.ecs-search-2:before {
content: "\e849";
}
.ecs-search-3:before {
content: "\e84a";
}
.ecs-attention-alt:before {
content: "\e84b";
}
.ecs-download:before {
content: "\e84c";
}
.ecs-flag-filled:before {
content: "\e84d";
}
.ecs-phone-2:before {
content: "\e84e";
}
.ecs-check:before {
content: "\e84f";
}
.ecs-cancel-1:before {
content: "\e850";
}
.ecs-trash:before {
content: "\e851";
}
.ecs-basket-1:before {
content: "\e852";
}
.ecs-exit:before {
content: "\e853";
}
.ecs-add-to-cart-copy:before {
content: "\e854";
}
.ecs-communications:before {
content: "\e855";
}
.ecs-signs:before {
content: "\e856";
}
.ecs-square:before {
content: "\e857";
}
.ecs-plus-1:before {
content: "\e858";
}
.ecs-info-circled-alt:before {
content: "\f086";
}
.ecs-twitter:before {
content: "\f099";
}
.ecs-facebook:before {
content: "\f09a";
}
.ecs-menu:before {
content: "\f0c9";
}
.ecs-gplus:before {
content: "\f0d5";
}
.ecs-mail-alt:before {
content: "\f0e0";
}
.ecs-comment-empty:before {
content: "\f0e5";
}
.ecs-chat-empty:before {
content: "\f0e6";
}
.ecs-angle-double-left:before {
content: "\f100";
}
.ecs-angle-double-right:before {
content: "\f101";
}
.ecs-angle-double-up:before {
content: "\f102";
}
.ecs-angle-double-down:before {
content: "\f103";
}
.ecs-mobile:before {
content: "\f10b";
}
.ecs-play-circled:before {
content: "\f144";
}
.ecs-dollar:before {
content: "\f155";
}
.ecs-sort-name-up:before {
content: "\f15d";
}
.ecs-sort-name-down:before {
content: "\f15e";
}
.ecs-sort-alt-up:before {
content: "\f160";
}
.ecs-sort-alt-down:before {
content: "\f161";
}
.ecs-sort-number-up:before {
content: "\f162";
}
.ecs-sort-number-down:before {
content: "\f163";
}
.ecs-youtube:before {
content: "\f167";
}
.ecs-youtube-play:before {
content: "\f16a";
}
.ecs-instagram:before {
content: "\f16d";
}
.ecs-tumblr:before {
content: "\f173";
}
.ecs-down:before {
content: "\f175";
}
.ecs-up:before {
content: "\f176";
}
.ecs-right:before {
content: "\f178";
}
.ecs-paper-plane-empty:before {
content: "\f1d9";
}
.ecs-share:before {
content: "\f1e0";
}
.ecs-cc-visa:before {
content: "\f1f0";
}
.ecs-cc-mastercard:before {
content: "\f1f1";
}
.ecs-cc-discover:before {
content: "\f1f2";
}
.ecs-cc-paypal:before {
content: "\f1f4";
}
.ecs-pinterest:before {
content: "\f231";
}
.ecs-map-o:before {
content: "\f278";
}
.ecs-map:before {
content: "\f279";
}
.ecs-vimeo:before {
content: "\f27d";
}
.alertify .ajs-dimmer {
position: fixed;
z-index: 1981;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 0;
margin: 0;
background-color: #252525;
opacity: 0.5;
}
.alertify .ajs-modal {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
padding: 0;
overflow-y: auto;
z-index: 1981;
}
.alertify .ajs-dialog {
position: relative;
margin: 5% auto;
min-height: 110px;
max-width: 500px;
padding: 24px 24px 0 24px;
outline: 0;
background-color: #fff;
}
.alertify .ajs-dialog.ajs-capture:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
z-index: 1;
}
.alertify .ajs-reset {
position: absolute !important;
display: inline !important;
width: 0 !important;
height: 0 !important;
opacity: 0 !important;
}
.alertify .ajs-commands {
position: absolute;
right: 4px;
margin: -14px 24px 0 0;
z-index: 2;
}
.alertify .ajs-commands button {
display: none;
width: 10px;
height: 10px;
margin-left: 10px;
padding: 10px;
border: 0;
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}
.alertify .ajs-commands button.ajs-close {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAh0lEQVQYlY2QsQ0EIQwEB9cBAR1CJUaI/gigDnwR6NBL/7/xWLNrZ2b8EwGotVpr7eOitWa1VjugiNB7R1UPrKrWe0dEAHBbXUqxMQbeewDmnHjvyTm7C3zDwAUd9c63YQdUVdu6EAJzzquz7HXvTiklt+H9DQFYaxFjvDqllFyMkbXWvfpXHjJrWFgdBq/hAAAAAElFTkSuQmCC);
}
.alertify .ajs-commands button.ajs-maximize {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAOUlEQVQYlWP8//8/AzGAhYGBgaG4uBiv6t7eXkYmooxjYGAgWiELsvHYFMCcRX2rSXcjoSBiJDbAAeD+EGu+8BZcAAAAAElFTkSuQmCC);
}
.alertify .ajs-header {
margin: -24px;
margin-bottom: 0;
padding: 16px 24px;
background-color: #fff;
}
.alertify .ajs-body {
min-height: 56px;
}
.alertify .ajs-body .ajs-content {
padding: 16px 24px 16px 16px;
}
.alertify .ajs-footer {
padding: 4px;
margin-left: -24px;
margin-right: -24px;
min-height: 43px;
background-color: #fff;
}
.alertify .ajs-footer .ajs-buttons.ajs-primary {
text-align: right;
}
.alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button {
margin: 4px;
}
.alertify .ajs-footer .ajs-buttons.ajs-auxiliary {
float: left;
clear: none;
text-align: left;
}
.alertify .ajs-footer .ajs-buttons.ajs-auxiliary .ajs-button {
margin: 4px;
}
.alertify .ajs-footer .ajs-buttons .ajs-button {
min-width: 88px;
min-height: 35px;
}
.alertify .ajs-handle {
position: absolute;
display: none;
width: 10px;
height: 10px;
right: 0;
bottom: 0;
z-index: 1;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMS8xNEDQYmMAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQ0lEQVQYlaXNMQoAIAxD0dT7H657l0KX3iJuUlBUNOsPPCGJm7VDp6ryeMxMuDsAQH7owW3pyn3RS26iKxERMLN3ugOaAkaL3sWVigAAAABJRU5ErkJggg==);
-webkit-transform: scaleX(1);
transform: scaleX(1);
cursor: se-resize;
}
.alertify.ajs-no-overflow .ajs-body .ajs-content {
overflow: hidden !important;
}
.alertify.ajs-no-padding.ajs-maximized .ajs-body .ajs-content {
left: 0;
right: 0;
padding: 0;
}
.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body {
margin-left: -24px;
margin-right: -24px;
}
.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body .ajs-content {
padding: 0;
}
.alertify.ajs-no-padding.ajs-resizable .ajs-body .ajs-content {
left: 0;
right: 0;
}
.alertify.ajs-maximizable .ajs-commands button.ajs-maximize,
.alertify.ajs-maximizable .ajs-commands button.ajs-restore {
display: inline-block;
}
.alertify.ajs-closable .ajs-commands button.ajs-close {
display: inline-block;
}
.alertify.ajs-maximized .ajs-dialog {
width: 100% !important;
height: 100% !important;
max-width: none !important;
margin: 0 auto !important;
top: 0 !important;
left: 0 !important;
}
.alertify.ajs-maximized.ajs-modeless .ajs-modal {
position: fixed !important;
min-height: 100% !important;
max-height: none !important;
margin: 0 !important;
}
.alertify.ajs-maximized .ajs-commands button.ajs-maximize {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAASklEQVQYlZWQ0QkAMQhDtXRincOZX78KVtrDCwgqJNEoIB3MPLj7lRUROlpyVXGzby6zWuY+kz6tj5sBMTMAyVV3/595RbOh3cAXsww1raeiOcoAAAAASUVORK5CYII=);
}
.alertify.ajs-maximized .ajs-dialog,
.alertify.ajs-resizable .ajs-dialog {
padding: 0;
}
.alertify.ajs-maximized .ajs-commands,
.alertify.ajs-resizable .ajs-commands {
margin: 14px 24px 0 0;
}
.alertify.ajs-maximized .ajs-header,
.alertify.ajs-resizable .ajs-header {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0;
padding: 16px 24px;
}
.alertify.ajs-maximized .ajs-body,
.alertify.ajs-resizable .ajs-body {
min-height: 224px;
display: inline-block;
}
.alertify.ajs-maximized .ajs-body .ajs-content,
.alertify.ajs-resizable .ajs-body .ajs-content {
position: absolute;
top: 50px;
right: 24px;
bottom: 50px;
left: 24px;
overflow: auto;
}
.alertify.ajs-maximized .ajs-footer,
.alertify.ajs-resizable .ajs-footer {
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0;
}
.alertify.ajs-resizable:not(.ajs-maximized) .ajs-dialog {
min-width: 548px;
}
.alertify.ajs-resizable:not(.ajs-maximized) .ajs-handle {
display: block;
}
.alertify.ajs-movable:not(.ajs-maximized) .ajs-header {
cursor: move;
}
.alertify.ajs-modeless .ajs-dimmer,
.alertify.ajs-modeless .ajs-reset {
display: none;
}
.alertify.ajs-modeless .ajs-modal {
overflow: visible;
max-width: none;
max-height: 0;
}
.alertify.ajs-modeless.ajs-pinnable .ajs-commands button.ajs-pin {
display: inline-block;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQklEQVQYlcWPMQ4AIAwCqU9u38GbcbHRWN1MvKQDhQFMEpKImGJA0gCgnYw0V0rwxseg5erT4oSkQVI5d9f+e9+xA0NbLpWfitPXAAAAAElFTkSuQmCC);
}
.alertify.ajs-modeless.ajs-unpinned .ajs-modal {
position: absolute;
}
.alertify.ajs-modeless.ajs-unpinned .ajs-commands button.ajs-pin {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAO0lEQVQYlWP8//8/AzGAiShV6AqLi4txGs+CLoBLMYbC3t5eRmyaWfBZhwwYkX2NTxPRvibKjRhW4wMAhxkYGbLu3pEAAAAASUVORK5CYII=);
}
.alertify.ajs-modeless:not(.ajs-unpinned) .ajs-body {
max-height: 500px;
overflow: auto;
}
.alertify.ajs-basic .ajs-header {
opacity: 0;
}
.alertify.ajs-basic .ajs-footer {
visibility: hidden;
}
.alertify.ajs-frameless .ajs-header {
position: absolute;
top: 0;
left: 0;
right: 0;
min-height: 60px;
margin: 0;
padding: 0;
opacity: 0;
z-index: 1;
}
.alertify.ajs-frameless .ajs-footer {
display: none;
}
.alertify.ajs-frameless .ajs-body .ajs-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog {
padding-top: 0;
}
.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog .ajs-commands {
margin-top: 0;
}
.ajs-no-overflow {
overflow: hidden !important;
outline: 0;
}
.ajs-no-overflow.ajs-fixed {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow-y: scroll !important;
}
.ajs-no-selection,
.ajs-no-selection * {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media screen and (max-width: 568px) {
.alertify .ajs-dialog {
min-width: 150px;
}
.alertify:not(.ajs-maximized) .ajs-modal {
padding: 0 5%;
}
.alertify:not(.ajs-maximized).ajs-resizable .ajs-dialog {
min-width: initial;
min-width: auto;
}
}
@-moz-document url-prefix() {
.alertify button:focus {
outline: 1px dotted #3593d2;
}
}
.alertify .ajs-dimmer,
.alertify .ajs-modal {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition-property: opacity, visibility;
transition-property: opacity, visibility;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transition-duration: 250ms;
transition-duration: 250ms;
}
.alertify.ajs-hidden .ajs-dimmer,
.alertify.ajs-hidden .ajs-modal {
visibility: hidden;
opacity: 0;
}
.alertify.ajs-in:not(.ajs-hidden) .ajs-dialog {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
}
.alertify.ajs-out.ajs-hidden .ajs-dialog {
-webkit-animation-duration: 250ms;
animation-duration: 250ms;
}
.alertify .ajs-dialog.ajs-shake {
-webkit-animation-name: ajs-shake;
animation-name: ajs-shake;
-webkit-animation-duration: 0.1s;
animation-duration: 0.1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes ajs-shake {
0%,
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes ajs-shake {
0%,
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.alertify.ajs-slide.ajs-in:not(.ajs-hidden) .ajs-dialog {
-webkit-animation-name: ajs-slideIn;
animation-name: ajs-slideIn;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.alertify.ajs-slide.ajs-out.ajs-hidden .ajs-dialog {
-webkit-animation-name: ajs-slideOut;
animation-name: ajs-slideOut;
-webkit-animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.alertify.ajs-zoom.ajs-in:not(.ajs-hidden) .ajs-dialog {
-webkit-animation-name: ajs-zoomIn;
animation-name: ajs-zoomIn;
}
.alertify.ajs-zoom.ajs-out.ajs-hidden .ajs-dialog {
-webkit-animation-name: ajs-zoomOut;
animation-name: ajs-zoomOut;
}
.alertify.ajs-fade.ajs-in:not(.ajs-hidden) .ajs-dialog {
-webkit-animation-name: ajs-fadeIn;
animation-name: ajs-fadeIn;
}
.alertify.ajs-fade.ajs-out.ajs-hidden .ajs-dialog {
-webkit-animation-name: ajs-fadeOut;
animation-name: ajs-fadeOut;
}
.alertify.ajs-pulse.ajs-in:not(.ajs-hidden) .ajs-dialog {
-webkit-animation-name: ajs-pulseIn;
animation-name: ajs-pulseIn;
}
.alertify.ajs-pulse.ajs-out.ajs-hidden .ajs-dialog {
-webkit-animation-name: ajs-pulseOut;
animation-name: ajs-pulseOut;
}
.alertify.ajs-flipx.ajs-in:not(.ajs-hidden) .ajs-dialog {
-webkit-animation-name: ajs-flipInX;
animation-name: ajs-flipInX;
}
.alertify.ajs-flipx.ajs-out.ajs-hidden .ajs-dialog {
-webkit-animation-name: ajs-flipOutX;
animation-name: ajs-flipOutX;
}
.alertify.ajs-flipy.ajs-in:not(.ajs-hidden) .ajs-dialog {
-webkit-animation-name: ajs-flipInY;
animation-name: ajs-flipInY;
}
.alertify.ajs-flipy.ajs-out.ajs-hidden .ajs-dialog {
-webkit-animation-name: ajs-flipOutY;
animation-name: ajs-flipOutY;
}
@-webkit-keyframes ajs-pulseIn {
0%,
100%,
20%,
40%,
60%,
80% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes ajs-pulseIn {
0%,
100%,
20%,
40%,
60%,
80% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@-webkit-keyframes ajs-pulseOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes ajs-pulseOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@-webkit-keyframes ajs-zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.25, 0.25, 0.25);
transform: scale3d(0.25, 0.25, 0.25);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes ajs-zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.25, 0.25, 0.25);
transform: scale3d(0.25, 0.25, 0.25);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@-webkit-keyframes ajs-zoomOut {
0% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.25, 0.25, 0.25);
transform: scale3d(0.25, 0.25, 0.25);
}
}
@keyframes ajs-zoomOut {
0% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.25, 0.25, 0.25);
transform: scale3d(0.25, 0.25, 0.25);
}
}
@-webkit-keyframes ajs-fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes ajs-fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes ajs-fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes ajs-fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes ajs-flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes ajs-flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@-webkit-keyframes ajs-flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes ajs-flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@-webkit-keyframes ajs-flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes ajs-flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@-webkit-keyframes ajs-flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes ajs-flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@-webkit-keyframes ajs-slideIn {
0% {
margin-top: -100%;
}
100% {
margin-top: 5%;
}
}
@keyframes ajs-slideIn {
0% {
margin-top: -100%;
}
100% {
margin-top: 5%;
}
}
@-webkit-keyframes ajs-slideOut {
0% {
margin-top: 5%;
}
100% {
margin-top: -100%;
}
}
@keyframes ajs-slideOut {
0% {
margin-top: 5%;
}
100% {
margin-top: -100%;
}
}
.alertify-notifier {
position: fixed;
width: 0;
overflow: visible;
z-index: 1982;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.alertify-notifier .ajs-message {
position: relative;
width: 260px;
max-height: 0;
padding: 0;
opacity: 0;
margin: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition-duration: 250ms;
transition-duration: 250ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
}
.alertify-notifier .ajs-message.ajs-visible {
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
opacity: 1;
max-height: 100%;
padding: 15px;
margin-top: 10px;
}
.alertify-notifier .ajs-message.ajs-success {
background: rgba(91, 189, 114, 0.95);
}
.alertify-notifier .ajs-message.ajs-error {
background: rgba(217, 92, 92, 0.95);
}
.alertify-notifier .ajs-message.ajs-warning {
background: rgba(252, 248, 215, 0.95);
}
.alertify-notifier .ajs-message .ajs-close {
position: absolute;
top: 0;
right: 0;
width: 16px;
height: 16px;
cursor: pointer;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAABGdBTUEAALGPC/xhBQAAAFBJREFUGBl1j0EKADEIA+ve/P9f9bh1hEihNBfjVCO1v7RKVqJK4h8gM5cAPR42AkQEpSXPwMTyoi13n5N9YqJehm3Fnr7nL1D0ZEbD5OubGyC7a9gx+9eNAAAAAElFTkSuQmCC);
background-repeat: no-repeat;
background-position: center center;
background-color: rgba(0, 0, 0, 0.5);
border-top-right-radius: 2px;
}
.alertify-notifier.ajs-top {
top: 10px;
}
.alertify-notifier.ajs-bottom {
bottom: 10px;
}
.alertify-notifier.ajs-right {
right: 10px;
}
.alertify-notifier.ajs-right .ajs-message {
right: -320px;
}
.alertify-notifier.ajs-right .ajs-message.ajs-visible {
right: 290px;
}
.alertify-notifier.ajs-left {
left: 10px;
}
.alertify-notifier.ajs-left .ajs-message {
left: -300px;
}
.alertify-notifier.ajs-left .ajs-message.ajs-visible {
left: 0;
}
.alertify-notifier.ajs-center {
left: 50%;
}
.alertify-notifier.ajs-center .ajs-message {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.alertify-notifier.ajs-center .ajs-message.ajs-visible {
left: 50%;
-webkit-transition-timing-function: cubic-bezier(0.57, 0.43, 0.1, 0.65);
transition-timing-function: cubic-bezier(0.57, 0.43, 0.1, 0.65);
}
.alertify-notifier.ajs-center.ajs-top .ajs-message {
top: -300px;
}
.alertify-notifier.ajs-center.ajs-top .ajs-message.ajs-visible {
top: 0;
}
.alertify-notifier.ajs-center.ajs-bottom .ajs-message {
bottom: -300px;
}
.alertify-notifier.ajs-center.ajs-bottom .ajs-message.ajs-visible {
bottom: 0;
}
.alertify .ajs-dimmer {
background-color: #000;
opacity: 0.5;
}
.alertify .ajs-dialog {
max-width: 600px;
min-height: 122px;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
border-radius: 6px;
}
.alertify .ajs-header {
color: #333;
border-bottom: 1px solid #e5e5e5;
border-radius: 6px 6px 0 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 18px;
}
.alertify .ajs-body {
font-family: Roboto, sans-serif;
color: #000;
}
.alertify.ajs-maximized:not(.ajs-resizable) .ajs-content,
.alertify.ajs-resizable .ajs-content {
top: 58px;
bottom: 68px;
}
.alertify .ajs-footer {
background-color: #fff;
padding: 15px;
border-top: 1px solid #e5e5e5;
border-radius: 0 0 6px 6px;
}
.alertify-notifier .ajs-message {
background: rgba(255, 255, 255, 0.95);
color: #000;
text-align: center;
border: solid 1px #ddd;
border-radius: 2px;
}
.alertify-notifier .ajs-message.ajs-success {
color: #fff;
background: rgba(91, 189, 114, 0.95);
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
}
.alertify-notifier .ajs-message.ajs-error {
color: #fff;
background: rgba(217, 92, 92, 0.95);
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
}
.alertify-notifier .ajs-message.ajs-warning {
background: rgba(252, 248, 215, 0.95);
border-color: #999;
}
.owl-carousel,
.owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative;
}
.owl-carousel {
display: none;
width: 100%;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
-moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
display: none;
}
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
.owl-carousel .animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.owl-height {
transition: height 0.5s ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 0.4s ease;
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//banhmiyummi.com/wp-content/themes/banhmiyummi/global/plugins/owl-carousel/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 0.1s ease;
}
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 0.4s ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
}
.owl-theme .owl-dots,
.owl-theme .owl-nav {
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav {
margin-top: 10px;
}
.owl-theme .owl-nav [class*="owl-"] {
color: #fff;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #d6d6d6;
display: inline-block;
cursor: pointer;
border-radius: 3px;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
background: #869791;
color: #fff;
text-decoration: none;
}
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px;
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #d6d6d6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 0.2s ease;
border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #869791;
}
body.compensate-for-scrollbar {
overflow: hidden;
}
.fancybox-active {
height: auto;
}
.fancybox-is-hidden {
left: -9999px;
margin: 0;
position: absolute !important;
top: -9999px;
visibility: hidden;
}
.fancybox-container {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: 0;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
-ms-touch-action: manipulation;
touch-action: manipulation;
-webkit-transform: translateZ(0);
transform: translateZ(0);
width: 100%;
z-index: 99992;
}
.fancybox-container * {
box-sizing: border-box;
}
.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.fancybox-outer {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
}
.fancybox-bg {
background: #1e1e1e;
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
opacity: 0.9;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
direction: ltr;
opacity: 0;
position: absolute;
transition: opacity 0.25s ease, visibility 0s ease 0.25s;
visibility: hidden;
z-index: 99997;
}
.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
opacity: 1;
transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
visibility: visible;
}
.fancybox-infobar {
color: #ccc;
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased;
height: 44px;
left: 0;
line-height: 44px;
min-width: 44px;
mix-blend-mode: difference;
padding: 0 10px;
pointer-events: none;
top: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fancybox-toolbar {
right: 0;
top: 0;
}
.fancybox-stage {
direction: ltr;
overflow: visible;
-webkit-transform: translateZ(0);
transform: translateZ(0);
z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
overflow: hidden;
}
.fancybox-slide {
-webkit-backface-visibility: hidden;
display: none;
height: 100%;
left: 0;
outline: 0;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: absolute;
text-align: center;
top: 0;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
white-space: normal;
width: 100%;
z-index: 99994;
}
.fancybox-slide:before {
content: "";
display: inline-block;
font-size: 0;
height: 100%;
vertical-align: middle;
width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
display: block;
}
.fancybox-slide--image {
overflow: hidden;
padding: 44px 0;
}
.fancybox-slide--image:before {
display: none;
}
.fancybox-slide--html {
padding: 6px;
}
.fancybox-content {
background: #fff;
display: inline-block;
margin: 0;
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: relative;
text-align: left;
vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
-webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
-webkit-backface-visibility: hidden;
background: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0;
max-width: none;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
-webkit-transform-origin: top left;
transform-origin: top left;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
cursor: zoom-in;
}
.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
cursor: -webkit-grab;
cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.fancybox-container [data-selectable="true"] {
cursor: text;
}
.fancybox-image,
.fancybox-spaceball {
background: 0 0;
border: 0;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
padding: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}
.fancybox-spaceball {
z-index: 1;
}
.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
height: 100%;
overflow: visible;
padding: 0;
width: 100%;
}
.fancybox-slide--video .fancybox-content {
background: #000;
}
.fancybox-slide--map .fancybox-content {
background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
background: #fff;
}
.fancybox-iframe,
.fancybox-video {
background: 0 0;
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
.fancybox-iframe {
left: 0;
position: absolute;
top: 0;
}
.fancybox-error {
background: #fff;
cursor: default;
max-width: 400px;
padding: 40px;
width: 100%;
}
.fancybox-error p {
color: #444;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 0;
}
.fancybox-button {
background: rgba(30, 30, 30, 0.6);
border: 0;
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
transition: color 0.2s;
vertical-align: top;
visibility: inherit;
width: 44px;
}
.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
color: #ccc;
}
.fancybox-button:hover {
color: #fff;
}
.fancybox-button:focus {
outline: 0;
}
.fancybox-button.fancybox-focus {
outline: 1px dotted;
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
color: #888;
cursor: default;
outline: 0;
}
.fancybox-button div {
height: 100%;
}
.fancybox-button svg {
display: block;
height: 100%;
overflow: visible;
position: relative;
width: 100%;
}
.fancybox-button svg path {
fill: currentColor;
stroke-width: 0;
}
.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:nth-child(1),
.fancybox-button--pause svg:nth-child(1),
.fancybox-button--play svg:nth-child(2) {
display: none;
}
.fancybox-progress {
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0;
transform-origin: 0;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transition-timing-function: linear;
z-index: 99998;
}
.fancybox-close-small {
background: 0 0;
border: 0;
border-radius: 0;
color: #ccc;
cursor: pointer;
opacity: 0.8;
padding: 8px;
position: absolute;
right: -12px;
top: -44px;
z-index: 401;
}
.fancybox-close-small:hover {
color: #fff;
opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
color: currentColor;
padding: 10px;
right: 0;
top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
display: none;
}
.fancybox-navigation .fancybox-button {
background-clip: content-box;
height: 100px;
opacity: 0;
position: absolute;
top: calc(50% - 50px);
width: 70px;
}
.fancybox-navigation .fancybox-button div {
padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
padding: 31px 6px 31px 26px;
right: 0;
}
.fancybox-caption {
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 25px 44px;
right: 0;
text-align: center;
z-index: 99996;
}
.fancybox-caption:before {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=);
background-repeat: repeat-x;
background-size: contain;
bottom: 0;
content: "";
display: block;
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: -44px;
z-index: -1;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
color: #ccc;
text-decoration: none;
}
.fancybox-caption a:hover {
color: #fff;
text-decoration: underline;
}
.fancybox-loading {
-webkit-animation: a 1s linear infinite;
animation: a 1s linear infinite;
background: 0 0;
border: 4px solid #888;
border-bottom-color: #fff;
border-radius: 50%;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
opacity: 0.7;
padding: 0;
position: absolute;
top: 50%;
width: 50px;
z-index: 99999;
}
@-webkit-keyframes a {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@keyframes a {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
.fancybox-animated {
transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
.fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
opacity: 0;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1;
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
-webkit-transform: scale3d(1.5, 1.5, 1.5);
transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
-webkit-transform: rotate(-1turn);
transform: rotate(-1turn);
}
.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
-webkit-transform: rotate(0);
transform: rotate(0);
}
.fancybox-fx-circular.fancybox-slide--previous {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
opacity: 1;
-webkit-transform: scaleX(1) translateZ(0);
transform: scaleX(1) translateZ(0);
}
.fancybox-fx-tube.fancybox-slide--previous {
-webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
-webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
-webkit-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1);
}
@media (max-height: 576px) {
.fancybox-caption {
padding: 12px;
}
.fancybox-slide {
padding-left: 6px;
padding-right: 6px;
}
.fancybox-slide--image {
padding: 6px 0;
}
.fancybox-close-small {
right: -6px;
}
.fancybox-slide--image .fancybox-close-small {
background: #4e4e4e;
color: #f2f4f6;
height: 36px;
opacity: 1;
padding: 6px;
right: 0;
top: 0;
width: 36px;
}
}
.fancybox-share {
background: #f4f4f4;
border-radius: 3px;
max-width: 90%;
padding: 30px;
text-align: center;
}
.fancybox-share h1 {
color: #222;
font-size: 35px;
font-weight: 700;
margin: 0 0 20px;
}
.fancybox-share p {
margin: 0;
padding: 0;
}
.fancybox-share__button {
border: 0;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 40px;
margin: 0 5px 10px;
min-width: 130px;
padding: 0 15px;
text-decoration: none;
transition: all 0.2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
}
.fancybox-share__button:link,
.fancybox-share__button:visited {
color: #fff;
}
.fancybox-share__button:hover {
text-decoration: none;
}
.fancybox-share__button--fb {
background: #3b5998;
}
.fancybox-share__button--fb:hover {
background: #344e86;
}
.fancybox-share__button--pt {
background: #bd081d;
}
.fancybox-share__button--pt:hover {
background: #aa0719;
}
.fancybox-share__button--tw {
background: #1da1f2;
}
.fancybox-share__button--tw:hover {
background: #0d95e8;
}
.fancybox-share__button svg {
height: 25px;
margin-right: 7px;
position: relative;
top: -1px;
vertical-align: middle;
width: 25px;
}
.fancybox-share__button svg path {
fill: #fff;
}
.fancybox-share__input {
background: 0 0;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
margin: 10px 0 0;
outline: 0;
padding: 10px 15px;
width: 100%;
}
.fancybox-thumbs {
background: #ddd;
bottom: 0;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px;
position: absolute;
right: 0;
-webkit-tap-highlight-color: transparent;
top: 0;
width: 212px;
z-index: 99995;
}
.fancybox-thumbs-x {
overflow-x: auto;
overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block;
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px;
}
.fancybox-thumbs__list {
font-size: 0;
height: 100%;
list-style: none;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
position: relative;
white-space: nowrap;
width: 100%;
}
.fancybox-thumbs-x .fancybox-thumbs__list {
overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px;
}
.fancybox-thumbs__list a {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, 0.1);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
float: left;
height: 75px;
margin: 2px;
max-height: calc(100% - 8px);
max-width: calc(50% - 4px);
outline: 0;
overflow: hidden;
padding: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
width: 100px;
}
.fancybox-thumbs__list a:before {
border: 6px solid #ff5268;
bottom: 0;
content: "";
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
z-index: 99991;
}
.fancybox-thumbs__list a:focus:before {
opacity: 0.5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active:before {
opacity: 1;
}
@media (max-width: 576px) {
.fancybox-thumbs {
width: 110px;
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px;
}
.fancybox-thumbs__list a {
max-width: calc(100% - 10px);
}
} .bootstrap-datetimepicker-widget {
list-style: none;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
display: block;
margin: 2px 0;
padding: 4px;
width: 19em;
}
@media (min-width: 768px) {
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
width: 38em;
}
}
@media (min-width: 992px) {
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
width: 38em;
}
}
@media (min-width: 1200px) {
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
width: 38em;
}
}
.bootstrap-datetimepicker-widget.dropdown-menu:after,
.bootstrap-datetimepicker-widget.dropdown-menu:before {
content: "";
display: inline-block;
position: absolute;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-bottom-color: rgba(0, 0, 0, 0.2);
top: -7px;
left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
top: -6px;
left: 8px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #ccc;
border-top-color: rgba(0, 0, 0, 0.2);
bottom: -7px;
left: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #fff;
bottom: -6px;
left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
left: auto;
right: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
left: auto;
right: 7px;
}
.bootstrap-datetimepicker-widget .list-unstyled {
margin: 0;
}
.bootstrap-datetimepicker-widget a[data-action] {
padding: 6px 0;
}
.bootstrap-datetimepicker-widget a[data-action]:active {
box-shadow: none;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
width: 54px;
font-weight: 700;
font-size: 1.2em;
margin: 0;
}
.bootstrap-datetimepicker-widget button[data-action] {
padding: 6px;
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Increment Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Increment Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Decrement Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Decrement Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Show Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Show Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Toggle AM/PM";
}
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Clear the picker";
}
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Set the date to today";
}
.bootstrap-datetimepicker-widget .picker-switch {
text-align: center;
}
.bootstrap-datetimepicker-widget .picker-switch::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Toggle Date and Time Screens";
}
.bootstrap-datetimepicker-widget .picker-switch td {
padding: 0;
margin: 0;
height: auto;
width: auto;
line-height: inherit;
}
.bootstrap-datetimepicker-widget .picker-switch td span {
line-height: 2.5;
height: 2.5em;
width: 100%;
}
.bootstrap-datetimepicker-widget table {
width: 100%;
margin: 0;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
text-align: center;
border-radius: 4px;
}
.bootstrap-datetimepicker-widget table th {
height: 20px;
line-height: 20px;
width: 20px;
}
.bootstrap-datetimepicker-widget table th.picker-switch {
width: 145px;
}
.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
background: 0 0;
color: #777;
cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table th.prev::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Previous Month";
}
.bootstrap-datetimepicker-widget table th.next::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Next Month";
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
cursor: pointer;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
background: #eee;
}
.bootstrap-datetimepicker-widget table td {
height: 54px;
line-height: 54px;
width: 54px;
}
.bootstrap-datetimepicker-widget table td.cw {
font-size: 0.8em;
height: 20px;
line-height: 20px;
color: #777;
}
.bootstrap-datetimepicker-widget table td.day {
height: 20px;
line-height: 20px;
width: 20px;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
background: #eee;
cursor: pointer;
}
.bootstrap-datetimepicker-widget table td.new,
.bootstrap-datetimepicker-widget table td.old {
color: #777;
}
.bootstrap-datetimepicker-widget table td.today {
position: relative;
}
.bootstrap-datetimepicker-widget table td.today:before {
content: "";
display: inline-block;
border: solid transparent;
border-width: 0 0 7px 7px;
border-bottom-color: #337ab7;
border-top-color: rgba(0, 0, 0, 0.2);
position: absolute;
bottom: 4px;
right: 4px;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
background-color: #337ab7;
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td.active.today:before {
border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
background: 0 0;
color: #777;
cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table td span {
display: inline-block;
width: 54px;
height: 54px;
line-height: 54px;
margin: 2px 1.5px;
cursor: pointer;
border-radius: 4px;
}
.bootstrap-datetimepicker-widget table td span:hover {
background: #eee;
}
.bootstrap-datetimepicker-widget table td span.active {
background-color: #337ab7;
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td span.old {
color: #777;
}
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
background: 0 0;
color: #777;
cursor: not-allowed;
}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
height: 27px;
line-height: 27px;
}
.bootstrap-datetimepicker-widget.wider {
width: 21em;
}
.bootstrap-datetimepicker-widget .datepicker-decades .decade {
line-height: 1.8em !important;
}
.input-group.date .input-group-addon {
cursor: pointer;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
:root {
--blue: #007bff;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #ddd;
--gray-light: #f2f2f2;
--gray-dark: #767676;
--primary: #ff6301;
--primary-hover: #454545;
--secondary: #454545;
--secondary-hover: #ff6301;
--success: #0abb87;
--info: #5578eb;
--warning: #ffb822;
--danger: #fd397a;
--light: #f8f9fa;
--dark: #343a40;
--font-primary: Arial;
--font-secondary: Arial;
--color-primary: #ff6301;
--color-primary-hover: #454545;
--color-secondary: #454545;
--color-secondary-hover: #ff6301;
--color-white: #fff;
--color-teal: #20c997;
--color-red: #ef4444;
--color-fill-primary: invert(45%) sepia(34%) saturate(5191%) hue-rotate(0deg) brightness(103%) contrast(103%);
--color-fill-secondary: invert(22%) sepia(0%) saturate(437%) hue-rotate(160deg) brightness(100%) contrast(83%);
}
.bg-white {
background-color: #fff;
}
.bg-black {
background-color: #131313;
}
.bg-lightblack {
background-color: #5e6271;
}
.bg-gray {
background-color: #e5e5e5;
}
.bg-lightgray {
background-color: #f2f2f2;
}
.bg-deepgray {
background-color: #4d4d4d;
}
.bg-primary {
background-color: #ff6301;
}
.bg-second {
background-color: #454545;
}
.bg-gray-dark {
background-color: #333;
}
.bg-scream {
background-color: #f5f5e7;
}
.text-white {
color: #fff;
}
.text-black {
color: #131313;
}
.text-gray {
color: grey;
}
.text-lightgray {
color: #999;
}
.text-deepgray {
color: #666;
}
.text-primary {
color: #ff6301;
}
.text-second {
color: #454545;
}
.text-red {
color: #f44;
}
.bg-gradient {
background: rgba(17, 17, 17, 0);
background: -moz-linear-gradient(bottom, rgba(17, 17, 17, 0) 0, rgba(17, 17, 17, 0.1) 10%, rgba(17, 17, 17, 0.95) 100%);
background: -webkit-gradient(left bottom, left top, color-stop(0, rgba(17, 17, 17, 0)), color-stop(10%, rgba(17, 17, 17, 0.1)), color-stop(100%, rgba(17, 17, 17, 0.95)));
background: -webkit-linear-gradient(bottom, rgba(17, 17, 17, 0) 0, rgba(17, 17, 17, 0.1) 10%, rgba(17, 17, 17, 0.95) 100%);
background: -o-linear-gradient(bottom, rgba(17, 17, 17, 0) 0, rgba(17, 17, 17, 0.1) 10%, rgba(17, 17, 17, 0.95) 100%);
background: -ms-linear-gradient(bottom, rgba(17, 17, 17, 0) 0, rgba(17, 17, 17, 0.1) 10%, rgba(17, 17, 17, 0.95) 100%);
background: linear-gradient(to top, rgba(17, 17, 17, 0) 0, rgba(17, 17, 17, 0.1) 10%, rgba(17, 17, 17, 0.95) 100%);
}
.modal-body {
max-height: 60vh;
overflow-y: auto;
}
p {
margin: 0 0 5px 0;
}
p:last-of-type {
margin-bottom: 0;
}
b {
font-weight: 700;
}
a {
-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
color: #131313;
letter-spacing: 0;
}
a:hover {
color: #ff6301;
}
a:active,
a:focus,
a:hover,
a:visited {
text-decoration: none;
}
a:focus {
outline: 3px solid #ff6301;
outline-offset: 2px;
}
input[type="submit"],
button {
-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
button:focus {
outline: 3px solid #ff6301;
outline-offset: 2px;
}
.btn:active,
.btn:active:focus,
a:active,
a:active:focus,
button:active,
button:active:focus {
background-image: none;
-webkit-box-shadow: initial;
box-shadow: initial;
}
.btn:focus,
a:focus,
button:focus {
outline: 3px solid #ff6301;
outline-offset: 2px;
}
body {
font-family: "iCiel Samsung Sharp Sans", sans-serif;
font-weight: 400;
font-style: normal;
color: #131313;
}
iframe,
img {
max-width: 100%;
}
.form-control:focus,
input:focus {
outline: 0;
border-color: #ff6301;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(173, 220, 209, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(173, 220, 209, 0.6);
}
.blog-content h1,
.blog-content h2,
.blog-content h3,
.blog-content h4,
.blog-content h5,
.blog-content h6 {
margin-bottom: 20px;
}
.blog-content a {
color: #337ab7;
}
.blog-content a:hover {
color: #23527c;
}
.blog-content p {
margin-bottom: 20px;
font-size: 18px;
line-height: 1.5;
}
.blog-content img {
text-align: center;
margin: 20px auto;
height: auto;
display: -webkit-box;
}
.blog-content > p:last-child {
margin-bottom: 0;
}
.container {
width: 1200px;
max-width: 100%;
}
.container-custom {
width: 1000px;
}
.unclearfix:after,
.unclearfix:before {
content: initial;
display: initial;
}
.unclearfix:after {
clear: initial;
}
.my-ul {
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
}
[data-toggle~="collapse"],
[data-toggle~="modal"] {
cursor: pointer;
}
.form-control {
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
border-color: #ff6301;
height: 40px;
}
.form-control:focus {
outline: 3px solid #ff6301;
outline-offset: 2px;
}
.form-control label {
width: 100%;
}
.a-link {
display: block;
width: 100%;
height: 100%;
}
.e-block {
display: block;
}
.lazy-wiget {
opacity: 0;
visibility: hidden;
}
.table,
.table-responsive {
margin-bottom: 0;
}
.disabled {
cursor: no-drop;
}
.progress {
cursor: progress;
}
.bg-icon {
background: url(//banhmiyummi.com/Templates/Website/global/img/sprite.png) 0 0 no-repeat;
}
.bg-paralax {
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.tab-body > .tab-pane {
visibility: hidden;
height: 0;
overflow: hidden;
}
.tab-body .active {
visibility: visible;
height: auto;
overflow: visible;
}
.fb-comments {
width: 100%;
}
.fb-comments > span {
width: 100% !important;
}
.fb-comments > span iframe {
width: 100% !important;
}
.error-lst {
border: 1px dotted #f44;
border-radius: 10px;
margin-bottom: 20px;
}
.error-lst ul li {
list-style: none;
position: relative;
}
.error-lst ul li:after {
content: "\e808";
font-family: ecs;
position: absolute;
top: 0;
left: -20px;
color: #f44;
}
.error-lst.white {
border-color: #fff;
}
.error-lst.white ul li {
color: #fff;
}
.error-lst.white ul li:after {
color: #fff;
}
.preload-container {
position: relative;
}
.preload-container .pre-load {
background-color: #e5e5e5;
position: absolute;
width: 100%;
height: 100%;
text-align: center;
display: none;
top: 0;
left: 0;
z-index: 9;
}
.preload-container .pre-load svg {
position: absolute;
top: calc(50% - 20px);
left: calc(50% - 20px);
}
.preload-container .pre-load svg path {
fill: #ff6301;
}
#loading {
position: fixed;
background-color: transparent;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: none;
z-index: 9999;
}
#loading svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#loading svg path {
fill: #ff6301;
}
.cut-text {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.masonry-css {
-webkit-column-count: 4;
column-count: 4;
-webkit-column-gap: 15px;
column-gap: 15px;
}
.masonry-css > * {
display: block;
width: 100%;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
.mytable {
padding: 1px;
}
.mytable thead {
border-left: 1px solid #ff6301;
border-right: 1px solid #ff6301;
border-top: 1px solid #ff6301;
}
.mytable thead tr th {
border-bottom: none;
color: #fff;
background-color: #ff6301;
text-align: center;
padding: 20px;
}
.mytable tbody {
border-left: 1px solid #cfcecc;
border-right: 1px solid #cfcecc;
border-bottom: 1px solid #cfcecc;
}
.mytable tbody tr {
-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
cursor: pointer;
}
.mytable tbody tr:hover {
background: #e5e5e5;
}
.mytable tbody tr td {
border-bottom: 1px solid #cfcecc;
border-right: 1px solid #cfcecc;
text-align: center;
padding: 20px;
}
.mytable tbody tr td:last-child {
border-right: 0;
}
.mytable tbody tr:last-child td {
border-bottom: none;
}
.tooltip.top .tooltip-inner {
background-color: #ff6301;
}
.tooltip.top .tooltip-arrow {
border-top-color: #ff6301;
}
.tooltip.bottom .tooltip-inner {
background-color: #ff6301;
}
.tooltip.bottom .tooltip-arrow {
border-bottom-color: #ff6301;
}
.tooltip.right .tooltip-inner {
background-color: #ff6301;
}
.tooltip.right .tooltip-arrow {
border-right-color: #ff6301;
}
.tooltip.left .tooltip-inner {
background-color: #ff6301;
}
.tooltip.left .tooltip-arrow {
border-left-color: #ff6301;
}
.magnify > .magnify-lens {
background-color: #fff !important;
}
.flex-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-pack: distribute;
}
.flex-container.flex-item-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.flex-container.row > .col,
.flex-container > .col {
float: none;
}
.flex-container .flex-left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.flex-container .flex-right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.flex-center {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.item-flex {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: -webkit-column;
flex-direction: -webkit-column;
flex-direction: -moz-column;
-ms-flex-direction: -ms-column;
flex-direction: -ms-column;
flex-direction: -o-column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.item-flex .text-container {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-moz-flex: 1 0 auto;
-o-flex: 1 0 auto;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-flex-direction: -webkit-column;
flex-direction: -webkit-column;
flex-direction: -moz-column;
-ms-flex-direction: -ms-column;
flex-direction: -ms-column;
flex-direction: -o-column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.item-flex .text-container .des,
.item-flex .text-container h3 {
-moz-flex-grow: 1;
-o-flex-grow: 1;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.item-flex .text-container h3 {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.flex-left {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: left;
-webkit-justify-content: left;
-ms-flex-pack: left;
justify-content: left;
}
.flex-right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.flex-between {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.v-height {
display: table;
height: 100%;
width: 100%;
}
.v-mid {
display: table-cell;
vertical-align: middle;
width: 100%;
}
.v-top {
display: table-cell;
width: 100%;
vertical-align: top;
}
.v-bot {
display: table-cell;
width: 100%;
vertical-align: bottom;
}
.title-normal {
text-align: center;
text-transform: uppercase;
}
.title-with-line {
text-align: center;
position: relative;
padding-bottom: 10px;
}
.title-with-line span {
position: relative;
padding: 0 10px;
z-index: 2;
}
.title-with-line:after {
border-bottom: 2px solid #ff6301;
position: absolute;
content: "";
width: 50px;
height: 1px;
bottom: 0;
left: calc(50% - 25px);
z-index: 1;
}
.title-with-line-bottom {
text-transform: uppercase;
position: relative;
display: inline-block;
padding-bottom: 10px;
}
.title-with-line-bottom:after {
position: absolute;
content: "";
width: 50px;
height: 2px;
left: 0;
bottom: 0;
background-color: #ff6301;
}
.title-with-2line-bottom {
position: relative;
text-transform: uppercase;
}
.title-with-2line-bottom span {
display: inline-block;
position: relative;
padding-bottom: 10px;
}
.title-with-2line-bottom span:after {
position: absolute;
content: "";
width: 100%;
height: 3px;
bottom: -1px;
left: 0;
z-index: 1;
background-color: #ff6301;
}
.title-with-2line-bottom:after {
position: absolute;
content: "";
width: 100%;
height: 1px;
bottom: 0;
left: 0;
z-index: -1;
background-color: #cfcecc;
}
.title-with-border-left {
border-left: 3px solid #ff6301;
padding-left: 5px;
}
.title-with-img-bottom {
text-align: center;
}
.title-with-img-bottom > :nth-child(1) {
display: block;
}
.title-with-img-bottom .icon {
margin-top: 10px;
display: inline-block;
position: relative;
}
.title-with-img-bottom .icon:before {
position: absolute;
content: "";
width: 100px;
height: 1px;
background-color: #ff6301;
left: -110px;
bottom: calc(50% - 0.5px);
}
.title-with-img-bottom .icon:after {
position: absolute;
content: "";
width: 100px;
height: 1px;
background-color: #ff6301;
right: -110px;
bottom: calc(50% - 0.5px);
}
.title-with-img-left {
position: relative;
padding-bottom: 5px;
vertical-align: middle;
display: inline-block;
}
.title-with-img-left img {
margin-right: 10px;
}
.title-with-img-left:before {
-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
bottom: 0;
left: 0;
position: absolute;
content: "";
width: 50px;
height: 1px;
background-color: #ff6301;
}
.title-with-img-left:hover:before {
width: 100%;
}
.title-with-2line {
position: relative;
text-align: center;
display: block;
}
.title-with-2line span {
background: #fff;
padding: 0 20px;
position: relative;
z-index: 9;
display: inline-block;
}
.title-with-2line:after,
.title-with-2line:before {
border-bottom: 2px solid #cfcecc;
position: absolute;
content: "";
width: 100%;
height: 2px;
top: calc(50% - 1px);
z-index: 1;
}
.title-with-2line:after {
left: 0;
}
.title-with-2line:before {
right: 0;
}
.title-with-line-right {
position: relative;
display: block;
}
.title-with-line-right span {
background: #ff6301;
padding-right: 10px;
position: relative;
z-index: 2;
display: inline-block;
}
.title-with-line-right:after {
position: absolute;
content: "";
height: 1px;
width: 100%;
top: calc(50% - 0.5px);
right: 0;
background: #fff;
z-index: 1;
}
.btn {
border-radius: 0;
text-transform: uppercase;
}
.btn-big {
padding: 10px 35px;
text-transform: uppercase;
font-weight: 700;
}
.btn-flashing {
font-size: 40px;
font-weight: 700;
animation: pulse 1s infinite;
}
.btn-shadow {
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.btn-shadow:hover {
-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn-readmore {
display: inline-block;
padding-bottom: 2.5px;
position: relative;
font-weight: 700;
text-transform: uppercase;
}
.btn-readmore:after {
-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
content: "";
width: 1px;
height: 2px;
background: #ff6301;
left: 50%;
right: 50%;
bottom: -2px;
position: absolute;
opacity: 0;
}
.btn-readmore:hover:after {
width: 100%;
left: 0;
right: 0;
opacity: 1;
}
.btn-primary {
background: #ff6301;
color: #fff;
border: none;
padding: 10px 30px;
}
.btn-primary:focus {
background: #ff6301;
color: #131313;
}
.btn-primary:hover {
background: #454545;
border-color: #454545;
color: #fff;
}
.btn-border-primary {
border: 1px solid #ff6301;
background: 0 0;
color: #ff6301;
}
.btn-border-primary:hover {
background: #ff6301;
color: #fff;
}
.btn-second {
border: 1px solid #454545;
background: #454545;
color: #fff;
}
.btn-second:hover {
background: #ff6301;
border-color: #ff6301;
color: #fff;
}
.btn-gradient {
background-image: -webkit-gradient(linear, left top, right top, from(#aaf), color-stop(51%, #fcbaf8), to(#aaf));
background-image: -webkit-linear-gradient(left, #aaf 0, #fcbaf8 51%, #aaf 100%);
background-image: -o-linear-gradient(left, #aaf 0, #fcbaf8 51%, #aaf 100%);
background-image: linear-gradient(to right, #aaf 0, #fcbaf8 51%, #aaf 100%);
background-size: 200% auto;
color: #fff;
border-color: transparent;
border-radius: 0;
}
.btn-gradient:hover {
background-position: right center;
}
.btn-black {
border: 1px solid #131313;
background: #131313;
color: #fff;
}
.btn-black:hover {
background: #ff6301;
border-color: #ff6301;
color: #fff;
}
.btn-white {
background-color: #fff;
border-color: #fff;
color: #131313;
}
.btn-white:hover {
background-color: #131313;
border-color: #131313;
color: #fff;
}
.btn-border-white {
border: 1px solid #fff;
background: 0 0;
color: #fff;
}
.btn-border-white:hover {
background: #fff;
color: #ff6301;
}
@keyframes pulse {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
.animate__pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.btn-loading {
position: relative;
overflow: hidden;
}
.btn-loading > span {
-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
display: block;
}
.btn-loading.loading {
padding-right: 40px !important;
}
.btn-loading.loading > span {
padding-right: 10px;
}
.btn-loading.loading:after {
opacity: 1;
}
.btn-loading:after,
.btn-loading:before {
display: inline-block;
vertical-align: middle;
-webkit-transition: opacity 0.2s linear, top 0.2s linear, -webkit-transform 0.2s linear;
transition: opacity 0.2s linear, top 0.2s linear, -webkit-transform 0.2s linear;
-o-transition: transform 0.2s linear, opacity 0.2s linear, top 0.2s linear;
transition: transform 0.2s linear, opacity 0.2s linear, top 0.2s linear;
transition: transform 0.2s linear, opacity 0.2s linear, top 0.2s linear, -webkit-transform 0.2s linear;
content: "";
width: 1.66667em;
height: 1.66667em;
opacity: 0;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
position: absolute;
top: calc(50% - 0.83333em);
right: 8px;
}
.btn-loading:before {
background-repeat: no-repeat;
background-color: transparent;
}
.btn-loading:after {
border-radius: 1.66667em;
border: 0.16667em solid rgba(255, 255, 255, 0.2);
border-top-color: rgba(255, 255, 255, 0.7);
-webkit-animation: spin 0.5s linear infinite;
animation: spin 0.5s linear infinite;
}
html::-webkit-scrollbar {
width: 10px;
height: 3px;
}
html::-webkit-scrollbar-track {
background: #6f6f6f;
}
html::-webkit-scrollbar-thumb {
width: 15px;
background: #ff6301;
}
div::-webkit-scrollbar {
width: 10px;
height: 3px;
}
div::-webkit-scrollbar-track {
background: #6f6f6f;
}
div::-webkit-scrollbar-thumb {
width: 15px;
background: #ff6301;
}
textarea {
outline: 0;
resize: none;
}
textarea::-webkit-scrollbar {
width: 5px;
height: 3px;
}
textarea::-webkit-scrollbar-track {
background: #6f6f6f;
}
textarea::-webkit-scrollbar-thumb {
width: 15px;
background: #ff6301;
}
.select-hidden {
display: none;
visibility: hidden;
padding-right: 10px;
}
.select {
cursor: pointer;
display: block;
position: relative;
width: 100%;
height: 34px;
}
.select-styled {
-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #131313;
background-color: transparent;
border-right: 1px solid grey;
border-radius: 0;
}
.select-styled:after {
-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
content: "";
width: 0;
height: 0;
border: 5px solid transparent;
border-color: grey transparent transparent transparent;
position: absolute;
top: 14px;
right: 10px;
}
.select-styled:hover {
background-color: #ff6301;
color: #fff;
}
.select-styled:hover:after {
border-color: #fff transparent transparent transparent;
}
.select-styled.active,
.select-styled:active {
background-color: #ff6301;
color: #fff;
}
.select-styled.active:after,
.select-styled:active:after {
top: 9px;
border-color: transparent transparent #fff transparent;
}
.select-options {
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
display: none;
position: absolute;
top: 100%;
right: 0;
left: 0;
z-index: 8;
margin: 0;
padding: 0;
list-style: none;
background-color: #ff6301;
}
.select-options li {
border: 1px solid grey;
-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
margin: 0;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #131313;
background-color: #fff;
border-radius: 0;
}
.select-options li:hover {
color: #ff6301;
background: #fff;
padding-left: 20px;
}
.select-options li[rel="hide"] {
display: none;
}
.select2-container--bootstrap.select2-container--focus .select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection {
border-color: #ff6301;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(173, 220, 209, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(173, 220, 209, 0.6);
}
.select2-container--bootstrap .select2-dropdown {
border-color: #ff6301;
}
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
background: #ff6301;
}
.bootstrap-datetimepicker-widget .list-unstyled {
padding-left: 0;
list-style: none;
}
.affix-top {
position: relative;
}
.affix {
top: 20px;
}
.affix-bottom {
position: absolute;
}
.ilightbox {
cursor: zoom-in;
position: relative;
display: block;
}
.ilightbox:after {
-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
position: absolute;
content: "\e830";
font-family: ecs;
top: 10px;
right: 10px;
font-size: 30px;
line-height: 30px;
color: #fff;
opacity: 0;
}
.ilightbox:hover:after {
opacity: 1;
}
.checkbox-container [type="checkbox"]:checked,
.checkbox-container [type="checkbox"]:not(:checked),
.checkbox-container [type="radio"]:checked,
.checkbox-container [type="radio"]:not(:checked) {
position: absolute;
left: -9999px;
}
.checkbox-container [type="checkbox"]:checked + label,
.checkbox-container [type="checkbox"]:not(:checked) + label,
.checkbox-container [type="radio"]:checked + label,
.checkbox-container [type="radio"]:not(:checked) + label {
position: relative;
padding-left: 1.95em;
cursor: pointer;
}
.checkbox-container [type="checkbox"]:checked + label:before,
.checkbox-container [type="checkbox"]:not(:checked) + label:before,
.checkbox-container [type="radio"]:checked + label:before,
.checkbox-container [type="radio"]:not(:checked) + label:before {
-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
border: 2px solid #cfcecc;
content: "";
position: absolute;
left: 0;
top: 0;
width: 1.25em;
height: 1.25em;
background: #fff;
}
.checkbox-container [type="checkbox"]:checked + label:after,
.checkbox-container [type="checkbox"]:not(:checked) + label:after,
.checkbox-container [type="radio"]:checked + label:after,
.checkbox-container [type="radio"]:not(:checked) + label:after {
content: "\e809";
font-family: ecs;
position: absolute;
top: 0.1em;
left: 0.3em;
font-size: 1.3em;
line-height: 0.8;
color: #ff6301;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.checkbox-container [type="checkbox"]:not(:checked) + label:after,
.checkbox-container [type="radio"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.checkbox-container [type="checkbox"]:checked + label:after,
.checkbox-container [type="radio"]:checked + label:after {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.checkbox-container [type="checkbox"]:disabled:checked + label:before,
.checkbox-container [type="checkbox"]:disabled:not(:checked) + label:before,
.checkbox-container [type="radio"]:disabled:checked + label:before,
.checkbox-container [type="radio"]:disabled:not(:checked) + label:before {
box-shadow: none;
border-color: #bbb;
background-color: #ddd;
}
.checkbox-container [type="checkbox"]:disabled:checked + label:after,
.checkbox-container [type="radio"]:disabled:checked + label:after {
color: #999;
}
.checkbox-container [type="checkbox"]:disabled + label,
.checkbox-container [type="radio"]:disabled + label {
color: #aaa;
}
.checkbox-container [type="checkbox"]:checked:focus + label:before,
.checkbox-container [type="checkbox"]:not(:checked):focus + label:before,
.checkbox-container [type="radio"]:checked:focus + label:before,
.checkbox-container [type="radio"]:not(:checked):focus + label:before {
border-color: #ff6301;
}
.checkbox-container label:hover:before {
border-color: #ff6301;
}
.checkbox-container:last-child label {
margin-bottom: 0;
}
.checkbox-container.checkbox-img [type="checkbox"]:checked + label,
.checkbox-container.checkbox-img [type="checkbox"]:not(:checked) + label,
.checkbox-container.checkbox-img [type="radio"]:checked + label,
.checkbox-container.checkbox-img [type="radio"]:not(:checked) + label {
padding-left: 0;
}
.checkbox-container.checkbox-img [type="checkbox"]:checked + label img,
.checkbox-container.checkbox-img [type="checkbox"]:not(:checked) + label img,
.checkbox-container.checkbox-img [type="radio"]:checked + label img,
.checkbox-container.checkbox-img [type="radio"]:not(:checked) + label img {
-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.checkbox-container.checkbox-img [type="checkbox"]:checked + label:after,
.checkbox-container.checkbox-img [type="checkbox"]:checked + label:before,
.checkbox-container.checkbox-img [type="checkbox"]:not(:checked) + label:after,
.checkbox-container.checkbox-img [type="checkbox"]:not(:checked) + label:before,
.checkbox-container.checkbox-img [type="radio"]:checked + label:after,
.checkbox-container.checkbox-img [type="radio"]:checked + label:before,
.checkbox-container.checkbox-img [type="radio"]:not(:checked) + label:after,
.checkbox-container.checkbox-img [type="radio"]:not(:checked) + label:before {
display: none;
}
.checkbox-container.checkbox-img [type="checkbox"]:checked + label img,
.checkbox-container.checkbox-img [type="radio"]:checked + label img {
-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
border: 4px solid #131313;
}
@keyframes callincoming {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
15% {
-webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.4);
box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.4);
}
25% {
-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4), 0 0 0 20px rgba(255, 255, 255, 0.2);
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4), 0 0 0 20px rgba(255, 255, 255, 0.2);
}
25% {
-webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.4), 0 0 0 30px rgba(255, 255, 255, 0.2);
box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.4), 0 0 0 30px rgba(255, 255, 255, 0.2);
}
}
@-moz-keyframes callincoming {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
15% {
-webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.4);
box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.4);
}
25% {
-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4), 0 0 0 20px rgba(255, 255, 255, 0.2);
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4), 0 0 0 20px rgba(255, 255, 255, 0.2);
}
25% {
-webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.4), 0 0 0 30px rgba(255, 255, 255, 0.2);
box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.4), 0 0 0 30px rgba(255, 255, 255, 0.2);
}
}
@-webkit-keyframes callincoming {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
15% {
-webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.4);
box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.4);
}
25% {
-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4), 0 0 0 20px rgba(255, 255, 255, 0.2);
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4), 0 0 0 20px rgba(255, 255, 255, 0.2);
}
25% {
-webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.4), 0 0 0 30px rgba(255, 255, 255, 0.2);
box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.4), 0 0 0 30px rgba(255, 255, 255, 0.2);
}
}
.call-incoming-hover,
.call-incoming-hover:hover {
-webkit-animation: callincoming 2s ease infinite;
animation: callincoming 2s ease infinite;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}
@media screen and (max-width: 1024px) {
.bg-paralax {
background-attachment: scroll;
}
.container {
width: 970px;
}
.flex-container.row:after,
.flex-container.row:before {
content: " ";
display: table;
}
.flex-container.row:after {
clear: both;
}
.flex-container.row > [class*="col-"] {
float: left;
}
.blog-content h1,
.blog-content h2,
.blog-content h3,
.blog-content h4,
.blog-content h5,
.blog-content h6 {
margin-bottom: 15px;
}
.blog-content p {
font-size: 16px;
margin-bottom: 15px;
}
.blog-content img {
margin: 15px auto;
}
}
@media screen and (max-width: 768px) {
.container {
width: 750px;
}
.blog-content p {
font-size: 14px;
}
.blog-content img {
width: 100%;
}
}
@media screen and (max-width: 450px) {
.ilightbox:after {
top: 5px;
right: 5px;
font-size: 20px;
line-height: 20px;
}
.row .col {
margin-top: 20px;
}
.row .col:first-child {
margin-top: 0;
}
.container-flex > .row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-pack: distribute;
}
.container-flex > .row.flex-item-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.container-flex > .row.row > .col,
.container-flex > .row > .col {
float: none;
}
.container-flex > .row > .col:nth-child(1) {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
width: 100%;
float: none;
}
.container-flex > .row > .col:nth-child(2) {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
width: 100%;
float: none;
margin-top: 0;
}
.flex-container [class*="col-"] {
width: 100%;
}
.scroll-tab {
overflow-y: hidden;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
-ms-scroll-snap-type: mandatory;
-ms-scroll-snap-points-x: snapInterval(0, 100%);
-ms-scroll-chaining: chained;
padding-bottom: 10px;
}
.scroll-tab .scroll-tab-container {
white-space: nowrap;
width: 100%;
display: block;
}
.scroll-tab .scroll-tab-container > * {
display: table-cell;
}
.scroll-tab-item {
display: block;
white-space: nowrap;
overflow: auto;
}
.scroll-tab-item > * {
float: none;
display: table-cell;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.masonry-css > * {
display: inline;
}
.flex-container {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.h0,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0;
}
.h,
.h0,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-weight: 400;
}
.h0 {
font-size: 40px;
line-height: 45px;
}
.h1,
h1 {
font-size: 35px;
line-height: 1.5;
}
.h2,
h2 {
font-size: 30px;
line-height: 1.5;
}
.h3,
h3 {
font-size: 25px;
line-height: 1.5;
}
.h4,
h4 {
font-size: 20px;
line-height: 1.5;
}
.h5,
h5 {
font-size: 16px;
line-height: 1.5;
}
.h6,
h6 {
font-size: 14px;
line-height: 1.5;
}
.h {
font-size: 13px;
line-height: 1.5;
}
body {
font-size: 13px;
line-height: 1.5;
}
.text-light {
font-weight: 300;
}
.text-bold {
font-weight: 700;
}
.text-semibold {
font-weight: 600;
}
.text-normal {
font-weight: 400;
}
.text-italic {
font-style: italic;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-justify {
text-align: justify;
}
.text-uppercase {
text-transform: uppercase;
}
.text-nonuppercase {
text-transform: none;
}
.text-underline {
text-decoration: underline;
}
.font-primary {
font-family: "iCiel Samsung Sharp Sans", sans-serif;
}
.font-second {
font-family: Gotham, sans-serif;
line-height: 1.5;
}
@media screen and (max-width: 1024px) {
.h0 {
font-size: 35px;
line-height: 40px;
}
.h1,
h1 {
font-size: 30px;
line-height: 35px;
}
.h2,
h2 {
font-size: 25px;
line-height: 30px;
}
.h3,
h3 {
font-size: 20px;
line-height: 25px;
}
.h4,
h4 {
font-size: 18px;
line-height: 1.5;
}
.font-second {
line-height: 1.5;
}
}
@media screen and (max-width: 768px) {
.h0 {
font-size: 30px;
line-height: 35px;
}
.h1,
h1 {
font-size: 25px;
line-height: 30px;
}
.h2,
h2 {
font-size: 20px;
line-height: 25px;
}
.h3,
h3 {
font-size: 18px;
line-height: 1.5;
}
.h4,
h4 {
font-size: 16px;
}
.h5,
h5 {
font-size: 15px;
}
.font-second {
line-height: 1.5;
}
}
@media screen and (max-width: 450px) {
.font-second {
line-height: normal;
}
}
.col-5item > * {
width: calc((100% - 41px) / 5);
margin-top: 10px;
margin-right: 10px;
}
.col-5item > :nth-child(1),
.col-5item > :nth-child(2),
.col-5item > :nth-child(3),
.col-5item > :nth-child(4),
.col-5item > :nth-child(5) {
margin-top: 0;
}
.col-5item > :nth-child(5n) {
margin-right: 0;
}
.col-4item > * {
width: calc((100% - 61px) / 4);
margin-top: 20px;
margin-right: 20px;
}
.col-4item > :nth-child(1),
.col-4item > :nth-child(2),
.col-4item > :nth-child(3),
.col-4item > :nth-child(4) {
margin-top: 0;
}
.col-4item > :nth-child(4n) {
margin-right: 0;
}
.col-3item > * {
width: calc((100% - 41px) / 3);
margin-right: 20px;
margin-top: 20px;
}
.col-3item > :nth-child(1),
.col-3item > :nth-child(2),
.col-3item > :nth-child(3) {
margin-top: 0;
}
.col-3item > :nth-child(3n) {
margin-right: 0;
}
.col-2item > * {
width: calc(50% - 26px);
margin-right: 25px;
margin-top: 50px;
}
.col-2item > :nth-child(1),
.col-2item > :nth-child(2) {
margin-top: 0;
}
.col-2item > :nth-child(2n) {
margin-right: 0;
margin-left: 25px;
}
.grid-3item {
display: grid;
gap: 12px;
grid-template-columns: 1fr 1fr 1fr;
}
@media screen and (max-width: 1024px) {
.col-5item > * {
width: calc((100% - 40.5px) / 3);
margin-top: 20px;
margin-right: 20px;
}
.col-5item > :nth-child(1),
.col-5item > :nth-child(2),
.col-5item > :nth-child(3) {
margin-top: 0;
}
.col-5item > :nth-child(4),
.col-5item > :nth-child(5) {
margin-top: 20px;
}
.col-5item > :nth-child(5n) {
margin-right: 20px;
}
.col-5item > :nth-child(3n) {
margin-right: 0;
}
.col-4item > * {
width: calc((100% - 46px) / 4);
margin-top: 15px;
margin-right: 15px;
}
.col-4item > :nth-child(1),
.col-4item > :nth-child(2),
.col-4item > :nth-child(3),
.col-4item > :nth-child(4) {
margin-top: 0;
}
.col-4item > :nth-child(4n) {
margin-right: 0;
}
.col-sm-8 .col-2item > * {
width: calc(50% - 15.5px);
margin-right: 15px;
margin-top: 30px;
}
.col-sm-8 .col-2item > :nth-child(1),
.col-sm-8 .col-2item > :nth-child(2) {
margin-top: 0;
}
.col-sm-8 .col-2item > :nth-child(2n) {
margin-right: 0;
margin-left: 15px;
}
.col-sm-8 .col-3item > * {
width: calc(50% - 15.5px);
margin-right: 15px;
margin-left: 0;
margin-top: 30px;
}
.col-sm-8 .col-3item > :nth-child(3) {
margin-top: 30px;
}
.col-sm-8 .col-3item > :nth-child(3n) {
margin-left: 15px;
margin-right: 15px;
}
.col-sm-8 .col-3item > :nth-child(2n + 1) {
margin-right: 15px;
margin-left: 0;
}
.col-sm-8 .col-3item > :nth-child(2n) {
margin-left: 15px;
margin-right: 0;
}
}
@media screen and (max-width: 840px) {
.grid-3item {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 768px) {
.col-4item > * {
width: calc((100% - 21px) / 3);
margin-right: 10px;
margin-top: 10px;
}
.col-4item > :nth-child(4) {
margin-top: 10px;
}
.col-4item > :nth-child(4n) {
margin-right: 10px;
}
.col-4item > :nth-child(3n) {
margin-right: 0;
}
.col-3item > * {
width: calc((100% - 21px) / 3);
margin-right: 10px;
margin-top: 10px;
}
.col-3item > :nth-child(1),
.col-3item > :nth-child(2),
.col-3item > :nth-child(3) {
margin-top: 0;
}
.col-3item > :nth-child(3n) {
margin-right: 0;
}
.col-sm-8 .col-2item > * {
width: calc(50% - 6px);
margin-right: 5px;
margin-top: 10px;
}
.col-sm-8 .col-2item > :nth-child(2n) {
margin-right: 0;
margin-left: 5px;
}
.col-sm-8 .col-3item > * {
width: calc(50% - 6px);
margin-right: 5px;
margin-left: 0;
margin-top: 10px;
}
.col-sm-8 .col-3item > :nth-child(3) {
margin-top: 10px;
}
.col-sm-8 .col-3item > :nth-child(3n) {
margin-left: 5px;
margin-right: 5px;
}
.col-sm-8 .col-3item > :nth-child(2n + 1) {
margin-right: 5px;
margin-left: 0;
}
.col-sm-8 .col-3item > :nth-child(2n) {
margin-left: 5px;
margin-right: 0;
}
}
@media screen and (max-width: 450px) {
.grid-3item {
grid-template-columns: 1fr;
}
.col-5item > * {
width: 100%;
margin-top: 20px;
margin-right: 0;
}
.col-5item > :nth-child(1) {
margin-top: 0;
}
.col-5item > :nth-child(2),
.col-5item > :nth-child(3),
.col-5item > :nth-child(4),
.col-5item > :nth-child(5) {
margin-top: 20px;
}
.col-5item > :nth-child(5n) {
margin-right: 0;
}
.col-5item > :nth-child(3n) {
margin-right: 0;
}
.col-4item > * {
width: 100%;
margin-right: 0;
margin-left: 0;
margin-top: 15px;
}
.col-4item > :nth-child(2) .col-4item > :nth-child(3),
.col-4item > :nth-child(4) {
margin-top: 15px;
}
.col-4item > :nth-child(3n),
.col-4item > :nth-child(4n) {
margin-left: 0;
margin-right: 0;
}
.col-4item > :nth-child(2n + 1) {
margin-left: 0;
margin-right: 0;
}
.col-4item > :nth-child(2n) {
margin-left: 0;
margin-right: 0;
}
.col-3item > * {
width: 100%;
margin-right: 0;
margin-left: 0;
margin-top: 15px;
}
.col-3item > :nth-child(2),
.col-3item > :nth-child(3) {
margin-top: 15px;
}
.col-3item > :nth-child(3n) {
margin-left: 0;
margin-right: 0;
}
.col-3item > :nth-child(2n + 1) {
margin-right: 0;
margin-left: 0;
}
.col-3item > :nth-child(2n) {
margin-left: 0;
margin-right: 0;
}
.col-2item > * {
width: 100%;
margin-right: 0;
margin-top: 15px;
}
.col-2item > :nth-child(2) {
margin-top: 15px;
}
.col-2item > :nth-child(2n) {
margin-right: 0;
margin-left: 0;
}
.col-sm-8 .col-4item > * {
width: 100%;
margin-right: 0;
margin-left: 0;
margin-top: 15px;
}
.col-sm-8 .col-4item > :nth-child(2) .col-sm-8 .col-4item > :nth-child(3),
.col-sm-8 .col-4item > :nth-child(4) {
margin-top: 15px;
}
.col-sm-8 .col-4item > :nth-child(3n),
.col-sm-8 .col-4item > :nth-child(4n) {
margin-left: 0;
margin-right: 0;
}
.col-sm-8 .col-4item > :nth-child(2n + 1) {
margin-left: 0;
margin-right: 0;
}
.col-sm-8 .col-4item > :nth-child(2n) {
margin-left: 0;
margin-right: 0;
}
.col-sm-8 .col-3item > * {
width: 100%;
margin-right: 0;
margin-left: 0;
margin-top: 15px;
}
.col-sm-8 .col-3item > :nth-child(2),
.col-sm-8 .col-3item > :nth-child(3) {
margin-top: 15px;
}
.col-sm-8 .col-3item > :nth-child(3n) {
margin-left: 0;
margin-right: 0;
}
.col-sm-8 .col-3item > :nth-child(2n + 1) {
margin-right: 0;
margin-left: 0;
}
.col-sm-8 .col-3item > :nth-child(2n) {
margin-left: 0;
margin-right: 0;
}
.col-sm-8 .col-2item > * {
width: 100%;
margin-right: 0;
margin-top: 15px;
}
.col-sm-8 .col-2item > :nth-child(2) {
margin-top: 15px;
}
.col-sm-8 .col-2item > :nth-child(2n) {
margin-right: 0;
margin-left: 0;
}
}
@media screen and (-ms-high-contrast: active) and (min-width: 1280), screen and (-ms-high-contrast: none) and (min-width: 1280) {
.col-5item > * {
width: calc((100% - 41px) / 5);
}
.col-4item > * {
width: calc((100% - 61px) / 4);
}
.col-3item > * {
width: calc((100% - 41px) / 3);
}
}
section {
padding-top: 80px;
padding-bottom: 80px;
}
.m-8 {
margin-top: 80px;
margin-bottom: 80px;
}
.m-4 {
margin-top: 40px;
margin-bottom: 40px;
}
.m-3 {
margin-top: 30px;
margin-bottom: 30px;
}
.m-2 {
margin-top: 20px;
margin-bottom: 20px;
}
.m-1 {
margin-top: 10px;
margin-bottom: 10px;
}
.p-8 {
padding-top: 80px;
padding-bottom: 80px;
}
.p-4 {
padding-top: 40px;
padding-bottom: 40px;
}
.p-3 {
padding-top: 30px;
padding-bottom: 30px;
}
.p-2 {
padding-top: 20px;
padding-bottom: 20px;
}
.p-1 {
padding-top: 10px;
padding-bottom: 10px;
}
.p-04 {
padding: 40px;
}
.p-03 {
padding: 30px;
}
.m-top-8 {
margin-top: 80px;
}
.m-top-4 {
margin-top: 40px;
}
.m-top-3 {
margin-top: 30px;
}
.m-top-2 {
margin-top: 20px;
}
.m-top-1 {
margin-top: 10px;
}
.p-top-8 {
padding-top: 80px;
}
.p-top-4 {
padding-top: 40px;
}
.p-top-3 {
padding-top: 30px;
}
.p-top-2 {
padding-top: 20px;
}
.p-top-1 {
padding-top: 10px;
}
.m-bot-8 {
margin-bottom: 80px;
}
.m-bot-4 {
margin-bottom: 40px;
}
.m-bot-3 {
margin-bottom: 30px;
}
.m-bot-2 {
margin-bottom: 20px;
}
.m-bot-1 {
margin-bottom: 10px;
}
.p-bot-8 {
padding-bottom: 80px;
}
.p-bot-4 {
padding-bottom: 40px;
}
.p-bot-3 {
padding-bottom: 30px;
}
.p-bot-2 {
padding-bottom: 20px;
}
.p-bot-1 {
padding-bottom: 10px;
}
.p-top-0 {
padding-top: 0;
}
.p-bot-0 {
padding-bottom: 0;
}
.m-top-0 {
margin-top: 0;
}
.m-bot-0 {
margin-bottom: 0;
}
.p-0 {
padding-top: 0;
padding-bottom: 0;
}
.m-0 {
margin-top: 0;
margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
section {
padding-top: 60px;
padding-bottom: 60px;
}
.m-8 {
margin-top: 60px;
margin-bottom: 60px;
}
.m-4 {
margin-top: 40px;
margin-bottom: 40px;
}
.m-3 {
margin-top: 30px;
margin-bottom: 30px;
}
.p-8 {
padding-top: 60px;
padding-bottom: 60px;
}
.p-4 {
padding-top: 40px;
padding-bottom: 40px;
}
.p-3 {
padding-top: 30px;
padding-bottom: 30px;
}
.m-top-8 {
margin-top: 60px;
}
.m-top-4 {
margin-top: 40px;
}
.m-top-3 {
margin-top: 30px;
}
.p-top-8 {
padding-top: 60px;
}
.p-top-4 {
padding-top: 40px;
}
.p-top-3 {
padding-top: 30px;
}
.m-bot-8 {
margin-bottom: 60px;
}
.m-bot-4 {
margin-bottom: 40px;
}
.m-bot-3 {
margin-bottom: 20px;
}
.p-bot-8 {
padding-bottom: 60px;
}
.p-bot-4 {
padding-bottom: 40px;
}
.p-bot-3 {
padding-bottom: 30px;
}
}
@media screen and (max-width: 768px) {
section {
padding-top: 50px;
padding-bottom: 50px;
}
.m-8 {
margin-top: 50px;
margin-bottom: 50px;
}
.m-4 {
margin-top: 30px;
margin-bottom: 30px;
}
.m-3 {
margin-top: 20px;
margin-bottom: 20px;
}
.p-8 {
padding-top: 50px;
padding-bottom: 50px;
}
.p-4 {
padding-top: 30px;
padding-bottom: 30px;
}
.p-3 {
padding-top: 20px;
padding-bottom: 20px;
}
.p-04 {
padding: 30px;
}
.p-03 {
padding: 20px;
}
.m-top-8 {
margin-top: 50px;
}
.m-top-4 {
margin-top: 30px;
}
.m-top-3 {
margin-top: 20px;
}
.p-top-8 {
padding-top: 50px;
}
.p-top-4 {
padding-top: 30px;
}
.p-top-3 {
padding-top: 20px;
}
.m-bot-8 {
margin-bottom: 50px;
}
.m-bot-4 {
margin-bottom: 30px;
}
.m-bot-3 {
margin-bottom: 20px;
}
.p-bot-8 {
padding-bottom: 50px;
}
.p-bot-4 {
padding-bottom: 30px;
}
.p-bot-3 {
padding-bottom: 20px;
}
}
@media screen and (max-width: 450px) {
section {
padding-top: 40px;
padding-bottom: 40px;
}
.m-8 {
margin-top: 40px;
margin-bottom: 40px;
}
.p-8 {
padding-top: 40px;
padding-bottom: 40px;
}
.m-top-8 {
margin-top: 40px;
}
.p-top-8 {
padding-top: 40px;
}
.m-bot-8 {
margin-bottom: 40px;
}
.p-bot-8 {
padding-bottom: 40px;
}
}
@-webkit-keyframes bounceInFacebook {
20%,
40%,
60%,
80%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceInFacebook {
20%,
40%,
60%,
80%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.facebook-header {
-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
text-align: center;
position: fixed;
bottom: 10px;
right: 10px;
z-index: 9;
background: #ff6301;
width: 50px;
height: 50px;
cursor: pointer;
border-radius: 100%;
}
.facebook-header img {
width: 35px;
height: 35px;
}
.facebook-header #facebook-opacity {
position: absolute;
top: 0;
left: 0;
content: "";
width: 100%;
height: 100%;
}
.facebook-header.open + .facebook-content {
opacity: 1;
z-index: 99;
visibility: visible;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-name: bounceInFacebook;
animation-name: bounceInFacebook;
-webkit-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
.facebook-content {
-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
border: 1px solid #cfcecc;
position: fixed;
bottom: 70px;
right: 15px;
width: 300px;
height: 300px;
z-index: -1;
visibility: hidden;
opacity: 0;
}
@keyframes play {
0% {
transform: scale(1);
}
15% {
box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.4);
}
25% {
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4), 0 0 0 20px rgba(255, 255, 255, 0.2);
}
25% {
box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.4), 0 0 0 30px rgba(255, 255, 255, 0.2);
}
}
@-moz-keyframes play {
0% {
transform: scale(1);
}
15% {
box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.4);
}
25% {
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4), 0 0 0 20px rgba(255, 255, 255, 0.2);
}
25% {
box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.4), 0 0 0 30px rgba(255, 255, 255, 0.2);
}
}
@-webkit-keyframes play {
0% {
transform: scale(1);
}
15% {
box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.4);
}
25% {
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4), 0 0 0 20px rgba(255, 255, 255, 0.2);
}
25% {
box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.4), 0 0 0 30px rgba(255, 255, 255, 0.2);
}
}
#callnow {
width: 50px;
height: 50px;
position: fixed;
z-index: 9;
border-radius: 50%;
left: 15px;
bottom: 64px;
text-align: center;
color: #fff;
font-size: 35px;
-webkit-animation: play 2s ease infinite;
animation: play 2s ease infinite;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
display: block;
}
#callnow i {
background: #ff6301;
position: relative;
z-index: 10;
width: 100%;
height: 100%;
display: block;
border-radius: 50%;
line-height: 50px;
}
#callnow span {
-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
opacity: 1;
visibility: visible;
display: block;
position: absolute;
top: calc(50% - 15.5px);
font-size: 14px;
font-weight: 700;
width: 120px;
padding: 5px 0 5px 10px;
border-radius: 0;
z-index: 9;
left: 40px;
background: #fff;
color: #131313;
}
#scrollup {
width: 40px;
height: 40px;
position: fixed;
bottom: 10%;
right: 10px;
display: none;
background: #ff6301;
opacity: 0.8;
z-index: 90;
border-radius: 50%;
text-align: center;
}
#scrollup i {
font-size: 20px;
line-height: 40px;
color: #fff;
}
.item-action {
margin-right: 20px;
}
.item-action span {
margin-right: 5px;
}
.item-action span.display {
background: #ff6301;
padding: 5px 10px;
color: #fff;
margin-right: 0;
}
.item-location {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-pack: distribute;
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
border-radius: 5px;
padding: 10px;
margin-bottom: 10px;
cursor: pointer;
}
.item-location.flex-item-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.item-location.row > .col,
.item-location > .col {
float: none;
}
.item-location:hover {
background: var(--dark);
}
.item-location:last-child {
margin-bottom: 0;
}
.item-location .img-container {
position: relative;
display: block;
min-height: 300px;
overflow: hidden;
width: 150px;
min-height: 90px;
}
.item-location .img-container:focus {
outline: 3px solid #ff6301;
outline-offset: 2px;
}
.item-location .img-container img {
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: auto;
height: 100%;
max-width: inherit;
}
.item-location .img-container img {
width: 100%;
height: auto;
}
.item-location .info-container {
width: calc(100% - 165px);
margin-left: 15px;
}
.item-location .info-container .title-container {
text-transform: uppercase;
color: #ff6301;
}
.item-location .info-container .des-container {
color: grey;
}
@media screen and (max-width: 450px) {
.item-location {
padding: 0;
}
.item-location .img-container {
min-height: 150px;
width: 100%;
}
.item-location .info-container {
width: 100%;
margin-left: 0;
margin-top: 5px;
padding: 5px;
}
.item-location .info-container .des-container {
font-size: 11px;
}
}
.search-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-pack: distribute;
flex: auto;
width: 100%;
}
.search-container.flex-item-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.search-container.row > .col,
.search-container > .col {
float: none;
}
.search-container button {
width: 120px;
background: #000;
}
.search-container .search-input {
margin-right: 10px;
position: relative;
width: calc(100% - 130px);
}
.search-container .search-input input {
padding-left: 35px;
border: none;
border-bottom: 1px solid #ff6301;
}
.search-container .search-input .icon {
position: absolute;
top: 9px;
left: 9px;
}
.modal,
.modal-open {
padding-right: 0 !important;
}
.modalstyle .modal-header {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
background: #fff;
border-top-right-radius: 0;
border-top-left-radius: 0;
color: #fff;
border: none;
background-color: #ff6301;
}
.modalstyle .modal-header:after,
.modalstyle .modal-header:before {
content: initial;
display: initial;
}
.modalstyle .modal-header:after {
clear: initial;
}
.modalstyle .modal-header .close {
background: 0 0;
border: none;
padding: 0;
}
.modalstyle .modal-header .close i {
font-size: 20px;
line-height: 20px;
}
.modalstyle .modal-body {
padding: 30px 15px;
}
.modalstyle .modal-footer .btn {
text-transform: uppercase;
border-width: 2px;
padding: 6px 20px;
line-height: normal;
margin-right: 5px;
margin-left: 0;
}
.modalstyle .modal-footer .btn:last-child {
margin-right: 0;
}
.modalstyle .modal-footer .btn-default {
border-color: #ff6301;
color: #ff6301;
}
.modalstyle .modal-footer .btn-default:hover {
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
background-color: transparent;
}
.modalstyle .modal-footer .btn-primary:hover {
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
background-color: #ff6301;
border-color: #ff6301;
}
.modalstyle .modal-content {
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
border-radius: 0;
border: none;
}
#registration-modal input.form-control {
margin-bottom: 15px;
}
#registration-modal textarea.form-control {
height: 150px;
resize: none;
}
#img-modal .modal-header {
position: relative;
padding: 0;
background: 0 0;
}
#img-modal .modal-header .close {
background: 0 0;
border: none;
padding: 0;
color: #131313;
position: absolute;
top: 2px;
right: 5px;
margin-top: 0;
z-index: 1;
}
#img-modal .modal-body {
padding: 0;
}
@media screen and (max-width: 450px) {
.modalstyle .modal-dialog {
margin-top: 20vh;
}
.modalstyle .modal-body {
padding: 15px 15px;
}
.modalstyle .modal-footer .btn {
padding: 6px 12px;
}
}
main {
min-height: 70vh;
border-top: 1px solid #d3d3d3;
}
@media screen {
.slick-carousel[data-margin="10"] {
margin-left: -10px;
margin-right: -10px;
}
.slick-carousel[data-margin="10"] .slick-slide > div {
margin-left: 10px;
margin-right: 10px;
}
}
@media screen and (min-width: 1920px) {
main {
min-height: 70vh;
}
}
@media screen and (min-width: 1366px) {
#branchModal {
top: 0;
}
#branchModal .form-group {
max-height: 220px;
}
main {
min-height: 70vh;
}
}
@media screen and (max-width: 1024px) {
main {
min-height: 70vh;
margin-top: 70px;
}
.slick-carousel[data-margin="10"] {
margin-left: -10px;
margin-right: -10px;
}
.slick-carousel[data-margin="10"] .slick-slide > div {
margin-left: 10px;
margin-right: 10px;
}
}
@media screen and (max-width: 768px) {
main {
margin-top: 70px;
}
.slick-carousel[data-margin="10"] {
margin-left: -5px;
margin-right: -5px;
}
.slick-carousel[data-margin="10"] .slick-slide > div {
margin-left: 5px;
margin-right: 5px;
}
}
@media screen and (max-width: 450px) {
#branchModal {
top: 0;
}
#branchModal .form-group {
max-height: 150px;
}
#branchModal .form-group .item .name {
font-size: 16px;
}
#branchModal .form-group .item .address-phone {
font-size: 14px;
}
#product-detail-mobile {
top: 90px !important;
}
.ilightbox:after {
top: 5px;
right: 5px;
font-size: 20px;
line-height: 20px;
}
.row .col {
margin-top: 20px;
}
.row .col:first-child {
margin-top: 0;
}
.container-flex > .row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-pack: distribute;
}
.container-flex > .row.flex-item-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.container-flex > .row.row > .col,
.container-flex > .row > .col {
float: none;
}
.container-flex > .row > .col:nth-child(1) {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
width: 100%;
float: none;
margin-top: 20px;
}
.container-flex > .row > .col:nth-child(2) {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
width: 100%;
float: none;
margin-top: 0;
}
.flex-container [class*="col-"] {
width: 100%;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.flex-container {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.pagination-container .pagination {
margin: 0;
}
.pagination-container .pagination > .active > a,
.pagination-container .pagination > .active > a:focus,
.pagination-container .pagination > .active > a:hover,
.pagination-container .pagination > .active > span,
.pagination-container .pagination > .active > span:focus,
.pagination-container .pagination > .active > span:hover {
background-color: #ff6301;
border-color: #ff6301;
color: #000;
}
.pagination-container .pagination > li > a,
.pagination-container .pagination > li > span {
color: #ff6301;
border-color: #cfcecc;
}
.pagination-container .pagination > li > a:focus,
.pagination-container .pagination > li > a:hover,
.pagination-container .pagination > li > span:focus,
.pagination-container .pagination > li > span:hover {
color: #000;
outline: 2px solid #ff6301;
background-color: #ff6301;
border-color: #ff6301;
}
#breadcrumb {
padding-top: 20px;
padding-bottom: 20px;
}
#breadcrumb .breadcrumb-body.container {
padding-left: 15px;
padding-right: 15px;
}
#breadcrumb .breadcrumb-body ul {
padding: 0;
margin: 0;
}
#breadcrumb .breadcrumb-body li {
display: inline-block;
position: relative;
padding-right: 20px;
}
#breadcrumb .breadcrumb-body li:after {
position: absolute;
content: "/";
right: 5px;
top: 0;
}
#breadcrumb .breadcrumb-body li:last-child {
padding-right: 0;
}
#breadcrumb .breadcrumb-body li:last-child:after {
display: none;
}
.owl-carousel .animated,
.owl-carousel.animated {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-delay: 250ms;
animation-delay: 250ms;
}
.owl-carousel .animate-in,
.owl-carousel .animate-out {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.slider.owl-theme .owl-nav {
margin-top: 0;
}
.slider.owl-theme .owl-nav .owl-next {
right: 0;
}
.slider.owl-theme .owl-nav .owl-prev {
left: 0;
}
.slider.owl-theme .owl-nav [class*="owl-"] {
-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
position: absolute;
top: 50%;
background: #ff6301;
border: 1px solid #ff6301;
padding: 0;
width: 35px;
height: 35px;
text-align: center;
border-radius: 0;
margin: 0;
color: #fff;
}
.slider.owl-theme .owl-nav [class*="owl-"] i {
font-size: 20px;
line-height: 32px;
}
.slider.owl-theme .owl-nav [class*="owl-"].disabled {
cursor: no-drop;
}
.slider.owl-theme .owl-nav [class*="owl-"]:hover {
background: #131313;
border-color: #131313;
}
.slider.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 0;
}
.slider.owl-theme .owl-dots {
margin-top: 0;
}
.slider.owl-theme .owl-dots .owl-dot span {
-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
margin: 0 5px;
border-radius: 0;
height: 5px;
width: 10px;
}
.slider.owl-theme .owl-dots .owl-dot:first-child span {
margin-left: 0;
}
.slider.owl-theme .owl-dots .owl-dot:last-child span {
margin-right: 0;
}
.slider.owl-theme .owl-dots .owl-dot.active span,
.slider.owl-theme .owl-dots .owl-dot:hover span {
background: #ff6301;
width: 25px;
}
.owl-flex .owl-stage {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: -moz-flex;
display: -o-flex;
display: flex;
}
.owl-flex .owl-stage .owl-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: -moz-flex;
display: -o-flex;
display: flex;
-moz-flex: 1 0 auto;
-o-flex: 1 0 auto;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.owl-flex .owl-stage .owl-item > div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: -moz-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: -webkit-column;
flex-direction: -webkit-column;
flex-direction: -moz-column;
-ms-flex-direction: -ms-column;
flex-direction: -ms-column;
flex-direction: -o-column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
.owl-flex .owl-stage .owl-item > div .text-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: -moz-flex;
display: -o-flex;
display: flex;
-moz-flex: 1 0 auto;
-o-flex: 1 0 auto;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-flex-direction: -webkit-column;
flex-direction: -webkit-column;
flex-direction: -moz-column;
-ms-flex-direction: -ms-column;
flex-direction: -ms-column;
flex-direction: -o-column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.owl-flex .owl-stage .owl-item > div .text-container .des,
.owl-flex .owl-stage .owl-item > div .text-container h3 {
-moz-flex-grow: 1;
-o-flex-grow: 1;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.filter {
background: rgba(17, 17, 17, 0.83);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: 101;
}
.alertify-notifier .ajs-message.ajs-error {
background: var(--primary) !important;
}
#branchModal {
width: 540px;
max-width: 100vw;
margin: 0;
border: none;
background-color: #fff;
max-width: 540px;
padding-bottom: 20px !important;
border-radius: 10px !important;
overflow: visible !important;
position: fixed;
top: 15%;
left: 50%;
transform: translate(-50%, 0);
padding: 0 25px 25px 25px;
z-index: -1;
text-align: center;
font-family: DINNeuzeitGroteskLTW01;
}
#branchModal.in {
z-index: 999;
}
#branchModal .error {
color: #ff6301;
}
#branchModal #form-search {
position: relative;
}
#branchModal #form-search span {
position: absolute;
top: 7px;
right: 5px;
}
#branchModal .form-group {
padding: 0 15px;
overflow-y: scroll;
max-height: 300px;
}
#branchModal .form-group .item {
padding: 5px;
-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
cursor: pointer;
text-align: left;
}
#branchModal .form-group .item .name {
font-size: 20px;
}
#branchModal .form-group .item .address-phone {
font-size: 18px;
}
#branchModal .form-group .item.active,
#branchModal .form-group .item:hover {
background: #ff6301;
border-radius: 5px;
color: #fff;
}
#branchModal .form-group-1 .btn {
letter-spacing: 1px;
font-size: 20px;
}
#branchModal .list-group .list-group-item {
border-radius: 5px;
padding: 5px;
display: block;
}
#branchModal .list-group .list-group-item:hover {
color: #fff;
background: #ff6301;
}
#branchModal .list-group .list-group-item.active {
color: #fff;
background: #ff6301;
}
#branchModal .list-group .list-group-item.active:hover {
color: #fff;
}
#branchModal .titleModal {
font-size: 35px;
color: #131313;
font-weight: 700;
text-transform: uppercase;
}
#branchModal .descriptionModal {
font-size: 20px;
color: #000;
line-height: 1.2;
font-weight: 400;
}
#branchModal .topModal > .col-9item > .col {
width: calc(11.1111111111% - 1px);
}
#branchModal .topModal .col {
width: 100%;
height: 50px;
}
#branchModal .topModal .col:nth-child(odd) {
background: #ff6301;
}
#branch-modal .modal-content {
border-radius: 10px;
}
#branch-modal .modal-content .modal-header {
box-shadow: none;
color: #131313;
background-color: transparent;
}
#branch-modal .modal-content .modal-body {
padding: 0 15px;
overflow-y: scroll;
max-height: 220px;
}
#branch-modal .modal-content .modal-body .item {
padding: 5px;
-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
cursor: pointer;
}
#branch-modal .modal-content .modal-body .item.active,
#branch-modal .modal-content .modal-body .item:hover {
background: #ff6301;
border-radius: 5px;
color: #fff;
}
#branch-modal .modal-content .modal-footer .btn:hover {
background: #fff;
color: #131313;
}
header {
position: relative;
width: 100%;
z-index: 99;
background: #000;
}
header .headerbg {
background: rgba(255, 255, 255, 0.6);
}
.header-header {
padding: 5px 0;
background: #000;
}
.header-header .header-left .item-header {
margin-right: 30px;
}
.header-header .header-left .item-header:last-child {
margin-right: 10px;
}
.header-header .header-right .item-header {
margin-right: 30px;
}
.header-header .header-right .item-header:last-child {
margin-right: 0;
}
.header-header .item-header {
color: var(--white);
}
.header-header .item-header .social a {
margin-right: 10px;
}
.header-header .item-header .icon {
margin-right: 5px;
}
.header-header .item-header p {
margin: 0;
}
.header-header .item-header a {
color: var(--white);
}
.header-body {
padding: 5px 0;
}
.header-body .logo-container {
width: 95px;
}
.header-body .logo-container .img-container {
width: 100%;
}
.header-body .logo-container .img-container img {
width: 100%;
}
.header-body #nav-pc {
margin-left: 30px;
width: calc(100% - 300px - 70px - 30px);
flex: auto;
}
.header-body .action-container {
width: 300px;
}
.header-body .action-container #order-online a {
color: #000;
}
#nav-pc > .nav {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
#nav-pc > .nav > li {
list-style: none;
margin-right: 15px;
}
#nav-pc > .nav > li a {
text-transform: uppercase;
display: block;
color: var(--primary-color);
position: relative;
}
#nav-pc > .nav > li > a {
display: inline-block;
}
#nav-pc > .nav > li > a {
font-weight: 300;
font-size: 12px;
}
#nav-pc > .nav > li > a:after {
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
background-color: #ff6301;
content: "";
transition: width 0.5s;
}
#nav-pc > .nav > li.active > a:after,
#nav-pc > .nav > li:hover > a:after,
#nav-pc > .nav > li.current-menu-item > a:after,
#nav-pc > .nav > li.current_page_item > a:after {
width: 100%;
}
#nav-pc > .nav > li:last-child {
margin-right: 0;
}
#nav-pc > .nav > li:last-child.menu-item-has-children > .sub-menu,
#nav-pc > .nav > li:last-child.nav-parent > .nav-child {
left: inherit;
right: 0;
}
#nav-pc > .nav > li:last-child.menu-item-has-children > .sub-menu .menu-item-has-children > .sub-menu,
#nav-pc > .nav > li:last-child.nav-parent > .nav-child > .nav > .nav-parent > .nav-child {
right: 100%;
left: inherit;
}
#nav-pc > .nav > .nav-parent,
#nav-pc > .nav > .menu-item-has-children {
position: relative;
}
#nav-pc > .nav > .menu-item-has-children .sub-menu,
#nav-pc > .nav > .nav-parent > .nav-child {
-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
border-radius: 4px;
opacity: 0;
visibility: hidden;
-webkit-transform-origin: left top 0;
-ms-transform-origin: left top 0;
transform-origin: left top 0;
-webkit-transform: translatey(25px);
-ms-transform: translatey(25px);
transform: translatey(25px);
z-index: -1;
pointer-events: none;
top: 55px;
left: 0;
position: absolute;
width: 230px;
background-color: #fff;
height: auto;
list-style: none;
padding: 0;
}
#nav-pc > .nav .menu-item-has-children > .sub-menu:before,
#nav-pc > .nav > .nav-parent > .nav-child:before {
content: "";
width: 100%;
height: 50px;
position: absolute;
top: -40px;
background: 0 0;
left: 0;
z-index: -1;
}
#nav-pc > .nav .sub-menu li a,
#nav-pc > .nav > .nav-parent > .nav-child a {
border-bottom: 1px solid #cfcecc;
color: #131313;
text-transform: none;
padding: 5px 10px;
}
#nav-pc > .nav .sub-menu li,
#nav-pc > .nav > .nav-parent > .nav-child li {
list-style: none;
margin: 0;
}
#nav-pc > .nav .sub-menu li.current-menu-item > a,
#nav-pc > .nav .sub-menu li:hover > a,
#nav-pc > .nav > .nav-parent > .nav-child li.active > a,
#nav-pc > .nav > .nav-parent > .nav-child li:hover > a {
background-color: #454545;
color: #fff;
}
#nav-pc > .nav .sub-menu li:last-child > a,
#nav-pc > .nav > .nav-parent > .nav-child li:last-child > a {
border-bottom: none;
}
#nav-pc > .nav .sub-menu .menu-item-has-children span {
position: absolute;
right: 6px;
top: 4px;
transform: rotate(-90deg);
}
#nav-pc > .nav .sub-menu .menu-item-has-children:hover span {
color: #fff;
}
#nav-pc > .nav > .nav-parent > .nav-child > .nav > .nav-parent > a > i {
float: right;
}
#nav-pc > .nav > .menu-item-has-children > .sub-menu .menu-item-has-children > .sub-menu,
#nav-pc > .nav > .nav-parent > .nav-child > .nav > .nav-parent > .nav-child {
-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
opacity: 0;
visibility: hidden;
-webkit-transform-origin: left top 0;
-ms-transform-origin: left top 0;
transform-origin: left top 0;
-webkit-transform: translatey(25px);
-ms-transform: translatey(25px);
transform: translatey(25px);
z-index: -1;
pointer-events: none;
position: absolute;
top: 0;
left: 100%;
width: 230px;
background-color: #fff;
min-height: 100%;
}
#nav-pc > .nav > .menu-item-has-children > .sub-menu .menu-item-has-children:hover > .sub-menu,
#nav-pc > .nav > .nav-parent > .nav-child > .nav > .nav-parent:hover > .nav-child {
opacity: 1;
visibility: visible;
z-index: 10;
-webkit-transform: translatey(0);
-ms-transform: translatey(0);
transform: translatey(0);
pointer-events: auto;
}
#nav-pc > .nav > .menu-item-has-children:hover > .sub-menu,
#nav-pc > .nav > .nav-parent:hover > .nav-child {
opacity: 1;
visibility: visible;
z-index: 10;
-webkit-transform: translatey(0);
-ms-transform: translatey(0);
transform: translatey(0);
pointer-events: auto;
}
#nav-pc > .nav .mega-menu > .nav-child {
-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
padding: 40px;
opacity: 0;
visibility: hidden;
-webkit-transform-origin: left top 0;
-ms-transform-origin: left top 0;
transform-origin: left top 0;
-webkit-transform: translatey(25px);
-ms-transform: translatey(25px);
transform: translatey(25px);
z-index: -1;
pointer-events: none;
top: 100%;
left: 0;
position: absolute;
width: 100%;
background-color: #fff;
}
#nav-pc > .nav .mega-menu > .nav-child > .nav {
width: 20%;
}
#nav-pc > .nav .mega-menu > .nav-child > .nav > li {
list-style: none;
}
#nav-pc > .nav .mega-menu > .nav-child > .nav > li > a {
display: block;
padding: 10px 0;
}
#nav-pc > .nav .mega-menu > .nav-child > .nav > li:first-child > a {
font-weight: 700;
font-size: 18px;
padding: 0 0 20px 0;
}
#nav-pc > .nav .mega-menu > .nav-child .img-container {
width: 40%;
}
#nav-pc > .nav .mega-menu:hover > .nav-child {
opacity: 1;
visibility: visible;
z-index: 10;
-webkit-transform: translatey(0);
-ms-transform: translatey(0);
transform: translatey(0);
pointer-events: auto;
}
@media screen and (max-width: 1024px) {
.header-body .action-container {
width: 310px;
}
#nav-pc > .nav .mega-menu > .nav-child > .nav > li:first-child > a {
font-size: 12px;
}
}
@media screen and (max-width: 768px) {
#nav-pc > .nav .mega-menu > .nav-child > .nav > li:first-child > a {
font-size: 12px;
padding-bottom: 10px;
}
}
footer .footer-body {
padding: 40px 0;
background: #000;
}
footer .footer-body .footer-container .working-container {
width: 200px;
margin-right: 15px;
}
footer .footer-body .footer-container .logo-container {
text-align: center;
margin-right: 15px;
width: 120px;
}
footer .footer-body .footer-container .logo-container .img-container {
margin: 0 auto;
}
footer .footer-body .footer-container .logo-container .img-container img {
width: 100%;
}
footer .footer-body .footer-container .company-container {
width: 140px;
margin-right: 15px;
}
footer .footer-body .footer-container .restaurant-container {
width: calc(100% - 560px - 60px);
margin-right: 15px;
}
footer .footer-body .footer-container .restaurant-container .flex-container > * {
width: calc(50% - 5.5px);
margin-right: 10px;
}
footer .footer-body .footer-container .restaurant-container .flex-container > :nth-child(2n) {
margin-right: 0;
}
footer .footer-body .footer-container .social-container {
width: 100px;
}
footer .footer-body .item-footer {
margin-bottom: 10px;
}
footer .footer-body .item-footer .name {
font-size: 14px;
}
footer .footer-body .item-footer .address {
color: #d3d3d3;
font-size: 12px;
}
footer .footer-body .item-footer .item-social {
font-size: 12px;
text-transform: none;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: left;
-webkit-justify-content: left;
-ms-flex-pack: left;
justify-content: left;
}
footer .footer-body .item-footer .item-social .img-container {
width: 30px;
}
footer .footer-body .item-footer .item-social .img-container img {
filter: brightness(0) invert(1);
margin-right: 5px;
}
footer .footer-body .col-header {
color: #ff6301;
text-transform: uppercase;
margin-bottom: 10px;
}
footer .footer-body .col-body {
color: #fff;
font-size: 12px;
text-transform: uppercase;
}
footer .footer-body .col-body p a {
font-size: 12px;
}
footer .footer-body .col-body a {
color: #fff;
font-size: 16px;
text-transform: uppercase;
}
footer .footer-footer {
padding: 10px 0;
}
@media screen and (max-width: 1024px) {
footer .footer-body .footer-container .restaurant-container .flex-container > * {
margin-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) {
footer .footer-body .footer-container .company-container,
footer .footer-body .footer-container .logo-container,
footer .footer-body .footer-container .social-container,
footer .footer-body .footer-container .working-container {
width: calc((100% - 60.5px) / 4);
margin-right: 15px;
}
footer .footer-body .footer-container .restaurant-container {
width: 100%;
margin-right: 0;
text-align: left;
order: 4;
}
footer .footer-body .footer-container .restaurant-container .flex-container > * {
width: calc(50% - 5.5px);
margin-right: 10px;
}
footer .footer-body .footer-container .restaurant-container .flex-container > :nth-child(2n) {
margin-right: 0;
}
footer .footer-body .footer-container .social-container {
order: 2;
}
}
@media screen and (max-width: 450px) {
footer .footer-body .footer-container .company-container,
footer .footer-body .footer-container .working-container {
width: 100%;
margin-right: 0;
}
footer .footer-body .footer-container .logo-container {
text-align: center;
margin-right: 0;
width: 100%;
order: 0;
margin-bottom: 20px;
}
footer .footer-body .footer-container .logo-container .img-container {
margin: 0 auto;
width: 100px;
}
footer .footer-body .footer-container .logo-container .img-container img {
width: 100%;
}
footer .footer-body .footer-container .working-container {
order: 1;
width: 65%;
}
footer .footer-body .footer-container .company-container {
width: 100%;
margin-bottom: 15px;
order: 3;
}
footer .footer-body .footer-container .restaurant-container {
width: 100%;
margin-right: 0;
order: 4;
}
footer .footer-body .footer-container .restaurant-container .flex-container > * {
width: 100%;
margin-right: 0;
}
footer .footer-body .footer-container .restaurant-container .flex-container > :nth-child(2n) {
margin-right: 0;
}
footer .footer-body .footer-container .social-container {
width: 35%;
order: 2;
margin-right: 0;
}
footer .footer-body .item-footer {
margin-bottom: 10px;
}
footer .footer-body .item-footer .address {
color: grey;
font-size: 12px;
}
footer .footer-body .item-footer .item-social {
font-size: 12px;
text-transform: none;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: left;
-webkit-justify-content: left;
-ms-flex-pack: left;
justify-content: left;
}
footer .footer-body .item-footer .item-social img {
filter: brightness(0) invert(1);
margin-right: 5px;
}
footer .footer-body .col-header {
color: #ff6301;
text-transform: uppercase;
margin-bottom: 10px;
}
footer .footer-body .col-body {
color: #fff;
font-size: 12px;
text-transform: uppercase;
}
footer .footer-body .col-body p a {
font-size: 12px;
}
footer .footer-body .col-body a {
color: #fff;
font-size: 12px;
text-transform: uppercase;
}
}
#nav-mobile .nav-header {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
flex: auto;
padding: 5px 5px;
text-align: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 99;
height: 70px;
}
#nav-mobile .nav-header #menu-btn {
width: 50px;
height: 45px;
position: relative;
}
#nav-mobile .nav-header #menu-btn span {
position: absolute;
width: 30px;
height: 4px;
background: var(--dark);
top: 10px;
left: calc(50% - 15px);
}
#nav-mobile .nav-header #menu-btn span:nth-child(2) {
top: 20px;
}
#nav-mobile .nav-header #menu-btn span:nth-child(3) {
top: 30px;
}
#nav-mobile .nav-header .logo-container {
width: 70px;
text-align: left;
}
#nav-mobile .nav-header .logo-container img {
max-height: 55px;
}
#nav-mobile .nav-header .action-container {
width: calc(100% - 50px - 70px);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-pack: distribute;
}
#nav-mobile .nav-header .action-container.flex-item-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
#nav-mobile .nav-header .action-container.row > .col,
#nav-mobile .nav-header .action-container > .col {
float: none;
}
#nav-mobile .nav-header .action-container > * {
margin-right: 10px;
}
#nav-mobile .nav-body {
top: 70px;
}
#nav-mobile .nav-body .nav-content {
height: calc(100% - 420px);
overflow-y: scroll;
padding: 10px;
border-bottom: 1px solid #131313;
}
#nav-mobile .nav-body .nav-content .nav-mobile-info-container .item-info {
width: 100%;
padding: 10px 10px;
}
#nav-mobile .nav-body .nav-content .nav-mobile-info-container .item-info span {
margin-right: 5px;
}
#nav-mobile .nav-body .nav-content .nav-mobile-info-container .item-info .content a {
color: var(--light);
}
#nav-mobile .nav-body .nav-content > .nav:nth-child(1) {
height: calc(100vh - 420px);
}
#nav-mobile .nav-body .nav-content > .nav:nth-child(1) > li > a {
font-weight: 400;
}
#nav-mobile .nav-body .nav-content > .nav:nth-child(1) > li > a > .avatar {
display: block;
float: left;
position: relative;
overflow: hidden;
width: 34px;
height: 34px;
border-radius: 100%;
}
#nav-mobile .nav-body .nav-content > .nav:nth-child(1) > li > a > .avatar img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#nav-mobile .nav-body .nav-content > .nav:nth-child(1) > li > a > p {
float: left;
margin: 7.5px 0 10px 7.5px;
width: calc(100% - 34px - 50px - 10px);
}
#nav-mobile .nav-body .nav-content > .nav:nth-child(1) > li > a > p + .icon {
height: 34px;
}
#nav-mobile .nav-body .nav-content > .nav:nth-child(1) > li > a > p + .icon i {
line-height: 34px;
}
#nav-mobile .nav-body .nav {
margin: 0;
text-align: left;
}
#nav-mobile .nav-body .nav a {
color: #131313;
font-size: 13px;
padding: 10px 0;
display: block;
text-transform: uppercase;
}
#nav-mobile .nav-body .nav > li.nav-parent > .nav-parent-action + .nav-child {
position: fixed;
background-color: #fff;
right: -100%;
top: 70px;
width: 100%;
z-index: 98;
height: calc(100vh - 70px);
-webkit-transition: right ease 0.5s;
-o-transition: right ease 0.5s;
transition: right ease 0.5s;
z-index: 100;
overflow-y: auto;
}
#nav-mobile .nav-body .nav > li.nav-parent > .nav-parent-action + .nav-child.showmenu {
right: 0;
-webkit-transition: right ease 0.5s;
-o-transition: right ease 0.5s;
transition: right ease 0.5s;
}
#nav-mobile .nav-body .nav > li.nav-parent > .nav-parent-action + .nav-child > .nav {
padding: 0;
}
#nav-mobile .nav-body .nav > li.nav-parent > .nav-parent-action + .nav-child > .nav li {
padding: 0 10px;
}
#nav-mobile .nav-body .nav > li.nav-parent > .nav-parent-action + .nav-child > .nav > li:last-child > a {
border-bottom: 0;
}
#nav-mobile .nav-body .nav > li.nav-parent > .nav-parent-action + .nav-child > .nav > li:nth-child(1) {
background-color: #e5e5e5;
}
#nav-mobile .nav-body .nav > li.nav-parent > .nav-parent-action + .nav-child > .nav > li:nth-child(1) i {
margin-right: 10px;
}
#nav-mobile .nav-body .nav > li.nav-parent > .nav-parent-action + .nav-child > .nav > li:nth-child(1) a {
border-bottom: none;
font-weight: 300;
text-transform: uppercase;
color: grey;
}
#nav-mobile .nav-body .nav li.nav-parent > .nav-parent-action {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
#nav-mobile .nav-body .nav li.nav-parent > .nav-parent-action > a {
width: calc(100% - 50px);
border-bottom: none;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#nav-mobile .nav-body .nav li.nav-parent > .nav-parent-action > span.icon {
width: 50px;
color: #131313;
text-align: right;
}
#nav-mobile .nav-body .nav li.nav-parent > div.nav-parent-action-collapse {
border-bottom: 1px solid #f2f2f2;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
#nav-mobile .nav-body .nav li.nav-parent > div.nav-parent-action-collapse a {
display: block;
width: calc(100% - 50px);
border-bottom: none;
}
#nav-mobile .nav-body .nav li.nav-parent > div.nav-parent-action-collapse span {
display: block;
width: 50px;
text-align: center;
}
#nav-mobile .nav-body .nav li.nav-parent > div.nav-parent-action-collapse + .nav-child > ul {
padding-left: 0;
padding-right: 0;
height: auto;
}
#nav-mobile .nav-body .nav li.nav-parent > div.nav-parent-action-collapse + .nav-child > ul a {
padding-left: 20px;
font-weight: 400;
width: 100%;
float: none;
}
#nav-mobile .nav-body .nav li.nav-parent > div.nav-parent-action-collapse + .nav-child > ul > .nav-parent > .nav-child > ul a {
padding-left: 30px;
}
#nav-mobile .nav-body .nav li {
list-style: none;
}
#nav-mobile .nav-body .nav li .child > li.active > a,
#nav-mobile .nav-body .nav li.active > .nav-parent-action > a,
#nav-mobile .nav-body .nav li.active > a {
color: var(--light);
background-color: var(--primary);
}
#nav-mobile .nav-body .nav-content > .nav > li:last-child > .nav-child > .nav > li:last-child > a,
#nav-mobile .nav-body .nav-content > .nav > li:last-child > .nav-child > .nav > li:last-child > div.nav-parent-action-collapse {
border-bottom: none;
}
#nav-mobile .nav-body .nav-content > .nav > li:last-child > a,
#nav-mobile .nav-body .nav-content > .nav > li:last-child > div.nav-parent-action-collapse {
border-bottom: none;
}
#nav-mobile .nav-body .nav-content > .nav > li:last-child > a + .nav-child > .nav > li:first-child > a,
#nav-mobile .nav-body .nav-content > .nav > li:last-child > a + .nav-child > .nav > li:first-child > div.nav-parent-action-collapse,
#nav-mobile .nav-body .nav-content > .nav > li:last-child > div.nav-parent-action-collapse + .nav-child > .nav > li:first-child > a,
#nav-mobile .nav-body .nav-content > .nav > li:last-child > div.nav-parent-action-collapse + .nav-child > .nav > li:first-child > div.nav-parent-action-collapse {
border-top: 1px solid #f2f2f2;
}
#nav-mobile .nav-body .info-container {
height: auto;
padding: 0 10px;
}
#nav-mobile .nav-body .info-container .text-container {
font-size: 24px;
}
#nav-mobile .nav-body .info-container .action-container .item-header {
margin-top: 5px;
}
#nav-mobile .nav-body .info-container .action-container .item-header .content {
margin-left: 5px;
text-align: left;
}
#nav-mobile .nav-body .info-container .social-container {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
#nav-mobile .nav-body .info-container .social-container .item-social {
margin-right: 10px;
font-size: 12px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
#nav-mobile .nav-body .info-container .social-container .item-social img {
margin-right: 5px;
filter: gray;
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
#nav-mobile .nav-body .info-container .social-container .item-social:last-child {
margin-right: 0;
}
#nav-mobile .nav-body .info-container .logo-container {
margin-top: 15px;
}
#nav-mobile .nav-body .info-container .logo-container .img-container {
width: 100px;
margin: 0 auto;
}
#nav-mobile .nav-body .info-container .logo-container .img-container img {
width: 100%;
}
#nav-mobile .nav-footer {
height: 100vh;
overflow-y: auto;
}
#nav-mobile .nav-footer .search-container {
padding: 15px;
position: relative;
}
#nav-mobile .nav-footer .search-container input {
padding-left: 44px;
height: 44px;
font-size: 16px;
line-height: normal;
width: calc(100% - 44px - 15px);
margin-right: 15px;
}
#nav-mobile .nav-footer .search-container button {
position: absolute;
top: 15px;
left: 15px;
width: 44px;
height: 44px;
background-color: transparent;
text-align: center;
padding: 0;
}
#nav-mobile .nav-footer .search-container button i {
font-size: 20px;
line-height: 20px;
}
#nav-mobile .nav-footer .search-container a {
display: block;
width: 44px;
text-align: center;
background-color: #e5e5e5;
color: #131313;
}
#nav-mobile .nav-footer .search-container a i {
line-height: 44px;
font-size: 20px;
}
#nav-mobile .nav-footer .text-container h2 {
border-bottom: 1px solid #cfcecc;
padding: 15px 15px 5px 15px;
text-transform: uppercase;
}
#nav-mobile .nav-footer .text-container ul li {
list-style: none;
padding: 0 15px;
}
#nav-mobile .nav-footer .text-container ul li a {
border-bottom: 1px solid #cfcecc;
display: block;
padding: 15px 0;
}
#nav-mobile .nav-footer .text-container ul li:last-child a {
border-bottom: none;
}
body.showmenu,
body.showmenu1 {
overflow: hidden;
}
#nav-mobile #menu-btn {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
#nav-mobile #menu-btn span {
opacity: 1;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
-o-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out;
}
#nav-mobile #menu-btn.open span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
top: 20px;
left: 12px;
}
#nav-mobile #menu-btn.open span:nth-child(2) {
width: 0%;
opacity: 0;
}
#nav-mobile #menu-btn.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 20px;
left: 12px;
}
#nav-mobile .nav-body {
position: fixed;
left: -100%;
width: 100%;
-webkit-transition: left ease 0.5s;
-o-transition: left ease 0.5s;
transition: left ease 0.5s;
z-index: 98;
height: calc(100vh - 70px);
}
#nav-mobile .nav-body.showmenu {
left: 0;
-webkit-transition: left ease 0.5s;
-o-transition: left ease 0.5s;
transition: left ease 0.5s;
}
#nav-mobile .nav-footer {
position: fixed;
right: -100%;
top: 0;
width: 100%;
z-index: 100;
-webkit-transition: right ease 0.5s;
-o-transition: right ease 0.5s;
transition: right ease 0.5s;
z-index: 100;
}
#nav-mobile .nav-footer.showmenu {
right: 0;
-webkit-transition: right ease 0.5s;
-o-transition: right ease 0.5s;
transition: right ease 0.5s;
}
#nav-mobile {
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
#nav-mobile > .logo-container {
text-align: center;
padding: 10px 0;
}
#nav-mobile > .logo-container img {
max-height: 100px;
}
#nav-mobile > .logo-container + .nav-header {
border-top: 1px solid #ff6301;
border-bottom: 1px solid #cfcecc;
position: relative;
}
#nav-mobile > .logo-container + .nav-header + .nav-body {
top: 175px;
}
#nav-mobile > .logo-container + .nav-header + .nav-body .nav-content > .nav:nth-child(1) {
height: calc(100vh - 55px - 142px - 15px - 120px);
}
#nav-mobile > .logo-container + .nav-header + .nav-body .nav-content > .nav:nth-child(1) > li.nav-parent > .nav-parent-action + .nav-child {
top: 175px;
}
#nav-mobile > .logo-container + .nav-header + .nav-body + .nav-footer {
top: 175px;
height: calc(100vh - 55px - 120px);
}
#nav-mobile > .logo-container + .nav-header.nav-fix {
-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
background-color: #fff;
position: fixed;
top: 0;
width: 100%;
z-index: 999;
}
#nav-mobile > .logo-container + .nav-header.nav-fix + .nav-body {
top: 55px;
}
#nav-mobile > .logo-container + .nav-header.nav-fix + .nav-body .nav-content > .nav:nth-child(1) {
height: calc(100vh - 55px - 142px - 15px);
}
#nav-mobile > .logo-container + .nav-header.nav-fix + .nav-body .nav-content > .nav:nth-child(1) > li.nav-parent > .nav-parent-action + .nav-child {
top: 55px;
}
#nav-mobile > .logo-container + .nav-header.nav-fix + .nav-body + .nav-footer {
top: 55px;
height: calc(100vh - 55px);
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
#nav-mobile .gnavi__content {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100vh;
background-color: #fff;
display: none;
}
#nav-mobile .nav {
list-style: none;
}
#nav-mobile ul {
list-style: none;
padding: 0;
margin: 0;
}
#nav-mobile ul li {
position: relative;
border-top: 1px solid;
}
#nav-mobile ul li a {
display: block;
padding: 10px 20px;
}
#nav-mobile ul li .arrow {
position: absolute;
right: 0;
top: 0;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
#nav-mobile ul li .arrow.active {
transform: rotate(-180deg);
}
#nav-mobile ul.sub-menu {
display: none;
} .fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
.nav-fix {
-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
background: #fff;
width: 100%;
max-width: 100%;
top: 0;
left: 0;
right: 0;
z-index: 99;
margin: 0 auto;
position: fixed;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-duration: 5s;
animation-duration: 5s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: normal;
animation-direction: normal;
-webkit-animation-play-state: running;
animation-play-state: running;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-duration: 0.7s;
-moz-animation-duration: 0.7s;
animation-duration: 0.7s;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.nav-fix-hidden {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.share-container {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.share-container .fb-like {
margin-left: 10px;
}
.share-container .google-plus {
border: 1px solid #ddd;
margin-left: 10px;
height: 20px;
overflow: hidden;
}
.slogan p {
border: 1px solid #cfcecc;
border-radius: 4px;
background-color: #fff;
}
.slogan p span {
display: inline-block;
padding: 10px 15px;
}
.slogan p span:nth-child(1) {
background-color: #e5e5e5;
font-weight: 700;
}
@media screen and (max-width: 1024px) {
.slogan p span {
display: block;
}
}
@font-face {
font-family: "iCiel Samsung Sharp Sans";
src: url(//banhmiyummi.com/wp-content/themes/banhmiyummi/assets/fonts/iCielSamsungSharpSans-Bold.woff2) format("woff2"), url(//banhmiyummi.com/wp-content/themes/banhmiyummi/assets/fonts/iCielSamsungSharpSans-Bold.woff) format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "iCiel Samsung Sharp Sans";
src: url(//banhmiyummi.com/wp-content/themes/banhmiyummi/assets/fonts/iCielSamsungSharpSans-Medium.woff2) format("woff2"), url(//banhmiyummi.com/wp-content/themes/banhmiyummi/assets/fonts/iCielSamsungSharpSans-Medium.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "UTM Alter Gothic";
src: url(//banhmiyummi.com/wp-content/themes/banhmiyummi/assets/fonts/UTMAlterGothic.woff2) format("woff2"), url(//banhmiyummi.com/wp-content/themes/banhmiyummi/assets/fonts/UTMAlterGothic.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Open Sans";
src: url(//banhmiyummi.com/wp-content/themes/banhmiyummi/assets/fonts/OpenSans-Light.woff) format("woff");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Open Sans";
src: url(//banhmiyummi.com/wp-content/themes/banhmiyummi/assets/fonts/OpenSans.woff) format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Open Sans";
src: url(//banhmiyummi.com/wp-content/themes/banhmiyummi/assets/fonts/OpenSans-SemiBold.woff) format("woff");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Open Sans";
src: url(//banhmiyummi.com/wp-content/themes/banhmiyummi/assets/fonts/OpenSans-Bold.woff) format("woff");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: Chosence;
src: url(//banhmiyummi.com/wp-content/themes/banhmiyummi/assets/fonts/CHOSENCE-LIGHT.woff) format("woff");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: Chosence;
src: url(//banhmiyummi.com/wp-content/themes/banhmiyummi/assets/fonts/CHOSENCE-REGULAR.woff) format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: Chosence;
src: url(//banhmiyummi.com/wp-content/themes/banhmiyummi/assets/fonts/CHOSENCE-BOLD.woff) format("woff");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: Gotham;
src: url(//banhmiyummi.com/wp-content/themes/banhmiyummi/assets/fonts/GOTHAM-THIN.woff) format("woff");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: Gotham;
src: url(//banhmiyummi.com/wp-content/themes/banhmiyummi/assets/fonts/GOTHAM-MEDIUM.woff) format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: Gotham;
src: url(//banhmiyummi.com/wp-content/themes/banhmiyummi/assets/fonts/GOTHAM-ULTRA.woff) format("woff");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: UTMBeBas;
src: url(//banhmiyummi.com/wp-content/themes/banhmiyummi/assets/fonts/UTMBebas.woff) format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: DINNeuzeitGroteskLTW01;
src: url(//banhmiyummi.com/wp-content/themes/banhmiyummi/assets/fonts/DINNeuzeitGroteskLTW01.woff) format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: DINNeuzeitGroteskLTW01;
src: url(//banhmiyummi.com/wp-content/themes/banhmiyummi/assets/fonts/DDINNeuzeitGroteskW01Bold.woff) format("woff");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: BelindaW00Regular;
src: url(//banhmiyummi.com/wp-content/themes/banhmiyummi/assets/fonts/BelindaW00Regular.woff) format("woff");
font-weight: 400;
font-style: normal;
}
main {
min-height: 70vh;
border-top: 1px solid #d3d3d3;
}
@media screen {
.slick-carousel[data-margin="10"] {
margin-left: -10px;
margin-right: -10px;
}
.slick-carousel[data-margin="10"] .slick-slide > div {
margin-left: 10px;
margin-right: 10px;
}
}
@media screen and (min-width: 1920px) {
main {
min-height: 70vh;
}
}
@media screen and (min-width: 1366px) {
#branchModal {
top: 0;
}
#branchModal .form-group {
max-height: 220px;
}
main {
min-height: 70vh;
}
}
@media screen and (max-width: 1024px) {
main {
min-height: 70vh;
margin-top: 70px;
}
.slick-carousel[data-margin="10"] {
margin-left: -10px;
margin-right: -10px;
}
.slick-carousel[data-margin="10"] .slick-slide > div {
margin-left: 10px;
margin-right: 10px;
}
}
@media screen and (max-width: 768px) {
main {
margin-top: 70px;
}
.slick-carousel[data-margin="10"] {
margin-left: -5px;
margin-right: -5px;
}
.slick-carousel[data-margin="10"] .slick-slide > div {
margin-left: 5px;
margin-right: 5px;
}
}
@media screen and (max-width: 450px) {
#branchModal {
top: 0;
}
#branchModal .form-group {
max-height: 150px;
}
#branchModal .form-group .item .name {
font-size: 16px;
}
#branchModal .form-group .item .address-phone {
font-size: 14px;
}
#product-detail-mobile {
top: 90px !important;
}
.ilightbox:after {
top: 5px;
right: 5px;
font-size: 20px;
line-height: 20px;
}
.row .col {
margin-top: 20px;
}
.row .col:first-child {
margin-top: 0;
}
.container-flex > .row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-pack: distribute;
}
.container-flex > .row.flex-item-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.container-flex > .row.row > .col,
.container-flex > .row > .col {
float: none;
}
.container-flex > .row > .col:nth-child(1) {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
width: 100%;
float: none;
margin-top: 20px;
}
.container-flex > .row > .col:nth-child(2) {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
width: 100%;
float: none;
margin-top: 0;
}
.flex-container [class*="col-"] {
width: 100%;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.flex-container {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.item-branch {
cursor: pointer;
}
.item-branch .img-container {
position: relative;
display: block;
min-height: 300px;
width: auto;
overflow: hidden;
}
.item-branch .img-container:focus {
outline: 3px solid #ff6301;
outline-offset: 2px;
}
.item-branch .img-container img {
-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: auto;
height: 100%;
max-width: inherit;
}
.item-branch:hover .img-container img {
height: 110%;
}
.item-branch:hover .img-container .overlay {
-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: scale(1, 1);
}
.item-branch .img-container .overlay {
position: absolute;
top: 0;
left: 0;
background: #00000080;
width: 100%;
height: 100%;
-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: scale(0);
}
.item-branch .img-container .overlay a,
.item-branch .img-container .overlay button {
background-color: #ff6301;
text-align: center;
width: 50px;
height: 50px;
border-radius: 50%;
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.item-branch .img-container .overlay a img,
.item-branch .img-container .overlay button img {
width: auto;
height: auto;
}
.item-branch .info-container {
padding: 10px 0;
}
.item-branch .info-container .title-container {
text-transform: uppercase;
}
.item-branch .info-container .des-container {
color: #ff6301;
}
.item-branch .info-container .des-container img {
margin-right: 5px;
}
@media screen and (max-width: 1024px) and (min-width: 800px) {
.item-branch .img-container {
min-height: 250px;
}
}
.item-upcoming {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-pack: distribute;
padding: 15px 0;
border-bottom: 1px dotted #000;
cursor: pointer;
}
.item-upcoming.flex-item-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.item-upcoming.row > .col,
.item-upcoming > .col {
float: none;
}
.item-upcoming .date-container {
width: 40px;
text-align: center;
}
.item-upcoming .date-container .number {
font-size: 45px;
line-height: 36px;
}
.item-upcoming .info-container {
width: calc(100% - 40px - 30px);
margin-left: 30px;
}
.item-upcoming .info-container .des-container {
color: #ff6301;
}
.item-upcoming .info-container .des-container img {
margin-right: 5px;
}
#upcoming-location {
background: #f5f5e7;
}
.item-menu {
cursor: pointer;
}
.item-menu .img-container {
position: relative;
display: block;
min-height: 300px;
width: auto;
overflow: hidden;
}
.item-menu .img-container:focus {
outline: 3px solid #ff6301;
outline-offset: 2px;
}
.item-menu .img-container img {
-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: auto;
height: 100%;
max-width: inherit;
}
.item-menu:hover .img-container img {
height: 110%;
}
.item-menu:hover .img-container .overlay {
-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: scale(1, 1);
}
.item-menu .img-container {
min-height: 500px;
}
.item-menu .img-container .overlay {
position: absolute;
top: 0;
left: 0;
background: #00000080;
width: 100%;
height: 100%;
-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: scale(0);
}
.item-menu .img-container .overlay .info-container {
text-align: center;
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
width: 100%;
transform: translate(-50%, -50%);
}
.item-menu .img-container .overlay .info-container .title {
color: #fff;
}
@media screen and (max-width: 768px) {
.item-menu .img-container {
min-height: 400px;
}
}
.item-food {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-pack: distribute;
}
.item-food.flex-item-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.item-food.row > .col,
.item-food > .col {
float: none;
}
.item-food .img-container {
position: relative;
display: block;
min-height: 300px;
width: auto;
overflow: hidden;
}
.item-food .img-container:focus {
outline: 3px solid #ff6301;
outline-offset: 2px;
}
.item-food .img-container img {
-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: auto;
height: 100%;
max-width: inherit;
}
.item-food:hover .img-container img {
height: 110%;
}
.item-food .img-container {
width: 70px;
min-height: 70px;
max-height: 70px;
border-radius: 50%;
}
.item-food .img-container img {
width: 100%;
height: auto;
}
.item-food .info-container {
width: calc(100% - 85px);
margin-left: 15px;
}
.item-food .info-container .title-container {
text-transform: uppercase;
color: #ff6301;
}
.item-food .info-container .des-container {
color: grey;
}
#franchise {
background: #f5f5e7;
}
#franchise .form-container .title-container {
margin-bottom: 35px;
}
#franchise .form-container .form-group textarea {
height: auto;
}
#btn .btn-container a {
color: #000;
}
@media screen and (max-width: 450px) {
#franchise .form-container {
order: 1;
margin-top: 20px;
}
#franchise .img-container {
order: 0;
}
}
#blog .blog-container .blog-left-container {
width: calc(100% - 415.5px);
margin-right: 15px;
overflow: hidden;
}
#blog .blog-container .blog-right-container {
width: 400px;
overflow: hidden;
}
@media screen and (max-width: 768px) {
#blog .blog-container .blog-left-container {
width: 100%;
margin-right: 0;
overflow: hidden;
}
#blog .blog-container .blog-right-container {
width: 100%;
margin-right: 0;
overflow: hidden;
}
}
@media screen and (max-width: 450px) {
#blog .blog-container .blog-left-container {
width: 100%;
margin-right: 0;
overflow: hidden;
}
#blog .blog-container .blog-right-container {
width: 100%;
margin-right: 0;
overflow: hidden;
}
}
.item-blog .img-container {
height: 300px;
position: relative;
display: block;
min-height: 300px;
overflow: hidden;
}
.item-blog .img-container:focus {
outline: 3px solid #ff6301;
outline-offset: 2px;
}
.item-blog .img-container img {
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: auto;
height: 100%;
max-width: inherit;
}
.item-blog .img-container img {
width: 100%;
height: auto;
}
.item-blog .info-container {
padding: 15px 0;
}
.item-blog .info-container .title-container a {
text-transform: uppercase;
font-size: 16px;
}
.item-blog .info-container .date-container {
color: #ff6301;
}
.item-product {
cursor: pointer;
}
.item-product .img-container {
position: relative;
display: block;
min-height: 300px;
width: auto;
overflow: hidden;
}
.item-product .img-container:focus {
outline: 3px solid #ff6301;
outline-offset: 2px;
}
.item-product .img-container img {
-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: auto;
height: 100%;
max-width: inherit;
}
.item-product:hover .img-container img {
height: 110%;
}
.item-product:hover .img-container .overlay {
-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: scale(1, 1);
}
.item-product .img-container {
min-height: 380px;
}
.item-product .img-container .overlay {
position: absolute;
top: 0;
left: 0;
background: #00000080;
width: 100%;
height: 100%;
-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: scale(0);
}
.item-product .img-container .overlay a {
background-color: #ff6301;
text-align: center;
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.item-product .info-container {
padding: 10px 0;
}
.item-product .info-container .title-container {
text-transform: uppercase;
}
.item-product .info-container .des-container {
color: #ff6301;
}
.item-product .info-container .des-container img {
margin-right: 5px;
}
.item-product1 {
-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
border: 1px solid #cfcecc;
padding: 25px;
background-color: #fff;
}
.item-product1 .text-container {
width: 100%;
}
.item-product1 h3 {
font-weight: 600;
}
.item-product1 .price > * {
display: inline-block;
font-weight: 600;
}
.item-product1 .price .old-price {
margin-left: 5px;
color: grey;
text-decoration: line-through;
}
.item-product1 .btn {
width: 100%;
}
.item-product1 .right {
padding-right: 25px;
width: calc(100% - 151px);
}
.item-product1 .img-container {
width: 150px;
}
.item-product1 .img-container img {
border-radius: 4px;
width: 100%;
}
.item-product1 .des {
text-align: justify;
}
.item-product1 .btn-container:after,
.item-product1 .btn-container:before {
content: " ";
display: table;
}
.item-product1 .btn-container:after {
clear: both;
}
.item-product1 .btn-container select {
margin-bottom: 10px;
border-radius: 20px;
}
.item-product1 .btn-container input {
width: 80px;
float: left;
padding: 6px 15px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
height: auto;
border-right: none;
text-align: center;
}
.item-product1 .btn-container input:focus {
box-shadow: none;
}
.item-product1 .btn-container a {
width: calc(100% - 80px);
float: right;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.item-product1:hover {
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
@media screen and (max-width: 1024px) {
.item-product1 {
padding: 15px;
}
}
@media screen and (max-width: 450px) {
.item-product:hover {
box-shadow: none;
}
}
@media screen and (max-width: 768px) {
#promotion .section-body .detail-container {
margin-top: 20px;
}
#promotion .section-body .col-2item > * {
width: 100%;
margin-right: 0;
}
#promotion .section-body .col-2item > :nth-child(2n) {
margin-left: 0;
}
}
@media screen and (max-width: 450px) {
#franchise .form-container {
order: 1;
margin-top: 20px;
}
#franchise .img-container {
order: 0;
}
}
#banner .parallax-container {
position: relative;
overflow: hidden;
}
#banner .parallax-container:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
#banner .content {
z-index: 9;
}
#banner .content .info-container a {
color: #fff;
}
#banner .content .info-container .item-info {
font-size: 24px;
}
@media screen and (max-width: 450px) {
#banner .content .info-container .item-info {
font-size: 14px;
margin-bottom: 20px;
}
#franchise .form-container {
order: 1;
margin-top: 20px;
}
#franchise .img-container {
order: 0;
}
}
#about-v2 .section-body .img-container {
position: relative;
display: block;
min-height: 300px;
overflow: hidden;
min-height: 400px;
}
#about-v2 .section-body .img-container:focus {
outline: 3px solid #ff6301;
outline-offset: 2px;
}
#about-v2 .section-body .img-container img {
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: auto;
height: 100%;
max-width: inherit;
}
#about-v2 .section-body .img-container:focus {
outline: 3px solid #ff6301;
outline-offset: 2px;
}
#about-v2 .section-body .social-container {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
flex-direction: row;
flex-wrap: wrap;
}
#about-v2 .section-body .social-container .item-social {
margin-right: 10px;
font-size: 20px;
width: 25%;
display: block;
}
#about-v2 .section-body .social-container .item-social:last-child {
margin-right: 0;
}
@media screen and (max-width: 768px) {
#about .section-body .detail-container,
#about-v2 .section-body .detail-container {
margin-top: 20px;
}
#about .section-body .col-2item > *,
#about-v2 .section-body .col-2item > * {
width: 100%;
margin-right: 0;
}
#about .section-body .col-2item > :nth-child(2n),
#about-v2 .section-body .col-2item > :nth-child(2n) {
margin-left: 0;
}
}
@media screen and (max-width: 450px) {
#about-v2 .section-body .social-container .item-social {
margin-right: 5px;
font-size: 12px;
}
#franchise .form-container {
order: 1;
margin-top: 20px;
}
#franchise .img-container {
order: 0;
}
}
.item-gallery .img-container {
position: relative;
display: block;
min-height: 300px;
overflow: hidden;
min-height: 255px;
}
.item-gallery .img-container:focus {
outline: 3px solid #ff6301;
outline-offset: 2px;
}
.item-gallery .img-container img {
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: auto;
height: 100%;
max-width: inherit;
}
#gallery-detail-filer-list .item-gallery .img-container {
position: relative;
display: block;
min-height: 300px;
overflow: hidden;
min-height: 200px;
}
#gallery-detail-filer-list .item-gallery .img-container:focus {
outline: 3px solid #ff6301;
outline-offset: 2px;
}
#gallery-detail-filer-list .item-gallery .img-container img {
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: auto;
height: 100%;
max-width: inherit;
}
#gallery .gallery-group {
width: calc(50% - 5.5px);
margin-right: 10px;
margin-bottom: 10px;
}
#gallery .gallery-group .item-gallery {
width: 100%;
}
#gallery .gallery-group:nth-child(2n) {
margin-right: 0;
}
#gallery .gallery-group:nth-child(1) {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-pack: distribute;
}
#gallery .gallery-group:nth-child(1).flex-item-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
#gallery .gallery-group:nth-child(1).row > .col,
#gallery .gallery-group:nth-child(1) > .col {
float: none;
}
#gallery .gallery-group:nth-child(1) > * {
width: calc(50% - 5.5px);
margin-right: 10px;
margin-bottom: 10px;
}
#gallery .gallery-group:nth-child(1) > :nth-child(3),
#gallery .gallery-group:nth-child(1) > :nth-child(4) {
margin-bottom: 0;
}
#gallery .gallery-group:nth-child(1) > :nth-child(2n) {
margin-right: 0;
}
#gallery .gallery-group:nth-child(2) .item-gallery .img-container {
min-height: 520px;
}
#gallery .gallery-group:nth-child(3) .item-gallery .img-container {
min-height: 500px;
}
#gallery .gallery-group:nth-child(3) .item-gallery .img-container img {
width: 100%;
height: auto;
}
#gallery .gallery-group:nth-child(4) .item-gallery {
margin-bottom: 10px;
}
#gallery .gallery-group:nth-child(4) .item-gallery:last-child {
margin-bottom: 0;
}
#gallery .gallery-group:nth-child(4) .item-gallery .img-container {
min-height: 245px;
}
#gallery .gallery-group:nth-child(4) .item-gallery .img-container img {
width: 100%;
height: auto;
}
@media screen and (max-width: 1024px) {
#gallery .gallery-group:nth-child(1) {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-pack: distribute;
}
#gallery .gallery-group:nth-child(1).flex-item-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
#gallery .gallery-group:nth-child(1).row > .col,
#gallery .gallery-group:nth-child(1) > .col {
float: none;
}
#gallery .gallery-group:nth-child(1) .item-gallery .img-container {
min-height: 245px;
}
#gallery .gallery-group:nth-child(2) .item-gallery .img-container {
min-height: 500px;
}
#gallery .gallery-group:nth-child(3) .item-gallery .img-container {
min-height: 500px;
}
#gallery .gallery-group:nth-child(4) .item-gallery .img-container {
min-height: 245px;
}
}
@media screen and (max-width: 768px) {
#gallery .gallery-group:nth-child(1) {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-pack: distribute;
}
#gallery .gallery-group:nth-child(1).flex-item-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
#gallery .gallery-group:nth-child(1).row > .col,
#gallery .gallery-group:nth-child(1) > .col {
float: none;
}
#gallery .gallery-group:nth-child(1) .item-gallery .img-container {
min-height: 170px;
}
#gallery .gallery-group:nth-child(2) .item-gallery .img-container {
min-height: 350px;
}
#gallery .gallery-group:nth-child(3) .item-gallery .img-container {
min-height: 350px;
}
#gallery .gallery-group:nth-child(4) .item-gallery .img-container {
min-height: 170px;
}
}
@media screen and (max-width: 450px) {
#gallery .gallery-group {
width: 100%;
margin-right: 0;
}
#gallery .gallery-group:last-child {
margin-bottom: 0;
}
}
#breadcrumb {
padding-top: 20px;
padding-bottom: 20px;
}
#breadcrumb .breadcrumb-body.container {
padding-left: 15px;
padding-right: 15px;
}
#breadcrumb .breadcrumb-body ul {
padding: 0;
margin: 0;
}
#breadcrumb .breadcrumb-body li {
display: inline-block;
position: relative;
padding-right: 20px;
}
#breadcrumb .breadcrumb-body li:after {
position: absolute;
content: "/";
right: 5px;
top: 0;
}
#breadcrumb .breadcrumb-body li:last-child {
padding-right: 0;
}
#breadcrumb .breadcrumb-body li:last-child:after {
display: none;
}
.new__product__container {
width: 1000px;
margin: 0 auto;
}
.item__new__product {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-pack: distribute;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.item__new__product.flex-item-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.item__new__product.row > .col,
.item__new__product > .col {
float: none;
}
.item__new__product:nth-child(odd) {
flex-direction: row-reverse;
}
.item__new__product .img-container,
.item__new__product .info-container {
width: 50%;
}
.item__new__product .img-container {
position: relative;
display: block;
min-height: 300px;
overflow: hidden;
min-height: 500px;
}
.item__new__product .img-container:focus {
outline: 3px solid #ff6301;
outline-offset: 2px;
}
.item__new__product .img-container img {
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: auto;
height: 100%;
max-width: inherit;
}
.item__new__product .img-container img {
object-fit: cover;
}
.item__new__product .info-container {
text-align: center;
padding: 0 10px;
flex: 1 1 auto;
}
@media screen and (max-width: 768px) {
.new__product__container {
width: 100%;
padding: 0 15px;
}
.item__new__product {
margin-bottom: 15px;
}
.item__new__product:last-child {
margin-bottom: 0;
}
.item__new__product .img-container,
.item__new__product .info-container {
width: 100%;
}
.item__new__product .img-container img {
width: 100%;
height: auto;
}
.item__new__product .info-container {
margin-top: 15px;
}
}
@media screen and (max-width: 450px) {
.item__new__product .img-container {
min-height: 300px;
}
.item__new__product .info-container {
padding: 0;
}
}
.parallax-container {
height: 650px;
}
.parallax-container .container {
position: relative;
}
.parallax-container .content {
position: absolute;
top: 50px;
}
.parallax-container .content .h1 {
color: #fff;
text-transform: uppercase;
line-height: 120px;
font-size: 100px;
}
@media screen and (max-width: 1366px) {
.parallax-container {
height: 500px;
}
}
@media screen and (max-width: 768px) {
.parallax-container .content .h1 {
line-height: 90px;
font-size: 80px;
}
}
@media screen and (max-width: 450px) {
.parallax-container .content .h1 {
line-height: 28px;
font-size: 28px;
margin-bottom: 10px;
}
}
.home #franchising .form-franchising {
margin-top: 0;
margin-bottom: 30px;
border: none;
}
.home #franchising #franchise-form-title {
text-align: center;
color: #fff;
}
#franchising .content-static .content-inner {
font-size: 18px;
letter-spacing: 0;
}
#franchising .form-franchising {
width: 600px;
border: 3px solid #ff6301;
padding: 20px 40px;
z-index: 75;
position: relative;
margin: 60px auto;
margin-bottom: 20px;
}
#franchising .form-franchising .h5 {
letter-spacing: 0;
}
#franchising .form-franchising input:not([type="submit"]),
#franchising .form-franchising select {
margin-top: 20px;
border: 2px solid #000;
color: #000;
height: 45px;
width: 100%;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control {
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
border-color: #ff6301;
height: 40px;
}
#franchising .form-franchising textarea {
height: auto;
margin-top: 20px;
border: 2px solid #000;
color: #000;
resize: none;
margin-bottom: 20px;
}
.btn-primary {
background: #ff6301;
color: #fff;
border: none;
padding: 10px 30px;
}
#franchising .form-franchising .address-item .wpcf7-form-control-wrap:nth-child(1) {
width: calc(100% - 120px);
margin-right: 20px;
}
#franchising .form-franchising .address-item .wpcf7-form-control-wrap:nth-child(2) {
width: 100px;
}
#franchising .form-franchising .select-box .wpcf7-form-control-wrap:nth-child(1) {
width: calc(100% - 300px);
margin-right: 20px;
}
#franchising .form-franchising .select-box .wpcf7-form-control-wrap:nth-child(2) {
width: 130px;
margin-right: 20px;
}
#franchising .form-franchising .select-box .wpcf7-form-control-wrap:nth-child(3) {
width: 130px;
}
@media screen and (max-width: 767px) {
#franchising .form-franchising {
width: auto;
}
}
@media screen and (max-width: 450px) {
#franchising .form-franchising input:not([type="submit"]), 
#franchising .form-franchising select {
width: 100%;
}
#franchising .form-franchising .address-item .wpcf7-form-control-wrap:nth-child(1) {
width: 100%;
margin-right: 0px;
}
#franchising .form-franchising .address-item .wpcf7-form-control-wrap:nth-child(2) {
width: 100%;
}
#franchising .form-franchising .select-box .wpcf7-form-control-wrap:nth-child(1) {
width: 100%;
margin-right: 0px;
}
#franchising .form-franchising .select-box .wpcf7-form-control-wrap:nth-child(2) {
width: 100%;
margin-right: 0px;
}
#franchising .form-franchising .select-box .wpcf7-form-control-wrap:nth-child(3) {
width: 100%;
}
}@import url("https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap"); body {
margin: 0;
font-family: Arial, sans-serif;
}
img {
max-width: 100%;
height: auto;
display: block;
}
.image-background img,
.mask-background img { 
width: 100%;
height: 100%;
object-fit: cover;
}
.z-index-1 {
z-index: -1;
}
.dancingscript {
font-family: "Dancing Script", sans-serif;
}
.inline-block {
display: inline-block;
}
.pdtb-70 {
padding-top: 70px;
padding-bottom: 70px;
}
.mt-20 {
margin-top: 20px;
}
.section-container {
max-width: 1200px;
}
.p-absolute {
position: absolute;
}
.p-relative {
position: relative;
}
.full-width {
width: 100%;
}
.full-height {
height: 100%;
}
#w-sneuqu60 .section-banner { }
.section-banner .title {
color: #fff;
font-size: 100px;
font-weight: bold;
text-align: center;
}
.section-banner .subtitle {
color: #fff;
font-size: 30px;
font-weight: bold;
text-align: center;
}
#w-sneuqu60 .mask-position {
width: 211px;
height: 38px;
margin-left: auto;
margin-right: auto;
}
.button-css {
display: flex;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
text-align: center;
border-radius: 6px;
box-shadow: rgb(0 0 0 / 25%) 0px 4px 4px;
color: #fff;
font-size: 41px;
font-weight: bold;
padding: 5px;
outline: none;
}
.button-css:focus,
.button-css:hover {
color: #fff;
outline: none;
}
#w-mgf77bl7.button-css {
width: 340px;
margin-left: auto;
margin-right: auto;
}
#w-isuhdg7s.button-css {
width: 340px;
margin-left: auto;
margin-right: auto;
}
#w-sneuqu60 #w-mgf77bl7.button-css {
font-size: 30px;
width: revert;
display: inline-block;
padding: 10px 25px;
position: absolute;
bottom: 24%;
left: 25%;
} .com-button {
margin-top: 50px;
}
#w-sneuqu60 .mask-background { margin-left:30px }
.text-center {
text-align: center;
}
.title-section .title {
display: inline-block;
color: #ff6301;
font-size: 50px;
font-weight: bold;
margin-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
.title-section .title-first {
background-image: url(https://banhmiyummi.com/wp-content/themes/banhmiyummi/assets/img/home/mask1.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
font-family: 'Dancing Script', sans-serif;
font-size: 40px;  
color: revert;
}
.title-section .subtitle {
font-size: 17px;
font-weight: bold;
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
}
.title-section .desc {
max-width: 388px;
margin-left: auto;
margin-right: auto;
padding-left: 10px;
padding-right: 10px;
margin-top: 20px;
}
.icon-box {
border-radius: 30px;  
padding: 45px;
min-height: 362px;
margin-top: 30px;
}
.icon-box .icon {
max-width: 88px;
margin-left: auto;
margin-right: auto;
}
.icon-box .title {
font-size: 20px;
font-weight: bold;
text-align: center;
margin: 15px 0 20px 0;
}
.icon-box .desc {
font-size: 13px;
text-align: center;
}
.bg1 {background: rgba(252, 246, 209, 1);}
.bg2 {background: rgba(215, 252, 209, 1);}
.bg3 {background: rgba(249, 219, 210, 1);}
.bg-b {background: rgba(111, 167, 32, 1);}
.bg-y { background: rgba(255, 235, 59, 0.95);}
.bg-o {background: #ff6301;}
#w-357jnqgs {
padding: 70px 0 0px;
}
.container-2 {
width: 1500px !important;
}
.image {
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
.image img {
max-width: unset;
width: 100%;
height: 100%;
object-fit: cover;
}
.single-image img {
max-width: 100%;
width: 100%;
height: 100%;
object-fit: cover;
}
.min-h-500 img {
height: 50rem;
}
.max-w-419 {
max-width: 42rem;
}
#w-82tygje3,
#w-c68ik7mq,
#w-gzfu5eou {
padding: 50px 0 50px;
}
#w-jkltt3p0 .image {
margin-bottom: 30px;
}
#w-jkltt3p0 .title-section .title-first {
background-size: 80%;
}
#w-hs2zjvtr .image {
height: 253px;
}
#w-hs2zjvtr {
padding: 30px 0;
}
.w-l59c0xxw {
background: rgba(80, 104, 72, 1);
padding: 70px 0;
}
#w-blrkfd08 {
top: 0px;
left: 0px;
width: 36px;
height: 36px;
}
#w-8ig8g9pq {
top: 8.5px;
left: 8.5px;
width: 19px;
height: 19px;
}
#w-8ig8g9pq .rectangle-css {
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJyB3aWR0aD0nNTAnIGhlaWdodD0nNjEnIHZpZXdCb3g9JzAgMCA1MCA2MScgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzMuMzM1NSA0My4zNTIzTDM3LjY0MSAzOC4wOTc1QzM4LjIyMDggMzcuMzk4NSAzOC45NTQ1IDM2LjkyIDM5Ljc1MjkgMzYuNzIwMUM0MC41NTEzIDM2LjUyMDIgNDEuMzgwMSAzNi42MDc2IDQyLjEzODcgMzYuOTcxNEw0Ny4zODYgMzkuNTI4NUM0OC4xNTI1IDM5LjkwODIgNDguODA5OCA0MC41NTY0IDQ5LjI3NSA0MS4zOTE0QzQ5Ljc0MDIgNDIuMjI2NCA0OS45OTI1IDQzLjIxMDcgNTAgNDQuMjIwM1Y1NS45NDk4QzQ5Ljk5NTYgNTYuNjM2NyA0OS44NzcyIDU3LjMxNTMgNDkuNjUyMyA1Ny45NDQ4QzQ5LjQyNzIgNTguNTc0MyA0OS4xMDAyIDU5LjE0MTggNDguNjkwNyA1OS42MTMxQzQ4LjI4MTIgNjAuMDg0MyA0Ny43OTggNjAuNDQ5NSA0Ny4yNjk4IDYwLjY4NjhDNDYuNzQxNyA2MC45MjQgNDYuMTc5NyA2MS4wMjgzIDQ1LjYxNzcgNjAuOTkzNEM4Ljg0Nzk4IDU4LjIwMTkgMS40Mjg3MiAyMC4xOTgzIDAuMDI1NTk1NSA1LjY1Mzc1Qy0wLjAzOTUzNjMgNC45Mzk1IDAuMDE5OTc4IDQuMjE2NTQgMC4yMDAyMTggMy41MzIzMUMwLjM4MDQ1OCAyLjg0ODE4IDAuNjc3MzQ4IDIuMjE4MzcgMS4wNzEzNCAxLjY4NDMxQzEuNDY1MzQgMS4xNTAyNSAxLjk0NzUzIDAuNzI0MDU5IDIuNDg2MTkgMC40MzM3NzNDMy4wMjQ4MyAwLjE0MzQ4NyAzLjYwNzc1IC0wLjAwNDMwODQzIDQuMTk2NTggOS41NjA1M2UtMDVIMTMuNDgwM0MxNC4zMDg3IDAuMDAzMDg4MzUgMTUuMTE3NCAwLjMwODUwOSAxNS44MDI1IDAuODc3MDY5QzE2LjQ4NzYgMS40NDU2MiAxNy4wMTc2IDIuMjUxMzIgMTcuMzI0NSAzLjE5MDVMMTkuNDE5NSA5LjU5NDg2QzE5LjcyNzUgMTAuNTE2OSAxOS44MDYxIDExLjUyOTMgMTkuNjQ1NSAxMi41MDU2QzE5LjQ4NDggMTMuNDgxOSAxOS4wOTIgMTQuMzc4OCAxOC41MTYxIDE1LjA4NDJMMTQuMjEwNyAyMC4zMzlDMTQuMjEwNyAyMC4zMzkgMTYuNjkwMSA0MC44MTg4IDMzLjMzNTUgNDMuMzUyM1onIGZpbGw9J2JsYWNrJy8+PC9zdmc+);
border-color: rgba(229, 231, 235, 1);
border-style: solid;
background: rgba(255, 255, 255, 1);
}
.mask-position {
-webkit-mask-position: 0% 0%;
}
.full-mask-size {
-webkit-mask-size: 100% 100%;
}
#w-blrkfd08 .rectangle-css {
border-color: rgba(255, 255, 255, 1);
border-radius: 39px;
border-style: solid;
border-width: 2px;
background: rgba(0, 0, 0, 0);
}
.item-info .icon {
position: relative;
width: 38px;
height: 38px;
}
.item-info {
display: flex;
align-items: center;
justify-content: center;
}
.item-info .text {
color: rgba(255, 255, 255, 1);
font-size: 18px;
font-weight: bold;
text-align: left;
padding-left: 15px;
}
#w-w20w5rkz {
top: 6.5px;
left: 6.5px;
width: 23px;
height: 23px;
}
#w-w20w5rkz .rectangle-css {
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJyB3aWR0aD0nMTQnIGhlaWdodD0nMTQnIHZpZXdCb3g9JzAgMCAxNCAxNCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTIuMzUgMTEuNTE0MUMxMi4zNTMxIDExLjUwOTQgMTIuMzU3OCAxMS41MDQ3IDEyLjM2MDkgMTEuNUMxMy4zODQ0IDEwLjI4MjggMTQgOC43MTQwNiAxNCA3QzE0IDUuMjg1OTQgMTMuMzg0NCAzLjcxNzE5IDEyLjM2MjUgMi41QzEyLjM1OTQgMi40OTUzMSAxMi4zNTQ3IDIuNDkyMTkgMTIuMzUxNiAyLjQ4NzVDMTIuMzM0NCAyLjQ2NzE5IDEyLjMxODcgMi40NDg0NCAxMi4zMDE2IDIuNDI5NjlDMTIuMjk1MyAyLjQyMTg4IDEyLjI4OTEgMi40MTU2MyAxMi4yODI4IDIuNDA3ODFMMTIuMjE4OCAyLjMzNDM3TDEyLjIxNzIgMi4zMzI4MUMxMi4xOTM4IDIuMzA2MjUgMTIuMTY4NyAyLjI3OTY5IDEyLjE0NTMgMi4yNTMxMkwxMi4xNDM4IDIuMjUxNTZDMTIuMDkzOCAyLjE5ODQ0IDEyLjA0MzcgMi4xNDUzMSAxMS45OTIyIDIuMDkzNzVMMTEuOTkwNiAyLjA5MjE5TDExLjkxNTYgMi4wMTcxOUwxMS45MTA5IDIuMDEyNUMxMS44ODc1IDEuOTg5MDYgMTEuODY0MSAxLjk2NzE5IDExLjg0MDYgMS45NDUzMUMxMS44MzI4IDEuOTM3NSAxMS44MjUgMS45Mjk2OSAxMS44MTU2IDEuOTIxODhDMTEuOCAxLjkwNjI1IDExLjc4NDQgMS44OTIxOSAxMS43Njg4IDEuODc4MTJDMTEuNzY0MSAxLjg3MzQ0IDExLjc1NzggMS44Njg3NSAxMS43NTMxIDEuODYyNUMxMC41MDYzIDAuNzA2MjUgOC44MzU5NCAwIDcgMEM1LjE2NDA2IDAgMy40OTM3NSAwLjcwNjI1IDIuMjQ1MzEgMS44NjI1QzIuMjQwNjIgMS44NjcxOSAyLjIzNDM3IDEuODcxODcgMi4yMjk2OSAxLjg3ODEyQzIuMjE0MDYgMS44OTIxOSAyLjE5ODQ0IDEuOTA3ODEgMi4xODI4MSAxLjkyMzQ0QzIuMTc1IDEuOTMxMjUgMi4xNjcxOSAxLjkzOTA2IDIuMTU3ODEgMS45NDY4OEMyLjEzNDM4IDEuOTY4NzUgMi4xMTA5NCAxLjk5MjE5IDIuMDg3NSAyLjAxNDA2TDIuMDgyODEgMi4wMTg3NUwyLjAwNzgxIDIuMDkzNzVMMi4wMDYyNSAyLjA5NTMxQzEuOTU0NjkgMi4xNDY4OCAxLjkwNDY5IDIuMiAxLjg1NDY5IDIuMjUzMTJMMS44NTMxMyAyLjI1NDY5QzEuODI4MTMgMi4yODEyNSAxLjgwNDY5IDIuMzA3ODEgMS43ODEyNSAyLjMzNDM3TDEuNzc5NjkgMi4zMzU5NEMxLjc1NzgxIDIuMzU5MzggMS43MzU5NCAyLjM4NDM3IDEuNzE1NjMgMi40MDkzN0MxLjcwOTM4IDIuNDE3MTkgMS43MDMxMyAyLjQyMzQ0IDEuNjk2ODggMi40MzEyNUMxLjY3OTY5IDIuNDUgMS42NjQwNiAyLjQ3MDMxIDEuNjQ2ODcgMi40ODkwNkMxLjY0Mzc1IDIuNDkzNzUgMS42MzkwNiAyLjQ5Njg4IDEuNjM1OTQgMi41MDE1NkMwLjYxNTYyNSAzLjcxNzE5IDAgNS4yODU5NCAwIDdDMCA4LjcxNDA2IDAuNjE1NjI1IDEwLjI4MjggMS42Mzc1IDExLjVDMS42NDA2MyAxMS41MDQ3IDEuNjQ1MzEgMTEuNTA5NCAxLjY0ODQ0IDExLjUxNDFMMS42OTY4OCAxMS41NzE5QzEuNzAzMTMgMTEuNTc5NyAxLjcwOTM4IDExLjU4NTkgMS43MTU2MyAxMS41OTM4TDEuNzc5NjkgMTEuNjY3MkMxLjc3OTY5IDExLjY2ODggMS43ODEyNSAxMS42Njg4IDEuNzgxMjUgMTEuNjcwM0MxLjgwNDY5IDExLjY5NjkgMS44MjgxMyAxMS43MjM0IDEuODUzMTMgMTEuNzQ4NEwxLjg1NDY5IDExLjc1QzEuOTA0NjkgMTEuODAzMSAxLjk1NDY5IDExLjg1NjIgMi4wMDQ2OSAxMS45MDc4TDIuMDA2MjUgMTEuOTA5NEMyLjAzMTI1IDExLjkzNDQgMi4wNTQ2OSAxMS45NTk0IDIuMDc5NjkgMTEuOTgyOEwyLjA4NDM3IDExLjk4NzVDMi4xMzU5NCAxMi4wMzkxIDIuMTg5MDYgMTIuMDg5MSAyLjI0MjE5IDEyLjEzNzVDMy40OTM3NSAxMy4yOTM3IDUuMTY0MDYgMTQgNyAxNEM4LjgzNTk0IDE0IDEwLjUwNjIgMTMuMjkzNyAxMS43NTQ3IDEyLjEzNzVDMTEuODA3OSAxMi4wODg3IDExLjg2IDEyLjAzODcgMTEuOTEwOSAxMS45ODc1TDExLjkxNTYgMTEuOTgyOEMxMS45NDA2IDExLjk1NzggMTEuOTY1NiAxMS45MzQ0IDExLjk4OTEgMTEuOTA5NEwxMS45OTA2IDExLjkwNzhDMTIuMDQyMiAxMS44NTYyIDEyLjA5MjIgMTEuODAzMSAxMi4xNDA2IDExLjc1TDEyLjE0MjIgMTEuNzQ4NEMxMi4xNjU2IDExLjcyMTkgMTIuMTkwNiAxMS42OTY5IDEyLjIxNDEgMTEuNjcwM0MxMi4yMTQxIDExLjY2ODggMTIuMjE1NiAxMS42Njg4IDEyLjIxNTYgMTEuNjY3MkMxMi4yMzc1IDExLjY0MzggMTIuMjU5NCAxMS42MTg4IDEyLjI3OTcgMTEuNTkzOEMxMi4yODU5IDExLjU4NTkgMTIuMjkyMiAxMS41Nzk3IDEyLjI5ODQgMTEuNTcxOUMxMi4zMTYxIDExLjU1MyAxMi4zMzMzIDExLjUzMzggMTIuMzUgMTEuNTE0MVYxMS41MTQxWk0xMi40MTQxIDkuMjg1OTRDMTIuMTk4NCA5Ljc5NTMxIDExLjkxNDEgMTAuMjY3MiAxMS41NjcyIDEwLjY5NTNDMTEuMTc2NSAxMC4zNTc3IDEwLjc0OTQgMTAuMDY0NyAxMC4yOTM3IDkuODIxODdDMTAuNDc1IDkuMDg5MDYgMTAuNTg3NSA4LjI4NDM4IDEwLjYxNzIgNy40Mzc1SDEyLjg1OTRDMTIuODEyNSA4LjA3NjU2IDEyLjY2MjUgOC42OTY4NyAxMi40MTQxIDkuMjg1OTRaTTEyLjg1OTQgNi41NjI1SDEwLjYxNzJDMTAuNTg3NSA1LjcxNTYyIDEwLjQ3NSA0LjkxMDk0IDEwLjI5MzcgNC4xNzgxMkMxMC43NTE2IDMuOTM0MzcgMTEuMTc4MSAzLjY0MDYyIDExLjU2NzIgMy4zMDQ2OUMxMi4zMjEyIDQuMjMyNzcgMTIuNzcyMiA1LjM2OTkgMTIuODU5NCA2LjU2MjVWNi41NjI1Wk05LjI4NTk0IDEuNTg1OTRDOS45MDYyNSAxLjg0ODQ0IDEwLjQ3MDMgMi4yMTA5NCAxMC45NjcyIDIuNjY3MTlDMTAuNjc4NSAyLjkxMjk2IDEwLjM2NzkgMy4xMzE1OSAxMC4wMzkxIDMuMzIwMzFDOS43OTM3NSAyLjYxNzE5IDkuNDc5NjkgMi4wMDYyNSA5LjExNDA2IDEuNTE3MTlDOS4xNzE4NyAxLjUzOTA2IDkuMjI5NjkgMS41NjI1IDkuMjg1OTQgMS41ODU5NFpNNy44NzAzMSAxMi41MzI4QzcuNzI2NTYgMTIuNjQ1MyA3LjU4MjgxIDEyLjczMTIgNy40Mzc1IDEyLjc4OTFWOS44OTA2MkM4LjA1NzQ5IDkuOTMzODggOC42NjcxNyAxMC4wNzE5IDkuMjQ1MzEgMTAuM0M5LjExNTYzIDEwLjY4NDQgOC45NjU2MyAxMS4wMzkxIDguNzkyMTkgMTEuMzU5NEM4LjUyMDMxIDExLjg2NTYgOC4yMDE1NiAxMi4yNzAzIDcuODcwMzEgMTIuNTMyOFpNOC43OTIxOSAyLjY0MDYyQzguOTY0MDYgMi45NjI1IDkuMTE1NjMgMy4zMTcxOSA5LjI0NTMxIDMuN0M4LjY2NzE3IDMuOTI4MDYgOC4wNTc0OSA0LjA2NjEyIDcuNDM3NSA0LjEwOTM4VjEuMjEyNUM3LjU4MTI1IDEuMjcwMzEgNy43MjY1NiAxLjM1NDY5IDcuODcwMzEgMS40Njg3NUM4LjIwMTU2IDEuNzI5NjkgOC41MjAzMSAyLjEzNDM3IDguNzkyMTkgMi42NDA2MlYyLjY0MDYyWk03LjQzNzUgOS4wMTQwNlY3LjQzNzVIOS43NDIxOUM5LjcxNzE5IDguMTI4MTMgOS42MzEyNSA4Ljc5ODQ0IDkuNDg3NSA5LjQzNDM3TDkuNDgyODEgOS40NTMxMkM4LjgyNzA4IDkuMjA0NDcgOC4xMzc1MSA5LjA1NjQ0IDcuNDM3NSA5LjAxNDA2VjkuMDE0MDZaTTcuNDM3NSA2LjU2MjVWNC45ODU5NEM4LjE1MzEyIDQuOTQyMTkgOC44NDA2MyA0Ljc5MDYzIDkuNDgyODEgNC41NDY4OEw5LjQ4NzUgNC41NjU2M0M5LjYzMTI1IDUuMjAxNTYgOS43MTcxOSA1Ljg3MDMxIDkuNzQyMTkgNi41NjI1SDcuNDM3NVpNNi41NjI1IDcuNDM3NVY5LjAxNDA2QzUuODQ2ODggOS4wNTc4MSA1LjE1OTM4IDkuMjA5MzcgNC41MTcxOSA5LjQ1MzEyTDQuNTEyNSA5LjQzNDM3QzQuMzY4NzUgOC43OTg0NCA0LjI4MjgxIDguMTI5NjkgNC4yNTc4MSA3LjQzNzVINi41NjI1Wk00LjI1NzgxIDYuNTYyNUM0LjI4MjgxIDUuODcxODcgNC4zNjg3NSA1LjIwMTU2IDQuNTEyNSA0LjU2NTYzTDQuNTE3MTkgNC41NDY4OEM1LjE1OTM4IDQuNzkwNjMgNS44NDUzMSA0Ljk0MjE5IDYuNTYyNSA0Ljk4NTk0VjYuNTYyNUg0LjI1NzgxWk02LjU2MjUgOS44OTA2MlYxMi43ODc1QzYuNDE4NzUgMTIuNzI5NyA2LjI3MzQ0IDEyLjY0NTMgNi4xMjk2OSAxMi41MzEyQzUuNzk4NDQgMTIuMjcwMyA1LjQ3ODEzIDExLjg2NDEgNS4yMDYyNSAxMS4zNTc4QzUuMDM0MzggMTEuMDM1OSA0Ljg4MjgxIDEwLjY4MTIgNC43NTMxMyAxMC4yOTg0QzUuMzM0MzggMTAuMDcwMyA1LjkzOTA2IDkuOTM0MzcgNi41NjI1IDkuODkwNjJaTTYuNTYyNSA0LjEwOTM4QzUuOTQyNTEgNC4wNjYxMiA1LjMzMjgzIDMuOTI4MDYgNC43NTQ2OSAzLjdDNC44ODQzNyAzLjMxNTYyIDUuMDM0MzcgMi45NjA5NCA1LjIwNzgxIDIuNjQwNjJDNS40Nzk2OSAyLjEzNDM3IDUuNzk4NDQgMS43MjgxMiA2LjEzMTI1IDEuNDY3MTlDNi4yNzUgMS4zNTQ2OSA2LjQxODc1IDEuMjY4NzUgNi41NjQwNiAxLjIxMDk0VjQuMTA5MzhINi41NjI1Wk00LjcxNDA2IDEuNTg1OTRDNC43NzE4OCAxLjU2MjUgNC44MjgxMyAxLjUzOTA2IDQuODg1OTQgMS41MTcxOUM0LjUyMDMxIDIuMDA2MjUgNC4yMDYyNSAyLjYxNzE5IDMuOTYwOTQgMy4zMjAzMUMzLjYzMjgxIDMuMTMyODEgMy4zMjE4OCAyLjkxNDA2IDMuMDMyODEgMi42NjcxOUMzLjUyOTY5IDIuMjEwOTQgNC4wOTM3NSAxLjg0ODQ0IDQuNzE0MDYgMS41ODU5NFYxLjU4NTk0Wk0xLjU4NTk0IDQuNzE0MDZDMS44MDE1NiA0LjIwNDY5IDIuMDg1OTQgMy43MzI4MSAyLjQzMjgxIDMuMzA0NjlDMi44MjE4NyAzLjY0MDYyIDMuMjQ4NDQgMy45MzQzNyAzLjcwNjI1IDQuMTc4MTJDMy41MjUgNC45MTA5NCAzLjQxMjUgNS43MTU2MiAzLjM4MjgxIDYuNTYyNUgxLjE0MDYyQzEuMTg3NSA1LjkyMzQ0IDEuMzM3NSA1LjMwMzEzIDEuNTg1OTQgNC43MTQwNlpNMS4xNDA2MiA3LjQzNzVIMy4zODI4MUMzLjQxMjUgOC4yODQzOCAzLjUyNSA5LjA4OTA2IDMuNzA2MjUgOS44MjE4N0MzLjI1MDU5IDEwLjA2NDcgMi44MjM0NyAxMC4zNTc3IDIuNDMyODEgMTAuNjk1M0MxLjY3ODggOS43NjcyMyAxLjIyNzc2IDguNjMwMSAxLjE0MDYyIDcuNDM3NVY3LjQzNzVaTTQuNzE0MDYgMTIuNDE0MUM0LjA5Mzc1IDEyLjE1MTYgMy41Mjk2OSAxMS43ODkxIDMuMDMyODEgMTEuMzMyOEMzLjMyMTg4IDExLjA4NTkgMy42MzI4MSAxMC44Njg4IDMuOTYwOTQgMTAuNjc5N0M0LjIwNjI1IDExLjM4MjggNC41MjAzMSAxMS45OTM4IDQuODg1OTQgMTIuNDgyOEM0LjgyODEzIDEyLjQ2MDkgNC43NzAzMSAxMi40Mzc1IDQuNzE0MDYgMTIuNDE0MVpNOS4yODU5NCAxMi40MTQxQzkuMjI4MTIgMTIuNDM3NSA5LjE3MTg3IDEyLjQ2MDkgOS4xMTQwNiAxMi40ODI4QzkuNDc5NjkgMTEuOTkzOCA5Ljc5Mzc1IDExLjM4MjggMTAuMDM5MSAxMC42Nzk3QzEwLjM2NzIgMTAuODY3MiAxMC42NzgxIDExLjA4NTkgMTAuOTY3MiAxMS4zMzI4QzEwLjQ3MzEgMTEuNzg3MiA5LjkwNDMyIDEyLjE1MjkgOS4yODU5NCAxMi40MTQxVjEyLjQxNDFaJyBmaWxsPSdibGFjaycvPjwvc3ZnPg==);
border-color: rgba(229, 231, 235, 1);
border-style: solid;
background: rgba(255, 255, 255, 1);
}
#w-u5ozox8y .rectangle-css {
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMDQ5Ljg5NTMgMTg5Ni4wODMzIiBjbGFzcz0ibWFwLW1hcmtlciI+PHBhdGggZD0iTTc2OCA2NDBxMC0xMDYtNzUtMTgxdC0xODEtNzUtMTgxIDc1LTc1IDE4MSA3NSAxODEgMTgxIDc1IDE4MS03NSA3NS0xODF6bTI1NiAwcTAgMTA5LTMzIDE3OWwtMzY0IDc3NHEtMTYgMzMtNDcuNSA1MnQtNjcuNSAxOS02Ny41LTE5LTQ2LjUtNTJMMzMgODE5UTAgNzQ5IDAgNjQwcTAtMjEyIDE1MC0zNjJ0MzYyLTE1MCAzNjIgMTUwIDE1MCAzNjJ6Ij48L3BhdGg+PC9zdmc+);
border-color: rgba(229, 231, 235, 1);
border-style: solid;
background: rgba(255, 255, 255, 1);
}
#w-u5ozox8y {
top: 7px;
left: 8.5px;
width: 19px;
height: 22px;
}
#franchising-page .single-image img {
max-height: 63rem;
}
.grid-4item {
display: grid;
gap: 12px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.langswitcher {
position: relative;
}
.langswitcher ul {
list-style: none;
}
.langswitcher ul li {
display: inline-block;
}
.langswitcher ul li a {
padding: 10px;
}
.langswitcher .current-lang a {
color: #ff6301;
}
.news .info-container-content {
padding: 30px;
text-align: center;
background: #fff;
}
.news .info-container-content .title-container {
text-transform: uppercase;
}
.news .item-news {
box-shadow: rgb(0 0 0 / 25%) 0px 4px 4px;
border-radius: 6px;
overflow: hidden;
}
.news .item-news .desc {
margin-top: 20px;
}
.news .item-news .date {
width: 60px;
height: 65px;
background: #fff;
display: inline-flex;
justify-content: center;
align-items: center;
flex-direction: column;
position: absolute;
left: 20px;
top: 20px;
border-radius: 6px;
box-shadow: rgb(0 0 0 / 25%) 0px 4px 4px;
line-height: 1;
}
.news .item-news .date .day {
font-size: 30px;
margin: 5px 0;
}
.news .item-news .meta-post {
margin: 10px 0;
}
.news .item-news .meta-post > span { 
margin: 0 7px;
text-transform: capitalize;
}
.news .item-news .meta-post i {
color: #ff6301;
}
.news .item-news .readmore {
text-transform: uppercase;
margin-top: 20px;
font-weight: bold;
display: inline-block;
color: #ff6301;
}
.news .item-branch {
cursor: revert;
}
#nav-mobile .langswitcher ul li {
border: none;
}
@media screen and (max-width: 1025px) {
.section-banner .title,
.section-banner .subtitle {
line-height: 1.5;
}
#w-82tygje3 #w-mgf77bl7.button-css,
#w-c68ik7mq #w-mgf77bl7.button-css,
#w-gzfu5eou #w-mgf77bl7.button-css {
width: auto;
max-width: 340px;
}
}
@media screen and (max-width: 1200px) {
#w-sneuqu60 #w-mgf77bl7.button-css {
font-size: 25px;
padding: 10px 25px;
}
}
@media screen and (max-width: 1200px) {
#w-sneuqu60 #w-mgf77bl7.button-css {
font-size: 17px;
padding: 10px 25px;
}
}
@media screen and (max-width: 992px) {
.icon-box {
min-height: auto;
}  
.image {
margin-bottom: 30px;
}
.title-section .title-first {
background-size: revert;
}
.title-section .desc {
max-width: 100%;
}
.com-button {
margin-bottom: 50px;
}
.grid-4item {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 768px) {
.section-banner .title {
font-size: 80px;
}
#w-sneuqu60 #w-mgf77bl7.button-css {
font-size: 12px;
padding: 10px 20px;
}
}
@media screen and (max-width: 450px) {
.grid-4item {
grid-template-columns: 1fr;
}
.section-banner .title {
font-size: 45px;
line-height: 1.2;
}
.section-banner .subtitle {
font-size: 20px;
}
.button-css {
font-size: 35px;
}
#w-sneuqu60 .section-banner { }
#w-mgf77bl7.button-css {
margin-bottom: 10px;
}
#w-mgf77bl7.button-css,
#w-isuhdg7s.button-css,
#w-82tygje3 #w-mgf77bl7.button-css,
#w-c68ik7mq #w-mgf77bl7.button-css,
#w-gzfu5eou #w-mgf77bl7.button-css {
width: 100%;
max-width: 100%;
}
#w-sneuqu60 .section-banner .title,
#w-sneuqu60 .section-banner .subtitle {
color: revert;
}
.min-h-500 img {
max-height: 30rem;
}
.home #franchising .form-franchising {
padding-left: 0;
padding-right: 0;
}
.item-info {
margin-top: 20px;
justify-content: flex-start;
}
#w-sneuqu60 #w-mgf77bl7.button-css {
font-size: 10px;
display: inline-block;
width: revert;
position: absolute;
bottom: 27%;
padding: 6px 7px 5px 7px;
}
}
.about .img-container img {
height: auto;
}
body {
font-size: 17px; }
.content {
font-size: 17px; line-height: 1.4; }
.action-container { line-height: 1.5; }
.menu-item {
display: inline-block; white-space: nowrap; padding: 7px 7px; background-color: #FFFFFF; color: #333; text-align: center; border-radius: 5px; text-decoration: none; transition: all 0.3s ease; }
.menu-item:hover {
background-color: #ff6301; color: #fff; }